Have a look at the Jest documentation for Webpack integration. The problem is that Jest can’t work with other stuff than JavaScript. So you have to mock all non-JavaScript files you import. The easiest way is to configure a moduleNameMapper in your Jest configuration. { “jest”: { “moduleNameMapper”: { “\\.(css|scss)$”: “<rootDir>/__mocks__/styleMock.js” } } } With … Read more
@babel/preset already has support for what you need. According to the react 17 documentation I only had to set the runtime to automatic in my babel.config.json. { “presets”: [ [“@babel/preset-react”, { “runtime”: “automatic” }] ] } If you are using @babel/plugin-transform-react-jsx the config should be { “plugins”: [ [“@babel/plugin-transform-react-jsx”, { “runtime”: “automatic” }] ] } … Read more
Solution found here. Add @react-native to your Jest configuration. Such as: transformIgnorePatterns: [ ‘node_modules/(?!@react-native|react-native)’ ],
The solution by clemenspeters (where he wanted to make sure logout is called before login) works for me: const logoutSpy = jest.spyOn(client, ‘logout’); const loginSpy = jest.spyOn(client, ‘login’); // Run actual function to test await client.refreshToken(); const logoutOrder = logoutSpy.mock.invocationCallOrder[0]; const loginOrder = loginSpy.mock.invocationCallOrder[0]; expect(logoutOrder).toBeLessThan(loginOrder)
@RyanHirsch ; just use retainLines”: true alongside sourceMap: “inline” in your babelrc and It will work.
The transformIgnorePatterns didn’t work for me until I changed my .babelrc to babel.config.js, like this: module.exports = { “presets”: [ “@babel/preset-env” ] }; as seen on this comment: https://github.com/facebook/jest/issues/6229#issuecomment-403539460
expect(value).not.toBeNaN(); Edit: I would go with @bszoms solution: expect(typeof value).toBe(‘number’)
TLDR – Changing bable.config.<extension> to bable.config.cjs did the work. Check bable docs if you need a different config. SOLVED: For anyone who encounters this problem. This has got to do with Babel settings. The use of .mjs, cjs or js extension for the babel.config.extension. In my case where I was running LTE Node 12.6.2. I … Read more
I was having the same failure (also using Babel, Typescript and Jest), it was driving me crazy for hours! Ended up creating a new babel.config.js file specifically for the tests. I had a large .babelrc that wasn’t getting picked up by jest no matter what I did to it. The main app still uses the … Read more
You just need to make sure that vue-awesome will be transformed by jest, so add following to your jest config: transformIgnorePatterns: [“/node_modules/(?!vue-awesome)”], which means: “Ignore everything in node_modules except for vue-awesome. Also here is exhausive list of other issues that might cause this error: https://github.com/facebook/jest/issues/2081