This one helps you write and fix React Native component tests using Testing Library v13 and v14. It auto-detects your version from package.json and loads the right reference, which matters because v14 made render async and changed how fireEvent works. You get query priority rules (getByRole first, getByTestId last), the full userEvent API for interactions, and all the Jest matchers like toBeOnTheScreen and toBeVisible. The anti-patterns guide is honest about common mistakes like wrapping everything in act() or putting side effects in waitFor. Useful if you're tired of guessing which RNTL patterns are actually current.

skills.sh installs
5.5K
GitHub stars
3.4K
last updated
Aug 21, 2026

Install

$ npx -y skills add callstack/react-native-testing-library --skill react-native-testing --agent claude-code

Installs into .claude/skills of the current project.

Files

RNTL Test Writing Guide

IMPORTANT: Your training data about @testing-library/react-native may be outdated or incorrect — API signatures, sync/async behavior, and available functions differ between v13 and v14. Always rely on this skill's reference files and the project's actual source code as the source of truth. Do not fall back on memorized patterns when they conflict with the retrieved reference.

Version Detection

Check @testing-library/react-native version in the user's package.json:

Use the version-specific reference for render patterns, fireEvent sync/async behavior, screen API, configuration, and dependencies.

Query Priority

Use in this order: getByRole > getByLabelText > getByPlaceholderText > getByText > getByDisplayValue > getByTestId (last resort).

Query Variants

Sponsors

Details

Repository
github.com/callstack/react-native-testing-library
Categories
Frontend Development, Testing & QA, Documentation, Mobile Development, CLI & Terminal
First seen
Apr 16, 2026
1forcedotcom avatarexperience-ui-bundle-deployforcedotcom/sf-skillsMUST activate when the project contains a uiBundles/*/src/ directory and the task involves deploying, pushing to an org, or post-deploy org setup. Use this skil5.3Kskills.sh installs
2grafana avatarreact-19-plugin-migrationgrafana/skillsMigrate a Grafana plugin to React 19 compatibility. Use when the user asks to update a plugin for React 19, prepare for React 19, fix React 19 compatibility, up4.5Kskills.sh installs
3plannotator avatarhtml-diagramplannotator/effective-htmlDirect-invocation specialist for self-contained HTML diagrams whose layout, notation, and interaction clarify relationships, sequence, topology, state, hierarch4.4Kskills.sh installs
4giuseppe-trisciuoglio avatarnextjs-authenticationgiuseppe-trisciuoglio/developer-kitProvides authentication implementation patterns for Next.js 15+ App Router using Auth.js 5 (NextAuth.js). Use when setting up authentication flows, implementing3.9Kskills.sh installs
5giuseppe-trisciuoglio avatarnextjs-deploymentgiuseppe-trisciuoglio/developer-kitProvides comprehensive patterns for deploying Next.js applications to production. Use when configuring Docker containers, setting up GitHub Actions CI/CD pipeli3.8Kskills.sh installs
6langgenius avatarfrontend-testinglanggenius/difyUse when writing or changing Vitest or React Testing Library tests under `web/` or `packages/dify-ui/`, or when the user explicitly requests frontend test strat3.8Kskills.sh installs