2.5 KiB
2.5 KiB
测试方案 — 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 日志。
⚠️ 请审核以上测试方案，确认无误后回复「确认」或提出修改意见，我将进入最终执行阶段。