# 测试方案 — 2026-04-16-16-51-00 ## 测试环境准备 1. 确保项目依赖已安装:`npm install` 已完成。 2. 使用测试账号 `admin / 123456`(超级管理员)登录系统。 3. 在 **系统设置** 页面中,确认 **图文报告生成默认模板** 已设置为 **"腹腔镜胆囊切除术报告"**。 --- ## 测试项清单 ### 测试项 1:新建报告时正确加载默认模板 **测试步骤**: 1. 登录后,点击左侧菜单 **"图文报告生成"**(`/report-editor`,无 `id` 参数)。 2. 观察页面顶部 **"当前模板(及重置模板):"** 下拉框显示内容。 3. 观察中间编辑区域(`editor-content-wrapper print-wrapper`)是否有模板内容。 **预期结果**: - 顶部模板选择器显示 **"腹腔镜胆囊切除术报告"**(或用户设置的默认模板名称),而非"无"。 - 编辑区域显示该模板的完整 HTML 内容(包含标题、表格、图片占位符等),不是纯白色空白。 --- ### 测试项 2:从其他页面返回后未编辑不显示空白 **测试步骤**: 1. 在 **工作台**(`/dashboard`)页面停留。 2. 通过左侧菜单再次进入 **"图文报告生成"**。 3. 不要输入任何内容,直接再切回 **工作台**,然后再切回 **"图文报告生成"**。 **预期结果**: - 每次进入 `/report-editor`,编辑区域都应正确显示默认模板内容。 - 不会出现白色空白页面。 --- ### 测试项 3:编辑已有报告时不被空白草稿覆盖 **测试步骤**: 1. 进入 **报告管理**,打开一份已有内容的报告进行编辑(URL 带有 `?id=xxx`)。 2. 不要做任何修改,直接刷新浏览器页面。 **预期结果**: - 页面加载后显示该报告原有的完整内容,不会被空白草稿覆盖为默认模板。 --- ### 测试项 4:有效草稿恢复后模板选择器显示正确 **测试步骤**: 1. 进入 **"图文报告生成"**,确认已加载默认模板。 2. 在编辑器中随意输入几个字(确保内容非空)。 3. 切到 **工作台**,再切回 **"图文报告生成"**。 **预期结果**: - 编辑器恢复刚才输入的内容。 - 顶部模板选择器仍显示 **"腹腔镜胆囊切除术报告"**(因为草稿中已保存 `loadedTemplateId`)。 --- ### 测试项 5:构建与类型检查回归 **测试步骤**: 1. 在项目根目录执行: ```bash npm run lint npm run build ``` **预期结果**: - `npm run lint` 无 TypeScript 编译错误。 - `npm run build` 构建成功,生成 `dist/` 目录。 --- ## 回归验证范围 - [ ] `SystemSettings.tsx` 未被修改,默认模板设置功能保持正常。 - [ ] `storage.ts` 未被修改,localStorage 读写保持正常。 - [ ] 报告保存(草稿/完成)功能未被破坏。 - [ ] 视频分析面板与编辑器交互保持正常。