GitHub上でテンプレートリポジトリから複製した後、クローンして任意のエディタでリポジトリを開いてください。
Warning
- 複製する際、全ブランチをコピーしておくと、後ほど答えを確認しやすくなります
- テンプレートリポジトリを直接クローンしないでください
- 後ほどリポジトリにプッシュする必要があるためです
- リポジトリを複製する際、原則Publicで複製してください
- GitHubの無料枠の都合上、Publicの方が都合がいいためです
git clone git@github.com:{ユーザ名}/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のテンプレートは以下を利用させていただきました
- Playwrightの公式ドキュメント
- 最近の代表的なVRTツール/サービスに関して非常にわかりやすい説明がされています