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

访客3年前关于黑客接单1445

对于即将上线的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.2  页面某个数据为空时,页面是否展示正常

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

6. 其他异常处理

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

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

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

微信内体验,页面功能是否能够正常使用,支付相关是否正常调用

*** 内体验,页面功能是否能够正常使用,支付、分享、页面展示是否正常

微博内,页面功能是否能够正常使用,支付、分享、各个功能是否正常使用

普通浏览器内,页面功能是否正常使用,支付、分享、各个功能是否正常使用

三、H5页面适配

iPhone手机、iPhone5、iPhone6等各个手机系统,H5页面功能是否展示正常

Android 市场流行机型、系统,H5页面功能是否展示正常

分辨率不同的手机,H5页面功能是否展示正常

不同浏览器,H5页面功能是否展示正常

四、 *** 问题

 WiFI下页面展示,是否正常

 4G、3G等情况下,页面是否展示正常

 数据无 *** 到有 *** ,页面点击后是否会自动加载数据

弱 *** 的显示,loading

无 *** 时的状况

五、体验相关

 页面请求时,是否会给出loading效果

 页面请求失败时,是否会给出友好提示

 页面刷新时,页面是否会出现抖动现象

 页面文本框输入数据过多时,是否会正常展示

标签: 1年H5初级

相关文章

如何理解并实现「用户第一」?

如何理解并实现「用户第一」?

「用户第一」看似简单的语句,仔细斟酌要求极高。是时候好好思量思量,把它作为个人行为的O,拆解出自己成长的KRs然后去认真践行。 张小龙有一次在微信公开课上谈到了腾讯的一条价值观——「一切以用户价值为...

APP产品分析 | 夸克浏览器,更好的搜索

APP产品分析 | 夸克浏览器,更好的搜索

本文是夸克浏览器的产品分析报告,主要包括这5点:市场分析、用户分析、产品功能架构和业务分析、核心功能分析和页面分析以及盈利模式。 文档结构: 产品介绍 市场分析 产品用户分析 产品功能架构和业务分...

常被设计师忽略的一招——接触点设计

常被设计师忽略的一招——接触点设计

接触点设计是一种设计方法,通过它你能梳理整个用户路径,具备全局掌握感。而且能从整个项目找到最为关键的节点进行核心设计,把精力用在刀刃上。 JP几天前请教了前辈,已经充分理解业务需求是多么重要的一件事...

策略产品案例:「今日头条」推荐文章模块的调研与分析

策略产品案例:「今日头条」推荐文章模块的调研与分析

本次调研的目的在于发现「今日头条」推荐文章模块中未达理想态的case,并从多维度多方面分析背后的原因,以及进一步给出解决方案与优化建议。 策略产品已经是一门体系较为完善的学科,想学习的小伙伴可以通过...

混战中的网红冰淇淋还能火多久?

混战中的网红冰淇淋还能火多久?

钟薛高、中街1946、须尽欢…各方“势力”出品的网红雪糕品牌争相登场。在号称“冰淇凌元年”的2019之后,混战中的冰淇淋新品牌还能走多远? 被誉为“台湾的经营之神”的台塑集团创始人王永庆,曾经有一个...

智能货柜专题三:如何实现不同机器“千机千面”?

智能货柜专题三:如何实现不同机器“千机千面”?

前两篇文章中,介绍了智能货柜如何让补货效益最大化以及怎么提升智能货柜的故障处理效率,本篇文章则重点介绍智能货柜的商品相关的内容,重点涉及到如何实现不同机器的千机千面从而使商品更加畅销,提升销售额。...