美文网首页
给组件库编写测试代码(1)-Jest

给组件库编写测试代码(1)-Jest

作者: 再见地平线_e930 | 来源:发表于2020-07-26 17:19 被阅读0次

测试的好处:

1.高质量的代码;

2.更早的发现bug,减少成本;

3.让重构和升级变得更加容易和可靠;

4.让开发流程更加敏捷;

这里使用到了 Jest 这个测试框架

在图片右上角可以看见有三万多个star

这款框架有一个对新手特别友好的地方就在于它几乎是一款零配置的测试框架,而且 create-react-app 默认使用的也是它


对于测试,有一个比较重要的概念:断言(一个值是否对应他相应的结果)

Jest 会把以下三种文件认为是测试文件:

如果使用了 typescript, 这里也会包含 .ts  结尾的文件


Jest使用各种匹配器Matchers)来测试代码

先写几个简单的用例来理解:

1.最简单的测试值的方法是看是否精确匹配,匹配器:toBe 

它用来测试值是否精确相等

测试结果:

 create-react-app 可以直接使用 npx jest 文件名 来运行测试文件,如果不想每次都重新敲一下命令,可以再后面加 --watch,他就会自动运行

如果我把括号里的4改成5的话:

不出意外,这里报错了

.not 关键字允许你测试结果不等于某个值的情况,写到这里有没有感觉到有点像在写英语句子?

测试结果:


2.数字,大多数的比较数字有等价的匹配器

这些匹配器一看就应该知道是什么意思了

3.有时候需要区分 undefined, null, true, false


4.不能用 toBe 来测试对象

结果:

测试对象应该用 toEqual

相关文章

网友评论

      本文标题:给组件库编写测试代码(1)-Jest

      本文链接:https://www.haomeiwen.com/subject/dbzwlktx.html