【Playwright 】Claude Code × Playwright MCPでPageObjectの自動生成を試してみた
この記事で分かること
Playwright MCPとClaude Codeの連携でPageObjectの自動生成が可能になる。自動生成の手順や、生成されたコードの品質、テスト保守への影響といった実用上の注意点が共有されている。
詳細要約
E2EテストのPageObjectを、LLMとブラウザ操作プロトコルの連携で自動生成する手法が試されている。実際に使う際の具体点は、MCPサーバーを起動してPlaywrightと接続した状態で、Claudeに「ログインページのPageObjectを生成して」と指示すると、その場でブラウザを操作しながらコードを出力する点と、生成されたコードは手動で書くより正確だが、セレクタが動的な要素に対応しきれない場合があるため、テスト実行後の修正を前提とした使い方が推奨される点である。