课程咨询:400-111-8989

  • 关于测试HTML5页面的5个技巧

    发布:墨吏  来源:网络  时间: 2017年12月27日

  • 关于测试HTML5页面的5个技巧...

  • 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值过期时,页面展示是否正常。

    2H5第三方体验环境

    a. 微信内体验,页面功能是否能够正常使用,支付相关是否正常调用;

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

    c. 微博内,页面功能是否能够正常使用,支付、分享、各个功能是否正常使用;

    d. 普通浏览器内,页面功能是否正常使用,支付、分享、各个功能是否正常使用。

    3H5页面适配

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

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

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

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

    4网络问题

    a. WiFI下页面展示,是否正常;

    b. 4G、3G等情况下,页面是否展示正常

    c. 数据无网络到有网络,页面点击后是否会自动加载数据。

    5体验相关

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

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

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

    d. 页面文本框输入数据过多时,是否会正常展示。

    作者:墨吏

  • 上一篇:前端HTML5几种存储方式的总结

    下一篇:10款必学的HTML5/CSS3菜单!

网站导航
2002-2018 达内时代科技集团有限公司 版权所有 京ICP证8000853号-56