自动化测试工具集

一个包含Playwright测试和MCP服务器的完整自动化测试解决方案,支持AI生成测试和调试。

  • by Andrejtr4
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 Andrejtr4/MCP_Tariffinder

使用说明

🚀 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 中使用

  1. 在 Cursor 中打开聊天模式
  2. 受益 规划师 规划测试场景
  3. 受益 发电机 生成测试
  4. 受益 治愈者 修复错误

📁 结构

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