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

彭青梅
0 评论 8823 浏览 96 收藏 5 分钟
对未来感到迷茫?起点课堂的导师将为你提供专业的职业发展规划指导,帮你明确方向、设定目标,让你在产品经理的道路上,每一步都走得清晰而坚定。

对于即将上线的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. QQ内体验,页面功能是否能够正常使用,支付、分享、页面展示是否正常
  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协议。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!
专题
49717人已学习14篇文章
产品经理往往会承担一定的项目管理职能,那么该如何做好项目管理呢?
专题
12890人已学习15篇文章
当业务进入某一阶段之后,用户新增可能会趋向疲软,这个阶段里,运营人员可能会需要召回流失用户。本专题的文章分享了用户召回策略。
专题
12114人已学习11篇文章
考勤打卡系统几乎是每个公司的必备,是员工管理系统中的一个分支,常见的打卡方式有指纹打卡、人脸打卡、蓝牙打卡等等。本专题的文章分享了考勤打卡产品的设计指南。
专题
14625人已学习11篇文章
本专题的文章分享了收银台功能设计的流程以及过程中需要注意的问题等等。
专题
16482人已学习12篇文章
对于产品经理来说,做用户调研是一项很重要的过程。本专题的文章分享了如何做好用户调研。
专题
96317人已学习30篇文章
想要脱围而出,你必须升级你的技能和思维。