Jest 是一个非常流行的 JavaScript 测试框架，它提供了一些非常方便的工具来帮助你编写高质量的测试用例。其中，Mock 函数是 Jest 中非常强大的一个功能，它可以帮助我们模拟一些外部依赖，从而让我们的测试更加可靠和稳定。在本文中，我将会介绍 Jest 中如何 Mock setTimeout 和 setInterval，希望能够对你有所帮助。
Mock setTimeout 和 setInterval
在 JavaScript 中，setTimeout 和 setInterval 是两个非常常用的函数，它们分别用来延迟执行和定时执行某个函数。但是在测试中，我们很难控制这两个函数的执行时间，这就会导致测试用例的不可靠性。为了解决这个问题，Jest 提供了 Mock 函数的功能，我们可以使用它来模拟 setTimeout 和 setInterval 的行为。
Mock setTimeout
在 Jest 中，我们可以使用 jest.useFakeTimers() 函数来 Mock setTimeout。它可以将所有的延迟执行的代码都立即执行，这样我们就可以控制时间的流逝了。下面是一个例子：
test('setTimeout test', () => {
jest.useFakeTimers();
const callback = jest.fn();
setTimeout(callback, 1000);
jest.runAllTimers();
expect(callback).toHaveBeenCalled();
});在这个例子中，我们使用了 jest.useFakeTimers() 函数来 Mock setTimeout，然后定义了一个回调函数 callback，并在 1000 毫秒后执行它。接着，我们使用 jest.runAllTimers() 函数来立即执行所有延迟执行的代码，这样就可以控制时间的流逝了。最后，我们使用 expect(callback).toHaveBeenCalled() 来验证回调函数是否被调用了。
Mock setInterval
与 Mock setTimeout 类似，我们也可以使用 jest.useFakeTimers() 函数来 Mock setInterval。在这种情况下，我们需要使用 jest.advanceTimersByTime() 函数来模拟时间的流逝。下面是一个例子：
test('setInterval test', () => {
jest.useFakeTimers();
const callback = jest.fn();
setInterval(callback, 1000);
jest.advanceTimersByTime(5000);
expect(callback).toHaveBeenCalledTimes(5);
});在这个例子中，我们使用了 jest.useFakeTimers() 函数来 Mock setInterval，然后定义了一个回调函数 callback，并在 1000 毫秒后执行它。接着，我们使用 jest.advanceTimersByTime(5000) 函数来模拟时间的流逝，让回调函数被执行了五次。最后，我们使用 expect(callback).toHaveBeenCalledTimes(5) 来验证回调函数是否被调用了五次。
总结
在 Jest 中，Mock 函数是一个非常强大的功能，可以帮助我们模拟一些外部依赖，从而让测试更加可靠和稳定。在本文中，我介绍了如何使用 Jest 中的 Mock 函数来模拟 setTimeout 和 setInterval，希望能够对你有所帮助。如果你对 Jest 中的 Mock 函数还有其他的问题或疑问，可以查看 Jest 官方文档，里面有更加详细的介绍和示例代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/663df821d3423812e4c1e665