最近我接触了很多关于H5页面的测试，H5页面的测试除了业务逻辑功能测试以外，其他部分的测试方法几乎都是一样的。 在这里，我们将一起分享H5页面和小程序的共通考试方法
01
H5相关测试
H5优势：
1.H5可以跨平台，开发成本相对较低
2.H5可以随时在线更新版本，适合快速迭代；
3.H5是轻量级的触摸用户，可以提供更迅速的服务；
4 .通过微信门户或浏览器，用户只需点击链接即可获得我们提供的服务
H5劣势：
1.H5-的转换高度依赖浏览器
2.H5目前几乎无法将数据本地存储，而是依赖实时数据，当网络不适时，它会卡得越哭越厉害。
3 .性能相对低，影响用户体验
H5功能验证
1 .可以通过H5页(不是手机的后退功能)的后退功能返回，不会出现无法返回的情况
返回逻辑：
1 .测试页面中的返回以及浏览器的返回。 在页面上的返回必须考虑业务逻辑，并返回到相应的层。 需要从用户的视点返回的跳转逻辑，不能发生死区循环
此外，返回后，请注意页面更新请求是否需要通过H5页(带返回键，而不是手机)的返回函数返回。 单击正确的页面(后退/退出H5 )返回后，可以按back键，确认后退页面是否是所需的页面
2 .横屏和竖屏可以相互切换、适应，且布局不乱； 或者，页面只支持水平或垂直屏幕限制
3 .用手机点击list进入详细信息页面。 在原始窗口中打开。 这样，就可以用页面开头的后退按钮返回，而不是用手机的返回键返回。 这样一来，对话就方便了
4 .关注页面请求，尽量简化，避免出现多余的请求，或请求后没有多余的数据返回。 否则，会浪费流量
5 .图像匹配测试基于不同的屏幕和分辨率进行匹配，基于匹配后的清晰度，高端机采集两倍大小的图像--app兼容测试
02
小程序测试技术
小程序的特征
1.web .类似于非HTML5
2 .马上走，马上就能拿到
3 .具有离线能力
4 .基于微信跨平台
5 .相当于本地人的操作体验
小程序入口
1 .扫码进入小程序
2 .搜索小程序
3 .将小程序发送到桌面(Android ) )。
4 .发给朋友
小程序体系结构
1 .微信小程序的框架由两部分组成。 致力于View视图层、App Serive逻辑层和View视图层，以及渲染页面结构。 App Serive逻辑层用于逻辑处理、数据请求和接口调用，它们由两个线程执行
2 .视图层在WebView中进行渲染，App Serive逻辑层在JSCore中执行
3.View视图层和App Serive逻辑层通过系统层的JSBrigdage进行通信，App Serive逻辑层将数据变化通知WebView呈现，触发WebView呈现页面的更新，实现WebView呈现
小程序测试点
1 .功能测试
输入
输出功率
边界值
页面交互---微信小程序中的界面交互
系统问题测试- -低功耗、来电、数据线插拔、充电状态、重启等情况
2 .接口测试
设计美吗
符合需求说明吗
尺寸合理吗
切换纵横画面使用的手机的分辨率和尺寸的要求符合吗
3 .兼容性测试
OS----IOs，安卓
微信版本--小程序的api (接口)库
其他微信小程序
屏幕尺寸和分辨率因素
不同网络状态下的测试---2G/3G/4G/WIFI
4 .微信交互测试
门户--下拉框，搜索发现模块
交易---微信钱包，微信卡包
切换微信其他功能---抢现金、文字聊天、语音聊天、视频通话
5 .性能测试
页面响应时间
资源消耗
渲染时间
耗电量
白屏时间
帧速率
6 .安全测试
接口测试--传递的数据的安全性
危险账号的许可
与小程序的app帐户相关联
7 .易用性测试
使用方便吗
提示信息完整吗
可以使用各功能吗
容易找吗
可以脱机使用吗
进入小程序容易操作吗
8 .其他注意事项
小程序升级--通常是强制升级和更新
小程序目前不支持分享到朋友圈，但可以通过照片分享到朋友圈
添加和删除小程序
微信端解除登录许可
本文来自软件测试面试摘要作者： TestMadman
点赞，正在看，正在转发