@react-native/jest-preset

@react-native/jest-preset

Jest preset for React Native apps.

Usage

Installation

Install @react-native/jest-preset in your app:

with npm:

npm i @react-native/jest-preset --save-dev

or with yarn:

yarn add -D @react-native/jest-preset

Configuring Jest

Then, create a file called jest.config.js in your project's root directory. Then load this preset:

module.exports = {
  preset: '@react-native/jest-preset',
};

You can further customize your Jest configuration by specifying other options. See Jest's jest.config.js documentation to learn more.

Migration Note

This Jest preset used to be part of the core react-native package and accessible at react-native/jest-preset.js. As long as @react-native/jest-preset is installed, react-native/jest-preset.js will be aliased to this package and continue to work but is deprecated.

Follow the installation instructions above to migrate to @react-native/jest-preset and change preset: 'react-native' to preset: '@react-native/jest-preset to migrate.

Similar packages

Other packages similar to @react-native/jest-preset

jest-expo

jest-expo is a Jest preset for Expo projects, which are a subset of React Native applications. It provides similar functionalities to @react-native/jest-preset but is tailored specifically for Expo, including additional configurations for Expo-specific modules and APIs.

react-native-testing-library

react-native-testing-library is a testing utility for React Native that provides helpers for testing React Native components. While it does not provide a Jest preset, it complements @react-native/jest-preset by offering utilities to render and interact with components in a test environment.

metro-react-native-babel-preset

metro-react-native-babel-preset is a Babel preset for React Native projects. While it focuses on Babel configuration rather than Jest, it is often used alongside @react-native/jest-preset to ensure that JavaScript code is transpiled correctly for both development and testing.