javascript - 用于测试 React 应用程序的全局导入

Question

如果我想在我所有的 test.js 文件中这样做:

import { shallow } from 'enzyme';
import MockAdapter from 'axios-mock-adapter';

有没有办法全局导入它，以便每个“tests.js”文件都自动导入该文件？

提前致谢!!!

Answer 1

您可以使用 globals!

示例:

设置.js

import { _shallow } from 'enzyme'
import _MockAdapter from 'axios-mock-adapter'
global.shallow = _shallow
global.MockAdapter = _MockAdapter

test1.js

describe('My Test 1', _ => {
  MockAdapter() // Use it!
})

注意事项:

全局变量将解决这个特殊问题。但需要注意的是，您将在每个测试中拥有一个实例(这可能没问题，具体取决于您导入的依赖项)

---

编辑:在 react-boiler-plate 的上下文中

• 如果您阅读 package.json , 你会看到 "jest" 中有一个测试设置文件.
• 这条路径是react-boilerplate/internals/testing/test-bundler.js .
• 使用 setup.js 的内容编辑该文件(上述)
• 现在您的每个测试都应该定义了变量