|
3 | 3 | * @ai-context: 验证时间轴事件与实时转写按时间戳合并排序的正确性， |
4 | 4 | * 以及空态/实时行渲染。纯 jsdom 渲染，不依赖 Electron。 |
5 | 5 | */ |
6 | | -import { describe, it, expect } from 'vitest'; |
7 | | -import { render, screen } from '@testing-library/react'; |
| 6 | +import { describe, it, expect, vi } from 'vitest'; |
| 7 | +import { render, screen, fireEvent } from '@testing-library/react'; |
8 | 8 | import { UnifiedTimeline } from './UnifiedTimeline'; |
9 | 9 |
|
10 | 10 | const baseBundle = { |
@@ -90,3 +90,99 @@ describe('UnifiedTimeline 合并排序', () => { |
90 | 90 | expect(screen.getByText('正在识别这句…')).toBeTruthy(); |
91 | 91 | }); |
92 | 92 | }); |
| 93 | + |
| 94 | +describe('UnifiedTimeline 批量插入', () => { |
| 95 | + const transcripts = [ |
| 96 | + { id: 't1', text: '原始转写一', timestamp: 6000 }, |
| 97 | + { id: 't2', text: '原始转写二', editedText: '修正后的转写二', timestamp: 12000 }, |
| 98 | + ]; |
| 99 | + |
| 100 | + it('课后（非采集中）展示勾选框与插入笔记操作栏', () => { |
| 101 | + render( |
| 102 | + <UnifiedTimeline bundle={baseBundle} liveTranscripts={transcripts} isActive={false} onInsertToNote={() => {}} />, |
| 103 | + ); |
| 104 | + // 操作栏提示与按钮可见 |
| 105 | + expect(screen.getByText(/勾选转写行后可批量插入笔记/)).toBeTruthy(); |
| 106 | + expect(screen.getByText('插入笔记')).toBeTruthy(); |
| 107 | + }); |
| 108 | + |
| 109 | + it('采集中不展示勾选与插入操作栏（避免干扰实时显示）', () => { |
| 110 | + render( |
| 111 | + <UnifiedTimeline bundle={baseBundle} liveTranscripts={transcripts} isActive onInsertToNote={() => {}} />, |
| 112 | + ); |
| 113 | + expect(screen.queryByText('插入笔记')).toBeNull(); |
| 114 | + }); |
| 115 | + |
| 116 | + it('未提供 onInsertToNote 时不展示插入操作栏', () => { |
| 117 | + render(<UnifiedTimeline bundle={baseBundle} liveTranscripts={transcripts} isActive={false} />); |
| 118 | + expect(screen.queryByText('插入笔记')).toBeNull(); |
| 119 | + }); |
| 120 | + |
| 121 | + it('勾选转写行后插入：拼接带 [HH:MM:SS] 时间戳的 Markdown，修正后文本优先', () => { |
| 122 | + const onInsert = vi.fn(); |
| 123 | + render( |
| 124 | + <UnifiedTimeline bundle={baseBundle} liveTranscripts={transcripts} isActive={false} onInsertToNote={onInsert} />, |
| 125 | + ); |
| 126 | + |
| 127 | + // 勾选两行（行首圆形勾选按钮，title 提示） |
| 128 | + const checkboxes = screen.getAllByTitle('勾选后插入笔记'); |
| 129 | + expect(checkboxes.length).toBe(2); |
| 130 | + fireEvent.click(checkboxes[0]); |
| 131 | + fireEvent.click(checkboxes[1]); |
| 132 | + // 操作栏计数（"已勾选 <strong>N</strong> 句转写"：getByText 只拼直接文本子节点， |
| 133 | + // strong 内数字被丢弃，故直接断言操作栏 DOM 文本） |
| 134 | + const bar = document.querySelector('[class*="border-t"]'); |
| 135 | + expect(bar?.textContent).toContain('已勾选'); |
| 136 | + expect(bar?.textContent).toContain('2'); |
| 137 | + expect(bar?.textContent).toContain('句转写'); |
| 138 | + |
| 139 | + fireEvent.click(screen.getByText('插入笔记')); |
| 140 | + expect(onInsert).toHaveBeenCalledTimes(1); |
| 141 | + |
| 142 | + const markdown = onInsert.mock.calls[0][0] as string; |
| 143 | + // 每行带 [HH:MM:SS] 时间戳前缀，修正后文本优先（t2 用 editedText） |
| 144 | + expect(markdown).toMatch(/^\[\d{2}:\d{2}:\d{2}\] 原始转写一$/m); |
| 145 | + expect(markdown).toMatch(/\[\d{2}:\d{2}:\d{2}\] 修正后的转写二$/m); |
| 146 | + expect(markdown).not.toContain('原始转写二'); |
| 147 | + }); |
| 148 | + |
| 149 | + it('未勾选任何行时插入按钮禁用', () => { |
| 150 | + const onInsert = vi.fn(); |
| 151 | + render( |
| 152 | + <UnifiedTimeline bundle={baseBundle} liveTranscripts={transcripts} isActive={false} onInsertToNote={onInsert} />, |
| 153 | + ); |
| 154 | + const btn = screen.getByText('插入笔记') as HTMLButtonElement; |
| 155 | + expect(btn.disabled).toBe(true); |
| 156 | + }); |
| 157 | + |
| 158 | + it('插入成功后清空勾选（防重复点击重复插入）', () => { |
| 159 | + const onInsert = vi.fn(); |
| 160 | + render( |
| 161 | + <UnifiedTimeline bundle={baseBundle} liveTranscripts={transcripts} isActive={false} onInsertToNote={onInsert} />, |
| 162 | + ); |
| 163 | + fireEvent.click(screen.getAllByTitle('勾选后插入笔记')[0]); |
| 164 | + fireEvent.click(screen.getByText('插入笔记')); |
| 165 | + expect(onInsert).toHaveBeenCalledTimes(1); |
| 166 | + // 勾选已清空：操作栏回到提示态，按钮重新禁用 |
| 167 | + expect(screen.getByText(/勾选转写行后可批量插入笔记/)).toBeTruthy(); |
| 168 | + expect((screen.getByText('插入笔记') as HTMLButtonElement).disabled).toBe(true); |
| 169 | + }); |
| 170 | + |
| 171 | + it('liveTranscripts 截断（FIFO）后失效勾选被清理，计数随之修正', () => { |
| 172 | + const { rerender } = render( |
| 173 | + <UnifiedTimeline bundle={baseBundle} liveTranscripts={transcripts} isActive={false} onInsertToNote={() => {}} />, |
| 174 | + ); |
| 175 | + const boxes = screen.getAllByTitle('勾选后插入笔记'); |
| 176 | + fireEvent.click(boxes[0]); |
| 177 | + fireEvent.click(boxes[1]); |
| 178 | + const bar1 = document.querySelector('[class*="border-t"]'); |
| 179 | + expect(bar1?.textContent).toContain('2'); |
| 180 | + |
| 181 | + // FIFO 截断：t2 被移除 → 失效勾选自动清理，计数降至 1 |
| 182 | + rerender( |
| 183 | + <UnifiedTimeline bundle={baseBundle} liveTranscripts={[transcripts[0]]} isActive={false} onInsertToNote={() => {}} />, |
| 184 | + ); |
| 185 | + const bar2 = document.querySelector('[class*="border-t"]'); |
| 186 | + expect(bar2?.textContent).toContain('1'); |
| 187 | + }); |
| 188 | +}); |
0 commit comments