Mocha：如何在应用代码加载前运行测试初始化代码？

当然有办法搞定你遇到的这个问题！要在Mocha加载你的应用代码（比如foo.js）之前就执行初始化逻辑（比如Mockwindow对象），同时不用在每个测试文件里重复导入初始化代码，你可以试试下面这几种实用方案：

方案1：使用Mocha的--require命令行参数 #

Mocha提供的--require参数可以让你指定一个（或多个）模块，在所有测试文件加载之前先加载并执行这个模块的代码。这正好匹配你的需求——在应用代码被导入前就Mock好window对象。

步骤如下：

1. 创建一个初始化文件，比如test/setup.js，在里面编写Mock逻辑：

// test/setup.js
// Mock全局的window对象
global.window = {
  location: {
    pathname: '/',
    href: 'http://test.example.com'
    // 根据你的测试需求添加其他属性
  }
};
// 如果你的应用还用到了document等其他浏览器API，也可以在这里Mock
global.document = { createElement: () => ({}) };

2. 运行Mocha时加上这个参数：

mocha --require test/setup.js

这样Mocha会先执行setup.js里的代码，之后才会加载你的测试文件和对应的应用代码，foo.js在导入时就能访问到Mock好的window对象了。

方案2：通过Mocha配置文件全局设置 #

如果你不想每次运行Mocha都手动加命令行参数，可以用Mocha的配置文件来指定需要提前加载的初始化模块，这样更省心。

1. 在项目根目录创建一个Mocha配置文件，比如.mocharc.js（支持JS格式的配置，更灵活）：

// .mocharc.js
module.exports = {
  // 指定要提前加载的初始化文件
  require: ['./test/setup.js'],
  // 其他Mocha配置项（比如测试文件路径、 reporter等）
  spec: 'test/**/*.test.js'
};

2. 之后直接运行mocha命令即可，Mocha会自动读取配置文件并加载setup.js。

额外注意事项 #

• 测试隔离：如果不同测试用例需要不同的window状态，建议在setup.js里结合Mocha的钩子来做动态重置，避免测试间的污染：

// test/setup.js
beforeEach(() => {
  // 每个测试用例前重新初始化window
  global.window = { location: { pathname: '/' } };
});

afterEach(() => {
  // 测试用例结束后清理全局变量
  delete global.window;
});

• 转译工具兼容：如果你用了Babel或TypeScript，确保setup.js的转译顺序正确（比如在Babel配置里包含这个文件），保证初始化代码在转译后的应用代码之前执行。

内容的提问来源于stack exchange，提问作者machineghost