H5页面多端兼容测试与监控

H5自动化测试的往期分享《基于图片比对的UI自动化测试在运营系统中的应用》中，提到如何通过selenium+chrome(headless)测试框架进行H5页面的轻量级自动化回归测试；但是在效果显著，释放部分人力的同时，小编发现chrome始终不是真实的运行环境，有些H5页面问题无法通过此种测试手段完全暴露，比如最常见的问题：在转转app端内展示没有问题，但是投放到其它端会出现样式兼容问题、以及不同手机分辨率下页面内容样式存在展示异常等问题，显然通过往期我们介绍的方案已无法完全满足测试需求。霍格沃兹-测试开发：500G软件测试资料免费领取，100+名企大厂岗位免费内推0 赞同 · 0 评论文章0 赞同 · 0 评论文章基于以上问题，很显然我们需要将H5页面在真实运行环境上实施自动化测试，并期望达到：快速回归测试， 快速端外兼容测试， 快速在线监控的效果， 从而进行更精准、更高效的H5页面自动化测试。 本方案主旨依旧注重高效率，低操作成本，低维护成本，各种……低成本，从而体现自动化价值所在，下面切入正题：** 功能框架设计**小编采用当前主流移动端自动化测试框架Appium实现H5页面在不同设备的不同app上进行自动化测试，主要实现功能：多设备多终端上同时进行H5页面测试， 多设备同一终端上同时进行H5页面测试， 较长H5页面分屏测试， 在线定时监控， 实时邮件上 异常测试结果等。功能设计框架主要包括以下几个模块：

测试问题案例2：在今日头条端内展示被测试url时，红包组件未展示，如下图：测试 告在每个阶段执行完成时平台会生成两种类型 告，平台测试结果 告，会汇总本次测试基本信息及测试结果，包括：执行移动设备信息、执行app信息、被测试url、问题页面展示等，测试人员可直观的查看每次测试执行结果。