55 lines
2.1 KiB
Markdown
55 lines
2.1 KiB
Markdown
# 测试方案 —— 2026-04-18-19-23-31
|
||
|
||
## 测试目标
|
||
验证视频分析模块空白修复和图片占位符自适应逻辑。
|
||
|
||
## 测试用例
|
||
|
||
### TC-1：视频分析模块无视频时显示上传按钮
|
||
**前置条件**：新建报告，切换到「视频分析」Tab，尚未上传任何视频。
|
||
**步骤**：
|
||
1. 点击「视频分析」Tab。
|
||
**预期结果**：
|
||
- 面板显示「上传视频」按钮（缩小版，在水平滚动区域首位）。
|
||
- 面板不显示视频播放器和关键帧区域。
|
||
- 点击上传按钮可正常打开文件选择器。
|
||
|
||
### TC-2：视频分析模块有视频时正常显示
|
||
**前置条件**：已上传至少一个视频。
|
||
**步骤**：
|
||
1. 切换到「视频分析」Tab。
|
||
**预期结果**：
|
||
- 上传按钮和视频缩略图列表均可见。
|
||
- 选中视频后，播放器和关键帧区域正常显示。
|
||
|
||
### TC-3：图片占位符填充后尺寸自适应（小图片）
|
||
**前置条件**：模板中有 200×200 的图片占位符，准备一张 100×80 的小图片。
|
||
**步骤**：
|
||
1. 将小图片插入占位符。
|
||
**预期结果**：
|
||
- 占位符宽度收缩为约 100px，高度收缩为约 80px。
|
||
- 图片靠左上方放置，无多余空白。
|
||
|
||
### TC-4：图片占位符填充后尺寸自适应（大图片）
|
||
**前置条件**：模板中有 200×200 的图片占位符，准备一张 800×600 的大图片。
|
||
**步骤**：
|
||
1. 将大图片插入占位符。
|
||
**预期结果**：
|
||
- 图片等比例缩小，最大不超过 200×200。
|
||
- 占位符宽度收缩为缩小后的图片宽度（≤200px），高度同理。
|
||
- 图片靠左上方放置。
|
||
|
||
### TC-5：Logo 占位符大小保持 65px × 65px
|
||
**前置条件**：默认模板已加载。
|
||
**步骤**：
|
||
1. 检查顶部 Logo 占位符。
|
||
**预期结果**：占位符尺寸为 65px × 65px，不受本次修改影响。
|
||
|
||
## 回归测试
|
||
- 确保视频播放、关键帧摘取、拖拽插入功能正常。
|
||
- 确保 `template-manage` 中的图片占位符同样支持尺寸自适应。
|
||
- 确保打印样式正常，图片不会被截断。
|
||
|
||
## 测试通过标准
|
||
所有用例均通过，无控制台报错，视频模块和图片占位符行为符合预期。
|