test: switch example app test config files to ts

examples/example-app-monorepo/apps/app1/jest-esm-isolated.config.ts

@@ -0,0 +1,18 @@
+import type { JestConfigWithTsJest } from 'ts-jest';
+
+import jestCfg from './jest-esm.config';
+
+export default {
+    ...jestCfg,
+    transform: {
+        '^.+\\.(ts|js|html|svg)$': [
+            'jest-preset-angular',
+            {
+                tsconfig: '<rootDir>/tsconfig-esm.spec.json',
+                stringifyContentPathRegex: '\\.(html|svg)$',
+                isolatedModules: true,
+                useESM: true,
+            },
+        ],
+    },
+} satisfies JestConfigWithTsJest;

examples/example-app-monorepo/apps/app1/jest-esm.config.ts

@@ -0,0 +1,25 @@
+import ngPreset from 'jest-preset-angular/presets';
+import { pathsToModuleNameMapper, type JestConfigWithTsJest } from 'ts-jest';
+
+import tsconfig from './tsconfig.json';
+
+export default {
+    ...ngPreset.defaultsESM,
+    displayName: 'app1',
+    moduleNameMapper: {
+        ...pathsToModuleNameMapper(tsconfig.compilerOptions.paths, { prefix: '<rootDir>' }),
+        tslib: 'tslib/tslib.es6.js',
+        rxjs: '<rootDir>/../../node_modules/rxjs/dist/bundles/rxjs.umd.js',
+    },
+    setupFilesAfterEnv: ['<rootDir>/setup-jest-esm.ts'],
+    transform: {
+        '^.+\\.(ts|js|html|svg)$': [
+            'jest-preset-angular',
+            {
+                tsconfig: '<rootDir>/tsconfig-esm.spec.json',
+                stringifyContentPathRegex: '\\.(html|svg)$',
+                useESM: true,
+            },
+        ],
+    },
+} satisfies JestConfigWithTsJest;

examples/example-app-monorepo/apps/app1/jest-isolated.config.ts

@@ -0,0 +1,17 @@
+import presets from 'jest-preset-angular/presets';
+import type { JestConfigWithTsJest } from 'ts-jest';
+
+import jestCfg from './jest.config';
+
+export default {
+    ...jestCfg,
+    transform: {
+        '^.+\\.(ts|js|mjs|html|svg)$': [
+            'jest-preset-angular',
+            {
+                ...presets.defaultTransformerOptions,
+                isolatedModules: true,
+            },
+        ],
+    },
+} satisfies JestConfigWithTsJest;

examples/example-app-monorepo/apps/app1/jest.config.ts

@@ -0,0 +1,10 @@
+import { pathsToModuleNameMapper, type JestConfigWithTsJest } from 'ts-jest';
+
+import { compilerOptions } from './tsconfig.json';
+
+export default {
+    displayName: 'app1',
+    preset: 'jest-preset-angular',
+    setupFilesAfterEnv: ['<rootDir>/setup-jest.ts'],
+    moduleNameMapper: pathsToModuleNameMapper(compilerOptions.paths, { prefix: '<rootDir>' }),
+} satisfies JestConfigWithTsJest;

examples/example-app-monorepo/apps/app1/tsconfig.json

