在编写 JavaScript 应用程序时，我们经常需要对日期和时间进行操作。在编写测试用例时，特别是对于与时间相关的功能，我们需要模拟特定的时间。Jest 是一个流行的 JavaScript 测试框架，它提供了一种简单的方法来模拟当前时间。
本文将介绍如何在 Jest 中模拟当前时间，以及如何在测试中使用模拟时间。我们还将介绍如何使用 Jest 提供的其他相关功能来更好地测试与时间相关的代码。
在 Jest 中模拟当前时间的方法
Jest 提供了一个名为 jest.spyOn() 的全局函数，可以用于模拟 JavaScript 对象的方法。我们可以使用这个函数来模拟 Date.now() 方法，以便在测试中控制当前时间。
以下是一个使用 jest.spyOn() 方法来模拟 Date.now() 的示例：
test('test current time', () => {
jest.spyOn(Date, 'now').mockImplementation(() => 1609459200000); // 2021-01-01T00:00:00.000Z
expect(Date.now()).toBe(1609459200000);
});在这个示例中，我们调用了 jest.spyOn() 方法并传递 Date 对象和 now 方法作为参数。然后，我们调用 mockImplementation() 方法，并传递一个函数来模拟 Date.now() 方法的返回值。
在此示例中，我们将当前时间设置为 2021-01-01T00:00:00.000Z。要获取当前模拟时间，我们只需调用 Date.now() 方法即可。
可以看到，我们的测试断言将模拟时间与 1609459200000 进行比较。如果当前时间是我们所期望的时间，则测试会通过。
在测试中使用模拟时间
一旦我们成功地模拟了当前时间，就可以在测试用例中使用它。例如，在测试计算机时钟的代码时，我们可以使用模拟时间来控制时钟的进展，以便测试特定时间点的输出。
以下是一个使用模拟时间来测试计算机时钟的示例：
-- -------------------- ---- ------- ---------- ------- -- -- - ---------------- ---------------------------- -- --------------- -- ------------------------ ----- ----- - --- -------- -- --- ----- - ------------------------------------------------ ---------------- ---------------------------- -- --------------- -- ------------------------ ------------------------------------------------ ---------------- ---------------------------- -- --------------- -- ------------------------ ------------------------------------------------ ---
在这个示例中，我们首先模拟了当前时间是 2021-01-01T00:00:00.000Z。然后，我们实例化了 Clock 类，并测试了 getCurrentTime() 方法返回值为 00:00:00。
接下来，我们使用 jest.spyOn() 和 mockImplementation() 方法来模拟当前时间向前移动了 1 秒，所以我们期望 getCurrentTime() 方法返回值为 00:00:01。
最后，我们再次使用 jest.spyOn() 和 mockImplementation() 方法来模拟当前时间向前移动了 10 秒，所以我们期望 getCurrentTime() 方法返回值为 00:00:10。
其他有用的 Jest 时间相关功能
除了模拟当前时间之外，Jest 还提供了其他一些有用的时间相关功能，以帮助我们更好地测试与时间相关的代码。
advanceTimersByTime()
advanceTimersByTime() 方法可以模拟时间的快进。例如，在测试使用 setTimeout() 方法的代码时，我们可以使用 advanceTimersByTime() 方法来模拟在等待时间之后触发回调函数。
以下是一个使用 advanceTimersByTime() 方法测试 setTimeout() 方法的示例：
test('test setTimeout', () => {
const mockCallbackFn = jest.fn();
setTimeout(mockCallbackFn, 1000);
expect(mockCallbackFn).not.toHaveBeenCalled();
jest.advanceTimersByTime(1000);
expect(mockCallbackFn).toHaveBeenCalled();
});在这个示例中，我们首先使用 setTimeout() 方法调用一个回调函数，并期望在 1000ms 后执行。然后，我们使用 advanceTimersByTime() 方法模拟了 1000ms 的时间过去，以便回调被执行，并在断言中验证该回调已被调用。
runAllImmediates()
runAllImmediates() 方法可以模拟 setImmediate() 方法的调用。当我们在测试中测试使用 setImmediate() 的代码时，使用 runAllImmediates() 方法可以保证所有 setImmediate() 回调函数被顺序执行。
以下是一个使用 runAllImmediates() 方法测试 setImmediate() 方法的示例：
-- -------------------- ---- ------- ---------- -------------- -- -- - ----- --------------- - ---------- ----- --------------- - ---------- ------------------------------ ------------------------------ ----------------------------------------------- ----------------------------------------------- ------------------------ ------------------------------------------- ------------------------------------------- ---
在这个示例中，我们使用 setImmediate() 调用两个回调函数，并期望它们都尚未执行。然后，我们使用 runAllImmediates() 方法来模拟立即执行所有 setImmediate() 回调函数，并在断言中验证它们都被执行了。
结论
Jest 提供了很多有用的时间相关功能，这些功能可以帮助我们更好地测试与时间相关的代码。在本文中，我们介绍了如何在 Jest 中模拟当前时间，并演示了如何在测试用例中使用模拟时间。我们还介绍了其他有用的 Jest 时间相关功能，例如 advanceTimersByTime() 和 runAllImmediates()。
通过使用 Jest 提供的这些功能，我们可以更好地测试与时间相关的代码，从而提高 JavaScript 应用程序的质量和稳定性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6729a9e62e7021665e253e47