How can I mock Bun global object with Jest

Bun 是一个全新的运行时，类似于 Node.js，但它针对性能进行了优化，并且增加了一些全局对象和API，例如 fetch 和 WebSocket。Jest 是一个广泛使用的 JavaScript 测试框架，它提供了广泛的模拟功能，帮助开发者测试他们的代码。

假设我们需要模拟Bun的某个全局对象，比如 fetch，这在进行API调用的单元测试时非常常见。以下是如何使用Jest来模拟这个 fetch全局对象的步骤：

步骤1: 设置Jest测试环境

首先，确保你的项目中已经安装了Jest。如果未安装，可以通过npm或yarn来安装：

bash
npm install --save-dev jest

或者

bash
yarn add --dev jest

步骤2: 创建测试文件

在你的项目中创建一个测试文件，例如 fetch.test.js。在这个文件中，我们将编写测试用例。

步骤3: 模拟全局对象

在Jest中，我们可以使用 global关键字来访问全局对象。要模拟 fetch，可以在Jest的测试文件或setup文件中添加以下代码：

javascript
// fetch.test.js
beforeAll(() => {
  global.fetch = jest.fn(() =>
    Promise.resolve({
      json: () => Promise.resolve({ data: 'some data' }),
    })
  );
});

afterAll(() => {
  global.fetch.mockClear();
  delete global.fetch;
});

这段代码在所有测试运行之前设置了 fetch方法的模拟，并在所有测试结束后清理模拟。

步骤4: 编写测试用例

接下来，我们可以编写一个使用这个模拟 fetch方法的测试用例：

javascript
test('fetch data using global fetch', async () => {
  const response = await fetch('https://api.example.com/data');
  const data = await response.json();
  expect(data).toEqual({ data: 'some data' });
  expect(fetch).toHaveBeenCalledTimes(1);
  expect(fetch).toHaveBeenCalledWith('https://api.example.com/data');
});

这个测试验证 fetch是否被正确调用，并且返回了我们模拟的数据。

步骤5: 运行测试

最后，运行Jest来查看测试结果：

bash
npx jest fetch.test.js

如果一切配置正确，你应该看到测试通过的信息。

这就是如何使用Jest模拟Bun的全局 fetch对象的一个例子。相似的方法可以应用于Bun环境中的其他全局对象。这种技术在进行单元测试时非常有用，尤其是当你要测试的代码依赖于外部API或其他全局依赖时。