Can't use styled-engine-sc with jest and npm

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Current behavior 😯

Hello.

I just migrated to material ui v5. I’m using it with styled components.

Everything is OK when I start my app with craco and webpack with the alias config.

Now, i’m trying to launch my jest tests, but I have the engine problem (Module not found: Can’t resolve ‘@emotion/react’ ) npm run test scripts:{ "test": "craco test }

As jest is not launched with webpack, the styled engine configuration is not applied.

What is the solution to use jest, mui with styled components, and npm ?

Thanks

[FlorianBurgevin]

Hi @mnajdova

I succeed to launch my tests by adding a similar configuration for jest in my craco.config.js

jest: {
    configure: (jestConfig) => {
        jestConfig.moduleNameMapper = { "@mui/styled-engine": "<rootDir>/node_modules/@mui/styled-engine-sc" };

        return jestConfig;
    }
}

It is not optimal but it works.

[mnajdova]

Great, ok it’s good to have it as a reference for other people hitting the same problem.