使用 Playwright MCP 和 Claude Code 编写 Playwright 测试
发布于 10 月 5 日。任务：建议落地方案：安装 Node.js 20+、Claude Code 和 Playwright 项目。使用 `claude mcp add` 在 Claude Code 中注册 Playwright MCP 服务器。通过 `claude mcp list` 验证连接状态。提示 Claude Code 针对实时应用编写测试，确保其通过 MCP 使用运行中页面的定位器。审查生成的测试并反复运行以检查不稳定性，然后再提交。；工具：Claude Code。人工角色：原始帖子没有说明人如何参与。；局限：前提条件包括 Node.js 20+、Claude Code 和 Playwright 项目。该工作流可能在长多步流程、变化的数据、深层条件判断或 OAuth/第三方身份验证中失败。作者指出 MCP 工具变化很快，因此命令可能会过时。人工审查对于场景判断和验证测试是否断言有意义的结果至关重要。。
工具
Agent Work Atlas 发布日期:
概述
发布于 10 月 5 日
工作流程
建议落地方案：安装 Node.js 20+、Claude Code 和 Playwright 项目。使用 `claude mcp add` 在 Claude Code 中注册 Playwright MCP 服务器。通过 `claude mcp list` 验证连接状态。提示 Claude Code 针对实时应用编写测试，确保其通过 MCP 使用运行中页面的定位器。审查生成的测试并反复运行以检查不稳定性，然后再提交。
原文报告的结果
原文描述了一种工作流，Claude Code 通过 Playwright MCP 服务器从实时浏览器读取定位器来生成测试。作者指出，这种方法可以防止因从源代码猜测选择器而导致的测试不稳定。文本概述了设置、身份验证、提示构建、生成、审查和验证的步骤，但未提供关于节省时间或成功率的具体指标。
人工角色
原始帖子没有说明人如何参与。
局限
前提条件包括 Node.js 20+、Claude Code 和 Playwright 项目。该工作流可能在长多步流程、变化的数据、深层条件判断或 OAuth/第三方身份验证中失败。作者指出 MCP 工具变化很快，因此命令可能会过时。人工审查对于场景判断和验证测试是否断言有意义的结果至关重要。
试一试
我想设置一个工作流，使用 Claude Code 和 Playwright MCP 服务器生成稳定的 Playwright 测试。首先，确保我安装了 Node.js 20+、Claude Code 和 Playwright 项目。运行 `claude mcp add playwright -- npx -y @playwright/mcp@latest` 以注册服务器。使用 `claude mcp list` 验证连接并确认显示“Connected”。接下来，通过创建一个保存存储状态到 `.auth/user.json` 的设置测试来配置身份验证。更新 MCP 服务器注册以包含 `--isolated --storage-state .auth/user.json`。然后，提示 Claude Code 针对 [可替换应用 URL] 编写 [可替换场景，例如“用户登出”] 的测试。指示它在编写代码前使用 MCP 工具探索应用，优先使用 `getByRole` 定位器，并避免手动等待。审查生成的测试的正确性，并使用 `npx playwright test --repeat-each 5` 多次运行以检查不稳定性。最后，一起提交测试及其场景描述。确保将 `.auth/` 添加到 `.gitignore` 以防止泄露会话数据。
来源报告未经独立核验。发布日期为本站案例发布日期，并非原始文章日期。