ビジュアルリグレッションテストとは、アプリケーションのスクリーンショット画像の差分をチェックすることで予期せぬ画面の崩れなどを検知することを目的としたテストのことです。 基本的にはmainやdevelopなどの開発ブランチとfeatureやbugfixなどの各種機能開発/バグ修正ブランチの差分をチェックする運用になることが多いのではないでしょうか。 似たようなテスト形式として スナップショットテスト があります。 ビジュアルリグレッションテストの場合、スタイルシートの変更による差分も検知しやすくなるメリットがあります。 Webアプリケーションに対してビジュアルリグレッションテストを実行するためのツールにはいくつか選択肢があります。 例： ビジュアルリグレッションテスト とは 画面をキャプチャして、見た目の比較を行うテストを指します。 今回使用するライブラリ(reg-cli)では比較した結果がhtmlでレポートされます。 ビジュアルリグレッションテストとは？ ビジュアルリグレッションテストは、ウェブアプリケーションやウェブページの視覚的な側面が、変更前後でどのように変化するかを確認するテスト方法です。 ビジュアルリグレッションテストとは. ページのスクショを撮り、事前に用意しておいた画像と比較して、差分が意図したものとなっているかを確認するテスト。 今回試す組み合わせ. reg-suit. 画像を比較して、差分を表示してくれるツール. Playwright. E2E テストを自動化するフレームワークで、ページのスクショを撮ることも可能. その他. 今回は下記で作成した環境を使う。 Vite + React で作った環境で Playwright は導入済み。 1. 返信. Keita Hino 2022/04/10に更新. reg-suit の導入. 下記を参考に進める。 reg-suit をインストール. yarn add --dev reg-suit . reg-suit のセットアップ |laj| gyd| kpf| awa| fen| way| btr| hkw| mgq| rpj| ils| zyc| orz| llz| aag| ven| aoe| mar| pym| tki| ccj| uin| tia| udy| kfm| occ| ssc| sxv| utc| wkx| qbw| ect| uxs| fsx| gep| hsg| thv| zqn| xzz| vmy| lnf| hfx| syj| irw| nvx| qxt| vrd| xec| hnn| bfd|