开发与工程

React Native 测试助手

帮助 AI 编写可靠的 React Native 组件测试

54/ 100
谨慎使用

价值存在,但可靠性、证据或控制措施仍有明显缺口。

查看评分依据 ↓
可直接使用于
Codex · Claude Code
Star 数
★ 1.7k
最近更新
18 天前
License
MIT
react-native-testingreact-native-testing-libraryrntljest
+3component-testinguser-eventasync-testing

这个 Skill 能做什么,适合哪些场景?

这是一个面向 React Native 组件测试的 Agent Skill,使用 React Native Testing Library(RNTL)v13 或 v14。它覆盖渲染、screen 查询、Jest 匹配器、userEvent、fireEvent、waitFor 和异步测试模式。技能会根据项目 package.json 中的 RNTL 版本选择对应参考资料。它适合需要编写、审查或修复 React Native 组件测试的开发者。

读取项目 package.json 以识别 @testing-library/react-native 的 v13 或 v14 版本,并据此加载版本专属 API 参考文件;指导 AI 使用 render、screen 查询、userEvent、fireEvent、waitFor、自定义 wrapper 和 RNTL Jest 匹配器生成或修改测试代码;同时提示查询优先级、异步行为和常见反模式。

适合
  • React Native 开发者为组件新增基于 RNTL 的测试时,使用它选择合适的渲染和查询模式。
  • 维护 React 18 与 RNTL v13 项目时,使用它遵循同步 API 和版本专属参考。
  • 升级到 React 19 与 RNTL v14 后,使用它处理异步渲染和迁移差异。
  • 审查包含 RNTL 导入或测试文件的代码时,使用它检查查询、事件和 waitFor 的用法。
  • 需要测试按钮、输入框、可访问性状态或异步结果时,使用它选择对应查询和 Jest 匹配器。

如何安装这个 Skill?

使用前请注意
  • 未执行任何代码或测试;评分不代表 RNTL API 内容已被独立验证。
  • 使用前应以项目实际 package.json、React 版本、测试渲染器和已安装 RNTL 版本为准。
  • 建议补充来源引用、维护责任、变更日志及覆盖 v13/v14 关键路径的 CI 测试。
开始前你需要
Agent 需要具备
  • 本地文件系统
需要预先安装
  • @testing-library/react-native v13 or v14
  • React 18 for RNTL v13 or React 19+ for RNTL v14

该技能位于 https://github.com/callstackincubator/agent-skills 的 plugins/vendored/.agents/skills/react-native-testing/SKILL.md。README 说明仓库支持通过 .agents/plugins/marketplace.json 使用 Codex bundled plugins,但没有提供该技能的独立安装命令。

通用方式:手动安装到 Claude Code(macOS / Linux)
tmp="$(mktemp -d)"
git clone --depth 1 https://github.com/callstackincubator/agent-skills.git "$tmp"
mkdir -p ~/.claude/skills
cp -R "$tmp/plugins/vendored/.agents/skills/react-native-testing" ~/.claude/skills/
rm -rf "$tmp"

根据源仓库地址和 Skill 路径自动生成,只复制这个 Skill 的文件夹。如果上文有作者提供的安装方式,请优先按作者说明操作;想只在当前项目中使用,把 ~/.claude/skills 换成项目里的 .claude/skills。

如何使用这个 Skill?

试试这样说

安装后,把下面任意一句发给 Agent 即可触发:

  • 使用 RNTL v14 为这个 React Native 组件编写测试
  • 审查这个 RNTL 测试并修复异步查询问题

将该技能安装或放入兼容 Agent Skills 的技能目录后,在涉及 React Native 组件测试的任务中触发。例如:"使用 RNTL v14 为这个 React Native 组件编写测试",或"审查这个 RNTL 测试并修复异步查询问题"。使用前应确保项目 package.json 声明了 @testing-library/react-native v13 或 v14。

这个 Skill 有哪些优点和局限?

优点
  • 明确区分 RNTL v13 与 v14,覆盖 React 18 和 React 19+ 的差异。
  • 提供具体的查询优先级、事件交互模式和异步测试规则。
  • 包含可直接参考的 userEvent、waitFor、自定义渲染和 Jest 匹配器示例。
  • 强调可访问性查询和 RNTL 匹配器,有助于减少脆弱测试。
局限
  • 只覆盖 React Native 组件测试,不是完整的端到端测试或原生模块测试方案。
  • 源材料未提供该技能自身的测试套件、支持平台矩阵或实测项目清单。
  • 使用细节依赖仓库中的版本参考文件,但提供的材料未包含这些文件的完整内容。

这个 Skill 与同类方案有什么区别?

与相关 Skills 并排比较;分数均按同一 FSRS 标准得出。

Skill FS 评分 Star 数 最近更新 License
React Native 测试助手 本页 54 · 谨慎使用 ★ 1.7k 18 天前 MIT
Playwright 组件测试 ✓ Microsoft · 官方 58 · 推荐 ★ 98k 12 天前 Apache-2.0
VS Code 聊天定制编辑器开发技能 ✓ Microsoft · 官方 52 · 谨慎使用 ★ 194k 12 天前 MIT
React Native 库搭建助手 50 · 谨慎使用 ★ 1.7k 18 天前 MIT
Expo 技能评测器 48 · 谨慎使用 ★ 2.9k 21 天前 MIT

