使用Jest测试库时出现ReferenceError: BroadcastChannel is not defined错误

当你在Jest环境中运行测试时遇到ReferenceError: BroadcastChannel is not defined，是因为Jest默认使用的jsdom环境并未实现浏览器的BroadcastChannel API。以下是几种可行的解决方法：

方法一：手动模拟BroadcastChannel #

在单个测试文件顶部，或者全局的Jest配置文件中，添加对BroadcastChannel的模拟实现：

// 模拟BroadcastChannel及其核心方法
global.BroadcastChannel = jest.fn(() => ({
  postMessage: jest.fn(),
  onmessage: null,
  close: jest.fn(),
  addEventListener: jest.fn(),
  removeEventListener: jest.fn()
}));

根据你的业务代码实际用到的方法，补充对应的模拟函数即可。

方法二：全局配置统一模拟 #

如果多个测试文件都需要用到BroadcastChannel，可以通过全局配置统一处理：

1. 创建jest.setup.js文件，将上述模拟代码放入其中
2. 修改jest.config.js（或package.json中的jest配置项），指定全局setup文件：

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

这样所有测试文件运行前都会自动加载这个模拟，无需在每个文件中重复添加。

方法三：使用第三方模拟库 #

如果你需要更完整的浏览器API模拟，可以使用jest-webextension-mock这类库，它包含了BroadcastChannel的现成模拟实现：

npm install --save-dev jest-webextension-mock

然后在jest.setup.js中添加：

require('jest-webextension-mock');

内容的提问来源于stack exchange，提问作者KARTHIKEYAN.A