2.9 KiB
2.9 KiB
分享功能测试指南
🧪 测试步骤
1. 准备测试环境
- 确保项目已正确编译
- 在微信开发者工具中打开项目
- 导航到房源详情页面
2. 测试复制链接功能
步骤:
- 在房源详情页面点击"分享"按钮
- 在分享弹窗中选择"复制链接"
- 检查是否显示"链接复制成功"提示
预期结果:
- 显示成功提示
- 剪贴板中包含房源信息和链接
3. 测试生成海报功能
步骤:
- 在房源详情页面点击"分享"按钮
- 在分享弹窗中选择"生成海报"
- 等待海报生成完成
- 检查海报是否正确显示
- 点击"保存海报图"按钮
预期结果:
- 海报弹窗正常显示
- 海报图片为房源的第一张图片
- 保存功能正常工作
4. 测试微信分享功能
步骤:
- 在房源详情页面点击"分享"按钮
- 选择"发送给微信好友"或"分享到朋友圈"
- 检查是否显示相应的提示
预期结果:
- 显示"请点击右上角分享"提示
- 全局分享数据已正确设置
🔍 调试信息
检查控制台输出
如果遇到问题,请检查控制台是否有以下错误:
TypeError: app.apiCall is not a function- 应该已修复SettingModel.h5Url is not a function- 复制链接会降级处理- 其他网络相关错误
检查数据状态
在分享前确认以下数据:
// 在控制台中检查
console.log('房源信息:', this.form)
console.log('图片列表:', this.swiperList)
console.log('分享标题:', this.shareTitle)
console.log('分享图片:', this.shareImageUrl)
console.log('海报API:', this.posterApiCall)
🐛 常见问题及解决方案
1. 海报生成失败
可能原因:
- 房源没有图片
- 网络连接问题
解决方案:
- 检查房源是否有图片
- 确保网络连接正常
- 查看控制台错误信息
2. 复制链接失败
可能原因:
- 剪贴板权限问题
- H5地址获取失败
解决方案:
- 已实现降级处理,会使用页面路径
- 检查用户是否授权剪贴板权限
3. 微信分享无效
可能原因:
- 全局分享数据未正确设置
- 小程序分享配置问题
解决方案:
- 检查
uni.$u.mpShare是否正确设置 - 确认小程序分享权限配置
✅ 测试检查清单
- 分享按钮正常显示
- 分享弹窗正常打开
- 复制链接功能正常
- 生成海报功能正常
- 海报保存功能正常
- 微信分享提示正常
- 无控制台错误
- 分享数据正确设置
📝 测试报告模板
测试环境:
- 设备:[设备型号]
- 系统:[操作系统版本]
- 微信版本:[微信版本]
- 开发者工具版本:[版本号]
测试结果:
- 复制链接:✅/❌
- 生成海报:✅/❌
- 保存海报:✅/❌
- 微信分享:✅/❌
问题描述: [如有问题,请详细描述]
错误信息: [如有错误,请提供控制台输出]