VSCodeに拡張機能のインストール
Playwright Test for VSCodeをインストールしよう
Playwrightのテストを強力にサポートしてくれる、公式の拡張機能「Playwright Test for VSCode」をVSCodeにインストールします。
インストール手順
1. VSCodeの左側のメニューにある拡張機能アイコン(四角４つのマーク)を押下する
左側のアクティビティバーから、拡張機能のアイコンをクリックします。
2. 検索フォームに "Playwright Test for VSCode" と入力する
検索ボックスに「Playwright Test for VSCode」と入力します。
3. 「インストール」ボタンを押下する
検索結果の一番上に表示される「Playwright Test for VSCode」の「Install」ボタンをクリックします。
Playwright Test for VSCodeとは？
この拡張機能をインストールすると、以下のような便利な機能が使えるようになります：
- テストの実行と管理: VSCode内で直接テストを実行できる
- デバッグ機能: ブレークポイントを設定してテストをデバッグできる
- テスト結果の表示: テストの成功・失敗が一目でわかる
- Pick Locator: 要素を簡単に取得できる便利なツール
このステップのゴール
以下の画像のように、VSCodeの左側のメニューに、フラスコのような形のアイコン（Testing）が表示されれば、インストールは成功です！
次のステップ
次のレッスンでは、VSCodeの基本的な設定を行います。