114 lines
3.4 KiB
Markdown
114 lines
3.4 KiB
Markdown
|
# 图片编辑器 v1.1.0 功能测试报告
|
|||
|
|
|
|||
|
|
**测试时间**: 2026-04-21
|
|||
|
|
**测试人员**: AI Assistant (扣德)
|
|||
|
|
**测试地址**: http://localhost:19018
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## 测试 1: 撤销/恢复功能 ✅ 正常
|
|||
|
|
|
|||
|
|
### 测试步骤
|
|||
|
|
1. 上传图片 (test-red.png)
|
|||
|
|
2. 执行调整大小操作 (100x100)
|
|||
|
|
3. 点击撤销按钮
|
|||
|
|
4. 点击恢复按钮
|
|||
|
|
5. 多步撤销/恢复测试
|
|||
|
|
|
|||
|
|
### 测试结果
|
|||
|
|
| 功能 | 状态 | 说明 |
|
|||
|
|
|------|------|------|
|
|||
|
|
| 操作历史记录 | ✅ 正常 | 每个操作都正确记录在历史中 |
|
|||
|
|
| 撤销按钮 | ✅ 正常 | 点击后正确回退到之前状态 |
|
|||
|
|
| 恢复按钮 | ✅ 正常 | 点击后正确恢复被撤销的操作 |
|
|||
|
|
| 多步撤销 | ✅ 正常 | 可以连续撤销多个操作 |
|
|||
|
|
| 多步恢复 | ✅ 正常 | 可以连续恢复多个操作 |
|
|||
|
|
| 按钮状态 | ✅ 正常 | 撤销/恢复按钮正确显示启用/禁用状态 |
|
|||
|
|
|
|||
|
|
**结论**: 撤销/恢复功能完全正常，用户体验良好。
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## 测试 2: 合并图片顺序调整 ⚠️ 需手动验证
|
|||
|
|
|
|||
|
|
### 测试步骤
|
|||
|
|
1. 上传 3 张不同图片 (红、蓝、绿)
|
|||
|
|
2. 点击"合并图片"
|
|||
|
|
3. 尝试拖拽调整图片顺序
|
|||
|
|
4. 执行合并
|
|||
|
|
|
|||
|
|
### 测试结果
|
|||
|
|
| 功能 | 状态 | 说明 |
|
|||
|
|
|------|------|------|
|
|||
|
|
| 合并界面显示 | ✅ 正常 | 正确显示所有图片和拖拽提示 |
|
|||
|
|
| 图片列表展示 | ✅ 正常 | 三张图片正确显示 |
|
|||
|
|
| 拖拽交互 | ⚠️ 未验证 | Headless 环境无法可靠测试拖拽功能 |
|
|||
|
|
| 默认顺序合并 | ✅ 正常 | 未调整顺序时合并结果正确 |
|
|||
|
|
|
|||
|
|
**结论**: 需要用户在有界面的浏览器环境中手动测试拖拽调整顺序功能。
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## 测试 3: 合并图片尺寸自定义 ❌ 发现 BUG
|
|||
|
|
|
|||
|
|
### 测试 3a: 统一尺寸功能 ✅ 正常
|
|||
|
|
|
|||
|
|
### 测试步骤
|
|||
|
|
1. 上传 3 张不同尺寸图片 (300x150, 150x300, 200x200)
|
|||
|
|
2. 点击"合并图片"
|
|||
|
|
3. 勾选"统一尺寸"
|
|||
|
|
4. 设置统一尺寸为 100x100
|
|||
|
|
5. 执行合并
|
|||
|
|
|
|||
|
|
### 测试结果
|
|||
|
|
- **合并后尺寸**: 300×100 ✅ 正确
|
|||
|
|
- **预期**: 100 + 100 + 100 = 300 宽度，100 高度
|
|||
|
|
|
|||
|
|
**结论**: 统一尺寸功能正常工作。
|
|||
|
|
|
|||
|
|
### 测试 3b: 单独设置尺寸功能 ❌ 有 BUG
|
|||
|
|
|
|||
|
|
### 测试步骤
|
|||
|
|
1. 上传 3 张不同尺寸图片 (300x150, 150x300, 200x200)
|
|||
|
|
2. 点击"合并图片"
|
|||
|
|
3. 取消勾选"统一尺寸"
|
|||
|
|
4. 单独设置每张图片尺寸:
|
|||
|
|
- yellow: 150x100
|
|||
|
|
- purple: 100x150
|
|||
|
|
- red: 200x200
|
|||
|
|
5. 执行合并
|
|||
|
|
|
|||
|
|
### 测试结果
|
|||
|
|
- **合并后尺寸**: 900×300 ❌ 错误
|
|||
|
|
- **预期尺寸**: 450×200 (150+100+200 宽度，最大高度 200)
|
|||
|
|
|
|||
|
|
### BUG 详情
|
|||
|
|
**问题**: 取消"统一尺寸"后，单独设置每张图片的尺寸值不生效，合并时仍然使用原始尺寸。
|
|||
|
|
|
|||
|
|
**可能原因**:
|
|||
|
|
1. 输入框的值没有被正确读取
|
|||
|
|
2. 合并逻辑没有处理单独尺寸设置
|
|||
|
|
3. 数据绑定问题 - input 事件没有触发正确的状态更新
|
|||
|
|
|
|||
|
|
**建议修复**:
|
|||
|
|
检查合并函数中是否正确读取了每张图片的单独尺寸设置值。
|
|||
|
|
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## 整体评价
|
|||
|
|
|
|||
|
|
### 功能状态汇总
|
|||
|
|
| 功能模块 | 状态 | 评分 |
|
|||
|
|
|----------|------|------|
|
|||
|
|
| 撤销/恢复 | ✅ 正常 | 95/100 |
|
|||
|
|
| 合并顺序调整 | ⚠️ 待验证 | N/A |
|
|||
|
|
| 统一尺寸合并 | ✅ 正常 | 90/100 |
|
|||
|
|
| 单独尺寸合并 | ❌ BUG | 0/100 |
|
|||
|
|
|
|||
|
|
### 建议
|
|||
|
|
1. **紧急修复**: 单独设置尺寸功能需要修复 BUG
|
|||
|
|
2. **测试建议**: 在真实浏览器环境中手动测试拖拽功能
|
|||
|
|
3. **用户体验**: 撤销/恢复功能设计良好，操作历史清晰可见
|
|||
|
|
|
|||
|
|
### 总体评分
|
|||
|
|
**75/100** - 核心撤销恢复功能正常，但尺寸自定义功能存在明显缺陷。
|