jest-mdx-loader

Jest transformer that wraps mdx-js/mx webpack loader

Install

yarn add --dev jest-mdx-loader

Usage

Install jest-mdx-loader and then add it to your jest.config.js under transform:

1/// jest.config.js
2
3module.exports = {
4  //...
5  transform: {
6    "^.+\\.jsx?$": "babel-jest",
7    ".mdx?$": "jest-mdx-loader"
8  }
9  //...
10};

If you need to perform any additional pre-processing prior to parsing with mdx you can easily extend the loader as follows:

1// src/my-custom-jest-mdx-loader.js
2
3preMdxParseCallback = function(src) {
4  var modifiedSrc = src;
5
6  // CUSTOM LOGIC HERE
7
8  return modifiedSrc;
9};
10
11module.exports = {
12  process: createTransformer(preMdxParseCallback)
13};

1/// jest.config.js
2
3module.exports = {
4  //...
5  transform: {
6    "^.+\\.jsx?$": "babel-jest",
7    ".mdx?$": "<rootDir>/src/my-custom-jest-mdx-loader.js"
8  }
9  //...
10};

Licence

MIT © Joseph Black