在使用scss和less开发的时候，遇到过一件很有趣的事，因为网站需要支持响应式，就开了一个响应式样式框架，简单的几百行scss代码，居然生成了近100KB的css代码，因此决定重构这个样式库。而重构后的项目总是出现各种各样的问题，尤其在响应式方面，可能在一种分比率下页面显示正常，而在另一种分辨率下页面却变得面目全非，几次调整都有遗漏的地方，忙得测试人员（其实就是我自己了）不可开交。最后总结为样式开发也是需要做自动化回归测试的，尤其是开发具有响应式功能的复杂样式库的时候，自动化测试尤其重要。
如何做前端样式的自动化回归测试呢？
BackstopJS就是一个能够实现css自动化回归测试的工具，和Mocha这种依靠JavaScript判断断言语句正误和PhantomJS以模拟用户操作的测试工具不同，BackstopJS是一个基于比较网站快照的变化的回归测试工具，因此他更适给项目中的样式做回归测试，可以确保我们在重构网站样式的时候样式不发生变化，而且他支持设置多种浏览器尺寸，可以测试响应式布局。
BackstopJS具有以下特性：
支持多页面、多测试用例测试
可以使用脚本模拟出用户的交互动作
延伸阅读
- ssh框架 2016-09-30
- 阿里移动安全 [无线安全]玩转无线电——不安全的蓝牙锁 2017-07-26
- 消息队列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
- Selective Search for Object Recognition 论文笔记【图片目标分割】 2017-07-26
- 词向量-LRWE模型-更好地识别反义词同义词 2017-07-26
- 从栈不平衡问题 理解 calling convention 2017-07-26
- php imagemagick 处理 图片剪切、压缩、合并、插入文本、背景色透明 2017-07-26
- Swift实现JSON转Model - HandyJSON使用讲解 2017-07-26
- 阿里移动安全 Android端恶意锁屏勒索应用分析 2017-07-26
- 集合结合数据结构来看看(二) 2017-07-26
学习是年轻人改变自己的最好方式