fix(cli): init config with preset creator functions (#4846)

Fixes #4840

Author: ahnpnl

src/cli/__snapshots__/cli.spec.ts.snap

@@ -1,61 +1,93 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`config init should create a jest config file with cli options for config type default 1`] = `
-"/** @type {import('ts-jest').JestConfigWithTsJest} **/
+"const { createDefaultPreset } = require("ts-jest/presets")
+
+const tsJestTransformCfg = createDefaultPreset().transform
+
+/** @type {import("jest").Config} **/
 module.exports = {
   testEnvironment: "node",
   transform: {
-    "^.+\\.tsx?$": ["ts-jest",{}],
+    ...tsJestTransformCfg,
   },
 };"
 `;
 
 exports[`config init should create a jest config file with cli options for config type default and type "module" package.json 1`] = `
-"/** @type {import('ts-jest').JestConfigWithTsJest} **/
+"const { createDefaultPreset } = require("ts-jest/presets")
+
+const tsJestTransformCfg = createDefaultPreset().transform
+
+/** @type {import("jest").Config} **/
 export default {
   testEnvironment: "node",
   transform: {
-    "^.+\\.tsx?$": ["ts-jest",{}],
+    ...tsJestTransformCfg,
   },
 };"
 `;
 
 exports[`config init should create a jest config file with cli options for config type js-with-babel-full-options 1`] = `
-"/** @type {import('ts-jest').JestConfigWithTsJest} **/
+"const { createJsWithBabelPreset } = require("ts-jest/presets")
+
+const tsJestTransformCfg = createJsWithBabelPreset({
+  "tsconfig": "tsconfig.test.json"
+}).transform
+
+/** @type {import("jest").Config} **/
 module.exports = {
   testEnvironment: "jsdom",
   transform: {
-    "^.+\\.jsx?$": "babel-jest",
+    ...tsJestTransformCfg,
   },
 };"
 `;
 
 exports[`config init should create a jest config file with cli options for config type js-with-babel-full-options and type "module" package.json 1`] = `
-"/** @type {import('ts-jest').JestConfigWithTsJest} **/
+"const { createJsWithBabelPreset } = require("ts-jest/presets")
+
+const tsJestTransformCfg = createJsWithBabelPreset({
+  "tsconfig": "tsconfig.test.json"
+}).transform
+
+/** @type {import("jest").Config} **/
 export default {
   testEnvironment: "jsdom",
   transform: {
-    "^.+\\.jsx?$": "babel-jest",
+    ...tsJestTransformCfg,
   },
 };"
 `;
 
 exports[`config init should create a jest config file with cli options for config type js-with-ts-full-options 1`] = `
-"/** @type {import('ts-jest').JestConfigWithTsJest} **/
+"const { createJsWithTsPreset } = require("ts-jest/presets")
+
+const tsJestTransformCfg = createJsWithTsPreset({
+  "tsconfig": "tsconfig.test.json"
+}).transform
+
+/** @type {import("jest").Config} **/
 module.exports = {
   testEnvironment: "jsdom",
   transform: {
-    "^.+\\.[tj]sx?$": ["ts-jest",{tsconfig:"tsconfig.test.json"}],
+    ...tsJestTransformCfg,
   },
 };"
 `;
 
 exports[`config init should create a jest config file with cli options for config type js-with-ts-full-options and type "module" package.json 1`] = `
-"/** @type {import('ts-jest').JestConfigWithTsJest} **/
+"const { createJsWithTsPreset } = require("ts-jest/presets")
+
+const tsJestTransformCfg = createJsWithTsPreset({
+  "tsconfig": "tsconfig.test.json"
+}).transform
+
+/** @type {import("jest").Config} **/
 export default {
   testEnvironment: "jsdom",
   transform: {
-    "^.+\\.[tj]sx?$": ["ts-jest",{tsconfig:"tsconfig.test.json"}],
+    ...tsJestTransformCfg,
   },
 };"
 `;

src/cli/config/init.ts

@@ -11,10 +11,21 @@ import ejs from 'ejs'
 import { stringify as stringifyJson5 } from 'json5'
 
 import type { CliCommand, CliCommandArgs } from '..'
