Can it help with native module errors in Jest?

Yes, it includes ready-to-use mock templates for common native modules like @react-native-community/slider, expo-secure-store, and async-storage.

Does it support state management testing?

The skill includes specialized strategies for mocking Zustand stores, emphasizing the importance of matching all properties destructured by components to prevent runtime crashes.

What is the priority order for Jest mocks in this skill?

The skill follows a strict resolution order: jest.mock() in the test file takes highest priority, followed by the __mocks__ directory, and finally the jest.setup.js global mocks.

How does this skill handle react-native-paper components?

It provides specific patterns for mocking compound components like Dialog and Appbar, ensuring sub-components are correctly defined to prevent 'TypeError: Cannot read properties of undefined' errors.

How does it improve API testing accuracy?

It enforces patterns that match full call signatures, including headers and timeout configurations, ensuring that tests don't falsely pass when implementation details change.

React Native Testing Patterns

Name: React Native Testing Patterns
Author: ReneBossen

byReneBossen

0•

Mobile Development

Implements robust Jest and React Native Testing Library patterns for Expo apps, including specialized mocks for native modules and UI frameworks.

This skill equips Claude with expert-level guidance for testing React Native applications using Jest and React Native Testing Library. It streamlines the development cycle by providing standardized patterns for mocking complex native modules, handling react-native-paper compound components, and isolating Zustand stores. It is especially valuable for developers working in Expo environments who need to maintain high test coverage across UI components, API clients, and state management logic while avoiding common pitfalls like flaky tests and incomplete mock definitions.

Key Features

01Advanced mocking for react-native-paper compound components to prevent rendering errors

02Pre-configured mocks for native modules including Expo SecureStore and Async Storage

030 GitHub stars

04Zustand store mocking strategies to ensure state consistency during component tests

05Standardized Jest and React Native Testing Library (RNTL) implementation patterns

06Precise API client testing patterns for matching complex request signatures and defaults

Use Cases

01Establishing a global mock environment for an Expo-based mobile application

02Debugging and resolving flaky tests caused by shared state or parallel execution issues

03Unit testing complex UI components that rely on compound component libraries

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add renebossen/claude-agents testing-react-native

For use in Claude.ai and ChatGPT

Download Skill