ブラウザコマンド

playwright-cli を使用して E2E テスト用のブラウザを開きます。

対象 URL: $ARGUMENTS

URL が指定されない場合、デフォルトは以下の通りです: http://localhost:${DEFAULT_PORT:-5173}/

プリフライトチェック

1. playwright-cli がインストールされていることを確認
   • 実行: playwright-cli --help
   • 利用できない場合: STOP でエラーを表示 "playwright-cli not installed. Run: npm install -g @playwright/cli@latest && playwright-cli install-browser"

実行

1. URL に移動

   playwright-cli open "${URL:-http://localhost:${DEFAULT_PORT:-5173}/}"
   

2. ページロードを確認

   playwright-cli snapshot
   

   スナップショット出力からページタイトルと URL をレポートします。

3. ステータスをレポート

   • ブラウザが開かれ、準備完了状態であることを確認
   • 現在のページタイトルを表示
   • 現在の URL を表示

利用可能な CLI コマンド

ブラウザを開いた後、以下のコマンドが Bash 経由で利用できます:

• playwright-cli goto <url> - URL に移動
• playwright-cli snapshot - アクセシビリティスナップショットをキャプチャ
• playwright-cli click "<selector>" - 要素をクリック
• playwright-cli fill "<selector>" "<text>" - 入力フィールドに入力
• playwright-cli type "<text>" - テキストを入力
• playwright-cli screenshot - PNG スクリーンショットを撮影
• playwright-cli close - ブラウザセッションを閉じる
• playwright-cli video-start / video-stop - ビデオを記録

注記

• ビデオ記録は明示的: フロー前に playwright-cli video-start を使用し、フロー後に video-stop を使用してください
• プロジェクトルートの playwright-cli.json で出力を設定します
• ブラウザウィンドウを表示させるには --headed フラグを使用してください: playwright-cli --headed open <url>
• ポートは DEFAULT_PORT 環境変数で設定できます
• セッションはコマンド間で保持されます: 名前付きセッションの場合は playwright-cli -s=<name> を使用してください