feat(config): remove hardcoded logic setting target to ES2015

README.md

@@ -76,6 +76,10 @@ Adjust your `tsconfig.spec.json` to be:
 }
 ```
 
+**IMPORTANT**
+
+Angular doesn't support native `async/await` with `target` higher than `ES2015`, see https://github.com/angular/components/issues/21632#issuecomment-764975917
+
 ## Migration from Angular < 13
 
 Check out our [Migration from Angular < 13 guidance](https://thymikee.github.io/jest-preset-angular/docs/guides/angular-13+)

e2e/__tests__/__snapshots__/async.test.ts.snap

@@ -0,0 +1,71 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`fail the tests inside async with isolatedModules: false 1`] = `
+[
+  "  ● ButtonPageComponent › should create
+
+    Expected to be running in 'ProxyZone', but it was not found.
+
+      42 |     }).compileComponents();
+      43 |     fixture = TestBed.createComponent(ButtonPageComponent);
+    > 44 |     loader = TestbedHarnessEnvironment.loader(fixture);
+         |                                        ^
+      45 |   });
+      46 |
+      47 |   beforeEach(() => {
+
+      at Function.Object.<anonymous>.ProxyZoneSpec.assertPresent (../../node_modules/zone.js/bundles/zone-testing-bundle.umd.js:3744:23)
+      at __tests__/async.spec.ts:44:40
+
+  ● ButtonPageComponent › should click
+
+    Expected to be running in 'ProxyZone', but it was not found.
+
+      42 |     }).compileComponents();
+      43 |     fixture = TestBed.createComponent(ButtonPageComponent);
+    > 44 |     loader = TestbedHarnessEnvironment.loader(fixture);
+         |                                        ^
+      45 |   });
+      46 |
+      47 |   beforeEach(() => {
+
+      at Function.Object.<anonymous>.ProxyZoneSpec.assertPresent (../../node_modules/zone.js/bundles/zone-testing-bundle.umd.js:3744:23)
+      at __tests__/async.spec.ts:44:40
+",
+]
+`;
+
+exports[`fail the tests inside async with isolatedModules: true 1`] = `
+[
+  "  ● ButtonPageComponent › should create
+
+    Expected to be running in 'ProxyZone', but it was not found.
+
+      42 |     }).compileComponents();
+      43 |     fixture = TestBed.createComponent(ButtonPageComponent);
+    > 44 |     loader = TestbedHarnessEnvironment.loader(fixture);
+         |                                        ^
+      45 |   });
+      46 |
+      47 |   beforeEach(() => {
+
+      at Function.Object.<anonymous>.ProxyZoneSpec.assertPresent (../../node_modules/zone.js/bundles/zone-testing-bundle.umd.js:3744:23)
+      at __tests__/async.spec.ts:44:40
+
+  ● ButtonPageComponent › should click
+
+    Expected to be running in 'ProxyZone', but it was not found.
+
+      42 |     }).compileComponents();
+      43 |     fixture = TestBed.createComponent(ButtonPageComponent);
+    > 44 |     loader = TestbedHarnessEnvironment.loader(fixture);
+         |                                        ^
+      45 |   });
+      46 |
+      47 |   beforeEach(() => {
+
+      at Function.Object.<anonymous>.ProxyZoneSpec.assertPresent (../../node_modules/zone.js/bundles/zone-testing-bundle.umd.js:3744:23)
+      at __tests__/async.spec.ts:44:40
+",
+]
+`;

e2e/__tests__/async.test.ts

@@ -9,14 +9,14 @@ beforeAll(() => {
   runYarnInstall(path.join(__dirname, '..', DIR));
 });
 
-test(`successfully run the tests inside ${DIR} with isolatedModules: false`, () => {
+test(`fail the tests inside ${DIR} with isolatedModules: false`, () => {
   const { json } = runWithJsonNoCache(DIR);
 
-  expect(json.success).toBe(true);
+  expect(json.testResults.map((testResult) => testResult.message)).toMatchSnapshot();
 });
 
-test(`successfully run the tests inside ${DIR} with isolatedModules: true`, () => {
+test(`fail the tests inside ${DIR} with isolatedModules: true`, () => {
   const { json } = runWithJsonNoCache(DIR, ['-c=jest-isolated.config.js']);
 
-  expect(json.success).toBe(true);
+  expect(json.testResults.map((testResult) => testResult.message)).toMatchSnapshot();
 });

src/config/ng-jest-config.spec.ts

@@ -15,19 +15,4 @@ describe('NgJestConfig', () => {
     expect(compilerOptions.allowJs).toBe(true);
     expect(compilerOptions.target).toBe(ScriptTarget.ES2015);
   });
-
-  test('should set typescript target to ES2015 if user is using target higher than ES2016', () => {
-    expect(
-      new NgJestConfig({
-        globals: {
-          'ts-jest': {
-            tsconfig: {
-              target: 'ES2017',
-            },
-          },
-        },
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      } as any).parsedTsConfig.options.target,
-    ).toBe(ScriptTarget.ES2015);
-  });
 });

src/config/ng-jest-config.ts

@@ -33,12 +33,6 @@ export class NgJestConfig extends ConfigSet {
     result.options.enableResourceInlining = false;
     // Since we define preset default also transform `js` so we need to set `allowJs` true
     result.options.allowJs = true;
-    const ts = this.compilerModule;
-    const scriptTarget = result.options.target ?? ts.ScriptTarget?.ES2015;
-    if (scriptTarget > ts.ScriptTarget?.ES2016) {
-      // See https://github.com/angular/components/issues/21632#issuecomment-764975917
-      result.options.target = ts.ScriptTarget?.ES2015;
-    }
 
     return result;
   }

website/docs/getting-started/installation.md

@@ -75,6 +75,12 @@ Adjust your `tsconfig.spec.json` to be:
 }
 ```
 
+:::important
+
+Angular doesn't support native `async/await` with `target` higher than `ES2015`, see https://github.com/angular/components/issues/21632#issuecomment-764975917
+
+:::
+
 ### Customizing
 
 #### Global mocks

website/versioned_docs/version-12.0/getting-started/installation.md

@@ -75,6 +75,12 @@ Adjust your `tsconfig.spec.json` to be:
 }
 ```
 
+:::important
+
+Angular doesn't support native `async/await` with `target` higher than `ES2015`, see https://github.com/angular/components/issues/21632#issuecomment-764975917
+
+:::
+
 ### Customizing
 
 #### Global mocks