ctco-dev: fix jest config

Author: aeldar

packages/react-scripts/config/jest/typescriptTransform.js

@@ -0,0 +1,3 @@
+'use strict';
+const tsJestPreprocessor = require('ts-jest/preprocessor');
+module.exports = tsJestPreprocessor;

packages/react-scripts/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aeldar/react-scripts",
-  "version": "1.1.4-10",
+  "version": "1.1.4-11",
   "description": "Configuration and scripts for Create React App. Modified by @aeldar",
   "repository": "aeldar/create-react-app",
   "license": "MIT",

packages/react-scripts/scripts/utils/createJestConfig.js

@@ -15,31 +15,34 @@ module.exports = (resolve, rootDir, isEjecting) => {
   // Use this instead of `paths.testsSetup` to avoid putting
   // an absolute filename into configuration after ejecting.
   const setupTestsFile = fs.existsSync(paths.testsSetup)
-    ? '<rootDir>/src/setupTests.js'
+    ? '<rootDir>/src/setupTests.ts'
     : undefined;
 
   // TODO: I don't know if it's safe or not to just use / as path separator
   // in Jest configs. We need help from somebody with Windows to determine this.
   const config = {
-    collectCoverageFrom: ['src/**/*.{js,jsx,mjs}'],
+    collectCoverageFrom: ['src/**/*.{js,jsx,mjs,ts,tsx}'],
     setupFiles: [resolve('config/polyfills.js')],
     setupTestFrameworkScriptFile: setupTestsFile,
     testMatch: [
-      '<rootDir>/src/**/__tests__/**/*.{js,jsx,mjs}',
-      '<rootDir>/src/**/?(*.)(spec|test).{js,jsx,mjs}',
+      '<rootDir>/src/**/__tests__/**/*.{js,jsx,mjs,ts,tsx}',
+      '<rootDir>/src/**/?(*.)(spec|test).{js,jsx,mjs,ts,tsx}',
     ],
     testEnvironment: 'node',
     testURL: 'http://localhost',
     transform: {
       '^.+\\.(js|jsx|mjs)$': isEjecting
         ? '<rootDir>/node_modules/babel-jest'
         : resolve('config/jest/babelTransform.js'),
+      '^.+\\.tsx?$': resolve('config/jest/typescriptTransform.js'),
       '^.+\\.css$': resolve('config/jest/cssTransform.js'),
       '^(?!.*\\.(js|jsx|mjs|css|json)$)': resolve(
         'config/jest/fileTransform.js'
       ),
     },
-    transformIgnorePatterns: ['[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs)$'],
+    transformIgnorePatterns: [
+      '[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs|ts|tsx)$',
+    ],
     moduleNameMapper: {
       '^react-native$': 'react-native-web',
     },
@@ -51,7 +54,16 @@ module.exports = (resolve, rootDir, isEjecting) => {
       'jsx',
       'node',
       'mjs',
+      'web.ts',
+      'ts',
+      'web.tsx',
+      'tsx',
     ],
+    globals: {
+      'ts-jest': {
+        tsConfigFile: paths.appTsTestConfig,
+      },
+    },
   };
   if (rootDir) {
     config.rootDir = rootDir;