418 lines
10 KiB
Markdown
418 lines
10 KiB
Markdown
# 游戏功能重构测试指南
|
||
|
||
## 测试准备
|
||
|
||
### 1. 启动应用
|
||
```bash
|
||
npm run dev
|
||
# 或
|
||
npm run start
|
||
```
|
||
|
||
### 2. 登录并选择Token
|
||
- 进入Token管理页面
|
||
- 选择一个有效的Token
|
||
- 等待WebSocket连接成功（显示"已连接"）
|
||
|
||
### 3. 进入游戏功能页面
|
||
- 导航栏点击"游戏功能"
|
||
- 确认看到身份牌和三个标签页
|
||
|
||
---
|
||
|
||
## 详细测试步骤
|
||
|
||
### 一、基础UI测试
|
||
|
||
#### 1.1 标签页布局
|
||
- [ ] 确认看到三个标签页：每日、俱乐部、活动
|
||
- [ ] 确认身份牌在标签页上方常驻显示
|
||
- [ ] 点击每个标签页，确认能正常切换
|
||
- [ ] 确认切换时有平滑动画效果
|
||
|
||
#### 1.2 响应式测试
|
||
- [ ] 桌面端（>1024px）：卡片以网格形式展示，每行2-3个
|
||
- [ ] 平板端（768-1024px）：卡片以网格形式展示，每行1-2个
|
||
- [ ] 移动端（<768px）：卡片单列垂直排列
|
||
- [ ] 调整浏览器窗口大小，确认布局自适应
|
||
|
||
#### 1.3 主题测试
|
||
- [ ] 切换到深色主题，确认所有卡片正常显示
|
||
- [ ] 切换回浅色主题，确认所有卡片正常显示
|
||
- [ ] 确认按钮和文字在两种主题下都清晰可读
|
||
|
||
---
|
||
|
||
### 二、【每日】标签页功能测试
|
||
|
||
#### 2.1 队伍阵容（TeamStatus）
|
||
**测试步骤**:
|
||
1. 点击"每日"标签页
|
||
2. 找到"队伍阵容"卡片
|
||
3. 查看当前阵容显示是否正确
|
||
4. 点击阵容切换按钮（1、2、3、4）
|
||
5. 点击刷新按钮
|
||
|
||
**预期结果**:
|
||
- [ ] 当前阵容编号正确显示
|
||
- [ ] 英雄头像和名称正确显示
|
||
- [ ] 切换阵容后，英雄列表更新
|
||
- [ ] 刷新按钮有旋转动画
|
||
|
||
#### 2.2 每日任务（DailyTaskStatus）
|
||
**测试步骤**:
|
||
1. 查看每日任务卡片
|
||
2. 检查任务列表显示
|
||
3. 查看完成状态标识
|
||
|
||
**预期结果**:
|
||
- [ ] 任务列表正确显示
|
||
- [ ] 完成/未完成状态正确
|
||
- [ ] 进度条准确反映进度
|
||
|
||
#### 2.3 咸将塔（TowerStatus）
|
||
**测试步骤**:
|
||
1. 查看咸将塔卡片
|
||
2. 检查当前层数显示（如：5-3）
|
||
3. 检查剩余体力显示
|
||
4. 点击"开始爬塔"按钮
|
||
|
||
**预期结果**:
|
||
- [ ] 当前层数格式正确（floor-layer）
|
||
- [ ] 剩余体力数值正确
|
||
- [ ] 体力不足时按钮禁用
|
||
- [ ] 点击后显示"爬塔中..."
|
||
- [ ] 爬塔完成后层数更新
|
||
|
||
#### 2.4 挂机时间（HangUpStatus）★新组件
|
||
**测试步骤**:
|
||
1. 查看挂机时间卡片
|
||
2. 检查剩余时间倒计时（格式：HH:MM:SS）
|
||
3. 检查已挂机时间显示
|
||
4. 点击"加钟"按钮
|
||
5. 点击"领取奖励"按钮
|
||
|
||
**预期结果**:
|
||
- [ ] 倒计时每秒更新
|
||
- [ ] 时间格式正确（00:00:00）
|
||
- [ ] 加钟按钮点击后显示"加钟中..."
|
||
- [ ] 加钟完成后剩余时间增加
|
||
- [ ] 领取按钮点击后显示"领取中..."
|
||
- [ ] 领取完成后显示成功消息
|
||
|
||
#### 2.5 咸鱼大冲关（StudyStatus）★新组件
|
||
**测试步骤**:
|
||
1. 查看咸鱼大冲关卡片
|
||
2. 检查完成状态（已完成/待完成）
|
||
3. 点击"🎯 一键答题"按钮
|
||
4. 观察答题进度显示
|
||
|
||
**预期结果**:
|
||
- [ ] 状态标识正确（每周任务）
|
||
- [ ] 已完成时显示"✅ 已完成无需作答"
|
||
- [ ] 未完成时显示"🎯 一键答题"
|
||
- [ ] 答题中显示进度（如：答题中 5/10）
|
||
- [ ] 答题完成后状态更新为已完成
|
||
|
||
#### 2.6 盐罐机器人（BottleHelperStatus）★新组件
|
||
**测试步骤**:
|
||
1. 查看盐罐机器人卡片
|
||
2. 检查运行状态（运行中/已停止）
|
||
3. 检查剩余时间倒计时
|
||
4. 点击"启动服务"或"重启服务"按钮
|
||
|
||
**预期结果**:
|
||
- [ ] 运行状态正确显示
|
||
- [ ] 倒计时每秒更新
|
||
- [ ] 点击按钮后显示操作消息
|
||
- [ ] 操作完成后状态更新
|
||
|
||
---
|
||
|
||
### 三、【俱乐部】标签页功能测试
|
||
|
||
#### 3.1 俱乐部签到（LegionSigninStatus）★新组件
|
||
**测试步骤**:
|
||
1. 点击"俱乐部"标签页
|
||
2. 查看俱乐部签到卡片
|
||
3. 检查签到状态（已签到/待签到）
|
||
4. 查看当前俱乐部名称
|
||
5. 点击"立即签到"按钮
|
||
|
||
**预期结果**:
|
||
- [ ] 签到状态正确显示
|
||
- [ ] 俱乐部名称正确显示
|
||
- [ ] 已签到时按钮禁用
|
||
- [ ] 点击签到后显示操作消息
|
||
- [ ] 签到完成后状态更新为"已签到"
|
||
|
||
#### 3.2 俱乐部赛车（CarManagement）
|
||
**测试步骤**:
|
||
1. 查看俱乐部赛车卡片
|
||
2. 测试赛车相关功能
|
||
|
||
**预期结果**:
|
||
- [ ] 赛车信息正确显示
|
||
- [ ] 相关操作按钮正常工作
|
||
|
||
#### 3.3 俱乐部信息（ClubInfo）
|
||
**测试步骤**:
|
||
1. 查看俱乐部信息卡片
|
||
2. 切换子标签页（概览、成员、盐场战绩）
|
||
3. 点击刷新按钮
|
||
|
||
**预期结果**:
|
||
- [ ] 俱乐部概览信息正确（战力、段位、成员数等）
|
||
- [ ] 成员列表正确显示（按战力排序）
|
||
- [ ] 盐场战绩正常显示
|
||
- [ ] 刷新按钮正常工作
|
||
|
||
#### 3.4 俱乐部排位（LegionMatchStatus）★新组件
|
||
**测试步骤**:
|
||
1. 查看俱乐部排位卡片
|
||
2. 检查报名状态（已报名/未报名）
|
||
3. 阅读赛事说明
|
||
4. 点击"立即报名"按钮
|
||
|
||
**预期结果**:
|
||
- [ ] 报名状态正确显示
|
||
- [ ] 赛事说明清晰（周三周四周五）
|
||
- [ ] 已报名时按钮禁用
|
||
- [ ] 点击报名后显示操作消息
|
||
- [ ] 报名完成后状态更新
|
||
|
||
---
|
||
|
||
### 四、【活动】标签页功能测试
|
||
|
||
#### 4.1 月度任务（MonthlyTaskStatus）★新组件
|
||
**测试步骤**:
|
||
1. 点击"活动"标签页
|
||
2. 查看月度任务卡片
|
||
3. 检查剩余天数显示
|
||
4. 查看钓鱼进度和百分比
|
||
5. 查看竞技场进度和百分比
|
||
6. 点击"刷新进度"按钮
|
||
7. 点击"钓鱼补齐"按钮
|
||
8. 点击"钓鱼补齐"右侧下拉菜单，选择"一键完成"
|
||
9. 点击"竞技场补齐"按钮
|
||
10. 点击"竞技场补齐"右侧下拉菜单，选择"一键完成"
|
||
|
||
**预期结果**:
|
||
- [ ] 剩余天数正确显示
|
||
- [ ] 钓鱼进度格式正确（如：100/320 (31%)）
|
||
- [ ] 竞技场进度格式正确（如：50/240 (20%)）
|
||
- [ ] 刷新按钮点击后显示"刷新中..."
|
||
- [ ] 刷新完成后进度更新
|
||
- [ ] 补齐按钮点击后显示"补齐中..."
|
||
- [ ] 补齐过程中显示提示消息（如：检测到免费次数、开始付费补齐等）
|
||
- [ ] 补齐完成后显示成功消息
|
||
- [ ] 一键完成功能正常工作
|
||
- [ ] 补齐规则说明清晰易懂
|
||
|
||
#### 4.2 咸将升级模块（UpgradeModule）
|
||
**测试步骤**:
|
||
1. 查看咸将升级模块卡片
|
||
2. 设置升星次数
|
||
3. 设置图鉴升级次数
|
||
4. 勾选/取消"领取图鉴奖励"
|
||
5. 设置领取奖励次数
|
||
6. 点击"开始升级"按钮
|
||
7. 观察进度条和当前操作提示
|
||
|
||
**预期结果**:
|
||
- [ ] 配置项输入正常
|
||
- [ ] 进度条实时更新
|
||
- [ ] 当前操作提示准确（咸将升星中/图鉴升级中/领取奖励中）
|
||
- [ ] 升级完成后显示成功消息
|
||
|
||
---
|
||
|
||
### 五、WebSocket 通信测试
|
||
|
||
#### 5.1 命令发送
|
||
- [ ] 每个按钮点击后都能正常发送命令
|
||
- [ ] 浏览器控制台无错误信息
|
||
- [ ] 命令参数正确
|
||
|
||
#### 5.2 响应处理
|
||
- [ ] 服务器响应正常接收
|
||
- [ ] 数据正确更新到界面
|
||
- [ ] 状态实时刷新
|
||
|
||
#### 5.3 连接状态
|
||
- [ ] 连接断开时功能被禁用
|
||
- [ ] 重新连接后功能恢复
|
||
- [ ] 连接状态显示准确
|
||
|
||
---
|
||
|
||
### 六、错误处理测试
|
||
|
||
#### 6.1 无Token情况
|
||
- [ ] 未选择Token时，显示警告消息
|
||
- [ ] 提示用户选择Token
|
||
|
||
#### 6.2 WebSocket未连接
|
||
- [ ] 未连接时，显示错误消息
|
||
- [ ] 提示用户等待连接
|
||
|
||
#### 6.3 请求超时
|
||
- [ ] 请求超时时显示友好提示
|
||
- [ ] 不影响其他功能使用
|
||
|
||
#### 6.4 服务器错误
|
||
- [ ] 服务器返回错误时显示错误消息
|
||
- [ ] 用户可以重试操作
|
||
|
||
---
|
||
|
||
### 七、性能测试
|
||
|
||
#### 7.1 首屏加载
|
||
- [ ] 页面加载速度正常（<3秒）
|
||
- [ ] 无明显卡顿
|
||
|
||
#### 7.2 标签页切换
|
||
- [ ] 标签页切换流畅
|
||
- [ ] 切换动画不卡顿
|
||
|
||
#### 7.3 数据更新
|
||
- [ ] 倒计时流畅（1秒间隔准确）
|
||
- [ ] 进度条更新流畅
|
||
- [ ] 批量操作不阻塞UI
|
||
|
||
---
|
||
|
||
### 八、浏览器兼容性测试
|
||
|
||
测试浏览器：
|
||
- [ ] Chrome/Edge (最新版)
|
||
- [ ] Firefox (最新版)
|
||
- [ ] Safari (最新版，Mac/iOS)
|
||
- [ ] 移动浏览器（Chrome/Safari）
|
||
|
||
---
|
||
|
||
### 九、常见问题排查
|
||
|
||
#### 问题1：标签页无法切换
|
||
**可能原因**:
|
||
- Naive UI 未正确安装
|
||
- n-tabs 组件导入错误
|
||
|
||
**解决方案**:
|
||
```bash
|
||
npm install naive-ui
|
||
```
|
||
|
||
#### 问题2：新组件不显示
|
||
**可能原因**:
|
||
- 组件未正确导入
|
||
- 组件路径错误
|
||
|
||
**解决方案**:
|
||
检查 GameStatus.vue 中的 import 语句
|
||
|
||
#### 问题3：倒计时不更新
|
||
**可能原因**:
|
||
- 定时器未启动
|
||
- 组件未挂载
|
||
|
||
**解决方案**:
|
||
检查组件的 onMounted 和 startTimer 方法
|
||
|
||
#### 问题4：WebSocket命令无响应
|
||
**可能原因**:
|
||
- Token无效
|
||
- WebSocket连接断开
|
||
- 服务器未响应
|
||
|
||
**解决方案**:
|
||
1. 检查Token是否有效
|
||
2. 检查WebSocket连接状态
|
||
3. 查看浏览器控制台Network标签
|
||
|
||
#### 问题5：月度任务补齐失败
|
||
**可能原因**:
|
||
- 资源不足（钓鱼券、竞技场次数）
|
||
- 网络超时
|
||
- 服务器限制
|
||
|
||
**解决方案**:
|
||
1. 检查游戏内资源是否充足
|
||
2. 增加超时时间
|
||
3. 分批执行
|
||
|
||
---
|
||
|
||
### 十、测试报告模板
|
||
|
||
测试完成后，请填写以下报告：
|
||
|
||
#### 测试基本信息
|
||
- 测试时间：____年__月__日
|
||
- 测试人员：________
|
||
- 测试环境：________(浏览器/操作系统)
|
||
- 测试版本：________
|
||
|
||
#### 测试结果汇总
|
||
- 总测试项：____
|
||
- 通过项：____
|
||
- 失败项：____
|
||
- 阻塞项：____
|
||
|
||
#### 发现的问题
|
||
| 序号 | 问题描述 | 严重级别 | 复现步骤 | 预期结果 | 实际结果 | 状态 |
|
||
|-----|---------|---------|---------|---------|---------|------|
|
||
| 1 | | 高/中/低 | | | | 待修复/已修复 |
|
||
| 2 | | | | | | |
|
||
|
||
#### 改进建议
|
||
1.
|
||
2.
|
||
3.
|
||
|
||
#### 测试结论
|
||
- [ ] 通过，可以发布
|
||
- [ ] 有问题，需要修复
|
||
- [ ] 阻塞，暂不能发布
|
||
|
||
---
|
||
|
||
## 自动化测试（可选）
|
||
|
||
如果需要编写自动化测试，可以使用以下框架：
|
||
|
||
### 单元测试（Vitest）
|
||
```bash
|
||
npm install -D vitest @vue/test-utils
|
||
```
|
||
|
||
### E2E测试（Playwright）
|
||
```bash
|
||
npm install -D @playwright/test
|
||
```
|
||
|
||
---
|
||
|
||
## 测试通过标准
|
||
|
||
满足以下所有条件即视为测试通过：
|
||
|
||
1. ✅ 所有功能正常工作，无明显bug
|
||
2. ✅ UI显示正常，无布局错乱
|
||
3. ✅ 响应式布局在所有设备上正常
|
||
4. ✅ WebSocket通信正常
|
||
5. ✅ 错误处理完善，有友好提示
|
||
6. ✅ 性能流畅，无明显卡顿
|
||
7. ✅ 浏览器兼容性良好
|
||
8. ✅ 深色主题支持正常
|
||
|
||
---
|
||
|
||
## 结论
|
||
|
||
本测试指南涵盖了游戏功能重构后的所有测试场景。建议按照以上步骤逐项测试，确保所有功能在新布局下正常工作。测试过程中发现的问题应及时记录并修复。
|
||
|