用於測試React App的全球導入

Question

如果我想在所有test.js文件中執行此操作：

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

有沒有辦法全局導入它，以便每個“ tests.js”文件都將自動導入該文件？

提前致謝！！！

Answer 1

您可以使用全局變量！

例：

setup.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!
})

筆記：

全局變量將解決此特定問題。 但是需要注意的是，您在每個測試中都會有一個實例（ 根據您導入的依賴關系可能是可以的 ）

---

編輯：在反應鍋爐板的上下文中

• 如果閱讀package.json ，您會發現"jest"中有一個測試安裝文件。
• 該路徑是react-boilerplate/internals/testing/test-bundler.js 。
• 使用setup.js的內容編輯該文件（ 如上所述 ）
• 現在您的每個測試都應定義變量