如何在 Jest 中 Mock 掉 Date-JavaScript中文网-JavaScript教程资源分享门户

在编写前端单元测试时，经常会遇到需要 Mock 掉 Date 的情况。这是因为 Date 是一个不可变的全局对象，它的值随着时间的推移而不断变化，不利于单元测试的稳定性和可重复性。在 Jest 中，我们可以通过 Mock Date 的方式来解决这个问题。

方案一：手动 Mock Date

手动 Mock Date 的方式比较简单，我们只需要在测试用例中定义一个与全局 Date 对象同名的变量，然后在调用 Date 相关方法时，使用这个变量代替全局对象即可。例如：

test('test Date', () => {
  const dateNow = jest.fn(() => 1487076708000); // 设置为 2017-02-14T02:11:48.000Z
  global.Date.now = dateNow;

  expect(Date.now()).toBe(1487076708000);
  expect(new Date().getTime()).toBe(1487076708000);
});

这里我们使用 jest.fn() 来创建一个 Mock 函数，它会返回指定的时间戳。然后将这个函数赋值给全局 Date 对象的 now 属性，即可在测试用例中使用 Mock 函数代替全局对象。

方案二：使用 Jest 提供的 Mock 函数

除了手动 Mock Date 外，我们还可以使用 Jest 提供的 Mock 函数来实现自动 Mock Date。Jest 提供了两种 Mock 函数：jest.mock() 和 jest.spyOn()。它们的区别在于，jest.mock() 会将目标模块的所有方法 Mock 掉，而 jest.spyOn() 只会 Mock 目标模块的指定方法。

以 jest.spyOn() 为例，我们可以使用它来 Mock Date.now() 方法，例如：

test('test Date', () => {
  const dateNow = jest.spyOn(Date, 'now').mockImplementation(() => 1487076708000); // 设置为 2017-02-14T02:11:48.000Z

  expect(Date.now()).toBe(1487076708000);
  expect(new Date().getTime()).toBe(1487076708000);

  dateNow.mockRestore(); // 恢复原始方法
});

这里我们使用 jest.spyOn() 来 Mock Date.now() 方法，它会返回一个 Mock 函数，我们可以通过 mockImplementation() 方法来指定 Mock 函数的行为。最后，我们需要在测试用例结束时，调用 mockRestore() 方法来恢复原始方法。

总结

在 Jest 中 Mock 掉 Date 的方法有很多种，手动 Mock 和使用 Jest 提供的 Mock 函数都可以实现。不过，需要注意的是，Mock Date 可能会影响到其他测试用例的结果，因此在使用时需要谨慎。同时，Mock Date 可能会导致测试用例的可读性和可维护性降低，因此应该在必要的情况下才使用。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/65791072d2f5e1655d3017f4