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