H5测试关注点

Posted Yi_Warmth

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了H5测试关注点相关的知识,希望对你有一定的参考价值。

1:逻辑相关

除了基本的功能测试以外,H5页面的测试需要关注以下几点:

1.1登录

目前H5与native各个客户端都做了互通,所以大家测试时要关注两点

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

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

1.2翻页

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

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

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

1.3刷新与返回

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

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

C:点击返回和back键,回退页面是否是期望页面。

ps:测试时发现,mtop接口请求成功,但是data内无数据时,返回的页面是个空白页面,数据返回错误。

1.4mtop接口返回处理

发现这个问题的地方很多,但是只是有意识的去处理,就很容易避免。

A、请求成功,且返回有数据,测试mtop接口返回数据的各种场景。

B、请求成功,但data内容为空。

C、请求接口异常,出现ERR_SID_INVALID::SESSION过期,拉起登陆。

D、请求接口发生出C中提到的异常之外的异常,通常可归结为一类处理。

H5适配相关

H5的适配其实比客户端的相对来说,要少一些,手机品牌之间的差异不大,所以不需要太多的去关注,注重一下android2.3版本:

A:大屏(如:720X1280,重点关注页面背景是否完全撑开页面,刷新是否有抖动),小屏手机(320*480,重点关注下弹框样式和文案折行)。

B:android4.X,Android5.X,android6.X任意找一个机型即可

C:ios10的机型。

 

安全相关

3.1明确投放渠道都有哪些?(如独客,主客,是否对未投放渠道做了限制,直接通过url请求是否拦截等)

3.2评估是否需要接入集团安全,如mtee黑名单

3.3是否需要接入支付实名认证

3.4是否接入windvance,所有请求通过nativa发出。

 

 

体验相关

1:资源相关

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

B:资源是否压缩,是否通过CDN加载。

C:如何保证二次发布后有效更新。

2:流量

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

B:数据较多时是否做了分页加载。

3:页面展现时间

关注页面首屏加载时间

4:页面提示

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

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

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

5:手机操作相关

A:锁屏之后展示页面

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

6:弱网络体验

以上是关于H5测试关注点的主要内容,如果未能解决你的问题,请参考以下文章

如何做好H5性能优化?

H5测试方法

h5页面点击按钮如何跳转到微信公众号,没关注则关注

在 微信网站的H5页面中 怎么实现关注公众号

H5页面测试总结

app内部H5测试点总结