2023年にVisual Regression Testingを始めるならどんな選択肢があるか

はじめに フロントエンドのテスト手法の 1 つに Visual Regression Testing（以下、VRT）があります。 これは、アプリケーションの画面を画像として保存し、画像の差分比較をすることで意図せぬ変更が生じていないかテストする方法です。 ここ数年で広く普及し、用語としても一般的になったように思います。 私も以前、とある OSS に reg-suit & Storycap を使った VRT を導入したことがあるのですが、その後もいくつか VRT のためのライブラリが登場したもののキャッチアップできていませんでした。 そこで今回は知識のアップデートを目的として、ここ最近登場した（と思われる）VRT のライブラリをいくつかご紹介します。 なお、今回紹介するツールはすべてこちらのリポジトリで試しています。 具体的な設定ファイルや動作結果を確認できるようになっていますので、ご興味が

[mizdra]

Backstop.js 使ってます。画像化からレポート出力まで全部やってくれて、任意で要素を隠せたり、カスタムスクリプトを実行してアニメーション止めたりと、小回り効いて便利です。エラーログが見づらくて運用大変ですが…

[takatama]

Visual Regression Testing

[Shisama]

lost-pixel はじめて知った

[kkeisuke]

Playwright