jest-preset-angular: [Bug]: SyntaxError: Cannot use import statement outside a module

FYI: The following pattern will not ignore (transform with jest-preset-angular) any .mjs files in node_modules which would better describe the growing set of packages with the new APF format in Angular 13.

transformIgnorePatterns: ['node_modules/(?!.*\\.mjs$)']

Only that works for me (ng13 + nx)

transform: {
    '^.+\\.(ts|js|mjs|html)$': 'jest-preset-angular'
},
transformIgnorePatterns: ['<rootDir>/node_modules/'],

So you have to add mjs to transform array and ignore either entire node_modules or just specific libs

upgraded to angular 14, and i have this problem: `Details:

/Users/user1/Documents/core-obg-ngx-packages-core/node_modules/@angular/core/fesm2020/testing.mjs:7
import { getDebugNode as getDebugNode$1, RendererFactory2 as RendererFactory2$1, ɵstringify, ɵReflectionCapabilities, Directive, Component, Pipe, NgModule, ɵgetInjectableDef, resolveForwardRef as resolveForwardRef$1, ɵNG_COMP_DEF, ɵRender3NgModuleRef, ApplicationInitStatus, LOCALE_ID as LOCALE_ID$1, ɵDEFAULT_LOCALE_ID, ɵsetLocaleId, ɵRender3ComponentFactory, ɵcompileComponent, ɵNG_DIR_DEF, ɵcompileDirective, ɵNG_PIPE_DEF, ɵcompilePipe, ɵNG_MOD_DEF, ɵtransitiveScopesFor, ɵpatchComponentDefWithScope, ɵNG_INJ_DEF, ɵcompileNgModuleDefs, NgZone, Compiler, COMPILER_OPTIONS, ɵNgModuleFactory, ModuleWithComponentFactories, InjectionToken as InjectionToken$1, Injector as Injector$1, InjectFlags as InjectFlags$1, ɵsetAllowDuplicateNgModuleIdsForTest, ɵresetCompiledComponents, ɵsetUnknownElementStrictMode as ɵsetUnknownElementStrictMode$1, ɵsetUnknownPropertyStrictMode as ɵsetUnknownPropertyStrictMode$1, ɵgetUnknownElementStrictMode as ɵgetUnknownElementStrictMode$1, ɵgetUnknownPropertyStrictMode as ɵgetUnknownPropertyStrictMode$1, ɵflushModuleScopingQueueAsMuchAsPossible } from '@angular/core';
^^^^^^

SyntaxError: Cannot use import statement outside a module

  at Runtime.createScriptFromCode (node_modules/jest-runtime/build/index.js:1796:14)
  at Object.<anonymous> (node_modules/jest-preset-angular/setup-jest.js:2:24)

`

So apparently my problem happened because of this

upgraded to angular 14, and i have this problem: `Details:

/Users/user1/Documents/core-obg-ngx-packages-core/node_modules/@angular/core/fesm2020/testing.mjs:7
import { getDebugNode as getDebugNode$1, RendererFactory2 as RendererFactory2$1, ɵstringify, ɵReflectionCapabilities, Directive, Component, Pipe, NgModule, ɵgetInjectableDef, resolveForwardRef as resolveForwardRef$1, ɵNG_COMP_DEF, ɵRender3NgModuleRef, ApplicationInitStatus, LOCALE_ID as LOCALE_ID$1, ɵDEFAULT_LOCALE_ID, ɵsetLocaleId, ɵRender3ComponentFactory, ɵcompileComponent, ɵNG_DIR_DEF, ɵcompileDirective, ɵNG_PIPE_DEF, ɵcompilePipe, ɵNG_MOD_DEF, ɵtransitiveScopesFor, ɵpatchComponentDefWithScope, ɵNG_INJ_DEF, ɵcompileNgModuleDefs, NgZone, Compiler, COMPILER_OPTIONS, ɵNgModuleFactory, ModuleWithComponentFactories, InjectionToken as InjectionToken$1, Injector as Injector$1, InjectFlags as InjectFlags$1, ɵsetAllowDuplicateNgModuleIdsForTest, ɵresetCompiledComponents, ɵsetUnknownElementStrictMode as ɵsetUnknownElementStrictMode$1, ɵsetUnknownPropertyStrictMode as ɵsetUnknownPropertyStrictMode$1, ɵgetUnknownElementStrictMode as ɵgetUnknownElementStrictMode$1, ɵgetUnknownPropertyStrictMode as ɵgetUnknownPropertyStrictMode$1, ɵflushModuleScopingQueueAsMuchAsPossible } from '@angular/core';
^^^^^^

SyntaxError: Cannot use import statement outside a module

  at Runtime.createScriptFromCode (node_modules/jest-runtime/build/index.js:1796:14)
  at Object.<anonymous> (node_modules/jest-preset-angular/setup-jest.js:2:24)

`

I think that pattern seems to be generic enough to add to the preset?

You need to add @ngx-translate/core to transformIgnorePatterns like this

transformIgnorePatterns: ['node_modules/(?!@angular|@ngx-translate)'],

Angular 13 libraries are shipped under ESM format I believe, which now only contains .mjs files. Jest doesn’t understand .mjs files in CommonJS mode therefore you need to inform Jest to transform it.

@klevismehmeti how exactly did you manage to fix your issue with node_modules/@angular/core/fesm2020/testing.mjs:7 ? I am currently facing the exact same issue every time I add transform + transformIgnorePattern in jest config, even something as simple as transform: { '^.+\\.(ts|js|mjs|html)$': 'jest-preset-angular' }, transformIgnorePatterns: [ '<rootDir>/node_modules/' ],

angular 14 ns 8.4.0

If anyone is still facing this error.

I’m using Jest 28 and Angular 13 with jest-preset-angular 12 and the solution was having transformIgnorePatterns in a single line if you are using a single module in it, for ex., node_modules.

jest.config.js:

// modules inside node_modules throwing error: cannot use import statement
const esModules = ['@angular', '@ngrx', 'three'];
---------------
transformIgnorePatterns: [
    `/node_modules/(?!.*\\.mjs$|${esModules.join('|')})`,
],
-----------------

and then hopefully, all the .mjs files inside node_modules in CommonJS mode will be taken into account by Jest.

@TCModus the workaround will be applicable to jest-preset-angular at next tag, which is 11.0.0-rc.4. Since you are using Nx, you should wait until Nx releases a new version which supports Angular 13 fully.

@klevismehmeti how exactly did you manage to fix your issue with node_modules/@angular/core/fesm2020/testing.mjs:7 ? I am currently facing the exact same issue every time I add transform + transformIgnorePattern in jest config, even something as simple as transform: { '^.+\\.(ts|js|mjs|html)$': 'jest-preset-angular' }, transformIgnorePatterns: [ '<rootDir>/node_modules/' ],

angular 14 ns 8.4.0

I don’t know if you’re still struggling with this but the same thing was happening for me on Angular 15.0.4. I had to specify each module as they failed the test, like so:

 transform: {
    '^.+\\.(ts|mjs|js|html)$': 'jest-preset-angular',
  },
  transformIgnorePatterns: ['<rootDir>/node_modules/(?!@angular|@ux-aspects|d3|internmap|delaunator|robust-predicates)'],

@achilehero This is an issue with nx. Please follow the following issue: https://github.com/nrwl/nx/issues/7844