Use Jest Projects to run both JSDom and Node tests in the same project

jest.config.js

module.exports = {
  projects: [
    {
      displayName: 'dom',
      testEnvironment: 'jsdom',
      snapshotSerializers: ['enzyme-to-json/serializer'],
      testMatch: ['**/__tests__/**/*.test.js?(x)']
    },
    {
      displayName: 'node',
      testEnvironment: 'node',
      testMatch: [
        '**/__tests__/**/*.test.node.js?(x)',
      ]
    },
  ],
};

Use Jest Projects to run tests targeting both JSDom and Node. Perfect if you are are doing SSR and want to validate your code, while also testing code running in the browser.

These matches looks for *.test.js and *test.node.js, but feel free to configure these to match your project. Maybe you want to use Node for all tests under server/?

Just use jest like you normally to run the tests.

Thanks for this.

Thanks a lot

This got me on the right track, thank you!

In my case I was missing another piece:
I have a unified project with both client/ and server/ code, each with their own package.json. I had to set "type": "module" in the package.json corresponding to the client (with jsdom environment) tests.

Now my project root jest config works for all sub-projects.