約半年前に「Puppeteer を使った Storybook の自動スクリーンショット撮影用のアドオンを作った」という記事を書きました。この時 storybook-chrome-screenshot というアドオンを作って公開した紹介でした。 当初は React のみのサポートだったのですが継続的に手を加えていて、最近 Angular と Vue.js へのサポートが完了したり、機能的にも大分実用的になってきました。 そこで今回は、storybook-chrome-screenshot と reg-viz/reg-suit を使って Visual Regression Testing (視覚回帰テスト) を導入して、ありがたみを感じるところまでを書いていきたいと思います。 だらだら書いていたら思っていたよりも長くなってしまったので、各種ツールのセットアップ だけで充分という方は読み飛ばして
![Storybookとreg-suitで気軽にはじめるVisual Regression Testing - wadackel.me](https://cdn-ak-scissors.b.st-hatena.com/image/square/c9787130db81e4ba5f409852bbc2086de966cea0/height=288;version=1;width=512/https%3A%2F%2Fblog.wadackel.me%2F2018%2Fstorybook-chrome-screenshot-with-reg-viz%2Fogp.png)