Communitygithub.com

itechmeat/react-testing-library

React Testing Library:以用户为中心的组件测试工具,支持查询、用户事件模拟、异步工具和可访问性优先的 API。用于编写 React 组件测试、按角色/标签/文本选择元素、模拟用户事件或测试异步 UI 行为。

react-testing-library 是什么?

itechmeat/react-testing-library 是一个专注于 React 组件测试的专业 AI 助手技能,基于 @testing-library/react 生态系统构建。该技能强调以用户为中心的测试理念,鼓励开发人员通过角色、标签、文本等可访问性属性选择元素,而不是依赖实现细节。它集成了 user-event 模拟库,能够真实地模拟点击、输入等用户交互,并提供异步实用程序(如 waitFor 和 findBy* 查询)来处理异步 UI 行为。该技能适用于包括 Cursor、Claude Code 和 Codex 在内的多个 AI 编码平台,帮助开发者编写更健壮、更贴近用户使用的测试用例。通过遵循可访问性优先的 API 设计,这些测试不仅更易维护,还能自然地提升应用的可访问性水平。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/itechmeat/llm-code/tree/main/skills/react-testing-library

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

react-testing-library 是做什么的?

React Testing Library:以用户为中心的组件测试工具,支持查询、用户事件模拟、异步工具和可访问性优先的 API。适用于编写 React 组件测试、按角色/标签/文本选择元素、模拟用户事件或测试异步 UI 行为。关键词:React Testing Library、@testing-library/react、user-event、查询、渲染。

相关技能