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,70 @@
+import { render, screen } from '@testing-library/react'
+import userEvent from '@testing-library/user-event'
+import { describe, expect, it, vi } from 'vitest'
+import { AISearchEvidencePanel } from '../../src/renderer/src/components/search/AISearchEvidencePanel'
+import type { EvidenceItem } from '../../src/renderer/src/components/search/searchTypes'
+import { makeCacheRecord, makePipelineEvidence } from './support/ai-search-fixtures'
+
+const evidence = makeCacheRecord({
+  query: '证据测试',
+  evidence: [makePipelineEvidence(1)]
+}).evidence as EvidenceItem[]
+
+const renderPanel = (
+  overrides: Partial<React.ComponentProps<typeof AISearchEvidencePanel>> = {}
+): React.ComponentProps<typeof AISearchEvidencePanel> => {
+  const props: React.ComponentProps<typeof AISearchEvidencePanel> = {
+    evidence,
+    collectionCount: 2,
+    selectedEvidence: 0,
+    evidenceFlash: { index: -1, nonce: 0 },
+    senderNames: { 'sender-1': '发送者 1' },
+    hasMoreEvidence: true,
+    onFocusEvidence: vi.fn(),
+    onJumpToEvidence: vi.fn(),
+    onLoadMoreEvidence: vi.fn(),
+    setEvidenceCardRef: vi.fn(),
+    ...overrides
+  }
+  render(<AISearchEvidencePanel {...props} />)
+  return props
+}
+
+describe('AISearchEvidencePanel', () => {
+  it('renders stable Evidence labels and routes focus, jump, and load-more callbacks', async () => {
+    const user = userEvent.setup()
+    const props = renderPanel()
+
+    expect(screen.getByText('1/2 条样本')).toBeVisible()
+    expect(screen.getByText(/E1 · 发送者 1/)).toBeVisible()
+    expect(screen.getByText('证据 1')).toBeVisible()
+
+    await user.click(screen.getByRole('button', { name: '选择证据 E1，发送者 1' }))
+    expect(props.onFocusEvidence).toHaveBeenCalledWith(0)
+
+    await user.click(screen.getByRole('button', { name: '跳转到原聊天 ↗' }))
+    expect(props.onJumpToEvidence).toHaveBeenCalledWith(0)
+
+    await user.click(screen.getByRole('button', { name: '加载更多证据' }))
+    expect(props.onLoadMoreEvidence).toHaveBeenCalledOnce()
+  })
+
+  it('supports keyboard focus selection and the focus-flash state', async () => {
+    const user = userEvent.setup()
+    const props = renderPanel({ evidenceFlash: { index: 0, nonce: 1 } })
+    const card = screen.getByText(/E1 · 发送者 1/).closest('article')
+    const selection = screen.getByRole('button', { name: '选择证据 E1，发送者 1' })
+
+    expect(card).toHaveClass('ai-search-evidence-focus-flash')
+    selection.focus()
+    await user.keyboard('{Enter}')
+    expect(props.onFocusEvidence).toHaveBeenCalledWith(0)
+  })
+
+  it('uses the shared EmptyState when no Evidence is visible', () => {
+    renderPanel({ evidence: [], collectionCount: 0, hasMoreEvidence: false })
+
+    expect(screen.getByText('等待检索结果')).toBeVisible()
+    expect(screen.queryByRole('button', { name: '加载更多证据' })).not.toBeInTheDocument()
+  })
+})