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"]
         }
       }
     }
   }

1. 保存文件。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配置用于自动测试执行和报告。

______________________________________________________________________

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