Mdeical_Sur_Report/工程分析/测试方案-2026-04-16-16-51-00.md

测试方案 — 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. 在项目根目录执行：

   npm run lint
   npm run build
   

预期结果：

• npm run lint 无 TypeScript 编译错误。
• npm run build 构建成功，生成 dist/ 目录。

---

回归验证范围

• SystemSettings.tsx 未被修改，默认模板设置功能保持正常。
• storage.ts 未被修改，localStorage 读写保持正常。
• 报告保存（草稿/完成）功能未被破坏。
• 视频分析面板与编辑器交互保持正常。