81 lines
3.6 KiB
Markdown
81 lines
3.6 KiB
Markdown
# 测试方案 — 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 | 离开并返回 | 页面无崩溃，状态与模板切换后一致 |
|
||
|
||
## 验收标准
|
||
|
||
- [ ] 用例 1：基本信息和编辑器内容在路由切换后 100% 保留；
|
||
- [ ] 用例 2：视频列表和关键帧在路由切换后 100% 保留；
|
||
- [ ] 用例 3：拖拽到 placeholder 的图片在路由切换后 100% 保留；
|
||
- [ ] 用例 4：编辑已有报告保存后重新编辑，数据完整无丢失；
|
||
- [ ] 用例 5：多次快速切换路由后，数据不丢失、不异常变空；
|
||
- [ ] 用例 6：模板切换行为未被意外改变，页面无崩溃。
|
||
|
||
## 测试方式
|
||
|
||
手工浏览器验证。
|
||
|
||
---
|
||
|
||
**⚠️ 请审核以上测试方案，确认无误后回复「确认」或提出修改意见，我将进入最终执行阶段。**
|