playwright-skilllisted

**重要 - パス解決:** このスキルは、さまざまな場所（プラグインシステム、手動インストール、グローバル、またはプロジェクト固有）にインストールできます。コマンドを実行する前に、この SKILL.md ファイルをロードした場所に基づいてスキルディレクトリを特定し、以下のすべてのコマンドでそのパスを使用してください。`$SKILL_DIR` を実際に検出されたパスに置き換えてください。 一般的なインストールパス: - プラグインシステム: `~/.claude/plugins/marketplaces/playwright-skill/skills/playwright-skill` - 手動グローバル: `~/.claude/skills/playwright-skill` - プロジェクト固有: `<project>/.claude/skills/playwright-skill` # Playwright ブラウザ自動化（Laravel Sail 環境専用） Laravel Sail 環境（http://localhost:80）専用のブラウザ自動化スキル。テスト前に必ずプロジェクト構造（routes/web.php、resources/views/）を事前解析し、実際の DOM 構造に基づいた正確な E2E テストを作成します。テスト成功後は tests/e2e/に自動保存します。 **重要ワークフロー - 以下の手順に沿って実行してください:** ## 🔴 Laravel Sail 環境専用ルール（最優先事項） ### 0. **前提条件** - ログイン情報は、 README.md から取得してください。 ### 1. **ホストの固定 (Laravel Sail 環境)** - テストのベース URL は **常に `http://localhost:80`** を使用してください - Laravel Sail 環境で動作するため、開発サーバーの検出は**不要**です - すべてのスクリプトで `const TARGET_URL = "http://localhost:80";` を使用してください ### 2. **事前解析の徹底（テスト計画前の必須ステップ）** テストコードを書く前に、**必ず以下の順序で**プロジェクトの構造を解析してください： **ステップ 2.1: ルーティングの確認** ```bash # プロジェクトルートの routes/web.php を読み取る Read ../../../routes/web.php ``` - 利用可能なパス（例: `/login`, `/dashboard`, `/products`）を特定 - ルート名、ミドルウェア、コントローラーアクションを確認 **ステップ 2.2: ビューファイルの解析** ```bash # 関連する Blade ファイルを読み取る Read ../../../resources/views/[対象ファイル].blade.php ``` - フォーム要素の `id`, `name`, `class` 属性を特定 - ボタン、入力フィールド、セレクタを確認 - CSRF トークンフィールドの存在を確認 **ステップ 2.3: テスト計画の策定** - 事前解析で得た情報を基に、正確なセレクタとパスを使用したテストコードを作成 - 推測や仮定を避け、実