简介
日常我们都忙于写bug，有时候不妨停下脚步，找找bug。测试广义上分为黑盒测试和白盒测试。单元测试属于后者，是在知道程序运行逻辑的基础上，设计测试用例，确保程序模块行为与我们预期一致。
前端做单元测试的不多，但是并不代表不必要，对于一些复杂的数据处理、公共类库等，单元测试是非常有必要的，代码只要有修改，就是有风险的，检验代码正确与否，最安全的方法就是通过设计的所有测试用例。通过本文，你将会收获以下内容：
Node.js中如何做单元测试，如何生成测试报告与测试覆盖率
vue.js单文件组件如何从零开始搭建单元测试环境
Node.js单元测试
巧妇难为无米之炊，在做单元测试前，我们需要借助一款测试框架与一个断言库，测试框架是辅助我们编写测试用例，而断言主要是用来判断预期输出与实际输出是否一致。本文测试框架选用mocha，断言采用expect.js。
CommonJS与ES6模块化区别
现在前端开发环境几乎都运行在Node.js中，只是最后打包成静态资源文件。所以单纯只想针对单纯项目中JavaScript文件进行单元测试，会因为模块化的差异而执行失败，因为ES6中使用的是import/export，而CommonJS中使用的是require/module.exports，想了解Node.js如何处理ES6模块，可以参考阮老师文章。本文推荐一个第三方类库esm，仅需两步就能实现Node.js加载ES6module。使用流程如下：
安装
npminstallesm-D
使用
const$require=require(esm)(module)//注意：如果是exportdefault，导入的模块需要通过.default获取constTestModule=$require(ES6Module.js)
测试代码
以下为测试代码，主要测试加法运算及函数柯里化处理过程是否正确。
classCalc{constructor(){this.add=this.addFun()}//函数柯里化addFun(){letargs=[]letcalcFun=function(...params){args=args.concat(params)returnargs.reduce((total,current)={returntotal+current},0)}calcFun.clear=function(){args=[]}returncalcFun}}exportdefault=Calc
编写测试用例
测试框架采用mocha，一般编写单元测试用例，离不开describe和it。describe类似于开发中的class，是一类测试用例的集合；it相当于普通function，是一个具体测试用例实现。如下为简单的测试用例，简单罗列了普通测试与异步测试的基本使用，更多使用方法可以参考mocha