Playwrightのインストールからサンプルテスト実行までを3分で理解する

Windows 11の標準機能（PowerShell）のみを使って、Node.jsやnpmを手動でサイトからダウンロードすることなく、コマンドだけでPlaywrightを導入する最短手順をまとめました。

Windows 11には標準でWinget（Windowsパッケージマネージャー）が入っているため、これを利用して環境を構築します。

---

1. Node.js のインストール

まず、Playwrightを動かすための実行環境であるNode.jsをインストールします。

• インストールが終わったら、一度PowerShellを閉じて、再度開き直してください（パスを反映させるため）。
  • 以下のコマンドをコピー＆ペーストして実行してください。
• PowerShell を「管理者として実行」で開きます。
• 念のため、以下のコマンドでインストールされたか確認します。PowerShellnode -v npm -v ※ バージョン番号が表示されればOKです。

---

2. Playwright プロジェクトの作成

次に、テストを管理するフォルダを作成し、Playwrightを初期化します。

1. 作業したいフォルダに移動するか、新しく作成します。

PowerShellmkdir my-playwright-tests cd my-playwright-tests

1. Playwrightの初期化コマンドを実行します。
   PowerShellnpm init playwright@latest

PowerShellnpm init playwright@latest

1. 実行中にいくつか質問されますが、基本はすべてEnterキー（デフォルト設定）で進めて大丈夫です。
   • TypeScript or JavaScript? → TypeScript (推奨)
   • Where to put your end-to-end tests? → tests
   • Add a GitHub Actions workflow? → false (n)
   • Install Playwright browsers? → true (y) ※ここでブラウザ本体がダウンロードされます。

---

3. 動作確認

初期化が終わると、サンプルテストが用意されています。正しく動くか試してみましょう。

PowerShell

npx playwright test

もし、ブラウザが実際に動いている様子を見たい場合は、以下のコマンドを試してください。

PowerShell

npx playwright test --headed

以上、「Playwrightのインストールからサンプルテスト実行までを3分で理解する」でした！