環境準備
VSCode Editor
公式サイトからダウンロードとインストール
Node.js
公式サイトからダウンロードとインストール
Playwright の VSCode 拡張
VS codeに"Playwright Test for VSCode"をインストールする
- 以下のページでインストール場合
- VScodeからインストール場合
[VS code]拡張機能 > "Playwright"で検索 > "Playwright Test for VSCode" を選択 > インストール でインストールする。
Playwright
インストール
表示 > コマンドパレット > "Install Playwright"を検索 > Install Playwrightを選択 > OKをクリックする。
フォルダ構成
playwright.config.ts 設定ファイル
tests/ テストファイル置いてるフォルダ
example.spec.ts
tests-examples/ サンプルコード
demo-todo-app.spec.ts
サンプルテスト実行
Testing → TestExporerにテストリスト表示する。実行したいテストの横に▷ボタン押したらテスト実行する
テスト作成
Testing → Show browerチェック（ブラウザー表示させるため）→ Record new（新しいテスト作成）
