upinetree https://blog.hatena.ne.jp/upinetree/ upinetree's memo https://upinetree.hatenablog.com/ Testing CSS JavaScript Visual Regression Testing とは CSSやコードの変更によって、デザインに意図せぬ影響・リグレッションがないかを視覚的に確認するためのテスト。 変更前後のスクリーンショットを撮影して、差分を出力する方法が一般的。 似たテストに Snapshot Testing があるが、これはHTMLやASTを比較するテストであるため、CSSを含めたデザインの確認はできない。 やってみた感想 CSSのリファクタリングでは、見た目が変わっていないことや、見た目の変更が意図通りであることを確認する工程が多くを占める。 変更が大量にある場合はすべてをチェックすることは現実的ではないため、ある… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fupinetree.hatenablog.com%2Fentry%2F2018%2F05%2F13%2F231951" title="BackstopJS を利用した Visual Regression Testing の感想と工夫ポイント - upinetree&#39;s memo" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/u/upinetree/20180513/20180513230107.png Hatena Blog https://hatena.blog 2018-05-13 23:19:51 rich https://upinetree.hatenablog.com/entry/2018/05/13/231951 1.0 100%