Nuxt3 モックサーバモードで Playwright を使った Visual Regression Test - hacomono TECH BLOG

どうも、フロントエンドの開発基盤を担当している、みゅーとん(@_mew_ton)です 前回 (Nuxt3 でモックサーバ作ってみる) では Nuxt3 でモックサーバモードの実装について紹介しました。 今回は、これを使って E2E テストを実装する体制を整えたので、紹介します！ ビジュアルリグレッションテストとは？ ざっくりいうと、変更前と後での見た目を画像差分で比較し、変化がないかどうかをテストする方法です。 スナップショットテストなどと表記される場合もありますが、スナップショットテストでは DOM 構造を文字列としてスナップショットするケースが有り、厳密には一致しません。 ページのビジュアルリグレッションテストには、 Playwright や reg-suit などの専用のライブラリがあり、弊社では主に Playwright を使用しています。 Playwright Playwrigh