测试方案 — 2026-04-16-19-28-04
测试目标
彻底验证路由切换后，报告编辑器内容、基本信息、视频列表、关键帧截图在任何场景下均不再丢失。
测试环境
- 浏览器：Chrome / Edge
- 前置条件：已登录系统，localStorage 中有当前用户信息
- 测试文件：准备一个时长超过 30 秒的 MP4 视频文件
测试用例设计
用例 1：新建报告 — 填写基本信息后切换路由
| 步骤 |
操作 |
预期结果 |
| 1.1 |
进入 /report-editor（不带 ?id） |
页面正常加载默认模板 |
| 1.2 |
填写患者姓名、住院号、科室 |
输入内容保留在表单中 |
| 1.3 |
在编辑器中输入文字 |
编辑器内容正常显示 |
| 1.4 |
跳转到 /report-manage，再返回 /report-editor |
基本信息和编辑器内容均完整保留 |
用例 2：新建报告 — 上传视频 + 自动关键帧后切换路由
| 步骤 |
操作 |
预期结果 |
| 2.1 |
在 /report-editor 中上传视频 |
视频出现在右侧列表 |
| 2.2 |
点击「自动关键帧摘取」 |
右侧出现多张关键帧缩略图 |
| 2.3 |
手动截取 2 张截图 |
手动截图出现在右侧 |
| 2.4 |
跳转到 /report-manage，再返回 /report-editor |
视频列表、自动关键帧、手动截图全部保留 |
用例 3：新建报告 — 拖拽图片到 placeholder 后切换路由
| 步骤 |
操作 |
预期结果 |
| 3.1 |
插入 image-placeholder，拖拽一张关键帧到其中 |
placeholder 显示图片 |
| 3.2 |
跳转到 /report-manage，再返回 /report-editor |
placeholder 中的图片保留，右侧关键帧列表也保留 |
用例 4：编辑已有报告 — 修改后保存并重新编辑
| 步骤 |
操作 |
预期结果 |
| 4.1 |
从 /report-manage 编辑已有报告 |
/report-editor?id=xxx 正常加载 |
| 4.2 |
修改患者姓名，上传视频，自动摘取关键帧 |
所有数据正常显示 |
| 4.3 |
点击「保存草稿」 |
提示保存成功 |
| 4.4 |
离开并重新进入 /report-editor?id=xxx |
修改后的所有数据完整恢复 |
用例 5：边界 — 多次快速路由切换
| 步骤 |
操作 |
预期结果 |
| 5.1 |
完成用例 2 和 3 的所有操作 |
数据正常 |
| 5.2 |
连续快速切换 /report-editor ↔ /report-manage 3 次以上 |
最终返回时没有任何数据丢失或变空 |
| 5.3 |
检查 localStorage reportEditorDraft_{username} |
draft 中 reportData、videos、capturedFrames、content 均非空 |
用例 6：回归 — 模板切换后行为正常
| 步骤 |
操作 |
预期结果 |
| 6.1 |
在 /report-editor 中上传视频并截取若干帧 |
数据正常 |
| 6.2 |
切换模板 |
编辑器内容重置，基本信息清空（现有预期行为） |
| 6.3 |
离开并返回 |
页面无崩溃，状态与模板切换后一致 |
验收标准
测试方式
手工浏览器验证。
⚠️ 请审核以上测试方案，确认无误后回复「确认」或提出修改意见，我将进入最终执行阶段。
