Enzyme 3.x Adapter配置：测试前置setup文件相关问题咨询

嘿，我来帮你把Enzyme里这个setup file的相关问题理清楚：

1. 什么是“setup file”？ #

它是一个全局测试配置文件，专门用来初始化你的测试环境。比如你提到的Enzyme适配器配置，把这段代码放在setup file里，就不用在每个测试文件里重复引入和配置Enzyme了——一次性搞定全局的测试工具初始化。

2. 它是否在所有测试执行前运行？ #

完全正确！Jest会在执行任何测试用例之前，先运行这个文件里的所有代码，确保你的测试环境（比如Enzyme、React的适配环境）已经准备就绪，所有测试都能基于统一的配置执行。

3. 在React项目中该文件应放置在何处？是否需要特定的文件名？ #

这分两种情况：

情况一：使用Create React App（CRA）创建的项目 #

CRA已经帮你预设好了规则：

• 直接在src/目录下创建setupTests.js文件，Jest会自动识别并在测试前运行它，不需要额外配置。你只需要把Enzyme的配置代码放进这个文件就行：

// src/setupTests.js
import { configure } from 'enzyme';
import Adapter from 'enzyme-adapter-react-16';

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

情况二：自定义配置的React项目（非CRA） #

你可以自由命名和放置这个文件，比如：

• 文件名可以叫jest.setup.js、enzyme.config.js之类的，只要语义清晰就行；
• 放置位置一般推荐项目根目录，或者__tests__/setup子目录下，方便管理测试相关配置；
• 但这时候需要手动告诉Jest这个文件的路径，有两种方式：
  1. 在package.json里添加Jest配置：

  {
    "jest": {
      "setupFilesAfterEnv": ["./jest.setup.js"]
    }
  }
  

  2. 如果你有单独的jest.config.js文件，在里面添加：

  module.exports = {
    // 其他Jest配置...
    setupFilesAfterEnv: ['./jest.setup.js']
  };
  

内容的提问来源于stack exchange，提问作者Code-Apprentice