江苏龙网

  1. 首页 > 资讯 > 科技 > >

[功能]5个关键，详解H5页面测试要点

对于即将上线的H5页面 ， 除了测试基本功能外 ， 我们还需要对哪些关键点进行测试呢？以便上线后的H5页面功能正常、用户体验良好 。本文将告诉你答案 。
[功能]5个关键，详解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个关键，详解H5页面测试要点】5.2 页面某个数据为空时 ， 页面是否展示正常
5.3 页面某功能返回链接为空 ， 点击该功能区域是否会跳转
6. 其他异常处理
6.1 页面session与cookie值过期时 ， 是否会重新跳转到登录页面
6.2 页面session与cookie值过期时 ， 页面展示是否正常
二、H5对接第三方时的状况微信内体验 ， 页面功能是否能够正常使用 ， 支付相关是否正常调用QQ内体验 ， 页面功能是否能够正常使用 ， 支付、分享、页面展示是否正常微博内 ， 页面功能是否能够正常使用 ， 支付、分享、各个功能是否正常使用普通浏览器内 ， 页面功能是否正常使用 ， 支付、分享、各个功能是否正常使用
三、H5页面适配iPhone手机、iPhone5、iPhone6等各个手机系统 ， H5页面功能是否展示正常Android 市场流行机型、系统 ， H5页面功能是否展示正常分辨率不同的手机 ， H5页面功能是否展示正常不同浏览器 ， H5页面功能是否展示正常
四、网络问题WiFI下页面展示 ， 是否正常4G、3G等情况下 ， 页面是否展示正常数据无网络到有网络 ， 页面点击后是否会自动加载数据弱网络的显示 ， loading无网络时的状况
五、体验相关页面请求时 ， 是否会给出loading效果页面请求失败时 ， 是否会给出友好提示页面刷新时 ， 页面是否会出现抖动现象页面文本框输入数据过多时 ， 是否会正常展示
本文由 @彭青梅 原创发布于人人都是产品经理 。未经许可 ， 禁止转载 。
题图来自Unsplash ， 基于CCO协议 。


    推荐阅读


    上一篇：『业务』经验方法：如何有效描述设计改版的价值？

    下一篇：效果@如何进行渠道效果分析？