5个关键，详解H5页面测试要点

对于即将上线的H5页面，除了测试基本功能外，我们还需要对哪些关键点进行测试呢？以便上线后的H5页面功能正常、用户体验良好。本文将告诉你答案。

一、功能逻辑

除基本功能测试外，需要关注的一些测试点：

1. 登录

1.1  H5页面嵌入到客户端内使用，若客户端已经登录，进入H5页面应是登录状态，页面内容正常显示

1.2  H5页面嵌入到客户端内使用，若客户端无登录，如果该页面需要登录，是否能够跳转到客户端登录页面。若取消登录后，再次登录是否能够正常的再次跳转到登录页

2. 下拉**新

2.1  下拉**新后，页面是否还在当前页

2.2  下拉**新后，页面数据是否正常展示

2.3  用户主动点击下拉**新，页面是否还处于当前页；页面数据是否正常展示

2.4  系统自动**新，页面是否还处于当前页；页面数据是否正常展示

3. 翻页

3.1  数据只有一页时，加载数据翻页页面请求数据是否正常

3.2  数据＞1页时，加载数据翻页页面请求数据是否正常

3.3  数据请求翻页loading时，向下**新页面，页面数据请求是否正确

4. 返回

4.1  点击页面下方返回按钮，页面是否正常返回到期望页面

4.2  点击Android只带的物理键返回按钮，页面是否正常返回到期望页面

4.3  点击一些设计的返回按钮，页面是否正常返回到期望页面

5. 数据为空处理

5.1  接口返回数据为空时，页面是否展示正常

5.2  页面某个数据为空时，页面是否展示正常

5.3  页面某功能返回链接为空，点击该功能区域是否**跳转

6. 其他异常处理

6.1  页面session与cookie值过期时，是否**重新跳转到登录页面

6.2  页面session与cookie值过期时，页面展示是否正常

二、H5对接第三方时的状况

1. 微信内体验，页面功能是否能够正常使用，支付相关是否正常调用
2. **内体验，页面功能是否能够正常使用，支付、分享、页面展示是否正常
3. 微博内，页面功能是否能够正常使用，支付、分享、各个功能是否正常使用
4. 普通浏览器内，页面功能是否正常使用，支付、分享、各个功能是否正常使用

三、H5页面适配

1. iPhone手机、iPhone5、iPhone6等各个手机系统，H5页面功能是否展示正常
2. Android 市场流行机型、系统，H5页面功能是否展示正常
3. 分辨率不同的手机，H5页面功能是否展示正常
4. 不同浏览器，H5页面功能是否展示正常

四、网络问题

1.  WiFI下页面展示，是否正常
2.  4G、3G等情况下，页面是否展示正常
3.  数据无网络到有网络，页面点击后是否**自动加载数据
4. 弱网络的显示，loading
5. 无网络时的状况

五、体验相关

1.  页面请求时，是否**给出loading效果
2.  页面请求失败时，是否**给出友好提示
3.  页面**新时，页面是否**出现抖动现象
4.  页面文本框输入数据过多时，是否**正常展示

本文由 @彭青梅 原创发布于人人都是产品经理。未经许可，禁止转载。

题图来自Unsplash，基于CCO协议。