AST transformers option
ts-jest
by default does hoisting for a few jest
methods via a TypeScript AST transformer. One can also create custom
TypeScript AST transformers and provide them to ts-jest
to include into compilation process.
The option is astTransformers
and it allows ones to specify which 3 types of TypeScript AST transformers to use with ts-jest
:
before
means your transformers get run before TS ones, which means your transformers will get raw TS syntax instead of transpiled syntax (e.gimport
instead ofrequire
ordefine
).after
means your transformers get run after TS ones, which gets transpiled syntax.afterDeclarations
means your transformers get run duringd.ts
generation phase, allowing you to transform output type declarations.
Examples
Basic Transformers
// jest.config.js
module.exports = {
// [...]
globals: {
'ts-jest': {
astTransformers: {
before: ['my-custom-transformer'],
},
},
},
}
// package.json
{
// [...]
"jest": {
"globals": {
"ts-jest": {
"astTransformers": {
"before": ["my-custom-transformer"]
}
}
}
}
}
Configuring transformers with options
// jest.config.js
module.exports = {
// [...]
globals: {
'ts-jest': {
astTransformers: {
before: [
{
path: 'my-custom-transformer-that-needs-extra-opts',
options: {}, // extra options to pass to transformers here
},
],
},
},
},
}
// package.json
{
// [...]
"jest": {
"globals": {
"ts-jest": {
"astTransformers": {
"before": [
{
"path": "my-custom-transformer-that-needs-extra-opts",
"options": {} // extra options to pass to transformers here
}
]
}
}
}
}
}
Public transformers
ts-jest
is able to expose transformers for public usage to provide the possibility to opt-in/out for users. Currently
the exposed transformers are:
path-mapping
convert alias import/export to relative import/export path base onpaths
intsconfig
. This transformer works similar tomoduleNameMapper
injest.config.js
. When using this transformer, one might not needmoduleNameMapper
anymore.
Example of opt-in transformers
// jest.config.js
module.exports = {
// [...]
globals: {
'ts-jest': {
astTransformers: {
before: ['ts-jest/dist/transformers/path-mapping'],
},
},
},
}
// package.json
{
// [...]
"jest": {
"globals": {
"ts-jest": {
"astTransformers": {
"before": ["ts-jest/dist/transformers/path-mapping"]
}
}
}
}
}
Writing custom TypeScript AST transformers
To write a custom TypeScript AST transformers, one can take a look at the one that ts-jest
is using.