53. 用 Playwright MCP 和 Claude Code 编写 Playwright 测试

他们做了什么

把 Playwright MCP 服务器注册到 Claude Code，并通过 storage state 加载一个已保存的登录会话。一条分三部分的提示词包含：环境信息、用大白话描述的测试场景，以及长期规则。代理通过无障碍树探索正在运行的应用，编写测试、运行测试，并自己修复失败。代码以及场景的含义由人来审查。

结果如何

代理写出了一个可以运行的测试，定位器取自真实页面，它还自己修复了一个严格模式下的定位器错误。它在长流程、动态变化的数据、多层条件判断和 OAuth 上会比较吃力。来源没有给出耗时数据。

需要知道

提交之前要把 .auth/ 加入 .gitignore，因为这套设置把会话保存在 Playwright 默认忽略的路径之外；运行测试时加上 --repeat-each 5，检查是否不稳定。

你可以这样尝试

在这个项目中设置 Playwright MCP，然后打开 [应用链接]，探索 [用户流程，例如注册和结账] 的流程。用稳定的定位器编写覆盖这个流程的 Playwright 测试，运行直到通过。最后把测试文件和通过的运行输出给我看。