-import { JEST_CONFIG_EJS_TEMPLATE } from '../../constants'
 import { createDefaultPreset, createJsWithTsPreset, createJsWithBabelPreset } from '../../presets/create-jest-preset'
 import type { DefaultPreset, JsWithBabelPreset, JsWithTsPreset, TsJestTransformerOptions } from '../../types'
 
+const JEST_CONFIG_EJS_TEMPLATE = `const { <%= presetCreatorFn %> } = require("ts-jest/presets")
+
+const tsJestTransformCfg = <%= presetCreatorFn %>(<%- transformOpts %>).transform
+
+/** @type {import("jest").Config} **/
+<%= exportKind %> {
+  testEnvironment: "<%= testEnvironment %>",
+  transform: {
+    ...tsJestTransformCfg,
+  },
+};`
+
 const ensureOnlyUsingDoubleQuotes = (str: string): string => {
   return str
     .replace(/"'(.*?)'"/g, '"$1"')
@@ -62,16 +73,18 @@ export const run: CliCommand = async (args: CliCommandArgs /* , logger: Logger *
   }
 
   let body: string
-  const resolvedTsconfigOption = tsconfig ? { tsconfig: `${stringifyJson5(tsconfig)}` } : undefined
+  const transformOpts: TsJestTransformerOptions | undefined = tsconfig
+    ? { tsconfig: `${stringifyJson5(tsconfig)}` }
+    : undefined
   let transformConfig: DefaultPreset | JsWithTsPreset | JsWithBabelPreset
-  if (jsFilesProcessor === 'babel' || shouldPostProcessWithBabel) {
-    transformConfig = createJsWithBabelPreset(resolvedTsconfigOption)
-  } else if (jsFilesProcessor === 'ts') {
-    transformConfig = createJsWithTsPreset(resolvedTsconfigOption)
-  } else {
-    transformConfig = createDefaultPreset(resolvedTsconfigOption)
-  }
   if (isPackageJsonConfig) {
+    if (jsFilesProcessor === 'babel' || shouldPostProcessWithBabel) {
+      transformConfig = createJsWithBabelPreset(transformOpts)
+    } else if (jsFilesProcessor === 'ts') {
+      transformConfig = createJsWithTsPreset(transformOpts)
+    } else {
+      transformConfig = createDefaultPreset(transformOpts)
+    }
     body = ensureOnlyUsingDoubleQuotes(
       JSON.stringify(
         {
@@ -83,12 +96,19 @@ export const run: CliCommand = async (args: CliCommandArgs /* , logger: Logger *
       ),
     )
   } else {
-    const [transformPattern, transformValue] = Object.entries(transformConfig.transform)[0]
+    let presetCreatorFn: string
+    if (jsFilesProcessor === 'babel' || shouldPostProcessWithBabel) {
+      presetCreatorFn = 'createJsWithBabelPreset'
+    } else if (jsFilesProcessor === 'ts') {
+      presetCreatorFn = 'createJsWithTsPreset'
+    } else {
+      presetCreatorFn = 'createDefaultPreset'
+    }
     body = ejs.render(JEST_CONFIG_EJS_TEMPLATE, {
       exportKind: pkgJsonContent.type === 'module' ? 'export default' : 'module.exports =',
       testEnvironment: jsdom ? 'jsdom' : 'node',
-      transformPattern,
-      transformValue: ensureOnlyUsingDoubleQuotes(stringifyJson5(transformValue)),
+      presetCreatorFn,
+      transformOpts: transformOpts ? ensureOnlyUsingDoubleQuotes(JSON.stringify(transformOpts, null, 2)) : undefined,
     })
   }
 

src/constants.ts

@@ -17,13 +17,3 @@ export const JS_EXT_TO_TREAT_AS_ESM = ['.jsx']
  * See https://jestjs.io/docs/en/configuration#testmatch-arraystring
  */
 export const DEFAULT_JEST_TEST_MATCH = ['**/__tests__/**/*.[jt]s?(x)', '**/?(*.)+(spec|test).[jt]s?(x)']
-/**
- * @internal
- */
-export const JEST_CONFIG_EJS_TEMPLATE = `/** @type {import('ts-jest').JestConfigWithTsJest} **/
-<%= exportKind %> {
-  testEnvironment: "<%= testEnvironment %>",
-  transform: {
-    "<%= transformPattern %>": <%- transformValue %>,
-  },
-};`