E2e MCP Server

🚀 E2E Test MCP Server 🎭

E2E Test MCP Server は、AI アシスタントによる E2E テストの自動作成と実行を可能にするサーバーです。Playwright をベースに構築され、主流の UI フレームワークをサポートし、智能的なエラー修復機能も備えています。

🚀 クイックスタート

方法1：直接使用（推奨）

手動でクローンする必要はなく、npx を使用して GitHub から直接実行できます。

{
  "mcpServers": {
    "e2e-test": {
      "command": "npx",
      "args": ["-y", "github:wjj9868/e2e-mcp-server"]
    }
  }
}

方法2：リポジトリをクローンする

git clone https://github.com/wjj9868/e2e-mcp-server.git
cd e2e-mcp-server
npm install
npm run build

{
  "mcpServers": {
    "e2e-test": {
      "command": "node",
      "args": ["/path/to/e2e-mcp-server/dist/index.js"]
    }
  }
}

設定場所

使用開始

AI に以下のように指示するだけです。

帮我为登录页面写 E2E 测试

AI が自動的に以下の作業を行います：プロジェクトの初期化 → ソースコードの分析 → テストの生成 → テストの実行 → 問題の修復

✨ 主な機能

• 🚀 1文でテストを生成 — AI に「ログインページをテストして」と指示するだけで、全ての作業を自動で行います。
• 🔧 智能的なエラー修復 — テストが失敗した場合、AI が自動的に分析してスクリプトを修復します。
• 🎨 フレームワーク非依存 — Element Plus、Ant Design、MUI などの主流の UI フレームワークをサポートします。
• 📊 可視化レポート — HTML 形式のテストレポートを自動生成し、失敗したテストのスクリーンショットが一目でわかります。
• 🧠 組み込みのベストプラクティス — 実行時の DOM 知識を提供し、AI が安定したセレクターを使用するように誘導します。

🎬 效果演示

🔧 ツール

💬 プロンプト

🎨 サポートされる UI フレームワーク

💭 設計理念

MCP は AI ができないことのみを担当します

従来の方法ではテンプレートによって AI の能力が制限されていましたが、このプロジェクトでは AI のコード理解と生成能力を最大限に発揮させ、MCP は AI が独自に推測できない実行時情報のみを提供します。

📚 ドキュメント

📋 環境要件

• Node.js >= 18.0.0
• Playwright（e2e_init で自動的に設定されます）

🤝 貢献

Issue と Pull Request の投稿を歓迎します！

📄 ライセンス

MIT © wjj9868