H5页面这样测，业务方反馈0Bug!（功能测试角度）

Html5 app实际上是Web app的一种，在测试过程中可以延续Web App测试的部分方法，同时兼顾手机端的一些特性即可，下面帮大家总结下Html5 app 相关测试方法！

app内部H5测试点总结

1、业务逻辑

除基本功能测试外，需要关注的一些测试点：

a.登录

a.1 H5页面嵌入到客户端使用，若客户端已经登录，进入H5页面应该是登录状态

a.2 H5页面嵌入到客户端内使用，若客户端未登录，如果访问的页面需要登录，是否能跳转到客户端登录页面。若取消登录后，再次访问是否能正常的再次跳转到登录页面；

a.3 H5页面嵌入到客户端内使用，若客户端内已经登录，进入H5页面，该页面是否展示正常；

b.下拉刷新

b.1 下拉刷新后，页面是否还在当前页；

b.2 下拉刷新后，页面数据是否正常显示；

b.3 用户主动点击下拉刷新，页面是否还处于当前页；页面数据是否正常显示；

b.4 系统自动刷新，页面是否还处于当前页，页面数据是否正常展示；

c.翻页

c.1 数据只有一页时，加载数据翻页页面请求数据是否正常

c.2 数据>1页时，加载数据翻页页面请求数据是否正常

c.3 数据请求翻页loading时，向下刷新页面，页面数据请求是否正常

d.返回

d.1 点击页面返回按钮，页面是否正常返回到期望页面；

d.2 点击Android自带的返回按钮，页面是否正常返回到期望页面；

d.3 点击一些设计的返回按钮，页面是否正常返回到期望页面；

e.数据为空处理

e.1 接口返回数据为空时，页面是否展示正常

e.2 页面某个数据为空时，页面是否展示正常

e.3 页面某功能返回链接为空，点击该功能区域是否会跳转

f.其他异常处理

f.1 页面session与cookie值过期时，是否会重新跳转到登录页

f.2 页面session与cookie值过期时，页面展示是否正常

2.H5与第三方体验环境：

a. 微信内体验，页面功能是否能够正常使用，支付、分享、页面展示是否正常

b. qq内体验，页面功能是否能够正常使用，支付、分享、页面展示是否正常

c. 微博内，页面功能是否能够正常使用，支付、分享、页面展示是否正常

d. 普通浏览器内，页面功能是否能够正常使用，支付、分享、页面展示是否正常

3.H5页面适配

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

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

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

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

4.网络问题

a.WiFi下页面展示是否正常

b.4g，3g等情况下，页面是否展示正常；

c.移动，电信，联通网络下页面是否展示正常

d.数据无网络到有网络，页面点击后是否会自动加载数据；

5.体验问题

a.页面请求时，是否会给出loading效果

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

c.页面刷新时，页面是否会出现抖动现象

d.页面文本输入数据过多时，页面是否会正常显示；

一些混合APP测试常见问题

1、由于HTML5嵌入在App里面，输入框需要调用原生键盘。由于andriod不同手机的差异化，会导致原生键盘功能不同。

曾发现三星的android某版本调用原生数字键盘没有小数点，后只要碰到三星机器就调用全键盘；

2、App底部导航栏是否带入到H5页面中，打开键盘是否会影响导航栏位置变动。一般在HTML5页面中应该删除App的导航栏；

3、App与HTML5对接部分需要加密传输；

4、App头部的点击后返回的是前一个页面还是退回app主界面，需要注意；

5、IOS、Android的部分机型由于键盘的打开和收起会出现提示或确认页面弹框上下不居中；

6、由于网络问题偶现的App的报错需要包装；

7、从App各个入口进入HTML5界面都是免登录，各入口登录、登出正常；

8、在各个机型中，屏幕较小和较大的机器会出现不能全部显示或者部分空白的情况。

9、长时间不操作HTML5或者App，需要重新登录，或者需要重新输入密码；

10、屏幕较小手机提交参数的确认页面，由于字数较多会出现换行的情况，需要做适配。

 

总结：

感谢每一个认真阅读我文章的人！！！

作为一位过来人也是希望大家少走一些弯路，如果你不想再体验一次学习时找不到资料，没人解答问题，坚持几天便放弃的感受的话，在这里我给大家分享一些自动化测试的学习资源，希望能给你前进的路上带来帮助。

软件测试面试文档

我们学习必然是为了找到高薪的工作，下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料，并且有字节大佬给出了权威的解答，刷完这一套面试资料相信大家都能找到满意的工作。

 

          视频文档获取方式：
这份文档和视频资料，对于想从事【软件测试】的朋友来说应该是最全面最完整的备战仓库，这个仓库也陪伴我走过了最艰难的路程，希望也能帮助到你！以上均可以分享，点下方小卡片即可自行领取。