前端单元测试框架-Mocha的详细介绍

引言

随着前端工程化这一概念的产生，项目开发中前端的代码量可谓是‘急剧上升’，所以在这种情况下，我们如何才能保证代码的质量呢，对于框架，比如React、Vue，因为有自己的语法规则，及时每个开发人员的编码风格规范各不相同，但最终的产出都大同小异，代码质量差距不是很大；但对于一些基础类库或方法的开发，我们就要谨慎又谨慎，代码质量一定要高，尽量避免出现Bug。

那我们如何做到产出高质量代码呢？单元测试才是正解，俗话说‘跳过单元测试和不仔细过冒烟就交由QA测试的，就是在耍流氓’（这句话是我自己编的）；Mocha是针对Javascript的单元测试工具，下面我们就来看看如何使用它

概念

Mocha: Javascript测试框架

chai：断言库，需配合Mocha使用

最简单的用法

步骤一：安装

假设我们是在已有项目中进行单元测试

安装Mocha

/*全局安装*/
$ npm --global mocha　　

/*局部安装*/
$ npm install --save-dev mocha

安装chai

/*局部安装*/
$ npm --save-dev chai

全局与局部的区别：若是局部安装，依赖就会写入package.json的dependencies或devDependencies中，这样当别人从你的Github上克隆代码时，就不需要注意‘依赖包全不全啊’？‘还需不要安装其他依赖啊？’等等这类的问题，因为'npm install'会将所有依赖下载到本地

步骤二：编写Js源文件与测试文件

源文件

 x + module.exports = add;

测试文件

 add = require('./add.js' expect = require('chai' describe('加法函数的测试', it('1 加 1 应该等于 2', expect(add(1, 1)).to.be.equal(2 it('1 加 -1 应该等于 0', expect(add(1, -1)).to.be.equal(0 });

步骤三：运行测试文件

$ mocha add.test.js

运行截图：