Jest 测试中定时器时间的设置

在前端开发中，我们通常会使用 Jest（JavaScript 测试框架）进行测试。在测试中，设置定时器的时间是很常见的操作之一。在本文中，我们将深入讨论 Jest 测试中如何设置定时器的时间，并为您提供示例代码和学习指导。

Jest 提供的定时器

在 Jest 中，我们可以使用两种定时器：setTimeout() 和 setInterval()。它们都可以接收两个参数：一个回调函数和一个等待时间（以毫秒为单位）。这些定时器的调用方式与普通 JavaScript 中使用方式相同。

例如，以下代码将在 1 秒后打印出消息 "Hello, World!"：

setTimeout(() => {
  console.log("Hello, World!");
}, 1000);

另一方面，以下代码将每秒打印一次消息 "Hello, World!"：

setInterval(() => {
  console.log("Hello, World!");
}, 1000);

Jest 测试中设置定时器时间的方法

当您测试使用定时器的代码时，您可能希望将定时器时间设置为更短的值，以减少测试时间。您可以使用 jest.useFakeTimers() 将定时器替换为 Jest 提供的 fake 定时器。通过这种方式，您可以控制时间的推移，并立即执行任何等待中的定时器。

以下是一个使用 Jest 测试框架进行测试的示例代码：

test("test delay", () => {
  const callback = jest.fn();
  myModule.delay(2000, callback);
  expect(callback).not.toBeCalled();
  jest.advanceTimersByTime(2000);
  expect(callback).toBeCalled();
});

在上面的示例中，我们在 myModule.delay() 函数调用中传递了 2000 毫秒的等待时间。然后，通过使用 jest.advanceTimersByTime() 方法，我们将 fake 时间向前推进了 2000 毫秒，并验证 callback 函数是否被正确调用。

Jest 控制定时器的时间

您还可以使用 jest.runAllTimers() 方法在一个操作中运行所有定时器。该方法将立即运行所有等待中的定时器，而不必等待它们的实际时间。

test("test delay", () => {
  const callback = jest.fn();
  myModule.delay(2000, callback);
  expect(callback).not.toBeCalled();
  jest.runAllTimers();
  expect(callback).toBeCalled();
});

还有其他调度器函数可用于控制 fake 时间的推移，例如 jest.runOnlyPendingTimers() 仅运行在 fake 时间线上等待的定时器并忽略任何多余的定时器。

总结

Jest 提供了方便的 fake 定时器以及用于控制它们的多个函数。通过使用这些函数，您可以在测试期间控制定时器的时间，并在实际时间总是稳定的情况下进行更快的测试。始终需要记住的一点是：Jest 提供的 fake 定时器仅在测试期间使用，实际代码的原始定时器行为不会受到影响。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f30702f6b2d6eab3c8ad86