Refactor Jest configuration to minimize differences between unit/react

Author: marcomura

jest.config.js

@@ -1,4 +1,35 @@
+const _baseConfig = (project, testExtension) => ({
+    displayName: project,
+    roots: ['<rootDir>'],
+    
+    testMatch: [`**/*.test.${testExtension}`],
+    testPathIgnorePatterns: ['/node_modules/', '/e2e/'],
+
+    transform: {
+        '^.+\\.(js|ts|tsx)$': [
+            'ts-jest',
+            {
+                tsconfig: project === 'react' ? ({ esModuleInterop: true }) : false,
+                isolatedModules: project === 'react',
+            },
+        ],
+    },
+    transformIgnorePatterns: ['/node_modules/(?!(@vscode/webview-ui-toolkit/|@microsoft/|exenv-es6/))'],
+
+    collectCoverage: true,
+    collectCoverageFrom: [
+        'src/**/*.{ts,tsx}',
+        '!src/**/*.d.ts',
+        '!src/**/*.{spec,test}.{ts,tsx,js,jsx}', // Exclude test files
+    ],
+    coverageDirectory: `coverage/${project}`,
+    coverageReporters: ['json', 'lcov', 'text-summary', 'clover'],
+});
+
 module.exports = {
-    projects: ['<rootDir>/jest.react.config.js', '<rootDir>/jest.unit.config.js'],
+    projects: ['<rootDir>/jest.*.config.js'],
     verbose: true,
+
+    // custom exports for individual projects
+    _baseConfig,
 };

jest.react.config.js

@@ -1,26 +1,8 @@
+const { _baseConfig } = require('./jest.config');
+
 module.exports = {
-    displayName: 'react',
-    roots: ['<rootDir>'],
-    testMatch: ['**/react/**/*.test.+(ts|tsx)'],
-    transform: {
-        '^.+\\.(min.js|js|ts|tsx)$': [
-            'ts-jest',
-            {
-                tsconfig: 'tsconfig.react.json',
-                isolatedModules: true,
-            },
-        ],
-    },
-    transformIgnorePatterns: ['/node_modules/(?!(@vscode/webview-ui-toolkit/|@microsoft/|exenv-es6/))'],
-    testPathIgnorePatterns: ['/node_modules/', '/e2e/', '!/src/react/'],
-    setupFilesAfterEnv: ['<rootDir>/setupTestsReact.js'],
+    ..._baseConfig('react', 'tsx'),
+
     testEnvironment: 'jsdom',
-    collectCoverage: true,
-    collectCoverageFrom: [
-        'src/react/**/*.{ts,tsx}',
-        '!src/**/*.d.ts',
-        '!src/**/*.{spec,test}.{ts,tsx,js,jsx}', // Exclude test files
-    ],
-    coverageDirectory: 'coverage/react',
-    coverageReporters: ['json', 'lcov', 'text-summary', 'clover'],
+    setupFilesAfterEnv: ['<rootDir>/setupTestsReact.js'],
 };

jest.unit.config.js

@@ -1,25 +1,7 @@
+const { _baseConfig } = require('./jest.config');
+
 module.exports = {
-    displayName: 'unit',
-    roots: ['<rootDir>'],
-    testMatch: ['**/test/**/*.+(ts|ts|js)', '**/?(*.)+(spec|test).+(ts|ts|js)'],
-    transform: {
-        '^.+\\.(min.js|ts|tsx)$': [
-            'ts-jest',
-            {
-                tsconfig: 'tsconfig.json',
-            },
-        ],
-    },
-    transformIgnorePatterns: ['/node_modules/'],
-    testPathIgnorePatterns: ['/node_modules/', '/e2e/', '/src/react/'],
+    ..._baseConfig('unit', 'ts'),
+
     setupFilesAfterEnv: ['<rootDir>/setupTests.js'],
-    collectCoverage: true,
-    collectCoverageFrom: [
-        'src/**/*.{ts,tsx}',
-        '!src/**/*.d.ts',
-        '!src/**/*.{spec,test}.{ts,tsx,js,jsx}', // Exclude test files
-        '!src/react/**/*.{ts,tsx}',
-    ],
-    coverageDirectory: 'coverage/unit',
-    coverageReporters: ['json', 'lcov', 'text-summary', 'clover'],
 };

tsconfig.json

@@ -22,7 +22,7 @@
         "noUnusedLocals": true,
         "typeRoots": ["node_modules/@types", "src/typings/"],
     },
-    "include": ["**/src/**/*", "**/test/**/*", "webpack.*.js", "jest.config.js", "jest.unit.config.js", "jest.react.config.js", "**/stories/**/*", "e2e/**/*"],
+    "include": ["**/src/**/*", "webpack.*.js", "e2e/**/*"],
     "exclude": [
         "out",
         "node_modules",