AI导哈

浏览器自动化测试框架

一个基于Playwright和TypeScript的端到端自动化测试框架，专注于UI测试，支持Page Object Model、环境变量配置和CI/CD集成。

  • by shubh7
  • TypeScript
  • 本地部署
  • 更新于
在 GitHub 查看 shubh7/playwrightpracticemcpserver

使用说明

剧作家实践McpServer

这个项目是一个使用Playwright和TypeScript的端到端自动化框架。它专为web应用程序的UI测试而设计，重点关注页面对象模型、基于环境的配置和CI/CD集成等最佳实践。

特性

  • 使用Playwright（Chromium、Chrome、Firefox、WebKit）进行自动浏览器测试
  • 用于可维护和可重用测试代码的页面对象模型
  • 通过以下方式提供环境变量支持 .env 文件
  • 登录、产品过滤和购物车功能的测试场景（例如。，https://www.saucedemo.com/)
  • Linting和代码质量工具
  • CI/CD管道就绪（Azure管道）

项目结构

  • pages/ --每个页面/组件的页面对象模型类
  • tests/ --各种场景的测试规范
  • configs/ --环境配置文件
  • playwright.config.ts --剧作家和测试运行器配置

示例场景

  • 使用有效凭据登录
  • 过滤和验证产品
  • 将产品添加到购物车并验证购物车内容

剧作家MCP服务器

此项目支持Playwright模型上下文协议（MCP）服务器集成。MCP允许高级自动化、远程浏览器控制和增强的调试功能。您可以使用MCP服务器：

  • 远程或在分布式环境中运行Playwright测试
  • 与基于云的测试执行平台集成
  • 启用高级调试和检查功能

如何在VS代码中启用MCP服务器

  1. 在VS Code中打开您的工作区。
  2. 首选 .vscode/settings.json （如果文件不存在，则创建该文件）。
  3. 添加以下配置：
    {
  "chat.mcp.enabled": true,
  "mcp": {
    "servers": {
      "playwright": {
        "command": "npx",
        "args": ["@playwright/mcp@latest"]
      }
    }
  }
}
  4. 保存文件。MCP服务器现在将为您的工作区启用，允许高级Playwright功能和远程控制。

要手动启动MCP服务器或了解更高级的用法，请参阅Playwright文档或您的自定义脚本。如果需要远程或分布式测试执行，请确保为MCP配置了管道和本地环境。

入门指南

  1. 安装依赖项： pnpm install
  2. 在中设置环境变量 configs/test.env
  3. 运行测试： pnpm exec playwright test --project=chromium
  4. 对于慢速模式（可视化调试），请配置 slowMo 在……里面 playwright.config.ts

CI/CD

  • Azure Pipeline配置用于自动测试执行和报告。

有关更多详细信息，请参阅存储库中的测试规范和页面对象。

相关 MCP