71 lines
2.2 KiB
Markdown
71 lines
2.2 KiB
Markdown
# 调试页面使用说明
|
||
|
||
## 硬编码评论测试页面 (hardcoded-comment-test)
|
||
|
||
### 页面路径
|
||
`pages/debug/hardcoded-comment-test`
|
||
|
||
### 功能说明
|
||
这个页面用于测试和调试评论相关功能，特别是商品ID验证逻辑。
|
||
|
||
### 主要功能
|
||
|
||
#### 1. 商品ID验证测试
|
||
- **输入框测试**: 可以手动输入任意商品ID进行验证测试
|
||
- **快速测试按钮**: 提供常见的测试用例
|
||
- 正常ID(1): 测试正常的正整数
|
||
- 零值(0): 测试零值是否被正确处理
|
||
- 空字符串: 测试空值情况
|
||
- 非数字(abc): 测试非数字字符串
|
||
- 负数(-1): 测试负数情况
|
||
- 小数(1.5): 测试小数情况
|
||
|
||
#### 2. 测试结果显示
|
||
- 显示每次测试的详细结果
|
||
- 包含测试时间、输入值、成功/失败状态
|
||
- 成功时显示返回的数据
|
||
- 失败时显示具体错误信息
|
||
|
||
#### 3. 评论组件显示测试
|
||
- 可以切换"有评论"和"无评论"模式
|
||
- 验证评论组件的显示逻辑
|
||
- 显示硬编码的评论数据用于UI测试
|
||
|
||
### 使用方法
|
||
|
||
1. 在微信开发者工具中打开小程序
|
||
2. 在控制台中输入以下代码跳转到调试页面：
|
||
```javascript
|
||
wx.navigateTo({
|
||
url: '/pages/debug/hardcoded-comment-test'
|
||
})
|
||
```
|
||
3. 或者在任意页面的JS文件中添加跳转代码
|
||
|
||
### 测试建议
|
||
|
||
1. **基础验证测试**: 使用快速测试按钮测试所有预设场景
|
||
2. **边界值测试**: 测试特殊值如 "0", "", "null", "undefined"
|
||
3. **类型测试**: 测试不同数据类型的输入
|
||
4. **观察日志**: 在开发者工具控制台查看详细的调试日志
|
||
|
||
### 调试日志说明
|
||
|
||
页面会在控制台输出详细的调试信息：
|
||
- `[调试页面]` 前缀: 调试页面相关日志
|
||
- `[fetchCommentsCount]` 前缀: 评论统计服务相关日志
|
||
- `[fetchComments]` 前缀: 评论列表服务相关日志
|
||
|
||
### 常见问题排查
|
||
|
||
1. **"商品ID必须是有效的正整数"错误**:
|
||
- 检查传入的productId值和类型
|
||
- 确认验证逻辑是否正确处理各种输入情况
|
||
|
||
2. **页面无法加载**:
|
||
- 确认页面已在app.json中注册
|
||
- 检查文件路径是否正确
|
||
|
||
3. **测试结果不显示**:
|
||
- 检查控制台是否有JavaScript错误
|
||
- 确认服务文件路径是否正确 |