エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Playwright + reg-suitでVisual Regression Testing(VRT)を導入
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Playwright + reg-suitでVisual Regression Testing(VRT)を導入
はじめに デザインなどを変更した時に、予期せぬレイアウトの崩れがないか1つ1つ目視で確認するのは大変... はじめに デザインなどを変更した時に、予期せぬレイアウトの崩れがないか1つ1つ目視で確認するのは大変です。ページ数が多くなればなるほどヒューマンエラーの可能性が高くなります。そんな時、導入したいのがVisual Regression Testing(VRT)。 アプリケーションの前後の状態をキャプチャしたスクリーンショットを比較することで、ビジュアル上の変更や不具合を特定することができます。 今回はPlaywright + reg-suitを利用して、VRTを導入方法を紹介します。 各種インストール Next.jsをインストール 今回はNext.jsのトップページでテキストを変更してVRTを試してみます。 ✔ What is your project named? … vrt-example ✔ Would you like to use TypeScript? … Yes ✔ Would