0%

H5测试

H5页面用户可以通过多种场景使用,各种浏览器,微信、QQ、微博、第三方app,用户只要能够找到访问链接,就能在不同平台上使用
1577955887(1)
1577955934(1)

一、业务逻辑相关

1.1 登录
目前H5与native各个客户端都做了互通,所以大家在测试的时候要注意两点:

A、若客户端已登录,那么进入H5后仍然是登录状态。

B、若客户端未登录,进入H5,点击对应按钮OR链接,如果需要登录,须拉起native登录。若取消登录,是否可再次拉起登录,或者停留在的页面是否有对应的登录提示。

ps:本次测试过程中就发现,第一次点击链接,可以拉起登录,第二次却不能。
1.2 翻页

遇到翻页加载的页面,需要注意内容为1页或者多页的情况。

A、数据分页加载时,注意后续页面请求数据的正确。

ps:这个需要注意在快速操作场景中,请求页数是不是依次递增,快速操作(如第一页尚未loading出来的时候仍然继续上拉操作)时是否发出去对应的请求了。
1.3. 刷新与返回

A、下拉刷新是否仍然处于当前页面。

B、用户主动点击刷新按钮是否仍然处于当前页面。

C、点击返回与back键,回退页面是否是期望页面(可多深入点几次,再回退)
注意:①安卓有自带的返回按钮,也要测试
②期待页面是上一级或者退出h5

ps:本次测试过程中就发现,mtop接口请求成功,但是data内无数据时,返回到的就是个空白页面,无法正常发送请求。

二、H5页面适配

1577951858(1)

  • 大屏(如7201280,重点关注页面背景是否完全撑开页面,刷新是否有抖动)、小屏手机(如320480,重点关注下弹框样式和文案折行)
  • 由于全面屏的出现,测试需要找刘海屏和全面屏进行测试,适配的问题会有

三、网络问题

  • WiFi下页面展示是否正常
  • 4g,3g等情况下,页面是否展示正常;
  • 移动,电信,联通网络下页面是否展示正常
  • 数据无网络到有网络,页面点击后是否会自动加载数据;

四、屏幕切换

横屏竖屏相互切换,能适应,布局不乱或页面只支持横屏或竖屏

五、H5与第三方体验环境

  • 微信内体验,页面功能是否能够正常使用,支付、分享、页面展示是否正常
  • qq内体验,页面功能是否能够正常使用,支付、分享、页面展示是否正常
  • 微博内,页面功能是否能够正常使用,支付、分享、页面展示是否正常
  • 普通浏览器内,页面功能是否能够正常使用,支付、分享、页面展示是否正常

六、安全

6.1 明确投放渠道都有哪些?
如独客、主客、wap,是否对未投放渠道做了限制,直接通过url请求是否拦截等
6.2 是否需要接入支付宝实名认证涉及到金钱相关。
如天猫积分,红包等,为了防刷,一般都需要判断是否支付宝实名认证。
以前我在的公司,有一次为了做推广发起了一个数钱的活动,每次都是一毛一毛的数,时间是15秒,出现如下bug:
1)利用脚本数钱,15秒数出了100多
-最后出于推广成本的考虑,就把时间限制为5秒、
2)转发一次就可以奖励多一次机会数钱,结果没有做好限制,朋友的朋友推广,还是可以奖励次数。

三、体验相关

6.1 资源相关

A、页面中有图片的话,淘宝那边建议图片一般不大于50kb,本着一个原则,尽量缩小图片。

B、资源是否压缩、是否通过CDN加载(就近地区访问,响应速度更快)。
比如图片上传上去和展示时是否有压缩

C、如何保证二次发布后有效更新。
D、对于类似公司名称、offer名称长度的问题,在手机上最好能根据屏幕大小自适应而不是截断,因为手机上是不会有tips可以看的。截断导致大屏幕下也只能显示几个字,交互不好
6.2 流量

A、对于一些不会变化的图片,如游戏动画效果相关图片,不需要每次都请求的东西,做本地缓存。

B、数据较多时是否做了分页加载。
C、手指滑动是否流畅,手指点击时焦点是否定位正确,不同机型会不一样。焦点地位后点击是否灵敏。

6.3 页面展现时间

A、关注页面首屏加载时间。

6.4 页面提示

A、弱网络下,数据加载较慢,是否有对应的loading提示。

B、接口获取异常时,提示是否友好。

C、刷新页面或者加载新内容时页面是否有抖动。

6.5 手机操作相关

A、锁屏之后展示页面。

B、回退到后台之后,重新呼出在前台展示。