195 lines
5.0 KiB
Markdown
195 lines
5.0 KiB
Markdown
# 赛程编排界面测试指南
|
|
|
|
## 测试前准备
|
|
|
|
### 1. 启动前端服务
|
|
```bash
|
|
cd D:\workspace\31.比赛项目\project\martial-web
|
|
npm run dev
|
|
```
|
|
|
|
访问地址: http://localhost:5173 (或控制台显示的端口)
|
|
|
|
### 2. 确认后端服务运行
|
|
- 后端地址: http://localhost:8123
|
|
- 确认赛事ID: 200 (或其他已有赛程数据的赛事)
|
|
|
|
## 测试场景
|
|
|
|
### 场景1: 竞赛分组Tab界面测试
|
|
|
|
#### 测试步骤
|
|
1. 进入赛程编排页面
|
|
2. 确认默认显示"竞赛分组"Tab
|
|
3. 检查时间段选择器显示是否正确
|
|
4. 点击不同时间段按钮,观察分组数据是否正确切换
|
|
|
|
#### 预期结果
|
|
✅ 分组显示为紧凑列表格式
|
|
✅ 每个分组标题格式: "序号. 项目名称 [类型标签] 队伍数 人数 编号"
|
|
✅ 集体项目子项格式: "序号. 单位名称 [场地标签]"
|
|
✅ 个人项目子项格式: "序号. 单位-姓名 [场地标签]"
|
|
✅ 场地标签显示为小标签(如"场A场")
|
|
✅ 时间段切换时数据正确过滤
|
|
|
|
#### 对比参考图片
|
|
- 参考图片: `doc/image/订单管理页面/微信图片_20251127165909_228_2.png`
|
|
- 检查点:
|
|
- 布局是否紧凑
|
|
- 序号是否显示
|
|
- 场地标签是否内联显示
|
|
- 颜色样式是否协调
|
|
|
|
### 场景2: 场地Tab界面测试
|
|
|
|
#### 测试步骤
|
|
1. 点击"场地"Tab切换
|
|
2. 确认显示时间段选择器
|
|
3. 观察场地分区是否正确显示
|
|
4. 检查每个场地的标题样式
|
|
5. 检查每个场地的表格内容
|
|
6. 点击不同时间段,观察各场地表格数据变化
|
|
|
|
#### 预期结果
|
|
✅ 显示多个场地分区(一号场地、二号场地等)
|
|
✅ 每个场地标题有蓝色背景
|
|
✅ 每个场地显示独立的表格
|
|
✅ 表格列包含: 序号、项目、单人/集体、队伍、组数、合并场、序号
|
|
✅ "单人/集体"列显示带颜色的标签
|
|
✅ 集体项目按单位展开为多行
|
|
✅ 个人项目整个分组显示为一行
|
|
✅ 时间段切换时表格数据正确过滤
|
|
✅ 某场地无数据时显示空数据提示
|
|
|
|
#### 对比参考图片
|
|
- 参考图片: `doc/image/订单管理页面/微信图片_20251127165915_229_2.png`
|
|
- 检查点:
|
|
- 场地分区是否清晰
|
|
- 场地标题样式是否匹配(蓝色背景)
|
|
- 表格列是否对齐
|
|
- 表格边框是否显示
|
|
- 数据是否正确填充
|
|
|
|
### 场景3: 数据过滤测试
|
|
|
|
#### 测试步骤
|
|
1. 在"竞赛分组"Tab选择不同时间段
|
|
2. 记录显示的分组数量
|
|
3. 切换到"场地"Tab
|
|
4. 确认相同时间段,各场地表格数据总和与竞赛分组数量一致
|
|
5. 切换不同时间段,重复验证
|
|
|
|
#### 预期结果
|
|
✅ 两个Tab的时间段选择器状态保持同步
|
|
✅ 同一时间段,两个Tab显示的数据应该对应
|
|
✅ 数据过滤准确,无遗漏或重复
|
|
|
|
### 场景4: 空数据测试
|
|
|
|
#### 测试步骤
|
|
1. 选择一个没有赛程的时间段
|
|
2. 观察"竞赛分组"Tab显示
|
|
3. 观察"场地"Tab显示
|
|
|
|
#### 预期结果
|
|
✅ "竞赛分组"Tab显示空数据提示
|
|
✅ "场地"Tab各场地显示空数据提示
|
|
✅ 空数据提示美观清晰
|
|
|
|
### 场景5: 大数据量测试
|
|
|
|
#### 测试步骤
|
|
1. 使用有大量参赛者的赛事(如测试赛事ID: 200, 1000人)
|
|
2. 检查页面加载速度
|
|
3. 检查表格滚动是否流畅
|
|
4. 检查数据显示是否完整
|
|
|
|
#### 预期结果
|
|
✅ 页面加载无明显卡顿
|
|
✅ 表格滚动流畅
|
|
✅ 所有数据正确显示
|
|
✅ 序号连续无跳号
|
|
|
|
### 场景6: 功能按钮测试
|
|
|
|
#### 测试步骤
|
|
1. 点击"刷新"按钮
|
|
2. 点击"保存编排"按钮(如果状态允许)
|
|
3. 观察状态标签变化
|
|
|
|
#### 预期结果
|
|
✅ 刷新按钮正常工作
|
|
✅ 保存按钮正常工作
|
|
✅ 状态标签正确显示(未编排/编排中/已锁定)
|
|
|
|
## 兼容性测试
|
|
|
|
### 浏览器测试
|
|
- [ ] Chrome (最新版)
|
|
- [ ] Edge (最新版)
|
|
- [ ] Firefox (最新版)
|
|
|
|
### 分辨率测试
|
|
- [ ] 1920x1080
|
|
- [ ] 1366x768
|
|
- [ ] 1280x720
|
|
|
|
## 问题记录
|
|
|
|
### 界面问题
|
|
| 序号 | 问题描述 | 严重程度 | 截图 | 状态 |
|
|
|------|----------|----------|------|------|
|
|
| 1 | | | | |
|
|
|
|
### 数据问题
|
|
| 序号 | 问题描述 | 严重程度 | 截图 | 状态 |
|
|
|------|----------|----------|------|------|
|
|
| 1 | | | | |
|
|
|
|
### 功能问题
|
|
| 序号 | 问题描述 | 严重程度 | 截图 | 状态 |
|
|
|------|----------|----------|------|------|
|
|
| 1 | | | | |
|
|
|
|
## 性能指标
|
|
|
|
### 页面加载
|
|
- [ ] 初始加载时间 < 2秒
|
|
- [ ] Tab切换响应 < 500毫秒
|
|
- [ ] 时间段切换响应 < 500毫秒
|
|
|
|
### 数据渲染
|
|
- [ ] 100人以下: 即时渲染
|
|
- [ ] 100-500人: < 1秒
|
|
- [ ] 500-1000人: < 2秒
|
|
- [ ] 1000人以上: < 3秒
|
|
|
|
## 验收标准
|
|
|
|
### 必须满足
|
|
✅ 界面布局与参考图片一致
|
|
✅ 所有功能正常工作
|
|
✅ 数据显示准确无误
|
|
✅ 无明显性能问题
|
|
✅ 无控制台错误
|
|
|
|
### 建议满足
|
|
✅ 页面加载流畅
|
|
✅ 动画过渡自然
|
|
✅ 空数据提示友好
|
|
✅ 多浏览器兼容
|
|
|
|
## 测试完成确认
|
|
|
|
- [ ] 所有测试场景已执行
|
|
- [ ] 所有问题已记录
|
|
- [ ] 严重问题已修复
|
|
- [ ] 功能验收通过
|
|
- [ ] 界面验收通过
|
|
|
|
---
|
|
|
|
**测试人员**: _____________
|
|
**测试日期**: _____________
|
|
**测试版本**: _____________
|