背景
在前端开发中，测试是非常重要的一环。而 Jest 是一个非常流行的 JavaScript 测试框架。ES6 模块被广泛使用，但在 Jest 中使用时可能会遇到一些问题。
本文将介绍在 Jest 测试中使用 ES6 模块时可能遇到的问题和解决方案。
问题
在 Jest 中使用 ES6 模块时，会遇到以下问题：
1. 在测试用例中使用 import
在 Jest 中使用 ES6 模块时，使用 import 语句导入模块时，会报错：SyntaxError: Cannot use import statement outside a module。
2. 测试文件无法引用被测试文件中的内容
在 Jest 中，测试文件默认是一个单独的 JavaScript 文件，它无法引用被测试文件中的内容，只能通过公开（export）模块来解决。
3. 需要 Babel 转换
Jest 默认情况下不支持 ES6 模块，需要使用 Babel 将代码转换为 CommonJS 模块。
解决方案
1. 在 Jest 配置文件中设置 "type": "module" 并使用 --experimental-vm-modules
在 Jest 的配置文件（一般为 jest.config.js）中，可以设置 "type": "module" 来指定使用 ES6 模块。但在可执行文件类型为 ES 模块的情况下，需要使用 --experimental-vm-modules 参数来调用。
// jest.config.js
export default {
type: "module",
// other configurations
};# Terminal jest --experimental-vm-modules
2. 使用 Babel 转换
可以使用 Babel 将代码转换为 CommonJS 模块。
安装需要的插件：@babel/core、@babel/preset-env、babel-jest。在配置文件中设置 babel-jest 为测试文件的转换器，并指定需要使用什么预设（preset）。
// jest.config.js
export default {
transform: {
"^.+\\.jsx?$": "babel-jest",
},
};Babel 的配置文件（.babelrc 或 babel.config.js）中指定 @babel/preset-env，它可以将 ES6 模块转换为 CommonJS 模块。
// babel.config.js
module.exports = {
presets: ["@babel/preset-env"],
};3. 在测试文件中手动设置模块
在测试文件中，可以手动设置模块。通过 require() 导入需要测试的模块，将其赋值给一个变量，在测试时使用该变量代替原模块即可。
// test.js
const foo = require('./foo');
test('test foo', () => {
expect(foo()).toBe(2);
})4. 使用 require() 引入并使用 default 成员
在 ES6 模块中，如果你只导出了一个具体的函数或者变量，你想在导入时默认地将其公开。
在测试文件中，你可以使用 require().default 来引入默认导出（export default）的成员。
// foo.js
export default () => {
return 2;
}
// test.js
const foo = require('./foo').default;
test('test foo', () => {
expect(foo()).toBe(2);
});结语
本文介绍了在 Jest 测试中使用 ES6 模块时可能遇到的问题和解决方案，希望能够帮助开发者更好地使用 Jest 进行测试。
要点总结：
- 在 Jest 配置文件中设置
"type": "module"并使用--experimental-vm-modules - 使用 Babel 转换
- 手动设置模块
- 使用
require()引入并使用default成员
通过这些方法，我们可以在 Jest 中愉快地使用 ES6 模块。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65b60d16add4f0e0ffec19b7