MCP 服务器

🎭 Playwright Test Automation Framework

🎭 现代 E2E 测试框架 | Playwright + TypeScript + MCP 服务器 | 数据驱动的 POM 架构 | 高级测试录制与回放

GoldiSaini

开发者工具

README

🎭 Playwright 测试自动化框架

🚀 一个强大的、数据驱动的测试自动化框架，使用 Playwright 和 TypeScript 构建，并利用 @executeautomation/playwright-mcp-server 来增强测试录制和回放功能。采用页面对象模型设计模式，实现可扩展和可维护的自动化测试。

✨ 亮点

🏗️ 页面对象模型 - 干净且可维护的测试架构
📊 数据驱动测试 - 使用外部测试数据轻松扩展测试
🔧 TypeScript 支持 - 强大的类型检查和更好的 IDE 集成
♻️ 可重用组件 - 模块化设计，实现最大的代码重用
🎯 易于维护 - 集中式定位器和数据管理
📈 可扩展设计 - 轻松添加新的测试场景
🎥 MCP Server 集成 - 增强的测试录制和回放功能

🌟 主要特性

结构化和组织化的测试架构
测试数据与测试逻辑分离
用于常见操作的强大辅助方法
易于遵循的页面对象模式实现
全面的测试数据管理
即用型注册流程示例
使用 MCP Server 进行测试录制和回放
自动化测试脚本生成

框架结构

tests/
├── data/                    # 测试数据层
│   ├── interfaces/         
│   │   └── TestData.ts     # 数据类型定义
│   ├── TestDataHelper.ts   # 用于数据管理的辅助类
│   └── testData.ts         # 测试场景数据
├── pages/                   # 页面对象
│   ├── BasePage.ts         # 具有通用功能的基础页面
│   ├── LoginPage.ts        # 登录页面对象
│   └── RegistrationPage.ts # 注册页面对象
└── specs/                   # 测试规范
    └── registration.spec.ts # 测试用例

功能特性

页面对象模型: 将测试逻辑与页面交互分离
数据驱动测试: 测试数据与测试逻辑分离
TypeScript: 强大的类型和更好的 IDE 支持
可重用组件: 基础类中的通用功能
易于维护: 集中式定位器和数据管理
可扩展: 易于添加新的测试场景和页面对象

测试数据结构

该框架使用结构化的方法来管理测试数据：

interface TestScenario {
    name: string;
    login: LoginData;
    registration: RegistrationData;
}

当前测试场景：

有效注册流程（男性用户）
女性用户注册

设置

克隆存储库：

git clone <repository-url>
cd playwrightMCP_Demo

安装依赖项：

npm install

安装 Playwright 浏览器：

npx playwright install

运行测试

运行所有测试：

npx playwright test

运行特定测试文件：

npx playwright test tests/specs/registration.spec.ts

在有头模式下运行测试：

npx playwright test --headed

添加新的测试场景

在 tests/data/testData.ts 中添加新的测试数据：

{
    name: '您的场景名称',
    login: {
        email: 'your.email@test.com'
    },
    registration: {
        firstName: '名',
        lastName: '姓',
        address: '地址',
        email: 'email@test.com',
        phone: '1234567890',
        gender: 'Male' | 'Female',
        country: '国家名称'
    }
}