Vue.js 2 Web Development Projects

Babel configuration for Jest

To support JavaScript import/export modules and dynamic imports inside Jest, we will need to change our babel configuration when the tests are run.

When using Jest, we are not using webpack and the loaders we use to build the real application.

We need to add two babel plugins to the configuration, when the NODE_ENV environment variable is set to "test":

{  "presets": [    ["env", { "modules": false }],    "stage-3"  ],  "env": {    "test": {      "plugins": [        "transform-es2015-modules-commonjs",        "dynamic-import-node"      ]    }  }}

The transform-es2015-modules-commonjs plugin adds support for import/export syntax to Jest, and the dynamic-import-node adds support for dynamic imports.

When run, Jest will automatically set the NODE_ENV