Does it support testing React Hooks?

Absolutely, it includes specific examples and patterns for using renderHook and act to test custom logic independently of components.

How does it handle platform-specific mocking?

It provides module mapping patterns to ensure your Jest environment correctly maps react-native to react-native-web during test execution.

Can I use this for both unit and integration tests?

Yes, it includes patterns for both individual component unit tests and full-flow navigation integration tests using NavigationContainer.

How does this skill help with React Native Web testing?

It provides Claude with specific templates for Jest configurations, mocking navigation, and using React Native Testing Library to verify component behavior across web and mobile platforms.

What testing libraries are supported?

The skill focuses on the industry standards: Jest as the test runner and React Native Testing Library (RNTL) for component interactions.

React Native Web Testing

Name: React Native Web Testing
Author: TheBushidoCollective

byTheBushidoCollective

•

보안 및 테스팅

Provides comprehensive testing strategies and code patterns for React Native Web applications using Jest and React Native Testing Library.

소개

This skill equips Claude with specialized patterns for testing React Native Web applications, ensuring high-quality code through robust unit, integration, and component testing. It covers essential configurations for Jest, advanced techniques for mocking modules like navigation, and strategies for handling asynchronous operations and accessibility. By providing standardized implementation patterns, this skill helps developers create reliable cross-platform web experiences while avoiding common testing anti-patterns and implementation-specific pitfalls.

주요 기능

Advanced mocking techniques for navigation and external modules
39 GitHub stars
Component behavior and user interaction testing strategies
Accessibility testing patterns for cross-platform compliance
Standardized Jest and React Native Testing Library configurations
Comprehensive patterns for testing custom hooks and React Context

사용 사례

Refactoring component tests to focus on user behavior rather than implementation details
Debugging and fixing flaky asynchronous tests using waitFor and act
Setting up a new testing suite for a React Native Web project

소개

주요 기능

Advanced mocking techniques for navigation and external modules
39 GitHub stars
Component behavior and user interaction testing strategies
Accessibility testing patterns for cross-platform compliance
Standardized Jest and React Native Testing Library configurations
Comprehensive patterns for testing custom hooks and React Context

사용 사례

Refactoring component tests to focus on user behavior rather than implementation details
Debugging and fixing flaky asynchronous tests using waitFor and act
Setting up a new testing suite for a React Native Web project