在使用scss和less开发的时候，遇到过一件很有趣的事，因为网站需要支持响应式，就开了一个响应式样式框架，简单的几百行scss代码，居然生成了近100KB的css代码，因此决定重构这个样式库。而重构后的项目总是出现各种各样的问题，尤其在响应式方面，可能在一种分比率下页面显示正常，而在另一种分辨率下页面却变得面目全非，几次调整都有遗漏的地方，忙得测试人员（其实就是我自己了）不可开交。最后总结为样式开发也是需要做自动化回归测试的，尤其是开发具有响应式功能的复杂样式库的时候，自动化测试尤其重要。
如何做前端样式的自动化回归测试呢？
BackstopJS就是一个能够实现css自动化回归测试的工具，和Mocha这种依靠JavaScript判断断言语句正误和PhantomJS以模拟用户操作的测试工具不同，BackstopJS是一个基于比较网站快照的变化的回归测试工具，因此他更适给项目中的样式做回归测试，可以确保我们在重构网站样式的时候样式不发生变化，而且他支持设置多种浏览器尺寸，可以测试响应式布局。
BackstopJS具有以下特性：
支持多页面、多测试用例测试
可以使用脚本模拟出用户的交互动作
网友评论
