ts-jest-mock-import-meta AST transformer

Install

1npm install -D ts-jest-mock-import-meta

:green_book: This transformer is aimed to be used with ts-jest

That moment finally came, where you want to test your esm code that use "import.meta" expressions. (if your are like me, and you do not embrace the TDD approach :smirk:). You type "jest" in the console, and this infamous error pops up :

1> jest
2
3 FAIL  src/anyfile.spec.ts
4  ● Test suite failed to run
5
6    src/anyfile.spec.ts:2:24 - error TS1343: The 'import.meta' meta-property is only allowed when the '--module' option is 'es2020', 'esnext', or 'system'.
7
8    2   const url = new URL('./', import.meta.url) !== undefined;
9                             ~~~~~~~~~~~

Worry not !

Here comes this simple typescript AST transformer to the rescue. By using it "before" typescript transpilation, it will simply replace any "import.meta" expressions in typescript files by a mocked object. "import.meta" expressions are not compatible with jest, that by default, works in commonjs, so they need to be stripped down and replaced by a mocked object before typescript transpilation is done by ts-jest.

Configuration examples (jest.config) :

📘 See ts-jest options documentation for more details about configuration : https://kulshekhar.github.io/ts-jest/docs/getting-started/options

ℹ️ Options structure changed since ts-jest 29.0.0. Make sure to check the example that corresponds to the version of ts-jest you are using.

⚠️ IMPORTANT: error code 1343 MUST be ignored for the transformer to work. https://github.com/Microsoft/TypeScript/blob/main/src/compiler/diagnosticMessages.json#L1035

1{
2  // [...]
3  transform: {
4    '^.+\\.tsx?$': [
5      'ts-jest',
6      {
7        diagnostics: {
8          ignoreCodes: [1343]
9        },
10        astTransformers: {
11          before: [
12            {
13              path: 'node_modules/ts-jest-mock-import-meta',  // or, alternatively, 'ts-jest-mock-import-meta' directly, without node_modules.
14              options: { metaObjectReplacement: { url: 'https://www.url.com' } }
15            }
16          ]
17        }
18      }
19    ]
20  }
21}

1{
2  // [...]
3  globals: {
4    'ts-jest': {
5      diagnostics: {
6        ignoreCodes: [1343]
7      },
8      astTransformers: {
9        before: [
10          {
11            path: 'node_modules/ts-jest-mock-import-meta',  // or, alternatively, 'ts-jest-mock-import-meta' directly, without node_modules.
12            options: { metaObjectReplacement: { url: 'https://www.url.com' } }
13          }
14        ]
15      }
16    }
17  }
18}

Options

• [metaObjectReplacement] (Optional):

  The mock object or factory function that (the returned value for the latter) will override all "import.meta" expressions. Note that the factory function and all function properties will be called with the replacement context as an argument, and it will always be the returned value that will be used.

  There is a special basic support for import.meta.resolve function. mock can be done but argument value is ignored. Instead, source filename can be used to provide different mock results for different cases.

  [Type] Record<string, any> or (ctx: ReplacementContext) => Record<string, any>

  1/** @type {ReplacementContext} */
  2{ 
  3  fileName: string 
  4}

  [Default Value]

  1{ url: ({ fileName }) => `file://${fileName}` };

  [Example Values]

  1// An object
  2{
  3  url: 'https://www.url.com',
  4  env: {
  5    PROD: false,
  6    DEV: true
  7  },
  8  status: 2,
  9  resolve: ({fileName}) => {
  10    switch(basename(fileName)) {
  11      case "test-module.ts":
  12        return "https://www.mydummyurl.com/my.jpg";
  13      case "test-module2.ts":
  14        return "https://www.mydummyurl.com/my2.jpg";
  15      default:
  16        return "";
  17    }
  18  },
  19  file: ({fileName}) => fileName
  20}

  1// A factory function
  2({ fileName }) => ({
  3  url: fileName,
  4  env: {
  5    PROD: false,
  6    DEV: true
  7  },
  8  resolve: () => {
  9    switch(basename(fileName)) {
  10      case "test-module.ts":
  11        return "https://www.mydummyurl.com/my.jpg";
  12      case "test-module2.ts":
  13        return "https://www.mydummyurl.com/my2.jpg";
  14      default:
  15        return "";
  16    }
  17},
  18  status: 2
  19})

If you found this project helpful, please consider giving it a ⭐! Your support means a lot and helps others discover this repository too.