Question

我正在为我的React组件编写测试，并且我意识到我正在为测试设置反复编写相同的代码（即导入语句，Enzyme配置等）。

import React from 'react';
import ReactDOM from 'react-dom';
import renderer from 'react-test-renderer';
import Enzyme, { shallow } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';
import SomeComponent from './index';

Enzyme.configure({ adapter: new Adapter() });

describe('SomeComponent', () => {
// test block...

有没有办法将这个常用设置代码提取到其他位置？例如，我想创建一个名为'testConfig.js'的文件，其中包含上述行，并为我的所有测试文件导入该文件。

Answer 1

要配置酶我通常在我的src目录中使用setupTests.js文件

import { configure } from "enzyme";
import Adapter from "enzyme-adapter-react-16";

configure({
   adapter: new Adapter()
});

所以我不必在每个测试文件中配置酶。它适用于我不了解其他测试库的开玩笑

我可以将import语句提取到不同的文件吗？

1 个答案: