Jest测试全局变量Mock失败求助：无法读取raven_dsn属性

看来你在Jest组件测试里卡了好一阵子，全局变量Mock的问题确实挺棘手的，尤其是部分生效部分不生效的情况，特别挠头。我来帮你捋捋思路，解决这个contextMock失败的问题。

首先，先拆解你的报错：TypeError: Cannot read property 'raven_dsn' of undefined，这说明在Logger.js第22行，代码尝试访问context.raven_dsn时，context本身是undefined的。你之前把global.contextMock成jest.fn(() => {})，这很可能就是核心问题——如果代码里是直接访问context.raven_dsn，那context应该是一个对象，而不是函数，函数本身没有raven_dsn属性，自然会抛出错误。

接下来，我们一步步解决：

1. 纠正context的Mock方式 #

根据报错逻辑，代码里应该是直接使用context.raven_dsn，所以你需要把contextMock成包含对应属性的对象，而不是函数：

// 必须在导入Logger模块之前执行这个Mock！
global.context = {
  raven_dsn: 'your-mock-dsn-value'
};

如果代码里是通过调用context()来获取对象（比如context().raven_dsn），那可以把Mock改成：

global.context = jest.fn(() => ({
  raven_dsn: 'your-mock-dsn-value'
}));

2. 确保Mock时机在模块导入之前 #

这是很多人踩坑的关键点：如果Logger模块在导入时（模块级代码阶段）就会访问context.raven_dsn，那你必须在导入Logger之前完成Mock。如果先导入模块再Mock，模块已经执行过初始化代码，Mock就完全晚了。

正确的测试文件结构示例：

// 第一步：先Mock全局变量
global.context = { raven_dsn: 'mock-dsn' };

// 第二步：再导入被测模块
const Logger = require('./Logger'); // 或 import Logger from './Logger'

// 第三步：编写测试用例
test('Logger should initialize with raven_dsn', () => {
  // 你的测试逻辑
});

如果需要在每个测试用例中动态修改Mock值，可以用jest.resetModules()清除模块缓存，确保每次测试都重新导入模块：

beforeEach(() => {
  jest.resetModules();
  // 每次测试前重新Mock
  global.context = { raven_dsn: 'fresh-mock-dsn' };
});

test('first test', () => {
  const Logger = require('./Logger');
  // ...测试逻辑
});

test('second test with different dsn', () => {
  global.context = { raven_dsn: 'another-mock-dsn' };
  const Logger = require('./Logger');
  // ...测试逻辑
});

3. 排查package.json中Jest globals配置的问题 #

如果你尝试过在package.json的Jest配置里添加globals，要注意这个配置是静态值，不能动态变化，且必须确保结构正确：

{
  "jest": {
    "globals": {
      "context": {
        "raven_dsn": "mock-raven-dsn"
      }
    }
  }
}

如果这个配置没生效，可能是因为你的Jest配置被其他文件（比如jest.config.js）覆盖了，或者模块导入时Jest还没初始化好这个全局变量，这种情况下推荐在测试文件里手动Mock更可靠。

4. 额外排查点：确认context的挂载对象 #

有些针对浏览器环境的代码会把context挂载在window而不是global，而Jest默认运行在Node环境，这时候你需要Mockwindow.context：

global.window = {};
global.window.context = { raven_dsn: 'mock-dsn' };

或者直接：

window.context = { raven_dsn: 'mock-dsn' };

快速验证方法 #

在测试文件中，导入Logger之前先打印global.context，确认Mock是否生效：

console.log('before mock:', global.context); // 检查是否为undefined
global.context = { raven_dsn: 'mock-dsn' };
console.log('after mock:', global.context);
const Logger = require('./Logger');

如果打印结果还是undefined，可以尝试在beforeAll钩子中执行Mock：

beforeAll(() => {
  global.context = { raven_dsn: 'mock-dsn' };
});

按照这些步骤调整后，应该就能解决contextMock失败的问题了。

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