@@ -1,5 +1,5 @@
 {
-  "extends": "../../tsconfig-base.json",
+  "extends": "../../tsconfig.json",
   "compilerOptions": {
     "baseUrl": "./",
     "paths": {

examples/example-app-monorepo/jest-esm-isolated.config.ts

@@ -0,0 +1,5 @@
+import type { JestConfigWithTsJest } from 'ts-jest';
+
+export default {
+    projects: ['<rootDir>/apps/app1/jest-esm-isolated.config.ts', '<rootDir>/libs/user/jest-esm-isolated.config.ts'],
+} satisfies JestConfigWithTsJest;

examples/example-app-monorepo/jest-esm.config.ts

@@ -0,0 +1,5 @@
+import type { JestConfigWithTsJest } from 'ts-jest';
+
+export default {
+    projects: ['<rootDir>/apps/app1/jest-esm.config.ts', '<rootDir>/libs/user/jest-esm.config.ts'],
+} satisfies JestConfigWithTsJest;

examples/example-app-monorepo/jest-isolated.config.ts

@@ -0,0 +1,5 @@
+import type { JestConfigWithTsJest } from 'ts-jest';
+
+export default {
+    projects: ['<rootDir>/apps/app1/jest-isolated.config.ts', '<rootDir>/libs/user/jest-isolated.config.ts'],
+} satisfies JestConfigWithTsJest;

examples/example-app-monorepo/jest.config.ts

@@ -0,0 +1,5 @@
+import type { JestConfigWithTsJest } from 'ts-jest';
+
+export default {
+    projects: ['<rootDir>/apps/app1', '<rootDir>/libs/user'],
+} satisfies JestConfigWithTsJest;

examples/example-app-monorepo/libs/user/jest-esm-isolated.config.ts

@@ -0,0 +1,18 @@
+import type { JestConfigWithTsJest } from 'ts-jest';
+
+import jestCfg from './jest-esm.config';
+
+export default {
+    ...jestCfg,
+    transform: {
+        '^.+\\.(ts|js|html|svg)$': [
+            'jest-preset-angular',
+            {
+                tsconfig: '<rootDir>/tsconfig-esm.spec.json',
+                stringifyContentPathRegex: '\\.(html|svg)$',
+                isolatedModules: true,
+                useESM: true,
+            },
+        ],
+    },
+} satisfies JestConfigWithTsJest;

examples/example-app-monorepo/libs/user/jest-esm.config.ts

@@ -0,0 +1,22 @@
+import ngPreset from 'jest-preset-angular/presets';
+import type { JestConfigWithTsJest } from 'ts-jest';
+
+export default {
+    ...ngPreset.defaultsESM,
+    displayName: 'user-lib',
+    moduleNameMapper: {
+        tslib: 'tslib/tslib.es6.js',
+        rxjs: '<rootDir>/../../node_modules/rxjs/dist/bundles/rxjs.umd.js',
+    },
+    setupFilesAfterEnv: ['<rootDir>/setup-jest-esm.ts'],
+    transform: {
+        '^.+\\.(ts|js|html|svg)$': [
+            'jest-preset-angular',
+            {
+                tsconfig: '<rootDir>/tsconfig-esm.spec.json',
+                stringifyContentPathRegex: '\\.(html|svg)$',
+                useESM: true,
+            },
+        ],
+    },
+} satisfies JestConfigWithTsJest;

examples/example-app-monorepo/libs/user/jest-isolated.config.ts

@@ -0,0 +1,17 @@
+import presets from 'jest-preset-angular/presets';
+import type { JestConfigWithTsJest } from 'ts-jest';
+
+import jestCfg from './jest.config';
+
+export default {
+    ...jestCfg,
+    transform: {
+        '^.+\\.(ts|js|mjs|html|svg)$': [
+            'jest-preset-angular',
+            {
+                ...presets.defaultTransformerOptions,
+                isolatedModules: true,
+            },
+        ],
+    },
+} satisfies JestConfigWithTsJest;

examples/example-app-monorepo/libs/user/jest.config.js → examples/example-app-monorepo/libs/user/jest.config.ts

@@ -1,6 +1,7 @@
-/** @type {import('ts-jest/dist/types').JestConfigWithTsJest} */
-module.exports = {
+import type { JestConfigWithTsJest } from 'ts-jest';
+
+export default {
     displayName: 'user-lib',
     preset: 'jest-preset-angular',
     setupFilesAfterEnv: ['<rootDir>/setup-jest.ts'],
-};
+} satisfies JestConfigWithTsJest;

examples/example-app-monorepo/libs/user/tsconfig.lib.json

@@ -1,6 +1,6 @@
 /* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
-  "extends": "../../tsconfig-base.json",
+  "extends": "../../tsconfig.json",
   "compilerOptions": {
     "outDir": "../../out-tsc/lib",
     "declaration": true,

examples/example-app-monorepo/libs/user/tsconfig.spec.json

@@ -1,6 +1,6 @@
 /* To learn more about this file see: https://angular.io/config/tsconfig. */
 {
-  "extends": "../../tsconfig-base.json",
+  "extends": "../../tsconfig.json",
   "compilerOptions": {
     "module": "CommonJS",
     "types": [

examples/example-app-monorepo/package.json

@@ -6,9 +6,9 @@
     "start": "ng serve",
     "build": "ng build",
     "test": "jest --no-cache",
-    "test-isolated": "jest -c=jest-isolated.config.js --no-cache",
-    "test-esm": "node --experimental-vm-modules --no-warnings node_modules/jest/bin/jest.js -c=jest-esm.config.mjs --no-cache",
-    "test-esm-isolated": "node --experimental-vm-modules --no-warnings node_modules/jest/bin/jest.js -c=jest-esm-isolated.config.mjs --no-cache"
+    "test-isolated": "jest -c=jest-isolated.config.ts --no-cache",
+    "test-esm": "node --experimental-vm-modules --no-warnings node_modules/jest/bin/jest.js -c=jest-esm.config.ts --no-cache",
+    "test-esm-isolated": "node --experimental-vm-modules --no-warnings node_modules/jest/bin/jest.js -c=jest-esm-isolated.config.ts --no-cache"
   },
   "private": true,
   "dependencies": {

examples/example-app-v16/jest-esm-isolated.config.ts

@@ -0,0 +1,18 @@
+import type { JestConfigWithTsJest } from 'ts-jest';
+
+import jestCfg from './jest-esm.config';
+
+export default {
+    ...jestCfg,
+    transform: {
+        '^.+\\.(ts|js|html|svg)$': [
+            'jest-preset-angular',
+            {
+                tsconfig: '<rootDir>/tsconfig-esm.spec.json',
+                stringifyContentPathRegex: '\\.(html|svg)$',
+                isolatedModules: true,
+                useESM: true,
+            },
+        ],
+    },
+} satisfies JestConfigWithTsJest;