一种新的页面样式测试策略?Viff
作者:网络转载 发布时间:[ 2014/3/5 14:25:55 ] 推荐标签:Web页面 测试 浏览器
感知测试中的新成员 – Viff
viff Github 地址
Viff的解决方式是,通过配置测试页面,对比在同一个浏览器下,同一个页面在不同环境(开发环境,生产环境)的截图差异来,发现终样式的影响,从而提升交付质量和信心。
Viff的出现不是用来解决“依赖感觉来测试困难”这个问题的。它作为感知测试领域中的一员,是一个半自动的测试框架,通过(整体或部分)的截图对比来帮助测试人员快速发现开发造成的样式改变和影响,提升页面样式的测试效率和软件交付信心。
现在Viff支持的功能有
基于CSS的部分页面截图对比
支持Firefox、Chrome、Safari、Opera、PhantomJS、IE、iOS、Android。Firefox、PhantomJS、iOS表现完美
命令行支持
定义处理页面事件
报表功能帮助差异Review
Viff测试策略
在使用Viff的过程中,几个基本的测试策略有
尽量保持一样的页面内容,如果页面内容是动态生成的,尽量使用基于CSS的部分截图功能
没有必要测试所有页面,尽量找到能够找到覆盖CSS样式的小集合。推荐模块化的方式开发CSS的好处在于此
针对复用性的UI组件,推荐使用基于CSS的部分截图功能
如果有style guide页面,直接测试它也可以
期望建立一种使用Viff的机制,每天或者部署前查看Viff的报表,也可以把Viff继承到CI中,每天定时运行。但不推荐每次提交都运行,因为生成的图片文件会很快占满你的硬盘。
相关推荐
更新发布
功能测试和接口测试的区别
2023/3/23 14:23:39如何写好测试用例文档
2023/3/22 16:17:39常用的选择回归测试的方式有哪些?
2022/6/14 16:14:27测试流程中需要重点把关几个过程?
2021/10/18 15:37:44性能测试的七种方法
2021/9/17 15:19:29全链路压测优化思路
2021/9/14 15:42:25性能测试流程浅谈
2021/5/28 17:25:47常见的APP性能测试指标
2021/5/8 17:01:11