test(e2e): add typescript paths with preset resolver tests (#1138)

Author: ahnpnl

e2e/jest-esm.config.js

@@ -7,6 +7,7 @@ module.exports = {
     '<rootDir>/async/jest-esm.config.js',
     '<rootDir>/custom-typings/jest-esm.config.js',
     '<rootDir>/jest-globals/jest-esm.config.js',
+    '<rootDir>/path-mapping/jest-esm.config.js',
     '<rootDir>/snapshot-serializers/jest-esm.config.js',
     '<rootDir>/with-babel/jest-esm.config.js',
   ],

e2e/jest.config.js

@@ -8,6 +8,7 @@ module.exports = {
     '<rootDir>/async',
     '<rootDir>/custom-typings',
     '<rootDir>/jest-globals',
+    '<rootDir>/path-mapping',
     '<rootDir>/snapshot-serializers',
     '<rootDir>/with-babel',
   ],

e2e/path-mapping/__tests__/path-mapping.ts

@@ -0,0 +1,8 @@
+import { bar } from '@bar/bar-constant';
+
+test('path mapping should work without being affected by resolver', async () => {
+  expect(bar).toBe(1);
+  await expect(import('@foo/foo-constant')).rejects.toMatchInlineSnapshot(
+    `[Error: Cannot find module '@foo/foo-constant' from '__tests__/path-mapping.ts']`,
+  );
+});

e2e/path-mapping/jest-esm.config.js

@@ -0,0 +1,17 @@
+const { pathsToModuleNameMapper } = require('ts-jest/utils');
+const { paths } = require('./tsconfig-esm.json').compilerOptions;
+
+/** @type {import('ts-jest/dist/types').ProjectConfigTsJest} */
+module.exports = {
+  displayName: 'path-mapping',
+  preset: '<rootDir>/../../node_modules/ts-jest/presets/default-esm',
+  globals: {
+    'ts-jest': {
+      useESM: true,
+      tsconfig: 'tsconfig-esm.json',
+    },
+  },
+  resolver: '<rootDir>/../../build/resolvers/ng-jest-resolver.js',
+  moduleNameMapper: pathsToModuleNameMapper(paths, { prefix: '<rootDir>' }),
+  transform: { '^.+\\.(ts|js|html)$': '<rootDir>/../../build/index.js' },
+};

e2e/path-mapping/jest.config.js

@@ -0,0 +1,17 @@
+const { pathsToModuleNameMapper } = require('ts-jest/utils');
+const { paths } = require('./tsconfig.json').compilerOptions;
+
+/** @type {import('ts-jest/dist/types').ProjectConfigTsJest} */
+module.exports = {
+  displayName: 'path-mapping',
+  globals: {
+    'ts-jest': {
+      diagnostics: {
+        warnOnly: true,
+      },
+    },
+  },
+  resolver: '<rootDir>/../../build/resolvers/ng-jest-resolver.js',
+  moduleNameMapper: pathsToModuleNameMapper(paths, { prefix: '<rootDir>' }),
+  transform: { '^.+\\.(ts|js|html)$': '<rootDir>/../../build/index.js' },
+};

e2e/path-mapping/libs/bar/bar-constant.ts

@@ -0,0 +1 @@
+export const bar = 1;

e2e/path-mapping/libs/foo/foo-constant.ts

@@ -0,0 +1 @@
+export const foo = 2;

e2e/path-mapping/tsconfig-esm.json

@@ -0,0 +1,10 @@
+{
+  "extends": "../tsconfig-esm.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@bar/*": ["libs/bar/*"],
+      "@foo/*": ["libs/foo/*"]
+    }
+  }
+}

e2e/path-mapping/tsconfig.json

@@ -0,0 +1,9 @@
+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "@bar/*": ["libs/bar/*"]
+    }
+  }
+}

examples/example-app-v10/jest-esm.config.js

@@ -1,4 +1,6 @@
 require('jest-preset-angular/ngcc-jest-processor');
+const { pathsToModuleNameMapper } = require('ts-jest/utils');
+const { paths } = require('./tsconfig.json').compilerOptions;
 
 /** @type {import('@jest/types').Config.InitialOptions} */
 module.exports = {
@@ -10,5 +12,9 @@ module.exports = {
       tsconfig: '<rootDir>/tsconfig-esm.spec.json',
     },
   },
+  moduleNameMapper: {
+    ...pathsToModuleNameMapper(paths, { prefix: '<rootDir>' }),
+    tslib: 'tslib/tslib.es6.js',
+  },
   setupFilesAfterEnv: ['<rootDir>/setup-jest.ts'],
 };