61 lines
2.5 KiB
Markdown
61 lines
2.5 KiB
Markdown
# 测试方案 — 2026-04-16-20-46-50
|
||
|
||
## 测试目标
|
||
|
||
验证压缩关键帧分辨率/质量后，LocalStorage 不再超限，路由切换后自动/手动关键帧能够正常保留；同时验证存储超限时能在控制台看到错误日志。
|
||
|
||
## 测试环境
|
||
|
||
- 浏览器：Chrome / Edge（推荐开启 DevTools 观察 Console 和 Application > Local Storage）
|
||
- 测试文件：准备一个 1080p 或更高分辨率的 MP4 视频文件（时长 60 秒以上，确保能提取多张关键帧）
|
||
|
||
## 测试用例设计
|
||
|
||
### 用例 1：自动关键帧摘取后切换路由
|
||
|
||
| 步骤 | 操作 | 预期结果 |
|
||
|------|------|---------|
|
||
| 1.1 | 进入 `/report-editor`，上传高清视频 | 视频正常加载 |
|
||
| 1.2 | 点击「自动关键帧摘取」 | 右侧迅速生成 10+ 张关键帧缩略图 |
|
||
| 1.3 | 打开 DevTools > Console | 无 `QuotaExceededError` 报错 |
|
||
| 1.4 | 打开 DevTools > Application > Local Storage | `reportEditorDraft_{username}` 存在且体积明显小于 5MB |
|
||
| 1.5 | 跳转到 `/report-manage`，再返回 `/report-editor` | **所有自动关键帧缩略图完整保留** |
|
||
|
||
### 用例 2：手动截图后切换路由
|
||
|
||
| 步骤 | 操作 | 预期结果 |
|
||
|------|------|---------|
|
||
| 2.1 | 播放视频，在多个时间点点击「手动截图」 | 生成 5 张以上手动截图 |
|
||
| 2.2 | 切换路由后再返回 | **所有手动截图完整保留** |
|
||
|
||
### 用例 3：自动+手动混合场景
|
||
|
||
| 步骤 | 操作 | 预期结果 |
|
||
|------|------|---------|
|
||
| 3.1 | 上传视频，自动摘取 12 张关键帧 | 自动帧正常显示 |
|
||
| 3.2 | 再手动截取 5 张 | 手动帧正常显示 |
|
||
| 3.3 | 切换路由后再返回 | **自动帧和手动帧全部保留** |
|
||
|
||
### 用例 4：图片清晰度验证
|
||
|
||
| 步骤 | 操作 | 预期结果 |
|
||
|------|------|---------|
|
||
| 4.1 | 拖拽一张压缩后的关键帧到 `image-placeholder` | placeholder 中图片清晰可见，无严重马赛克 |
|
||
| 4.2 | 打印预览或放大查看 | 图片质量满足报告使用需求 |
|
||
|
||
## 验收标准
|
||
|
||
- [ ] 高清视频自动摘取 10+ 张关键帧后，LocalStorage 不超限；
|
||
- [ ] 路由切换后，自动关键帧 100% 保留；
|
||
- [ ] 路由切换后，手动截图 100% 保留；
|
||
- [ ] 压缩后的图片清晰度仍满足报告使用；
|
||
- [ ] `storage.ts` 中存储失败时能在 Console 看到错误日志。
|
||
|
||
## 测试方式
|
||
|
||
手工浏览器验证，结合 DevTools 观察 LocalStorage 容量和 Console 日志。
|
||
|
||
---
|
||
|
||
**⚠️ 请审核以上测试方案，确认无误后回复「确认」或提出修改意见，我将进入最终执行阶段。**
|