I am currently in the process of updating to Angular 14. Everything is going smoothly except for setting up jest.
Since I have Angular 14 libraries included in my build, I need to utilize jest-ESM support.
Below is my configuration:
package.json
{
"name": "my-app",
"version": "0.0.1",
"scripts": {
"ng": "ng",
"start": "ng serve",
"test": "jest --config ./src/jest.config.js"
},
... (truncated for brevity)
}
tsconfig.json
{
"compileOnSave": false,
..(content truncated)..
}
When running ng test, I encounter the following error:
Details:
C:\path\to\my\project\node_modules\jest-preset-angular\setup-jest.mjs:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,jest){import 'zone.js/fesm2015/zone-testing-bundle.min.js';
^^^^^^
SyntaxError: Cannot use import statement outside a module
> 1 | import 'jest-preset-angular/setup-jest.mjs';
| ^
2 | import './jest-global-mocks';
...(content truncated)...
This error seems to be coming from the
import 'jest-preset-angular/setup-jest.mjs';setup-jest.ts.
Even after including zone.js in the transformIgnorePatterns array, the issue persists. This shouldn't even be a problem given that the latest zone.js supports ESM.
Any insights on what might be causing this issue?