Files
aishangjia-uniapp/测试分享功能.md

2.9 KiB
Raw Permalink Blame History

分享功能测试指南

🧪 测试步骤

1. 准备测试环境

  1. 确保项目已正确编译
  2. 在微信开发者工具中打开项目
  3. 导航到房源详情页面

2. 测试复制链接功能

步骤

  1. 在房源详情页面点击"分享"按钮
  2. 在分享弹窗中选择"复制链接"
  3. 检查是否显示"链接复制成功"提示

预期结果

  • 显示成功提示
  • 剪贴板中包含房源信息和链接

3. 测试生成海报功能

步骤

  1. 在房源详情页面点击"分享"按钮
  2. 在分享弹窗中选择"生成海报"
  3. 等待海报生成完成
  4. 检查海报是否正确显示
  5. 点击"保存海报图"按钮

预期结果

  • 海报弹窗正常显示
  • 海报图片为房源的第一张图片
  • 保存功能正常工作

4. 测试微信分享功能

步骤

  1. 在房源详情页面点击"分享"按钮
  2. 选择"发送给微信好友"或"分享到朋友圈"
  3. 检查是否显示相应的提示

预期结果

  • 显示"请点击右上角分享"提示
  • 全局分享数据已正确设置

🔍 调试信息

检查控制台输出

如果遇到问题,请检查控制台是否有以下错误:

  • 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 是否正确设置
  • 确认小程序分享权限配置

测试检查清单

  • 分享按钮正常显示
  • 分享弹窗正常打开
  • 复制链接功能正常
  • 生成海报功能正常
  • 海报保存功能正常
  • 微信分享提示正常
  • 无控制台错误
  • 分享数据正确设置

📝 测试报告模板

测试环境

  • 设备:[设备型号]
  • 系统:[操作系统版本]
  • 微信版本:[微信版本]
  • 开发者工具版本:[版本号]

测试结果

  • 复制链接:/
  • 生成海报:/
  • 保存海报:/
  • 微信分享:/

问题描述 [如有问题,请详细描述]

错误信息 [如有错误,请提供控制台输出]