H5测试要点整理

 1.登录

  1.1、H5与native各个客户端都做了互通，所以测试的时候要注意两点:

        A：若客户端已登录，那么进入H5后仍然处于登录状态

        B：若客户端未登录，进入H5，点击对应按钮OR链接，需要登录，则拉起native登录；若取消登录，是否可再次拉起登录或者停留在的页面是否有对应的登录提示。PS：本次测试过程中就会发现，第一次点击登录链接可以拉起登录，第二次却不能

 1.2、翻页

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

        A：数据分页加载时，注意后续页面请求数据地正确性；PS：这个需要注意在快速操作场景中，请求页数是不是依次递增，快速操作（如第一页尚未loading出来的时候仍然继续上拉操作）时是否发出去对应的请求了。

        B、是否要增加转场动画，loading动画，点击动画等。以提升体验。需要在动画效果和卡顿上衡量。

        C、对于隐私模式，不存cookie，不开javascript执行等，测试是否功能正常，或给出提示。

 1.3、刷新与返回

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

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

        C、点击返回或者back键，回退页面是否能回到期望页面

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

 1.4、mtop接口返回处理

        出现这个问题的地方会有很多，但是只要有意识的去处理，就很容易避免，主要是以下几种情况：

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

        B、请求成功，但是data内容为空

        C、请求接口异常，出现ERR_SID_INVALID::SESSION过期，拉起登录

        D、请求借口发生除C中提到的异常之外的异常，通常可归结为一类进行处理

2、H5适配相关

        H5的适配其实比客户端的要少一些，大致需要注意

        A、大屏，重点关注页面背景是否完全撑开

        B、android 4.x系统

        C、ios

        D、输入框的校验：特殊字符显示，过滤黑词，js是否会执行，一连串长字母是否会换行等。 比如只输入空字符的处理。 

3、安全相关

        A、明确投放渠道有哪些？（独客、主客、wap）

        B、实名认证

        C、是否介入windvane，所有请求通过native发出

4、体验相关

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

　　B、资源是否压缩、是否通过CDN加载。（CDN部署，缓存机制） 

　　C、如何保证二次发布后有效更新。 
4.2 流量 
　　A、对于一些不会变化的图片，如游戏动画效果相关图片，不需要每次都请求的东西，做本地缓存。 
　　B、数据较多时是否做了分页加载。 
4.3 页面展现时间 
　　A、关注页面首屏加载时间。 
4.4 页面提示 
　　A、弱网络下，数据加载较慢，是否有对应的loading提示。 
　　B、接口获取异常时，提示是否友好。 
　　C、刷新页面或者加载新内容时页面是否有抖动。 
4.5 手机操作相关 
　　A、锁屏之后展示页面。 
　　B、回退到后台之后，重新呼出在前台展示。 

4.6 弱网络体验 

4.7 屏幕切换

        A、横屏竖屏相互切换能适应，布局不乱，或者页面至支持横或者竖屏。

5、埋点数据检查 
　　与BI、前端同学一起确认埋点情况