用 Claude Code 和 Playwright 做 QA 测试

QA 测试：Claude Code 能做什么

• 为关键流程写端到端测试：注册、结账、主要页面。
• 运行测试套件，读失败信息，修测试或修代码，并说明修的是哪一个。
• 操作真实浏览器手动检查改动，提交带复现步骤和截图的 bug。
• 找出不稳定的测试，隔离起来并开一个 issue，而不是一直重试到通过。

QA 测试：Claude Code 的相关功能

QA 测试：怎么设置 Claude Code

1. 连接工具

   添加 Playwright MCP 服务器，Claude Code 就能在浏览器里打开你的应用。仓库里的测试套件，照常安装 Playwright 即可；Claude 会像运行其他命令一样运行它。

   # 一个真实浏览器，用于探索性检查
   claude mcp add playwright npx @playwright/mcp@latest
   
   # 测试套件，如果你还没有的话
   npm init playwright@latest

2. 把规则写进 CLAUDE.md

   Claude Code 在每次会话开始时都会读取 CLAUDE.md，claude -p 运行也一样。把这项工作的规则写在这里；规则很长的话，放进 .claude/skills/ 下的一个 skill。见 CLAUDE.md 指南。

   ## QA 规则
   - 在本地或 staging 环境测试，绝不在生产环境测试。
   - 使用 .env.example 里的测试账号，绝不用真实账号。
   - 测试失败就是一个发现：改测试或改代码之前，
     先说清是测试错了还是代码错了。
   - 每份 bug 报告：步骤、预期、实际、一张截图，
     以及你测试的 commit。
   - 不要为了让测试套件通过而删除或跳过测试。

3. 不打开交互界面运行

   claude -p 运行一个任务后就退出，所以 cron、CI 或别的工具都能启动它。用 --allowedTools 或 --permission-mode 决定它不经询问可以做什么；--output-format json 会连同花费一起返回结果。

   # 从 CI 或 cron 运行测试套件并修复失败
   claude -p "运行 npx playwright test 并修复失败，遵循 CLAUDE.md" \
     --allowedTools "Bash,Read,Edit"

4. 设成定时运行

   用 /schedule 做成云端定时任务（Pro、Max、Ultra、Team 和 Enterprise 可用），或者用桌面定时任务，会话开着时也可以用 /loop。见如何让 Claude Code 主动工作。

来源：Claude Code 文档

局限与安全

• 它只能测它访问得到的东西：带测试数据的本地或 staging 应用，不是生产环境。
• 测试套件通过，只说明写了测试的流程没问题。让它列出没有覆盖到的部分。
• 浏览器测试慢，也更耗套餐用量。完整套件定时跑，每次改动只跑冒烟测试。
• 从 Claude Code v2.1.302 起，claude -p 以 Manual 模式启动：需要批准的操作，除非有规则允许，否则一律拒绝。只放行这项工作需要的工具。

QA 测试，用 Claude Code 还是 Codex？

规则可以通用。只在 AGENTS.md 里写一次，再在 CLAUDE.md 里放一行 @AGENTS.md，两个 agent 读的就是同一个文件。

另一个 agent 的分步做法：Codex QA 测试。

QA 测试，交给专人负责

命令只在有人记得时才会运行。Crewmark 把你自己的 Claude Code 变成一个 AI 员工，有岗位、量化目标、工作时间和心跳，工作就会按时完成，并出现在看板上。

1. 从岗位开始

   AI 软件工程师，岗位说明里写上这些规则。

2. 把工作放到它的看板上

   把这项工作加成周期 issue。员工按心跳醒来，做完后在评论里汇报。

3. 相关内容

   它提交的 bug 之后怎么处理，见 GitHub issue 处理。

常见问题