Html 5的测试项

随着Html 5的流行，现在很多业务场景使用H5页面来承载，使活动类、运营类的业务功能更便捷在微信、Native端部署，所以H5方面的测试也变得越来越重要。

以下为H5测试时的重点测试项：

1、业务功能逻辑
    1.1人工测试：登录、翻页、刷新、返回、前进、业务逻辑
    1.2自动化：telerik、appnium、selenium
    1.3HTTP API：使用接口测试工具
2、H5特性
    2.1加载速度：
        工具：Google pagespeed、yslow
        网络：WiFi、5G、4G、3G
        启动：首字、首屏
        缓存：有缓存、无缓存
        http请求数：资源合并
        http状态：失败资源处理
        单个请求优化：缓存机制
    2.2服务器：服务器压测、基准测试、达标测试
    2.3体验：
        弱网场景，接口数据异常提示
        页面性能：打开页面或者刷新页面是否卡顿
3、兼容性
    3.1浏览器兼容：PC端、手机端
    3.2机型：Android、IOS、winphone
    3.3系统兼容：Android 6及以上，iOS 9及以上
    3.4屏幕分辨率：小屏、中屏、大屏
4、统计埋点
    4.1埋点的准确性
    4.2埋点的合理性
5、安全
    5.1投放渠道限制
    5.2直接URL是否能打开
    5.3防止恶意攻击
    5.4是否需要验证码
6、用户反馈
    6.1反馈数据分析
    6.2漏测分析
    6.3用例补充

 

一、H5测试基本点

1. 登陆

客户端已登录状态时，H5页面操作无需再次登陆；

客户端未登录状态时，H5页面操作需要登陆，注意二次登录的操作；

需要在获取微信openid的H5页面的提示；

微信登录态和Native登录态之间的转化；

2.翻页

首屏loading过程中的上拉获取数据；

更多页面加载的翻页数据无异常；

返回上一层页面的处理，检查重复操作等；

注意检查翻页后的数据是否有数据重复和缺失，以及排序方面的问题；

3.屏幕适配

需要了解用户使用的重点机型以及边缘机型；

重点机型真机测试，可以考虑在线测试平台测试兼容性；

请求接口获取用户设备的型号信息，根据不同设备下发不同的适配页面；

部分页面能够通过Chrome浏览器开发者选项模拟屏幕尺寸信息；

4.安全相关

H5页面的投放渠道限制；

支付类敏感操作的实名制验证等；

集团网络相关的安全限制等；

URL能否直接打开等。

5.资源加载

使用小图，适配屏幕尺寸下发图片；

使用CDN加速；

使用gzip压缩请求；

建立合理的缓存机制；

大量数据的分页显示；

页面懒加载；

6.页面提示

页面资源加载过程或者操作过程中的loading标示；

各种接口返回的状态信息提示；

刷新页面或者进行页面操作的体验：
无闪、卡顿、屏抖动等情况；

7.非常规操作（异常操作）

涉及图片、音视频资源的系统静音等的冲突等；

音视频的切片处理、图片轮番处理；

锁屏操作；

切到前/后台返回的处理；

弱网测试；

8.数据埋点

用于BI的数据埋点