128 lines
4.3 KiB
TypeScript
128 lines
4.3 KiB
TypeScript
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()
|
||
})
|
||
})
|