運用年数の長いウェブサービスでcssやhtmlのリファクタリングをするにあたって、ビジュアルのRegression test(回帰テスト)が必要となってきたので、導入するにあたりいくつかのツールを眺めてみた。 今回、ビジュアルのRegression testとしてcsscritic、BackstopJS、Succss、PhantomCSSを軽く触ってみた。 csscritic A lightweight tool for regression testing of Cascading Style Sheets とある通り、csscriticはシンプルな設定でテストを実施することが可能。
![ビジュアルのRegression Test(回帰テスト)ツールを試してみた](https://cdn-ak-scissors.b.st-hatena.com/image/square/778660e67c76b8a09a352d975e09983cce0be8df/height=288;version=1;width=512/http%3A%2F%2Fblog.kazu69.net%2Fimages%2F2016%2F01%2F02%2Fcsscritic_first_run.png)