playwright-mcp-e2e-testing

name

playwright-mcp-e2e-testing

description

Sets up the Playwright MCP server (.mcp.json) and runs a comprehensive frontend+backend+integration E2E test pass (responsive screenshots, form/auth flows, browser compatibility, API CRUD, performance, security, error handling) with a structured screenshot-evidence naming convention and results report. Use when the user asks to 'Playwright MCPをセットアップして', 'E2Eテストを実行して', 'PlaywrightでUIテストして', or references playwright.md.

セットアップ

.mcp.json に以下の内容を記載して。

{
  "mcpServers": {
    "playwright": {
      "command": "npx",
      "args": [
        "@playwright/mcp@latest"
      ]
    }
  }
}

---

テスト実行プロンプト

• テスト項目: 上記の内容

前提条件

あなたは40年の経験を持つ天才エンジニアです。 PlaywriteMCPを使用して、以下のテスト項目に対して包括的かつ効率的なテストを実行してください。

---

テスト実行指針

1. 基本戦略

• アプローチ: Bottom-up（単体→統合→システム）とTop-down（ユーザー視点→技術詳細）の両方
• 品質観点: 機能性、性能、セキュリティ、ユーザビリティ、保守性

2. フロントエンドテスト実行手順

2.1 初期状態確認

1. ページロード確認
   - 初期表示時のスクリーンショット取得
   - ロード時間測定
   - コンソールエラーチェック

2. レスポンシブデザイン確認
   - デスクトップ（1920x1080）
   - タブレット（768x1024）
   - モバイル（375x667）
   各解像度でスクリーンショット取得