Claude Code 设计独立数据的浏览器回归场景
EnglishClaude Code 安装步骤
- 打开 GitHub 固定提交的 `.claude/skills/e2e-testing/SKILL.md`，核对内容与使用条件。
- 在自己的项目中创建 `.claude/skills/e2e-testing/`，把核对后的文件保存为 `.claude/skills/e2e-testing/SKILL.md`。
- 在该项目根目录启动 Claude Code，在斜杠菜单中选择 `/e2e-testing`。
中文摘要
选取关键用户流程，在独立测试环境中准备可重复的数据，用稳定标识定位控件并核对结果。
SKILL.md 中文导读
可复现示例
排练站的关键流程是选择场馆并看到匹配活动。隔离样例为 `{venues:['Hall','Garden'],choice:'Hall',testId:'venue-picker'}`，浏览器测试读取演示数据。工作步骤
- 从关键用户流程选一个场景，并在测试环境准备只属于该用例的数据。
- 使用稳定标识定位场馆选择，核对用户看到的列表及数据清理。
验收方法
用 `venue-picker` 选择 Hall，预期活动列表为 `['Hall']`。测试结束清理自己的样例数据。在独立测试环境记录流程通过或失败。
GitHub 原文 · 更新日期
适用环境
Claude Code 与已有 Playwright 或 Cypress 的自有测试项目。准备独立数据及测试结束后的清理方式。
常见问题
怎样让浏览器测试在界面样式更改后仍可靠？
优先选择稳定标识，使用用例独立的数据，断言重要用户结果并清理样例。把更多细节交给单元测试。