test: 补齐关键路径交互式集成测试

2026-08-27 22:25:59 +08:00
parent c898c0a8c7
commit b96cad9683
4 changed files with 446 additions and 0 deletions
@@ -0,0 +1,127 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { flushPromises, mount } from '@vue/test-utils'
+import ElementPlus, { ElMessage } from 'element-plus'
+import { createMemoryHistory, createRouter } from 'vue-router'
+import ReviewRecall from '@/components/ReviewRecall.vue'
+import {
+  getStandardMindMap,
+  listRecallRecords,
+  recallCompare,
+} from '@/api/standardMindMap'
+
+vi.mock('@/api/standardMindMap', () => ({
+  findNode: vi.fn(),
+  getStandardMindMap: vi.fn(),
+  listRecallRecords: vi.fn(),
+  recallCompare: vi.fn(),
+  regenerateStandardMindMap: vi.fn(),
+  updateStandardMindMap: vi.fn(),
+}))
+
+const ok = (data: any = null) => ({ code: 200, message: '请求成功', data })
+
+const standardMap = {
+  id: 1,
+  taskNum: 'T001',
+  title: '测试任务',
+  content: JSON.stringify({ title: '根主题', children: [{ title: '子节点' }] }),
+  outline: '根主题\n- 子节点',
+  summary: '',
+  generator: 'AI',
+  sourceReportCount: 1,
+}
+
+/** MindMapViewer 依赖 mind-elixir（无法在 jsdom 运行），用可编程 stub 模拟导出的大纲 */
+const toOutline = vi.fn((): string => '根主题\n- 子节点')
+const MindMapViewerStub = {
+  name: 'MindMapViewerStub',
+  props: ['modelValue', 'nodeSelectable', 'colorByCompare', 'readonly'],
+  template: '<div class="mindmap-stub" />',
+  methods: { toOutline },
+}
+
+/**
+ * 交互式集成测试：真实挂载 ReviewRecall，
+ * 点击“提交对比”模拟回忆对比流，断言 API 参数与对比结果渲染。
+ */
+describe('ReviewRecall 交互流程（集成）', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+    localStorage.clear()
+    localStorage.setItem('isLoggedIn', 'true')
+
+    vi.mocked(getStandardMindMap).mockResolvedValue(ok(standardMap))
+    vi.mocked(listRecallRecords).mockResolvedValue(
+      ok([
+        {
+          id: 11,
+          taskNum: 'T001',
+          standardMapId: 1,
+          recallContent: '根主题',
+          compareResult: JSON.stringify({
+            matchedTree: { title: '根主题', children: [] },
+            recallRatio: 0.6,
+            matchedCount: 3,
+            missedCount: 2,
+            extraCount: 0,
+          }),
+          recallRatio: 0.6,
+          matchedCount: 3,
+          missedCount: 2,
+          extraCount: 0,
+          createdTime: '2026-08-27 10:00:00',
+        },
+      ]),
+    )
+    vi.mocked(recallCompare).mockResolvedValue(ok(standardMap))
+  })
+
+  const mountPage = async () => {
+    const router = createRouter({
+      history: createMemoryHistory(),
+      routes: [{ path: '/review/recall/:taskNum', component: ReviewRecall, meta: { wide: true } }],
+    })
+    await router.push('/review/recall/T001')
+    await router.isReady()
+
+    const wrapper = mount(ReviewRecall, {
+      global: {
+        plugins: [ElementPlus, router],
+        stubs: { ElTag: true, MindMapViewer: MindMapViewerStub },
+      },
+    })
+    await flushPromises()
+    return { wrapper }
+  }
+
+  it('加载后展示标准导图标题，点击“提交对比”调用对比接口并渲染结果', async () => {
+    const { wrapper } = await mountPage()
+    // 默认折叠标准导图（防剧透），回忆面板可见
+    expect(wrapper.text()).toContain('你的回忆')
+    const submit = wrapper.findAll('button').find((b) => b.text().trim() === '提交对比')!
+    expect(submit).toBeTruthy()
+    await submit.trigger('click')
+    await flushPromises()
+    await flushPromises()
+
+    expect(recallCompare).toHaveBeenCalledWith('T001', '根主题\n- 子节点', undefined)
+    expect(ElMessage.success).toHaveBeenCalledWith('回忆对比完成')
+    // 对比完成后出现“清空重写”入口（v-if=hasCompared）
+    expect(wrapper.findAll('button').some((b) => b.text().trim() === '清空重写')).toBe(true)
+    wrapper.unmount()
+  })
+
+  it('回忆导图内容为单行时点击“提交对比”，提示先添加节点且不调接口', async () => {
+    const { wrapper } = await mountPage()
+    toOutline.mockReturnValue('只有一个根')
+
+    const submit = wrapper.findAll('button').find((b) => b.text().trim() === '提交对比')!
+    await submit.trigger('click')
+    await flushPromises()
+
+    const { ElMessage: Msg } = await import('element-plus')
+    expect(Msg.warning).toHaveBeenCalledWith('请先在回忆导图中添加节点（选中节点后按 Tab 加子节点）')
+    expect(recallCompare).not.toHaveBeenCalled()
+    wrapper.unmount()
+  })
+})