Claude Code 按可访问语义测试组件
EnglishClaude Code 安装步骤
- 打开 GitHub 固定提交的 `.claude/skills/testing-principles/SKILL.md`，核对内容与使用条件。
- 在自己的项目中创建 `.claude/skills/testing-principles/`，把核对后的文件保存为 `.claude/skills/testing-principles/SKILL.md`。
- 在该项目根目录启动 Claude Code，在斜杠菜单中选择 `/testing-principles`。
中文摘要
通过用户能识别的角色和名称寻找控件，用公开行为作断言，在系统边界才使用测试替身。
SKILL.md 中文导读
可复现示例
虚构表单有原生按钮 Apply filter。用户点击后出现结果文本。样例 `{role:'button',name:'Apply filter',expected:'Showing Hall'}`。工作步骤
- 按控件角色和语义名称定位，避免依赖内部结构。
- 触发用户操作并断言可见结果，让用例保持独立。
验收方法
定位表达式为 `getByRole('button', {name:'Apply filter'})`。点击后核对 `Showing Hall`，样式类变化时同一断言仍应有效。
GitHub 原文 · 更新日期
适用环境
Claude Code 与 ngx-formbar 测试工作区。准备可操作的组件与项目已有测试框架。
常见问题
如何定位一个带名称的按钮并核对表单行为？
优先用按钮角色和可访问名称，在用户能见的结果上断言。公开结果需要隔离外部服务时才使用测试替身。