Playwright Testing 技能：模拟 API 故障并测试页面恢复

Claude Code 安装步骤

从 GitHub 固定提交获取完整的 `skills/playwright-testing` 目录。
复制到目标项目的 `.claude/skills/`，确认 `.claude/skills/playwright-testing/SKILL.md`，再从项目根目录启动 Claude Code，输入 `/playwright-testing`。

用 Claude Code 为自己的本地前端测试控制网络响应，验证首次加载失败后用户可以重试并看到内容。

拦截本地 /api/catalog。首次请求返回 503，第二次返回含 Demo Mug 的 JSON。打开目录页，看到错误后点击 Retry，检查商品显示。

测试可重复走过失败与恢复两段，重试后错误提示消失，Demo Mug 出现在目录。

GitHub 原文 · 更新日期 2026-11-13

准备本地前端、Playwright Test 和相应浏览器。测试使用 page.route 拦截项目自己的请求。

使用 Playwright 的可重试断言等待可观察结果，比如重试按钮可见或商品名出现。