FollowSkills 如何评估这个 Skill?

FollowSkills 评估 · FSRS-2.0
谨慎使用
54/ 100 五分制 2.7 / 5
上游仓库在本次评估后已有新提交;当前评分仍对应所示审查版本,可能尚未覆盖最新改动。
1信任安全18 / 25 · 3.6/5

该技能仅提供测试编写指导,不请求权限、不执行外部操作、不处理凭据或敏感数据,风险面较低。扣分原因是未明确数据流、依赖安全、用户确认、回滚或来源核验机制;发布者身份也未被验证。

2可靠稳定8 / 20 · 2.0/5

版本检测、v13/v14 分流、查询和异步规则较完整,且引用了多个参考文件。扣分原因是静态审查未执行测试,缺少项目级复现、异常输入处理和可诊断失败反馈;部分行为依赖实际项目配置。

3适用触发11 / 15 · 3.7/5

目标用户、React Native 组件测试场景、触发词和主要覆盖范围清晰,并区分 RNTL v13 与 v14。扣分原因是未明确非适用场景、输入输出边界及中文使用说明;不过核心功能不依赖海外在线服务,因此未因中国网络可达性额外扣分。

4规范维护8 / 15 · 2.7/5

文档采用主指南加版本参考和反模式的分层结构,包含大量示例、限制提示及 MIT 许可证上下文。扣分原因是技能自身缺少安装说明、版本历史、变更日志、维护责任人与明确更新路径。

5有效结果6 / 15 · 2.0/5

内容覆盖常见查询、交互、断言、异步模式和自定义渲染,示例可直接改写到测试中,具有明显实用价值。扣分原因是没有提交的代表性测试套件或执行证据,且版本与项目配置差异可能仍需人工校验。

6证据核验3 / 10 · 1.5/5

版本化参考文件和具体 API 签名使关键建议具备一定可审计性。扣分原因是未提供第三方来源、CI、提交测试或独立复现证据,无法静态确认 API 断言和迁移结论的准确性。

1 2 3 4 5 6

点击维度查看打分理由

评估于 2026年7月20日 审查版本 f6b87e35a35c 评估证据[1][2][3][4][5][6][7]

证据充分度:低 — 主要依赖静态检查、作者材料或有限演示;适合发现线索,不适合做高风险决策。

查看完整评分方法 →

常见问题

这个技能需要付费吗?
源材料未说明额外费用;仓库整体采用 MIT 许可证。
它支持哪些 RNTL 版本?
明确支持 @testing-library/react-native v13 和 v14;v13 对应 React 18,v14 对应 React 19+。
它会自动安装测试依赖吗?
不会。材料只说明它会读取项目 package.json 并加载版本参考,没有说明自动安装依赖。
为什么测试中优先使用 findBy* 而不是 waitFor 加 getBy*?
对于异步出现的元素,技能明确建议使用 findBy*;waitFor 应只等待结果,不应包含副作用。

同仓库的其他 Skills

均来自 callstackincubator/agent-skills

开发与工程

React Native 库搭建助手

用标准脚手架创建可发布或应用内使用的 React Native 库。

★ 1.7k FS 50 谨慎使用 18 天前
开发与工程

移动应用 Dogfood 测试技能

用真实设备系统探索移动应用,并生成带截图和复现步骤的缺陷报告。

★ 1.7k FS 46 谨慎使用 18 天前
开发与工程

React Native 性能优化指南

用可测量的方法定位并优化 React Native 性能问题。

★ 1.7k FS 60 推荐 18 天前
开发与工程

React Native 升级助手

通过模板差异、依赖迁移和原生配置调整,帮助 React Native 应用安全升级。

★ 1.7k FS 58 推荐 18 天前
开发与工程

React Native 迁移评估

用证据判断 React Native 迁移是否值得推进

★ 1.7k FS 57 谨慎使用 18 天前
开发与工程

React Navigation 导航构建指南

为 React Native 应用提供 React Navigation 7 导航界面的选型与实现参考。

★ 1.7k FS 57 谨慎使用 18 天前
开发与工程

React Native TV 应用审查指南

帮助开发者系统排查电视端焦点导航、播放、性能与无障碍问题。

★ 1.7k FS 54 谨慎使用 18 天前
开发与工程

React Native 棕地迁移助手

帮助原生 iOS 或 Android 应用分阶段接入 React Native 或 Expo。

★ 1.7k FS 53 谨慎使用 18 天前
开发与工程

React Native 性能与工程实践指南

为 React Native 和 Expo 应用提供可直接参考的性能与平台优化规则。

★ 1.7k FS 51 谨慎使用 18 天前
自动化与运维

React Native GitHub Actions 构建产物

在云端构建 React Native 模拟器产物,并通过 GitHub 工具下载。

★ 1.7k FS 49 谨慎使用 18 天前
开发与工程

跨平台设备交互助手

让 AI 编程助手能够检查并操作 Apple 与 Android 应用设备。

★ 1.7k FS 58 推荐 18 天前
开发与工程

技能规范校验器

检查 Agent Skill 是否符合规范与 Claude Code 最佳实践。

★ 1.7k FS 45 不推荐 18 天前
开发与工程

GitHub PR 工作流助手

用 gh CLI 管理 PR、堆叠分支与代码合并流程。

★ 1.7k FS 42 不推荐 18 天前

相关 Skills