Playwright MCPとCursorで、E2Eテストを自動生成してみた 〜AI×ブラウザ操作の新アプローチ〜

ARANK

概要 MCPとCursorを活用し、E2Eテストをゼロから自動生成してみました。本記事ではその検証プロセスと得られた知見を紹介します。この記事で分かることPlaywright MCPでE2Eテストを自動生成する方法Playwright MCPの活用のヒントはじめに昨今のMCPブームは収まることを知らず、日々新しいMCP Serverが公開されています。そんな中、自動化テストツールとして有名なPlaywrightのMCP Serverが公開されました。Playwrightには、既にユーザーがブラウザを操作しテストを生成できる非常に便利な機能がありますが、今回はそれを超えるために、ユーザーの代わりにCursor（MCP Client）を使用し、ブラウザの自動操作とE2Eテストの自動生成を行えるのかを検証しました。検証環境Cursor: claude-sonnet-3.7MCP Server: microsoft/playwright-mcpPlaywright version: playwright/test: ^1.51.1検証ステップStep 1：ログイン画面のE2Eテスト作成🔸 インプット（Cursorへの指示）# ゴール - Playwright用のE2Eテストの作成 ## 作成するテスト - root画面を表示し、ID/PASSを使ったログインとトップページが表示できることの確認 ## テスト作成方法 PlaywrightのMCPを使ってローカルの開…