在前端开发中，我们经常使用 Jest 来进行代码测试。不过，有时由于测试代码的执行时间过长，Jest 会报告“timeout of 5000ms exceeded” 错误，这会让开发者感到困惑和不知所措。在这篇文章中，我们将探讨这个错误的原因，并提供一些解决方法，帮助开发者更好地处理 Jest 测试中的超时问题。
错误原因
Jest 中的超时错误通常是由以下原因引起的：
- 测试代码执行时间过长
- 测试中包含了异步操作（如网络请求）且未使用回调函数或者 async/await 进行处理
当 Jest 发现测试代码的执行时间超过 5000 毫秒时，就会认为测试代码出现了问题，并抛出上述错误信息。
解决方法
既然已经知道该错误发生的原因，那么我们就可以采取相应的措施来解决它了。以下是一些实用的解决方法。
1. 修改超时时间
Jest 默认的超时时间是 5000 毫秒，如果测试用例需要更长的时间来执行，我们可以通过如下方式修改 Jest 的默认超时时间：
// jest.config.js 文件中添加如下配置
module.exports = {
// ...
testTimeout: 10000, // 将默认超时时间修改为 10000 毫秒
}这里我们将默认超时时间修改为 10000 毫秒（也就是 10 秒），以满足测试用例的执行需求。
2. 使用回调函数
如果测试中包含了异步操作，我们可以通过使用回调函数来延长 Jest 的超时时间。例如：
test('测试异步操作', done => {
fetchData(data => {
expect(data).toBe('hello, world')
done() // 执行完成后调用 done 函数
})
})当 fetchData 函数执行完成后，我们调用 done 函数，通知 Jest 测试已经执行完成，这样 Jest 就不会报告超时错误了。
3. 使用 async/await
如果测试中包含了异步操作，我们也可以使用 async/await 进行处理：
test('测试异步操作', async () => {
const data = await fetchData()
expect(data).toBe('hello, world')
})这样，在 fetchData 函数执行完成后，代码会自动等待异步操作完成，然后继续执行下一步代码，从而避免了超时错误。
结论
通过本文的介绍，我们了解了 Jest 报告“timeout of 5000ms exceeded” 错误的原因，并提供了解决这个错误的多种方法。选择合适的方法可以大大提高测试代码的效率和可靠性，也可以避免一些不必要的代码错误。建议开发者在编写测试代码时，根据实际情况灵活运用这些方法。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/67184da1ad1e889fe229bfa7