この記事はオプトテクノロジーズアドベントカレンダー(2018)22日目のエントリーです。 はじめに 今年の4月に株式会社オプトに入社しました。 で、なんやかんやありまして、今は React なフロントエンドをコツコツと書いております。 今回は、お仕事の中で出会った visual testing の構築方法についてお話しします。 visual testing とは 読んで字の如く、見た目のテストのことです。 昨今のフロントエンドというのはライブラリやフレームワークの充実によって表現力が豊かになっています。たぶん。 しかし、その代償というか当然の跳ね返りとして、全容の把握が難しくなっています。 そこで、バージョンごとに画面のスナップショットを撮影し、差分を検出することで見た目の変更を把握しやすくしましょう、というわけです。 本記事では、特に React で構築されたフロントエンドを Story