🚀 EnBW电价查找器-MCP+测试
一个完整的设置与 剧作家测试 和 MCP服务器 Cursor/VSCode 集成
______________________________________________________________________
📦 里面有什么？
1️⃣ 剧作家测试 (enbw-tariff-tests/)
- 10 自动化测试 （nur Chromium浏览器）
- 页面对象模型模式
- TypeScript
2️⃣ MCP服务器 (playwright-mcp/)
- Playwright MCP Cursor/VSCode 服务器
- 支持AI支持的测试生成
3️⃣ 聊天模式 (.github/chatmodes/)
- 🎭 规划师 - 创建测试计划
- 🎭 发电机 - 从计划生成测试
- 🎭 治愈者 调试失败的测试
______________________________________________________________________
⚡ 快速开始
安装
# 1. MCP Server einrichten
cd playwright-mcp
npm install
# 2. Tests einrichten
cd ../enbw-tariff-tests
npm install
npx playwright install
# 3. Tests starten
npm test在 Cursor 中使用
- 在 Cursor 中打开聊天模式
- 受益 规划师 规划测试场景
- 受益 发电机 生成测试
- 受益 治愈者 修复错误
______________________________________________________________________
📁 结构
MCP_Tariffinder/
├── .github/chatmodes/ # 🎭 AI Chatmodes
├── .vscode/settings.json # ⚙️ MCP Config
├── enbw-tariff-tests/ # ✅ Tests (22 Test Cases)
│ ├── tests/
│ │ ├── pages/EnBWTariffFinderPage.ts
│ │ ├── spec/ # 3 Spec Files
│ │ └── fixtures.ts
│ └── package.json
└── playwright-mcp/ # 🔌 MCP Server
├── src/
├── package.json
└── index.js______________________________________________________________________
🎯 可用的命令
| 命令 | 描述 |
|---|---|
npm test | 进行测试 |
npm run test:ui | UI模式（交互式） |
npm run test:headed 可见的浏览器。 | |
npm run test:debug | 调试模式 |
______________________________________________________________________
🎭 使用ChatModes
规划师📋
Erstelle einen Test-Plan für die EnBW Tariff-Finder Website发电机🎬
Generiere Playwright Tests basierend auf diesem Plan:
[PLAN HIER EINFÜGEN]
Pfade:
- enbw-tariff-tests/tests/spec/
- enbw-tariff-tests/tests/pages/EnBWTariffFinderPage.ts治愈者🔧
Debugge und repariere fehlgeschlagene Tests______________________________________________________________________
🚀 现在开始！
cd enbw-tariff-tests
npm test网站： https://www.enbw.com/strom/privatkunden/produkte