SyntaxError: Unexpected token 'export' when running jest tests

[pimmee]

Reduced Test Case

https://stackblitz.com/edit/github-sgjd3r?file=src/demo.test.jsx&view=editor

Do you understand that if a reduced test case is not provided, we will intentionally delay triaging of your ticket?

• I understand

Which connector are you using (React/Angular/etc)?

React

Bug Description

Since upgrading to FullCalendar v6, all my react test in jest are failing with the following error:

SyntaxError: Unexpected token 'export'

Here's the error when I run 'npm run test' in StackBlitz

Edit:
Here's a StackBlitz with v5.11.3 where the test is working. The following release (v6.0.0-beta.2) is not working.

[acerix]

Thanks, confirmed. I get the same error when running yarn test on the example project.

https://github.com/fullcalendar/fullcalendar-examples/tree/main/jest-react

[adampana]

I am facing the same issue when I moved to 6.0.2 from 5.11.3

[arshaw]

queued for release 8b0eb87

[arshaw]

released in v6.0.3

[pimmee]

released in v6.0.3

@arshaw I'm still experiencing the issue in 6.0.3, please reopen the issue. See repro with 6.0.3 dependencies

[arshaw]

I was using jest 27, which works fine now. I see the problem in jest 28 and above.

The problem is happening because jest now looks at the "browser" field in package.json for jsdom. Internally, preact provides a "browser" field, but the file is ESM, which jest does not natively support without a babel transform.

I'll look into this more. But a workaround would be ensuring an ESM babel transform is applied to node_modules packages (specifically preact).

[arshaw]

here's a nicer workaround. in your jest.config.js:

module.exports = {
  testEnvironment: 'jsdom',
  testEnvironmentOptions: {
    customExportConditions: [] // don't load "browser" field
  }
};

[pimmee]

That workaround works, thanks!