前端自动化测试jest教程7-定时器测试

最新推荐文章于 2024-04-20 08:07:55 发布

前端秀儿

最新推荐文章于 2024-04-20 08:07:55 发布

阅读量1.7k

点赞数 1

分类专栏：测试文章标签： javascript vue.js es6 前端 npm

本文链接：https://blog.csdn.net/Jsoning/article/details/104014997

版权

本文详细介绍了在Jest中测试定时器的三种方法：1) 使用`done`方法，2) 结合`useFakeTimers`与`runAllTimers`，3) 使用`useFakeTimers`配合`advanceTimersByTime`。推荐使用第二种方法，它能避免长时间等待并确保测试效率。下篇将讨论Jest中的快照测试。

摘要由CSDN通过智能技术生成

在这里插入图片描述

准备条件

以第1节教程的创建的目录和代码为基础进行讲解。如果没有看过第1节教程，请关注我，查看以往该系列的文章

这节教程主要讲解在jest中的怎样去测试定时器，将第1节的代码复制一份，并且把index.js和index.test.js文件内容全部清空
下面将介绍3种测试定时器的方法

在 index.js 中写入一些待测试方法

export const timer1 = (callback) => {
   
    setTimeout(() => {
   
        callback()
    }, 3000)
}

export const timer2 = (callback) => {
   
    setTimeout(() => {
   
        callback()
        setTimeout(()