5分钟带你上手微信小程序测试（新手友好版）

admin管理员组

文章数量:1130349

一、测试准备：3件必做之事

1. 安装微信开发者工具
   → 官网下载：https://developers.weixin.qq/miniprogram/dev/devtools/download.html
   安装后扫码登录，就像登录微信PC版

2. 打开测试小程序

   开发者工具 → 项目 → 导入项目 → 选择小程序代码文件夹
   

3. 开启调试模式
   在代码任意位置添加：

   // app.js 中加入
   wx.setEnableDebug({
     enableDebug: true  // 开启vConsole调试面板
   })
   

---

二、基础功能测试（新手必做3项）

1. 页面跳转测试

// 测试按钮是否能跳转到购物车页
Page({
  goToCart() {
    wx.navigateTo({
      url: '/pages/cart/index',  // 检查这个路径是否正确
      success: () => console.log('跳转成功！'), // 开发者工具看输出
      fail: (err) => console.error('跳转失败：', err)
    })
  }
})

操作验证：
① 点击页面按钮
② 观察开发者工具控制台是否打印跳转成功！
③ 实际页面是否切换

2. 授权登录测试

// 测试微信登录功能
wx.login({
  success: (res) => {
    if (res.code) {
      console.log('获取临时code:', res.code) // 成功！
    } else {
      console.error('登录失败:', res.errMsg) // 失败原因
    }
  }
})

常见问题处理：
🔴 获取不到code → 检查AppID配置（开发者工具右上角详情）
🟡 用户拒绝授权 → 在开发者工具点击「模拟操作」→「拒绝授权」

3. 数据加载测试

// 测试商品列表加载
wx.request({
  url: 'https://your-api/products',
  success: (res) => {
    console.log('商品数据:', res.data)
    this.setData({ products: res.data }) // 数据绑定到页面
  },
  fail: (err) => console.error('请求失败:', err)
})

验证方法：
① 打开调试器→Network标签
② 查看请求是否发出
③ 检查页面是否显示数据

---

三、真机测试（必须验证！）

为什么重要：开发者工具≠真实手机环境！

操作步骤：

1. 点击开发者工具右上角 「预览」

2. 扫码后在手机上测试
   重点检查：

   • 页面布局是否错乱
   • 按钮点击是否响应
   • 支付/定位等手机特有功能

3. 遇到问题如何调试：
   摇一摇手机 → 打开「调试」→ 电脑开发者工具自动显示手机日志

---

四、性能优化检测（避免卡顿）

1. 查看性能面板

开发者工具 → Audits → 点击「开始」  

2. 重点关注三项指标：

指标	合格标准	优化方法
首次渲染时间	<800ms	减少首页图片/视频数量
脚本执行时间	<500ms	拆分大型JS文件
内存占用	<100MB	及时清理未使用的定时器

---

五、常见问题速查表

问题现象	解决方案
页面白屏	检查app.json页面路径是否正确
请求接口报403	配置服务器域名（后台→开发设置）
真机无法定位	手机设置→权限管理→开启位置权限
支付按钮点击无反应	检查商户号绑定和证书上传

---

六、自动化测试示例（可选）

用Minium框架自动点击按钮：

# 安装：pip install minium
import minium

class Test(minium.MiniTest):
    def test_click_button(self):
        # 查找"立即购买"按钮并点击
        self.app.navigate_to("/pages/goods")  # 跳转到商品页
        buy_button = self.page.get_element("text=立即购买")
        buy_button.click()  # 自动点击
        print("已自动触发购买操作!")

运行命令：minitest -m test_example.py

---

终极建议：分步测试路线

1. 先在开发者工具测基本功能
2. 用预览模式在真机跑核心流程（登录/支付/下单）
3. 发布前用体验版让同事扫码测试（开发者工具→上传→生成体验版二维码）

官方文档入口：开发者工具 → 帮助 → 文档中心

一、测试准备：3件必做之事

1. 安装微信开发者工具
   → 官网下载：https://developers.weixin.qq/miniprogram/dev/devtools/download.html
   安装后扫码登录，就像登录微信PC版

2. 打开测试小程序

   开发者工具 → 项目 → 导入项目 → 选择小程序代码文件夹
   

3. 开启调试模式
   在代码任意位置添加：

   // app.js 中加入
   wx.setEnableDebug({
     enableDebug: true  // 开启vConsole调试面板
   })
   

---

二、基础功能测试（新手必做3项）

1. 页面跳转测试

// 测试按钮是否能跳转到购物车页
Page({
  goToCart() {
    wx.navigateTo({
      url: '/pages/cart/index',  // 检查这个路径是否正确
      success: () => console.log('跳转成功！'), // 开发者工具看输出
      fail: (err) => console.error('跳转失败：', err)
    })
  }
})

操作验证：
① 点击页面按钮
② 观察开发者工具控制台是否打印跳转成功！
③ 实际页面是否切换

2. 授权登录测试

// 测试微信登录功能
wx.login({
  success: (res) => {
    if (res.code) {
      console.log('获取临时code:', res.code) // 成功！
    } else {
      console.error('登录失败:', res.errMsg) // 失败原因
    }
  }
})

常见问题处理：
🔴 获取不到code → 检查AppID配置（开发者工具右上角详情）
🟡 用户拒绝授权 → 在开发者工具点击「模拟操作」→「拒绝授权」

3. 数据加载测试

// 测试商品列表加载
wx.request({
  url: 'https://your-api/products',
  success: (res) => {
    console.log('商品数据:', res.data)
    this.setData({ products: res.data }) // 数据绑定到页面
  },
  fail: (err) => console.error('请求失败:', err)
})

验证方法：
① 打开调试器→Network标签
② 查看请求是否发出
③ 检查页面是否显示数据

---

三、真机测试（必须验证！）

为什么重要：开发者工具≠真实手机环境！

操作步骤：

1. 点击开发者工具右上角 「预览」

2. 扫码后在手机上测试
   重点检查：

   • 页面布局是否错乱
   • 按钮点击是否响应
   • 支付/定位等手机特有功能

3. 遇到问题如何调试：
   摇一摇手机 → 打开「调试」→ 电脑开发者工具自动显示手机日志

---

四、性能优化检测（避免卡顿）

1. 查看性能面板

开发者工具 → Audits → 点击「开始」  

2. 重点关注三项指标：

指标	合格标准	优化方法
首次渲染时间	<800ms	减少首页图片/视频数量
脚本执行时间	<500ms	拆分大型JS文件
内存占用	<100MB	及时清理未使用的定时器

---

五、常见问题速查表

问题现象	解决方案
页面白屏	检查app.json页面路径是否正确
请求接口报403	配置服务器域名（后台→开发设置）
真机无法定位	手机设置→权限管理→开启位置权限
支付按钮点击无反应	检查商户号绑定和证书上传

---

六、自动化测试示例（可选）

用Minium框架自动点击按钮：

# 安装：pip install minium
import minium

class Test(minium.MiniTest):
    def test_click_button(self):
        # 查找"立即购买"按钮并点击
        self.app.navigate_to("/pages/goods")  # 跳转到商品页
        buy_button = self.page.get_element("text=立即购买")
        buy_button.click()  # 自动点击
        print("已自动触发购买操作!")

运行命令：minitest -m test_example.py

---

终极建议：分步测试路线

1. 先在开发者工具测基本功能
2. 用预览模式在真机跑核心流程（登录/支付/下单）
3. 发布前用体验版让同事扫码测试（开发者工具→上传→生成体验版二维码）

官方文档入口：开发者工具 → 帮助 → 文档中心

本文标签： 上手带你友好新手测试