知识点:
1. 什么是单元测试
2. 为什么要用单元测试
3. 单元测试有哪些库
4.在vue中使用单元测试的基础用法
单元测试
对软件中的最小可测试单元进行的测试
如:一个方法、一个API
为什么要用单元测试
· 分模块开发,方便定位到那个单元出了问题
· 保证代码质量
· 驱动开发
单元测试的两种类型
· TDD(测试驱动开发)
需求分析->编写单元测试->编写代码使单元测试通过->重构
· BDD(行为驱动开发)
从业务角度定义目标->找到实现目标的方法->编写单元测试->实现行为->检查产品
单元测试的核心内容
· 测试框架(用来做测试的框架)
1. Jest-基于jasmine,对react友好
2. Jasmine,自带assert和mock(支持BDD开发方式)
3. Mocha,node和浏览器端都适合(支持TDD/BDD的开发方式)
4. Qunit,出自jquery,后来独立出来
· 断言库 (用来断言测试框架测试出来的结果)
1. Chai-(支持TDD/BDD的开发方式)
2. should
3. expect
4. Assert-node环境直接用
· Mock库 (屏蔽外部依赖)
· sinon
· Test Runner(运行测试代码的环境)
· karma
· 覆盖率工具 (提示单元测试完成之后覆盖了多少代码,生成覆盖率)
· istanbul
单元测试在Vue中的使用
vue官方推荐karma的自动化测试,它产生一个 Web 服务环境来运行项目代码,并执行测试,该工具在Vue中的主要作用是将项目运行在各种主流Web浏览器进行测试。换句话说,它是一个测试工具,能让你的代码在浏览器环境下测试。
搭建基于Vue的单元测试
在创建项目之前,你还需要了解Mocha和Chai。
Mocha是一个 JavaScript 测试框架,就是运行测试的工具。通过它,可以为JavaScript应用添加测试,从而保证代码的质量,mocha里的常用命令和用法不算太多,可以看阮老师的《测试框架 Mocha 实例教程》就可以大致了解。
Chai是一个 Mocha 可以使用的断言库,就是判断源码的实际执行结果与预期结果是否一致。具体可以参考《简书·Chai.js断言库API中文文档》。
好吧!Let's do it!
本文参考链接:www.jianshu.com/p/bd3a682c5…
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。