VScodeとPlaywrightで自動テスト作成 （更新中）

環境準備

VSCode Editor

公式サイトからダウンロードとインストール

Node.js

公式サイトからダウンロードとインストール

Playwright の VSCode 拡張

VS codeに"Playwright Test for VSCode"をインストールする

1. 以下のページでインストール場合

1. 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（新しいテスト作成）