Jest

vue cli  拥有开箱即用的通过 Jest 或 Mocha 进行单元测试的内置选项。

由于mocha单元测试集合在vue cli下有问题,可以使用 jest 来完成单元测试。

 

 

语法:

普通匹配器:

tobe :   是否精确匹配

 

toBe用的是 js 中的 Object.is() ,属于ES6中的特性,所以不能检测对象,如果要检测对象的值的话,需要用到 toEqual 。

toEquel :   递归检查对象或者数组中的每个字段。

 

  • toBeNull只匹配null
  • toBeUndefined只匹配undefined
  • toBeDefine与toBeUndefined相反
  • toBeTruthy匹配任何if语句为真
  • toBeFalsy匹配任何if语句为假

 

数字匹配器:

大多数的比较数字有等价的匹配器。

  • 大于。toBeGreaterThan()
  • 大于或者等于。toBeGreaterThanOrEqual()
  • 小于。toBeLessThan()
  • 小于或等于。toBeLessThanOrEqual()
  • toBe和toEqual同样适用于数字
    注意:对比两个浮点数是否相等的时候,使用toBeCloseTo而不是toEqual

如:

 

 

如果使用toBe就会产生以下结果:

 

字符串
使用toMatch()测试字符串,传递的参数是正则表达式。

数组
如何检测数组中是否包含特定某一项?可以使用toContain()

 

 另外
如果你想在测试特定函数的时候抛出一个错误,在它调用的时候可以使用toThrow。

 

 

 

测试异步代码

在实际开发过程中,我们经常会遇到一些异步的JavaScript代码。当你有以异步方式运行的代码的时候,Jest需要知道当前它测试的代码是否已经完成,然后它可以转移动另一个测试。也就是说,

测试用例一定要在测试对象结束之后才能够结束

为了达到这一目的,Jest有多种方法可以做到。

 

回调
  最常见的异步模式就是回调函数。

  注意:回调函数和异步没有必然的联系,回调只是异步的一种调用方式

 

Promise

接受promise 时   

 

拒绝promise 时

 

Async/Await

 

 

 为多次测试重复设置

如果你有一些要为多次测试重复设置的工作,可以使用beforeEach和afterEach。

有这样一个需求,需要我们在每个测试之前调用方法initializeCityDatabase(),在每个测试后,调用方法clearCityDatabase()

一次性设置
在某些情况下,你只需要在文件的开头做一次设置。这种设置是异步行为的时候,你不太可能一行处理它。Jest提供了beforeAll和afterAll处理这种情况。

 

作用域


默认情况下,before和after的块可以应用到文件中的每一个测试。

此外可以通过describe块来将将测试中的某一块进行分组。

当before和after的块在describe块内部的时候,则只适用于该describe块内的测试。

比如说,我们不仅有一个城市的数据库,还有一个食品数据库。我们可以为不同的测试做不同的设置︰

 

注意:顶级的beforeEach描述块内的beforeEach之前执行,以下的例子可以方便我们认识到执行的顺序

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章