微信小程序相关整理-测试

小程序测试

开发小程序流程

目录

小程序测试

小程序流程

小程序框架

小程序运行环境

小程序测试整理

---

小程序测试需要预先了解小程序的开发流程、小程序架构、小程序的载体等内容方可更好的开展测试，制定合理的测试计划、测试策略、测试范围。

小程序开发流程

• 1、申请账号。在微信注册一个企业版小程序账号（有公众号可在公众号直接申请小程序账号，申请关联）
• 2、搭建服务器。租用服务器（一般阿里/腾讯），申请域名并备案，域名需要支持https
• 3、根据需求设计开始开发-》部署-》测试。。。 
• 4、提交小程序到微信审核-》发布-》推广

小程序框架

整个小程序框架系统分为两部分：逻辑层（App Service）和 视图层（View）。逻辑层由js编写；视图层由 WXML 和 WXSS编写，通过事件系统使得视图层与逻辑层间进行交互。

 

小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。

一个小程序主体部分有以下文件（全局配置）

 

文件类型	作用	描述
app.json	小程序公共配置	小程序的所有页面路径、界面表现、网络超时时间、底部 tab等都会配置于此
app.xss	小程序公共样式文件
app.js	小程序的逻辑文件

 

一个小程序页面一般由以下文件组成

文件类型	作用	描述
json	对应页面配置
wxml	对应页面结构	类似于网页编程的HTML
wxss	对应页面样式	类型于网页编程的CSS
js	对应页面逻辑	js逻辑交互

小程序运行环境

微信小程序在微信客户端运行。需要关注小程序在不同的载体特性下的真实表现。

 

平台	逻辑层js运行	视图层渲染	描述
iOS（iPhone/iPad）	JavaScriptCore	WKWebView
Android	V8	由自研 XWeb 引擎基于 Mobile Chrome 内核来渲染
PC	Chrome 内核	Chrome 内核
Mac	JavaScriptCore	WKWebView

 

一般关注比较多的是iOS和Android

//V8是用C ++编写的Google开源高性能JavaScript和WebAssembly引擎

小程序测试整理

小程序类型

开发版
    无需审核，需要在后台给访问者的微信号配置权限，通过小程序码才能访问；且小程序码的有效期比较短
        一般对应访问测试环境
体验版
    无需审核，需要在后台给访问者的微信号配置权限，通过小程序码才能访问；小程序码的有效期比较长
        一般对应访问测试环境或预发布环境。测试人员使用体验版做全量测试
正式版
    需要通过微信的审核才可正常使用。审核通过，发布之后，在微信可通过搜索查看到小程序来访问；有可通过扫描小程序码的方式访问
        用于访问正式服环境。测试人员使用正式版做简单主功能流程验收

小程序测试类别

功能测试

功能测试是测试的重难点。一般为项目的业务测试，测试策略和用例设计以具体需求为依据。接口方面需要跟进开发的接口文档，根据接口文档设计接口参数，关注入参、出参情况。

兼容性测试

//载体特性关注上面小程序运行环境整理

系统兼容
    Android端和iOS端执行的环境不同，双端容易出现不同预期
    1、检查Android端不同机型，不同系统版本的表现
    2、兼容iOS端不同机型，不同系统版本的表现
微信版本兼容
    比较旧的小程序api库不支持新版的api库，故会出现兼容问题
        1、先确认当前测试版本的小程序api库在哪些微信版本上是支持的
        2、测试可支持的微信版本表现
        3、测试不可支持的微信版本表现
缓存数据兼容
    版本更新后，旧版本的缓存数据会被新版本重新使用。需要检查版本更新后缓存数据是否兼容
    1、当前微信中存在旧版的小程序，提交新版本小程序后，在微信查看新版小程序覆盖安装表现
    2、当前微信中存在旧版的小程序，提交新版本小程序后，在微信中长按删除小程序，进行新安装检查小程序表现

性能测试

1、服务器性能

关注指标、监测方式和普通项目测试方式一样
2、客户端性能
    2.1、关注指标
        2.1.1、页面白屏时间
            用户在访问网页的时候，在浏览器开始显示之前都会有一个白屏的过程，在移动端，受限于设备性能和网络速度，白屏会更加明显。
        2.1.2、首屏时间
        2.1.3、资源占用
        2.1.4、页面渲染时间
   2.2、 策略
        小程序开发工具可手动查看性能窗口。在小程序开发版中打开性能窗口查看性能指标数据，做页面分析，及时发现性能问题

网络测试

无网环境

测试过程中通过断网数据连接的方式检查无网是小程序页面的表现

弱网环境

测试过程中通过网络限速的方式模拟弱网环境检查小程序页面的表现