前言
前端开发已经全面转向了组件化、模块化的开发方式。 npm 作为前端包管理工具，随着各种前端工具类型包的逐渐增加，也逐渐成为了前端开发者的必备工具之一。
gulp 是一种自动化构建工具，其借助各种插件（如 gulp-mocha-simple）可以进行代码的编译、压缩、打包等交给构建工具的任务。
gulp-mocha-simple 是 gulp 的一种插件，它可以用来在项目中使用 mocha 进行单元测试，用于管理项目的测试流程，下文将详细介绍如何使用。
安装和使用
安装
先要确保项目中已经安装了 gulp，在 npm 的处于项目根目录下直接运行：
npm install gulp --save-dev
之后安装 gulp-mocha-simple，同样在项目中根目录下运行：
npm install gulp-mocha-simple --save-dev
正常的安装情况下，会在 package.json 的 devDependencies 中添加依赖项
{ "devDependencies": { "gulp": "^3.9.1", "gulp-mocha-simple": "^0.0.10" } }
搭建测试环境
在项目中新建 test 目录，并且在 test 目录中创建测试文件，以 test.js 为例。
-- -------------------- ---- ------- --- ------ - ------------------ ---------------- ---------- - ---------------------- ---------- - ---------- ------ -- ---- --- ----- -- --- --------- ---------- - ---------------- -------------------- --- --- ---展开代码
配置 gulpfile.js
现在开始配置 gulpfile 文件，在项目根目录下创建 gulpfile.js 文件。
首先，载入需要的插件（gulp、gulp-mocha-simple、
var gulp = require('gulp'); var mocha = require('gulp-mocha-simple');
之后在 gulpfile 文件中，添加以下 imtes：
gulp.task('test:unit', function () { return gulp.src('test/*.js', {read:false}) .pipe(mocha({ reporter: 'dot', })); });
其中 mocha 方法接受一个 reporter 选项，详见如下列表：
- dot：显示 '.' 表示每个测试已完成。
- tap：显示 tap 格式的输出。
- list：显示测试用例名称，使用 '- ' 开头。
- spec：基于测试用例名称的视觉反馈。
- nyan：彩虹神马的，可以去 npm 上看一下。
启动测试
测试文件和 gulpfile 文件已经配置完毕，现在需要启动测试。依照当前配置，我们需要运行以下命令：
gulp test:unit
现在在控制台就可以看到通过与失败的测试结果了。
完结
至此，本篇文章已经讲述如何使用 gulp-mocha-simple 实现单元测试的过程，在项目中应用单元测试，有利于开发过程中管理测试流程、判断代码健壮性，以及建立稳定性高的项目。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/71009
