feat: 完成 UI 基础层与核心页面迁移

2026-08-21 21:47:00 +08:00 · 2026-08-19 17:43:07 +08:00
parent a72ae49e2c
commit e9cc996ebb
62 changed files with 4279 additions and 5178 deletions
@@ -0,0 +1,78 @@
+import { fireEvent, render, screen } from '@testing-library/react'
+import userEvent from '@testing-library/user-event'
+import { describe, expect, it, vi } from 'vitest'
+import {
+  AISearchComposer,
+  type AISearchComposerProps
+} from '../../src/renderer/src/components/search/AISearchComposer'
+
+const renderComposer = (
+  overrides: Partial<AISearchComposerProps> = {}
+): { props: AISearchComposerProps } => {
+  const props: AISearchComposerProps = {
+    query: '当前问题',
+    sourceLabel: '所有聊天记录',
+    rangeLabel: '近 30 天',
+    history: ['历史问题一'],
+    historyOpen: false,
+    loading: false,
+    knowledgeSyncing: false,
+    onQueryChange: vi.fn(),
+    onHistoryOpenChange: vi.fn(),
+    onRestoreHistory: vi.fn(),
+    onRemoveHistory: vi.fn(),
+    onSubmit: vi.fn(),
+    onCancel: vi.fn(),
+    ...overrides
+  }
+  render(<AISearchComposer {...props} />)
+  return { props }
+}
+
+describe('AISearchComposer', () => {
+  it('submits with the form or Enter while preserving Shift+Enter and IME composition', async () => {
+    const user = userEvent.setup()
+    const { props } = renderComposer()
+    const textbox = screen.getByRole('textbox')
+
+    await user.click(screen.getByRole('button', { name: /开始分析/ }))
+    expect(props.onSubmit).toHaveBeenCalledOnce()
+
+    fireEvent.keyDown(textbox, { key: 'Enter' })
+    expect(props.onSubmit).toHaveBeenCalledTimes(2)
+
+    fireEvent.keyDown(textbox, { key: 'Enter', shiftKey: true })
+    fireEvent.keyDown(textbox, { key: 'Enter', isComposing: true })
+    expect(props.onSubmit).toHaveBeenCalledTimes(2)
+  })
+
+  it('updates the controlled query and routes loading cancellation', async () => {
+    const user = userEvent.setup()
+    const { props } = renderComposer({ loading: true })
+
+    await user.type(screen.getByRole('textbox'), '新')
+    expect(props.onQueryChange).toHaveBeenCalled()
+    await user.click(screen.getByRole('button', { name: /取消分析/ }))
+    expect(props.onCancel).toHaveBeenCalledOnce()
+    expect(props.onSubmit).not.toHaveBeenCalled()
+  })
+
+  it('routes history restore, delete, and close interactions', async () => {
+    const user = userEvent.setup()
+    const { props } = renderComposer({ historyOpen: true })
+
+    await user.click(screen.getByRole('button', { name: '历史问题一' }))
+    expect(props.onRestoreHistory).toHaveBeenCalledWith('历史问题一')
+
+    await user.click(screen.getByRole('button', { name: '删除历史问题：历史问题一' }))
+    expect(props.onRemoveHistory).toHaveBeenCalledWith('历史问题一')
+
+    await user.click(screen.getByRole('button', { name: '关闭历史提问' }))
+    expect(props.onHistoryOpenChange).toHaveBeenCalledWith(false)
+  })
+
+  it('disables submission while Knowledge is syncing', () => {
+    renderComposer({ knowledgeSyncing: true })
+    expect(screen.getByRole('button', { name: /同步中，暂不可分析/ })).toBeDisabled()
+  })
+})