剧作家实践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服务器
- 在VS Code中打开您的工作区。
- 首选
.vscode/settings.json（如果文件不存在，则创建该文件）。 - 添加以下配置：
{
"chat.mcp.enabled": true,
"mcp": {
"servers": {
"playwright": {
"command": "npx",
"args": ["@playwright/mcp@latest"]
}
}
}
}- 保存文件。MCP服务器现在将为您的工作区启用，允许高级Playwright功能和远程控制。
要手动启动MCP服务器或了解更高级的用法，请参阅Playwright文档或您的自定义脚本。如果需要远程或分布式测试执行，请确保为MCP配置了管道和本地环境。
入门指南
- 安装依赖项：
pnpm install - 在中设置环境变量
configs/test.env - 运行测试：
pnpm exec playwright test --project=chromium - 对于慢速模式（可视化调试），请配置
slowMo在……里面playwright.config.ts
CI/CD
- Azure Pipeline配置用于自动测试执行和报告。
______________________________________________________________________
有关更多详细信息，请参阅存储库中的测试规范和页面对象。