Jest是否支持ES6导入/导出？

Question

如果我使用ES6中的import/export，那么我的所有Jest测试都会失败，并出现错误：

意外保留字

我将测试对象转换为使用老式IIFE语法，突然我的测试通过了。或者，以更简单的测试用例为例：

   var Validation = require('../src/components/validation/validation'); // PASS
   //import * as Validation from '../src/components/validation/validation' // FAIL

同样的错误。显然这里的导入/导出有问题。对我来说，仅仅为了让我的测试框架开心而使用ES5语法重写代码是不现实的。

我有巴别塔笑话。我尝试了GitHub问题的各种建议。这是不可能的。

 "scripts": {
    "start": "webpack-dev-server",
    "test": "jest"
  },
      "jest": {
        "testPathDirs": [
          "__tests__"
        ],
        "testPathIgnorePatterns": [
          "/node_modules/"
        ],
        "testFileExtensions": ["es6", "js"],
        "moduleFileExtensions": ["js", "json", "es6"]
      },

{
  "presets": ["es2015", "react"],
  "plugins": ["transform-decorators-legacy"]
}

有解决办法吗？

Answer 1

对于更新的配置，我使用https://babeljs.io/setup#installation

选择玩笑和快乐：

作为参考，当前配置：

npm install --save-dev babel-jest

在package.json文件中，进行以下更改：

{
  "scripts": {
    "test": "jest"
  },
  "jest": {
    "transform": {
      "^.+\\.jsx?$": "babel-jest"
    }
  }
}

安装巴别塔预设：

npm install @babel/preset-env --save-dev

创建一个. babelrc文件：

{
  "presets": ["@babel/preset-env"]
}

运行测试：

npm run test

Answer 2

根据这个问题，有来自jest@25.4.0。这样你就不用再使用巴贝尔了。在撰写此答案（2020年5月）时，要激活此功能，您需要做三件简单的事情：

• 通过在配置文件
中设置 转换：{}，确保您不会转换掉 导入语句
• 运行节点@^12.16.0||

因此，您的Jest配置文件至少应该包含以下内容：

export default {
    testEnvironment: 'jest-environment-node',
    transform: {}
    ...
};

要设置<代码>--实验性vm模块标志，您必须运行Jest，如下所示：

node --experimental-vm-modules node_modules/jest/bin/jest.js

还要注意，在Github问题中，这种方法还不支持jest对象。因此，您可能需要手动导入它：

import {jest} from '@jest/globals'

（我希望这将在未来发生变化）

Answer 3

从我对另一个问题的回答来看，这可以更简单：

唯一的要求是将测试环境配置到Babel，并添加ECMAScript

步骤1：

将您的test环境添加到项目根目录中的. babelrc：

{
  "env": {
    "test": {
      "plugins": ["@babel/plugin-transform-modules-commonjs"]
    }
  }
}

第二步：

安装ECMAScript

npm install --save-dev @babel/plugin-transform-modules-commonjs

就这样。Jest将自动启用从ECMAScript模块到CommonJS的编译，而不必通知package.json中的Jest属性的其他选项。