smartcamp-inoue https://blog.hatena.ne.jp/smartcamp-inoue/ SMARTCAMP Engineer Blog https://tech.smartcamp.co.jp/ 業務改善 フロントエンド こんにちは！スマートキャンプでインサイドセールスに特化した SaaSを作っているエンジニアの井上です。 携わっている上記のプロダクトは使いやすさにこだわっているため、UIの修正を行うことが多々あります。 そんななかで起こった問題の対応としてビジュアルリグレッションテストを導入したので、今回はその話をできればと思います。 背景 ビジュアルリグレッションテストとは？ ビジュアルリグレッションテストをやる目的 何をテストをするのか？ 使用したツール Cypress reg-suit 画像を取得する 画像の差分を検知する Circle CIによる自動化 ベース画像の自動更新 ビジュアルリグレッションテ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.smartcamp.co.jp%2Fentry%2FIntroducing-visual-regression-testing" title="reg-suitとCypressを使ってビジュアルリグレッションテストを導入した話 - SMARTCAMP Engineer Blog" 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/s/smartcamp-inoue/20200910/20200910120240.png Hatena Blog https://hatena.blog 2020-09-10 18:46:38 rich https://tech.smartcamp.co.jp/entry/Introducing-visual-regression-testing 1.0 100%