GitHub上でテンプレートリポジトリから複製した後、クローンして任意のエディタでリポジトリを開いてください。

git clone [email protected]:{ユーザ名}/playwright-vrt-handson.git

以下を実行してブラウザでHTMLを開けることを確認してください。

npx corepack enable
npm i
npm run start

確認後は、Ctrl+C で終了してください。

テスト用のブラウザをインストールします。 Chromium（Chrome）、Firefox、Webkit（Safari）が追加されます。 任意のブラウザを使用することも可能ですが、ややこしくなるため今回はPlaywright推奨バーションを利用します。

npx playwright install

# 上記コマンドでエラーが出る場合
npx playwright install --with-deps

ドキュメント

ドキュメント

ドキュメント

• HTMLのテンプレートは以下を利用させていただきました
  • https://template-party.com/template/tp_housebuilder1/tp_housebuilder1_blue_gray/
• Playwrightの公式ドキュメント
• 最近の代表的なVRTツール/サービスに関して非常にわかりやすい説明がされています
  • ビジュアルリグレッションテストツール４選！ユーザーが語る各ツールのメリット