不少开发者反馈,自己的小程序业务功能迭代快,同时还需要保证线上功能稳定,这对开发和测试同学来说,是一个很大的挑战~
如果能在小程序每次更新上线前,把开发中版本的页面和线上版本的页面进行对比,找出区别,从而快速验证新业务的改动是否会影响线上已有能力,那么这将大大提高开发和测试的效率,减少上线后出现问题的风险,确保用户体验的连续性和稳定性。
基于此,小程序云测服务 新增 图片对比能力!
即在每次上线前,开发者可以针对 P0 页面,将开发中的版本和线上版的相同功能进行对比,对差异化的内容进行确认。当页面变化不大时,无需再写断言,使用图片对比直观看到差异,大大减小工作量。(👉 查看 使用教程 )(查看 云测使用最佳实践案例-微信小店👈)
近期云测对图片对比能力新增并优化以下几项能力,更加灵活高效、自动化地支持开发者的测试工作:
- 对比算法优化: 对原来的 SSIM 对比算法进行优化,并新增视觉对比算法,提升对比鲁棒性
- 新增区域比能力:支持仅对比部分区域和忽略部分区域能力,提升对比能力的可用性
- 新增图片对比报告汇总页面 :方便开发和测试人员查看结果并发现问题,提升对比报告查看效率
- 新增 API 接口:便于联动企业内系统,一站式打通 Devops 流程
----- 彩蛋环节 -----
彩蛋 1:体验有奖。为了更好地优化小程序云测图片对比能力,即日起至 1 月 12 日,官方团队邀请各位开发测试同学在下方评论区分享图片对比能力或云测其他能力的使用体验,精选评论的用户将获得超可爱的限定版生肖公仔 1 只 或 微信气泡狗集线器一份!无论是竖起大拇指的认可,还是暗戳戳的体验吐槽,我们都非常欢迎!
彩蛋 2:欢迎各位开发者朋友使用小程序云测服务,提升小程序整体表现!即日起至 1 月 12 日,前往 小程序云测试交流专区 分享云测使用的最佳实践,精选文章的用户将获得限定版生肖公仔 1 只 或 微信气泡狗集线器一份!
针对一些比较固定的页面、服务以及一些H5页面,要求跳转后页面展示正常的场景,图片对比功能可以让断言变得简单,从而用例代码也得到精简,使得用例新增效率和覆盖度都有了较大的提高。尤其是部分区域对比,可以对比选中的区域,也可以忽略选中的区域。对于刚上线的新功能来说,挺好。
我觉得与其和上一个版本去对比界面区别,不如可以上传设计稿和实际完成效果做个对比,这样设计人员就不要去验收了,直接跑一遍前端人员就知道那里需要调整还原度了。
如果能够找出问题,并且一键提高还原度,那前端人员肯定特别喜欢
感觉基本没空做这么细致的UI测试。
感觉不太实用...
这个功能还是很不错的,可以节省测试成本吧。
我之前用过antv,他们官方每次发布一个新版本,就会对所有的图标进行截图,和上个版本对比,看看同样的数据,更新了图表后,会有哪些变化。
说了文中的问题,示例图中,第二个框选【基础内容】,没太看出来是哪里不一样。
字错了
前排,非常不错的功能