React native jest.preset.js file missing error

Question

I use @testing-library/react-native to test my RN app. When I run yarn test, following error occurs.

@testing-library/react-native should have "jest-preset.js" or "jest-preset.json" file at the root.

I use typescript for my app.

my test script is like this.

test": "jest --config jest.config.json"

jest.config.json file is like this.

{
  "preset": "@testing-library/react-native",
  "collectCoverageFrom": ["src/**/*.{ts,tsx}"],
  "moduleDirectories": ["node_modules", "src"],
  "setupFiles": [
    "<rootDir>/jestSetup/setup.js",
    "./node_modules/react-native-gesture-handler/jestSetup.js"
  ],
  "transformIgnorePatterns": [
    "node_modules/(?!(jest-)?(react-native|@?react-navigation|@react-native-community))"
  ],
  "coveragePathIgnorePatterns": ["/node_modules/", "/jestSetup", "/src/config.ts", "/src/app.tsx"]
}

Why am I getting this error?

Andras Terlecki · Accepted Answer · 2020-12-09 17:34:15Z

4

I'm using expo and after updates from 38 to 39, Jest stopped working. I had same issues — it was complaining about missing preset js files.

Preset below didn't work for me:

"preset": "@testing-library/react-native",

So I have changed jest.config.js like this:

module.exports = {
clearMocks: true,
coverageDirectory: 'coverage',
testEnvironment: 'node',
preset: './node_modules/jest-expo/jest-preset.js',
}

Changed preset file location to expo's one which im using and it did the work

edited Dec 9, 2020 at 17:34

answered Dec 9, 2020 at 17:29

Andras Terlecki

413 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

conor909 Over a year ago

How does this work if I want to use the jest-expo/universal preset?

fengelhardt · Accepted Answer · 2021-08-19 14:20:54Z

1

The preset no longer exists in >=7.0.0 "@testing-library/react-native". According to the documentation it seems "react-native" should be used as the preset.

  "preset": "react-native",

V7 upgrade documentation reference

answered Aug 19, 2021 at 14:20

fengelhardt

1,70317 silver badges29 bronze badges

Comments

Frank Harrison · Accepted Answer · 2022-02-13 19:24:26Z

0

For those seeing this in a fully up to date project, the missing file is [./node_modules/]react-native/jest-preset.js and you need to make sure that react-native itself is installed.

This will happen if you don't have react-native install globally.

yarn add react-native (or do it globally)

so in package.json you should see something like:

    "react-native": "0.66.3",

edited Feb 13, 2022 at 19:24

answered Feb 13, 2022 at 19:19

Frank Harrison

1937 bronze badges

Collectives™ on Stack Overflow

React native jest.preset.js file missing error

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related