微信小程序测试

一、小程序产品的版本类型和环境类型

小程序分为三个版本类型：开发版、体验版、正式版

我们在测试时候一般会准备三套环境

1、开发版本： 对应开发、测试环境

2、体验版本：对应预发布环境

3、正式版本：对应生产环境

二、小程序测试时环境准备

1、安装微信web开发者工具，登陆（微信扫码）

2、导入项目（项目路径+项目名称+AppID）

 

 指定小程序代码路径，测试人员可问开发（如果有Jenkins，也可以直接在Jenkins上拉取已编译代码）

三、微信web开发者工具常用操作

1、设置代理（如果我们要使用抓包进行接口测试，那么就要设置代理）

 

 2、编译

如果测试阶段，开发进行了缺陷修复，那么需要拉取代码后重新编译

页面入口还没有实现，但又需要及时测试；编译模式 --> 新增模式 --> 指定页面，编译时选择自定义编译模式进入到指定页面

  3、清缓存（如果测试时候有缓存，那么我们可以清除缓存，也可以清除登陆状态）

4、选择不同屏幕的模拟机，支持选择wifi、4G等网络环境下测试

5。远程调试

点击远程调试之后，等待设备接入调试，待微信扫一扫进入之后，进入远程调试状态，这个功能能够方便开发定位不同型号手机上出现的问题。

6、切换账号

7、调试器辅助测试

整体上，调试工具分为 7 大功能模块：Wxml、Console、Sources、Network、Appdata、Storage、Sensor、Trace

1、console下跟chrome基本一致，查看控制台报错信息

2、network，查看页面请求、响应值

3、wxml跟chrome的element基本一致，这里是 wxml 转化后的界面，可以看到真实的页面结构。我们可以通过修改一些参数值来测试字符串过长、过短、截断、为空等问题

4、Appdata是页面的动态数据，是接口返回的请求值，我们可以通过修改appdata的值来伪造接口返回，他能实时的反馈到界面上显示，能节省很多QA造数据的时间。

 

5、source是用于当前项目的脚本文件的，可用于断点调试，精准提bug

6、storage 用于显示当前项目的一些数据存储的信息，比如我们显示的是登录认证的openId来伪造假的登录数据来参与下单等操作，验证服务端是否会返回正确的响应。

8、 常用操作键

• 新建项目：Ctr+Shift+N
• 保存：Ctr+S
• 关闭文件：Ctr+W
• 搜索：Ctr+F
• 刷新：Ctr+R
• 编译：Ctr+B
• 预览：Ctr+Shift+P
• 清除缓存

四、小程序如何测试

一、功能性测试

1）按功能模块测试
根据设计好的各个大类功能模块划分，然后再逐级细化，覆盖到每个功能尽可能全面的测试点
2）按业务流程测试
小程序的业务，比如首页、商品列表、商品详情、加入购物车、生成订单、订单列表。把各个功能点串联起来形成完整的业务流程来检查；同一个业务，可能有不能的路径来实现，每个路径都需要覆盖检查
3）按数据流向测试
根据数据从某一端操作输入和输出流向，设计基于数据流的测试用例，输出的数据也可能成为另外一端的输入，检查输入的数据是否按照代码逻辑执行正确的输出，是否数据发生异常（无法输入；有输入却无任何输出；输出不正确；多余的输出其他信息...）
4）同一功能不同的入口有效性的检查
小程序中在首页、列表页、详细页、其他的业务功能相关页面，都有可能存在同一个功能的入口

5）未授权用户操作有效性检查

加入购物车、收藏必须登录，点击加入购物车未登录时候先授权登录，登录成功后可加入购物车、收藏

二、小程序专项测试

1、权限测试

需要检查以下几种情况下微信用户访问的权限
1）未授权微信登录小程序
未授权时，一般使用一些业务功能的时候，都会弹出提醒：先授权再操作对应功能。or在提交数据到后台的时候，会提示补充相关身份信息才能提交成功
2）已授权微信登录小程序
授权微信访问小程序，意味着自己的微信账号可被小程序管理方所获取，自动以微信的身份行使业务操作权限，比如咨询、支付、数据查询等
3）同一微信号在不同手机端登录授权查看数据权限
同一微信号在不同手机微信端授权登录同一小程序之后，所能查看的数据和操作的权限都应该是同步一致的

4）重新授权

2、微信交互测试

支付 -- 微信支付（零钱、银行卡）

卡包、钱包  -----优惠券用来抵扣

分享可以成功（企业微信、朋友圈、个人、群）

4、小程序入口

二维码、发现、我的小程序、搜索小程序、分享后点击

三、易用性测试

1、UI测试

美观度、字体大小、字体格式、按钮布局、界面交互

2、导航

导航条标签文字、导航

3、字体、图片、视频、轮播图、封面图效果

4、功能层级

整理如下