Html5 App 测试方法总结(本文转自微博road_testing_上海鲁德 )

最近很火的Html5 app其实是Web app的一种，在测试过程当中能够延续Web App测试的部分方法，同时兼顾手机端的一些特性便可，下面帮你们总结下Html5 app 相关测试方法！

需求设计测试：

这一块主要是从需求以及实现方法上，经过原型图以及真实用户体验和用户习惯，来进行；检查需求的合理性以及是否有更好地实现方法等。

把问题发如今源头，减小后期因需求变动引发开发和测试的迭代成本。

在需求阶段即介入测试功能点的编写和记录，也符合尽早介入测试的原则。

接口测试

这块主要根据开发同窗提供的接口文档经过Jmeter等攻距进行测试

主要关注点为：

一、接口返回的数据指望的是否一致；

二、接口入参的边界值校验 ；

三、检查接口的容错性 好比对于传输数据类型错误可否处理等，整型的输入小数、中英文等；

四、接口的性能状况，调用接口数据返回的时间，接口反应慢确定影响用户体验。

五、接口的安全性：接口部分敏感信息是否加密传输等

功能测试

可用性：测试中的重点，能够根据公司的业务和功能进行测试。

用户界面测试

根据测试和评审修改过的UED（用户体验设计），测试开发递交的测试包。

风格、样式、颜色是否协调，不只包括HTML5自己，由于HTML5会嵌入App里面，因此要考虑h5的风格、样式、颜色是否与app自己协同，不至于格格不入，包括用户习惯等也最好保持一致或相近，最好在设计初期就有颜色、按钮、图片、背景、边框等详细规划和统一。

可是正是因为H5的可移植性，同一服务会嵌入到N家客户的产品中，难以与各家都彻底统一，因此在设计中就应该考虑这些问题。

兼容性测试

前文提到PC  web由于没法兼容IE6.7.8。PC主要测试在不一样系统下不一样浏览器google、firefox、360、IE九、IE十、IE11等主流浏览器下的界面兼容和功能兼容，由于不一样浏览器对HTML、SVG、XHTML，CSS及javascript的解析会有不一样。

例若有些浏览器可以发送验证码，而有些会功能失效，页面排版也会错乱等。

手机HTML5主要应用是嵌入在app或者微信公众号里面，因此兼容性主要是IOS、android 2个系统各类主流机型的适配。

网络测试

因为H5系统不少是云服务，全部响应速度广泛较慢。咱们测试的时候通常会用wifi，速度会相对可观点。

咱们应该观察在4G、3G、甚至2G的网下，看响应时间是否在忍受范围内。

时间过长的话，须要提示优化代码作改善。

安全测试

因为咱们对应的产品部利用HTML5把一些通用功能作成了云服务，能够嵌入多家客户的App，根据渠道划分，因此安全性显得尤其重要。

性能测试

随着对接客户的增长，对服务的性能方面的要求也会增长。对于云服务的模块须要作性能测试。

下面作了一些混合APP测试常见问题：

一、因为HTML5嵌入在App里面，输入框须要调用原生键盘。因为andriod不一样手机的差别化，会致使原生键盘功能不一样。

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

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

三、App与HTML5对接部分须要加密传输；

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

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

六、因为网络问题偶现的App的报错须要包装；

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

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

九、长时间不操做HTML5或者App，须要从新登陆，或者须要从新输入密码；

十、屏幕较小手机提交参数的确认页面，因为字数较多会出现换行的状况，须要作适配。

微信主要是入口不一致，申请对接公众号后，须要用微信自带的浏览器进行兼容性测试，其余不少都类似，此处不在赘述。