H5专项测试

前言

随着Html5的流行,现在很多业务场景使用H5页面来承载,使活动类、运营类的业务功能更便捷在微信、Native端部署,所以H5方面的测试也变得越来越重要。

H5业务测试流程图

一、H5测试基本点

1. 登陆

客户端已登录状态时,H5页面操作无需再次登陆;

客户端未登录状态时,H5页面操作需要登陆,注意二次登录的操作;

需要在获取微信openid的H5页面的提示;

微信登录态和Native登录态之间的转化;

2.翻页

首屏loading过程中的上拉获取数据;

更多页面加载的翻页数据无异常;

返回上一层页面的处理,检查重复操作等;

注意检查翻页后的数据是否有数据重复和缺失,以及排序方面的问题;

3.屏幕适配

需要了解用户使用的重点机型以及边缘机型;

重点机型真机测试,可以考虑在线测试平台测试兼容性;

请求接口获取用户设备的型号信息,根据不同设备下发不同的适配页面;

部分页面能够通过Chrome浏览器开发者选项模拟屏幕尺寸信息;

4.安全相关

H5页面的投放渠道限制;

支付类敏感操作的实名制验证等;

集团网络相关的安全限制等;

URL能否直接打开等。

5.资源加载

使用小图,适配屏幕尺寸下发图片;

使用CDN加速;

使用gzip压缩请求;

建立合理的缓存机制;

大量数据的分页显示;

页面懒加载;

6.页面提示

页面资源加载过程或者操作过程中的loading标示;

各种接口返回的状态信息提示;

刷新页面或者进行页面操作的体验:无闪、卡顿、屏抖动等情况;

7.非常规操作(异常操作)

涉及图片、音视频资源的系统静音等的冲突等;

音视频的切片处理、图片轮番处理;

锁屏操作;

切到前/后台返回的处理;

弱网测试;

8.数据埋点

用于BI的数据埋点

二、常用工具

工欲善其事,必先利其器,在做H5前端性能测试之前,选择合适的工具能让我们的测试工作事半功倍。

一类是抓包工具,如Fiddler、Charles等。这类工具不仅可以抓包,还可以对包进行修改,动态展示瀑布流,对web进行调试。在我们做H5前端性能测试的时候,个人觉得只要不修改包,不对H5调试,就可以放弃使用这类工具,不是工具不好,而是大材小用(杀鸡焉用牛刀??是吧!)。

还有一类,这里重点提到的是如Page Speed、PCAP Web Performance Analyzer、WebPagetest这类平台型工具。我们可以快捷的测试出H5前端性能中数据,视图,并给出一定程度的优化建议。

工具对比列表

工具使用详情请参考【H5前端性能测试快速入门】

本文分享自微信公众号 - 自学测试之道(zxceshi)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-02-19

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏TestQA

如何进行“花式”HTTP接口测试

曾经接手过一个HTTP的接口项目,主要业务逻辑是一个分仓发货的物流子系统。可以通过HTTP的POST方式发送请求,并返回一个XML格式的内容。

14320
来自专栏Java研发军团

每敲一行代码,需要测试1000次!!!

此前Oracle 惨遭亚马逊、Salesforce 弃用,究其根本原因,不是因为亚马逊等企业为了省钱,而是因为 Oracle 数据库逐渐满足不了他们业务的发展需...

5810
来自专栏分享/效率/工具/软件

one or more listener failed to start

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

20330
来自专栏TestQA

性能监控平台搭建 -- 集成Locust性能数据

这是之前介绍过的性能监控平台的整体架构图,想要了解其它部分的搭建,可以查看相关文章《Telegraf安装与简易使用指南》、《InfluxDB安装与简易使用指南》...

23620
来自专栏TestQA

Python单元测试报告框架

如果Python语言界已经有了HTMLTestRunner,那么为什么还要一个PyTestReport测试框架呢?

12940
来自专栏二狗的DBA之路

kubectl 命令自动补全

原文地址: https://blog.csdn.net/wenwenxiong/article/details/53105287

7120
来自专栏TestQA

浅谈测试环境治理在Devops中的应用

其实Devops之所以能火起来,还是因为现在的互联网公司迫于竞争的压力,想要能够先于竞争对手、市场发布自己的产品或需求。而剩下的一部分公司则可能是跟随主流,且不...

15320
来自专栏时间之外沉浮事

在实践中进行用户测试与评估

2019工业信息安全技能大赛个人线上赛第一场圆满收官。在保障竞赛平台成功稳定运行的同时,更多的还是思考竞赛平台在本次支撑过程中的用户体验,用户测试与评估情况。作...

6520
来自专栏二狗的DBA之路

使用Prometheus监控DBLE

DBLE是一款基于MyCAT改进的MySQL分库分表中间件,但是并没有一个配套的监控软件。

8920
来自专栏TestQA

基于host的http代理--hproxy

本文主要讲述,如何实现一个基于host方式的http代理,以及它与普通代理之间的区别。这种方式的代理主要可以应用于哪些实际的测试场景。

16730

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励