在前端开发中，我们通常会使用 Jest（JavaScript 测试框架）进行测试。在测试中，设置定时器的时间是很常见的操作之一。在本文中，我们将深入讨论 Jest 测试中如何设置定时器的时间，并为您提供示例代码和学习指导。
Jest 提供的定时器
在 Jest 中，我们可以使用两种定时器：setTimeout() 和 setInterval()。它们都可以接收两个参数：一个回调函数和一个等待时间（以毫秒为单位）。这些定时器的调用方式与普通 JavaScript 中使用方式相同。
例如，以下代码将在 1 秒后打印出消息 "Hello, World!"：
------------- -- - ------------------- --------- -- ------
另一方面，以下代码将每秒打印一次消息 "Hello, World!"：
-------------- -- - ------------------- --------- -- ------
Jest 测试中设置定时器时间的方法
当您测试使用定时器的代码时，您可能希望将定时器时间设置为更短的值，以减少测试时间。您可以使用 jest.useFakeTimers() 将定时器替换为 Jest 提供的 fake 定时器。通过这种方式，您可以控制时间的推移，并立即执行任何等待中的定时器。
以下是一个使用 Jest 测试框架进行测试的示例代码：
---------- ------- -- -- - ----- -------- - ---------- -------------------- ---------- ---------------------------------- ------------------------------- ------------------------------ ---
在上面的示例中，我们在 myModule.delay() 函数调用中传递了 2000 毫秒的等待时间。然后，通过使用 jest.advanceTimersByTime() 方法，我们将 fake 时间向前推进了 2000 毫秒，并验证 callback 函数是否被正确调用。
Jest 控制定时器的时间
您还可以使用 jest.runAllTimers() 方法在一个操作中运行所有定时器。该方法将立即运行所有等待中的定时器，而不必等待它们的实际时间。
---------- ------- -- -- - ----- -------- - ---------- -------------------- ---------- ---------------------------------- -------------------- ------------------------------ ---
还有其他调度器函数可用于控制 fake 时间的推移，例如 jest.runOnlyPendingTimers() 仅运行在 fake 时间线上等待的定时器并忽略任何多余的定时器。
总结
Jest 提供了方便的 fake 定时器以及用于控制它们的多个函数。通过使用这些函数，您可以在测试期间控制定时器的时间，并在实际时间总是稳定的情况下进行更快的测试。始终需要记住的一点是：Jest 提供的 fake 定时器仅在测试期间使用，实际代码的原始定时器行为不会受到影响。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/64f30702f6b2d6eab3c8ad86