首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用Jest测试包含setTimeout调用的函数踩坑记录

前两天给一个包含setTimeout调用的函数写单元测试,在使用fake timer的时候遇到了问题,记录一下。...而对于Promise的实现,一个Promise对象创建时传入的回调函数F会被立刻执行,但then和catch中传入的回调会被加入到队列中,在下一轮Tick时才执行(即使F中立刻resolve或reject...回到我们的测试用例,原因也就明确了:调用enqueueJob之后,catch中的回调被加入了队列,而随后的delay则相当于直接调用了setTimeout(前面说到Promise对象构造时的回调函数是立刻执行的...根据Jest的官方文档,调用这个函数后,所有队列中的“微任务”都会被立刻执行,这里的目的就是保证catch回调能被立刻调用; 使用jest.advanceTimersByTime(6000)代替await...断言通过后,我们再手动调用传入的回调函数来模拟6s已经经过的场景。

6.9K60
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    使用冒泡排序模拟实现qsort函数

    bubble_sort(arr, sz); int i = 0; for (i = 0; i < sz; i++) { printf("%d ", arr[i]); } return 0; } qsort函数的使用..., 第四个为一个函数指针,需要使用者自己定义, 函数指针有两个指针类型参数, 返回值为整形,当p1 > p2时返回1, 当p1 < p2 时返回-1, 当p1 = p2 时返回0. 1.使用qsort函数排序整型数据...#include #include #include //使用qsort函数排序整形数据 int int_cmp(const void* p1...char temp = *((char*)p1 + i); *((char*)p1 + i) = *((char*)p2 + i); *((char*)p2 + i) = temp; } } //模拟实现...首先冒泡排序是一种简单直观的排序算法, 通过比较相邻元素的大小进行交换位置来实现排序, 而qsort是c语言标准库中提供的用于快速排序的函数, 示例中模拟实现了使用qsort对整形排序, 也可以实现对结构数据的排序

    6210

    使用jest进行单元测试

    不扯犊子直接说吧,第一点,用数据、用茫茫多的测试用例去告诉使用者,你的程序是多么鲁棒健壮;第二点,把它作为一种素养去培养吧,当你按照一系列规范去做事,那么你做出来的东西,我想是有品质在的。...jest的安装 在确保你的电脑装有node环境的情况下,我们通过mkdir jest-study && npm init -y来初始化项目,然后我们通过cd jest-study进入到这个目录。...通用写法 "test": "jest" : 这个比较傻瓜式,当执行npm run test这条命令是会去对test目录下的所有文件进行相应的jest测试。..."test:help": "jest --help": 顾名思义,如果你不想全局安装jest,又想看看到底有哪些cli命令的话,就它了。...计算器 这里模拟了笔者手机上的计算器,实现了加减乘除清零计算等功能。

    3.6K60

    使用Jest测试原生TypeScript项目

    通过官网的Getting started 我们可以在最下方找到 ts-jest 不难理解,我们需要配的其实就是jest加载到什么样类型的文件,使用什么预处理来处理文件。...如果是js文件我通过babel-jest处理,css则使用jest-css-modules。假如没有这些配置,那import了你的库,库里有引入了高特性的js文件,或者css文件就会编译报错。...我选择了jest,jest本身是fb出的,对于react非常友好。本身也做了许多环境上的封装切换jsdom环境或者node环境非常方便。我最后选择了这个。...test应该是像纯函数一样保证输入输出都是一样的,UI test一方面与Dom耦合,另一方面又用户交互耦合,那具体应该怎么写呢? 思路是:模拟用户操作,再通过Dom进行判断是否渲染正确。...% Funcs函数覆盖率(function coverage):是否每个函数都调用了? % Lines行覆盖率(line coverage):是否每一行都执行了?

    2.9K60

    qsort函数的使用和模拟实现排序

    本文介绍: 1.qsort函数的构成 2.qsort的使用 3.用qsort的实现原理模拟实现可排序所有类型数据的冒泡排序 自我介绍:一个脑子不好的大一学生,c语言接触还没到半年,若涉及到效率等问题,各位都可以在评论区提出见解...甚至是结构体,但是先别急,容我先讲讲它的构成再将其使用 由图可知,qsort函数的返回类型为int,第一个参数为void*,第二个和第三个参数为size_t,也就是unsigned int,第四个参数为函数指针...void*的原因与之前一样,它方便接受各种类型的数据 (4)_cdecl: 函数调用约定,这里就需要你自行了解啦,它在这里作用不大,我就不进行叙述啦 2.qsort函数的使用 (这里就主要介绍cmp比较函数的构成啦...,其他部分在后续代码中就能理解啦) cmp函数: 比较函数,我将对它分为自定义类型数据比较和自带类型分别进行介绍 我们要设计一个比较函数,先要搞清它的返回类型和参数,而这里在前面的qsort函数的介绍部分就可知...return 0; } 以上框架还不可完全实现排序操作,下面我来用qsort函数的构成原理来写一个冒泡排序吧 3.用qsort函数的构成原理构成冒泡排序 (1)主函数部分(仍以整型举例) int

    13010

    使用 Jest 进行前端单元测试

    Jest 默认使用 Jasmine 语法,支持直接使用 Promise 和 async/await 进行异步测试,支持对 React 组件进行快照监控, 扩展和集成 Babel 等常用工具集也很方便。...我们只要稍作加工,就可以指定各个文件的行为,并模拟我们想要的情况来进行不同的测试,例如本例中控制 fetchUser 的返回。...而在最后的 DOM 操作上由于有 JSDOM 模拟浏览器环境,我们可以指定不去 mock jQuery,让其正常执行,并且还能用来辅助测试。 ....例如使用 jest.useFakeTimers() 把遇到的计时器挂起,在必要时再使用 jest.runOnlyPendingTimers() 执行掉已经挂起的计时器。...最后总结一下,编写可测试的代码,其实可以遵循这几个点来规范: 功能最小化,单一职责的函数 抽离业务逻辑中的公共部分 细分文件依赖 避免函数副作用(不修改实参) 其他还有很多可以优化的点不再阐述,感兴趣的推荐阅读一下

    5.6K90

    【JavaScript】对象 ③ ( 使用 new Object 创建对象 | 使用 构造函数 创建对象 | 构造函数语法 | 使用 字面量 和 new Object 创建对象的方法弊端 )

    一、使用 new Object 创建对象 1、使用 new Object 创建对象语法 使用 new Object 创建对象语法如下 : var obj = new Object(); 创建后的对象 是一个空对象... 执行结果 : 二、使用 构造函数 创建对象 1、字面量 和 new Object 创建对象的方法弊端 在 JavaScript 中 , 使用 字面量 和 new Object...声明构造函数语法 function 构造函数名() { } 构造函数内构建对象 : 使用 this 关键字为 对象 定义属性和方法 ; // 1....使用构造函数创建对象 var obj = new 构造函数名(); 完整语法如下 : // 1....使用构造函数创建对象 var obj = new 构造函数名(); // 3. 调用对象属性 console.log(obj.属性名); // 4.

    24510

    Jest基本使用方法以及mock技巧介绍

    句法来验证不同的内容; 测试异步代码:支持承诺(promise)数据类型和异步等待async / await功能; 模拟函数:可以修改或监查某个函数的行为; 手动模拟:测试代码时可以忽略模块的依存关系;...2  Jest的mock技巧介绍 2.1  基本的mock 2.1.1  Mock一个函数 方法的mock 非常简单,使用jest.fn 就可以非常简单的mock一个函数。...如下面的例子:代码里面有一个函数叫forEach。 ? 此函数可以简单使用下面方法mock,并且jest提供一些方法可以确保查看mock函数被调用的情况: ?...2.1.3  Mock内部实现 使用jest.fn或者mockImplementationOnce 可以完全替换需要mock的函数。 如下面的例子: ?...2.1.4  Mock名字 可以使用mockName 来给mock函数命名,如果没有命名,输出的日志默认就会打印jest.fn(),加上名字更有利于调试。 ?

    8.6K50

    C++ 中的函数对象(仿函数)的使用

    函数对象,即一个重载了括号操作符“()”的对象。当用该对象调用此操作符时,其表现形式如同普通函数调用一般,因此取名叫函数对象。即重载函数调用操作符的类,其对象通常称为函数对象。...函数对象使用重载()时,行为类似函数调用,因此也叫仿函数。 函数对象在使用时,可以像普通函数那样调用,可以有参数,可以有返回值。...void test() { Add add; cout<<add(10, 20)<<endl; } int main() { test(); return 0; } 函数对象超出普通函数的概念...cout << "Print打印输出的次数:" << p.count << endl; // 输出次数为5 } int main() { test(); return 0; } 函数对象可以使用...打印输出的次数:" count << endl; delete p; p = nullptr; } int main() { test(); return 0; } 函数对象可以作为参数进行传递

    2K30

    【C语言】内存函数的使用和模拟实现

    一、memcpy的使用和模拟实现    在之前我们学习了使用和模拟实现strncpy函数,它是一个字符串函数,用来按照给定的字节个数来拷贝字符串,那么问题来了我们想拷贝的不是字符串,而是整型、浮点型的数据...我们来试着模拟实现一下这个函数,就会发现其实并不难,它会结合我们学过的qsort实现和strcpy实现的知识,现在我们赶紧来实现一下吧!...,我们实现的momcpy已经满足C语言的规定了,已经合格了,没有问题 二、memmove的使用和模拟实现    memmove函数相当于时memcpy函数的进阶版,它不仅可以实现C语言规定的memcpy...成功实现了,接着我们继续用memmove测试,让它替我们处理内存重叠的情况,如下:    可以看到memmove完美替我们解决了问题,我们接下来就来学习它的模拟实现: 函数命名:my_memmove...我们可以来测试一下:    可以看到memcmp也可以比较字符串,至于memcmp的模拟实现可以自行完成,也是一个一个字节去比较,这里就不再赘述了    我们的内存函数讲解就到这里结束了,如果有什么不懂的

    10710

    函数对象

    概念: 重载调用函数操作符的类,其对象称为函数对象 函数对象使用重载()时,行为类似函数调用,也叫仿函数 函数对象本质是一个类,不是一个函数 函数对象使用: features: 1.函数对象在调用时...,可以像普通函数一样调用,可以有参数,可以有返回值 #include using namespace std; #include //函数对象 //1.函数对象在调用时...,函数对象可以有自己的概念 #include using namespace std; #include //函数对象 //2.函数对象超出普通函数的概念,函数对象可以有自己的概念..."); A("函数对象"); A("函数对象"); cout << A.count << endl; } int main() { test(); system("pause"); return...0; } 3.函数对象可以作为参数传递 #include using namespace std; #include //函数对象 //3.函数对象可以作为参数传递

    28310

    字符函数和字符串函数的使用及模拟实现(上)

    ---- 前言 重点介绍处理 字符和字符串 的库函数的使用和注意事项 一、函数介绍 1.strlen  strlen,是字符串长度的函数 返回类型为 size_t 及无符号整型unsigned int...---- ---- 长度受限的字符串函数 5.strncpy 多增加了一个字节个数,即拷贝几个字节,更加有了限制 这样会更多考虑源字符串和目的字符串的空间大小,更加的严谨!!...二、模拟实现 1.strlen 代码如下(示例): 法一:计数器方式 #include #include int my_strlen(char* p) { assert...char arr1[6] = "aa"; char arr2[] = "bbbbb"; my_strncat(arr1, arr2,3); printf("%s", arr1); } 总结 在使用字符串函数的时候...,要注意的是函数的返回值和参数的使用,以及源字符串和目的字符串的空间大小!

    63410
    领券