Regression: no typescript transformation/compilation possible for JavaScript files any more

[mkreidenweis]

Issue :

Hi. I think #724 (v23.10.0) introduced a regression: Running a test of ours fails with a message like this:

ts-jest[jest-transformer] (WARN) Got a unknown file type to compile (file: /home/xxx/yyy/node_modules/lodash-es/_matchesStrictComparable.js). To fix this, in your Jest config change the `transform` key which value is `ts-jest` so that it does not match this kind of files anymore.

ts-jest doesn't seem to typescript-compile .js files at all any more.

Expected behavior :

ts-jest passes .js files through typescript compilation, tests finish without error. (The version we were using before (22.4.4) didn't have the issue.)

Suggested fix:

IMO the problem is here: 6c32a93#diff-969086a2836a7b1045fc24603a3b6cbeR114
Line 114 should actually read

     } else if (isTsFile || isJsFile) { 

Right now we always run in the else case, even though the condition in line 110 and the comment in line 118 makes me expect that we take the tsCompiler.compile for .js files as well.

Please let me know if you need more info.

[huafu]

Thanks @mkreidenweis this definitely is a bug which IMO get fixed by adding your ||
I'll fix this and include it in next release!

[alvis]

Could you also try if it reads allowJs from tsconfig.json?

I've checked the log via TS_JEST_LOG and it's always false. The config is not honored somehow.

[huafu]

@alvis I'm actually working on this right now, will check and add a test if not. But it should be, so check that you correctly specified the tsConfig option of ts-jest (if it's not the default one)

Update: when using the log file, use --runInBand jest option

[huafu]

@alvis I think your config is wrong somewhere because I've added a E2E test related to this and all is good. Anyway, thanks as now there is a E2E test for that :D

[alvis]

@huafu The reason of my problem is that I use the config in package.json, not jest.config.

With the latest v23.10.1, it works again, but only if I put

"transform": {
    "^.+\\.(j|t)sx?$": "ts-jest"
}

into the jest config in my package.json.

I checked with the log, and I find that without the additional transform setting, the resulting jest config would be just

"transform": [
  [
    "^.+\\.tsx?$",
    "<path to my project>/node_modules/ts-jest/dist/index.js"
  ]
]

The reason for that is the result of create-jest-preset which relies on the allowJs agrument. i.e.

ts-jest/src/config/create-jest-preset.ts

Lines 15 to 23 in e2f699c

	export function createJestPreset(
	{ allowJs = false }: CreateJestPresetOptions = {},
	from: jest.InitialOptions = defaults,
	) {
	logger.debug({ allowJs }, 'creating jest presets', allowJs ? 'handling' : 'not handling', 'JavaScript files')
	return {
	transform: {
	...from.transform,
	[allowJs ? '^.+\\.[tj]sx?$' : '^.+\\.tsx?$']: 'ts-jest',

However, it's always false as the default because there is no agrument specified in jest-preset.js, i.e.

ts-jest/jest-preset.js

Line 4 in e2f699c

module.exports = createJestPreset()

[huafu]

Yeah, because by default we leverage js compilation to jest which knows how to handle it. The default preset is for ts-jest to handle typescript files. We cannot make a dynamic preset unless you call the function yourself.

[alvis]

@huafu: Can we look for tsconfig.json and get the allowJs variable in ts-jest/jest-preset.js?
or at least some way to specify it, e.g. in the global object in the jest config in package.json?

[huafu]

Long story short: no

A preset is static. The only way to use the preset with allowJs: true in package.json is to override whatever doesn't match in jest config. Since ts-jest is for typescript, the default is the most common for typescript only projects.

When loading a preset, Jest will require(presetName + '/jest-preset.js') without giving any other info, so there is no way at this point to know from which project it's coming from neither what is in jest config at all.