feat(web): export the session log from the trajectory toolbar

The 导出 button fetches GET /api/session.export and saves the ZIP (root artifact plus subagent descendants). The plugin exposes exportLog through the view's inject face, resolves the tab label through the locale service, and disables the button while in flight; fixture mode answers 404 so the error bar explains the gap.
2026-08-10 17:47:49 +08:00
parent ded90bffba
commit 9574a99f45
18 changed files with 369 additions and 10 deletions
@@ -0,0 +1,55 @@
+// @vitest-environment jsdom
+/** Trajectory toolbar export button: click dispatch, in-flight disable, and error surfacing. */
+
+import { afterEach, describe, expect, it, vi } from 'vitest'
+import { cleanup, fireEvent, render, screen } from '@testing-library/react'
+import { TrajectoryToolbar, type TrajectoryToolbarProps } from '../src/client/TrajectoryToolbar.tsx'
+
+afterEach(() => {
+  cleanup()
+  vi.restoreAllMocks()
+})
+
+function baseProps(overrides: Partial<TrajectoryToolbarProps> = {}): TrajectoryToolbarProps {
+  return {
+    actualDuration: false,
+    onActualDurationChange: vi.fn(),
+    actualTime: false,
+    onActualTimeChange: vi.fn(),
+    allTurnsCollapsed: false,
+    onToggleAllTurns: vi.fn(),
+    allAssistantsCollapsed: false,
+    onToggleAllAssistants: vi.fn(),
+    searchQuery: '',
+    onSearchQueryChange: vi.fn(),
+    exporting: false,
+    onExport: vi.fn(),
+    exportError: null,
+    ...overrides,
+  }
+}
+
+describe('TrajectoryToolbar export', () => {
+  it('renders the export button and dispatches the export callback on click', () => {
+    const onExport = vi.fn()
+    render(<TrajectoryToolbar {...baseProps({ onExport })} />)
+    const button = screen.getByRole('button', { name: '导出会话日志' })
+    fireEvent.click(button)
+    expect(onExport).toHaveBeenCalledTimes(1)
+  })
+
+  it('disables the button while an export is in flight and blocks dispatch', () => {
+    const onExport = vi.fn()
+    render(<TrajectoryToolbar {...baseProps({ exporting: true, onExport })} />)
+    const button = screen.getByRole('button', { name: '导出会话日志' }) as HTMLButtonElement
+    expect(button.disabled).toBe(true)
+    fireEvent.click(button)
+    expect(onExport).not.toHaveBeenCalled()
+  })
+
+  it('surfaces an export failure as the button title', () => {
+    render(<TrajectoryToolbar {...baseProps({ exportError: '导出失败：internal boom' })} />)
+    const button = screen.getByRole('button', { name: '导出会话日志' })
+    expect(button.title).toBe('导出失败：internal boom')
+  })
+})