実際にレンダリングし、キャプチャを撮り、前回のものと比較し、差異を確認する

component単位で見ると、global cssの適用有無で結果が変わる

画面上部のcomponentを変更すると、それより下が全て変更箇所と見なされる

ユーザが操作して変化した状態の比較も可能

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