测试 & 自动化
测试可以提升代码的质量，而将测试配置到 gulp 中，可以让编写人员更加专注于程序和相关测试的编写，提高工作效率。本文主要介绍的内容有：
- 编写一个简单的测试；
- 将测试的运行整合到 gulp 中。
项目下载及搭建
由于测试涉及到一些相关的工具，需要自行下载。我做了一个简单的示例库 ，用于学习：
|
1 2 |
$ git clone https://github.com/YanisJ/unittest-with-gulp |
package.json 已经的配置过，直接使用 npm 下载需要的库：
|
1 2 |
$ npm install |
这里使用到的有：
- Mocha：单元测试框架；
- gulp-mocha：gulp 的 Mocha 模块插件；
- chai：断言库，后面会具体说明其用途。
编写测试
我在 js/util.js 中写了两个简单的函数：
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
function getType ( variable ) { return Object.prototype.toString.call(variable).match(/\s(.+)\]/)[1].toLowerCase(); } function isArray ( arr ) { return getType(arr) === "array"; } function isFunction ( fn ) { return getType(fn) === "function"; } module.exports = [isArray, isFunction]; |
现在我想测试 isArray 这个函数是否工作正常，为此编写了测试 test/util.test.js：
|
1 2 3 4 5 6 7 8 9 10 11 |
var util = require('../js/util.js'); // 获取到被测试文件 var expect = require('chai').expect; // 获取到 chai 中的 expect 模块 var isArray = util[0]; // 获取到需要测试的函数 describe('判断对象是否为数组的测试', function(){ // describe 测试的描述 it('[1,2,3] 应该是一个数组', function(){ // it 测试的核心 expect(isArray([1,2,3])).to.be.ok; // 利用 expect 判断 isArray([1,2,3]) 的结果是否为真 }); }); |
写好后，在根目录下，用以下命令进行测试：
|
1 2 |
$ mocha test/util.test.js |
得到结果如下：
下面，将会把测试整合到 gulp 中。
用 gulp 进行自动化测试
如果前面下载了示例库，可将实例库切换到 use-gulp 分支：
|
1 2 |
$ git checkout use-gulp |
这里其他文件保持原状，添加了 gulpfile.js 文件：
|
1 2 3 4 5 6 7 8 |
var gulp = require('gulp'); var mocha = require('gulp-mocha'); // 通过 gulp-mocha 插件获取到 mocha 模块 gulp.task('default', function() { return gulp.src(['test/*.js'], { read: false }) // 加载需要进行测试的所有文件 .pipe(mocha()); // 用 mocha 模块进行测试 }); |
通过简单的配置，将测试工作整合到了 gulp 中。此时执行 gulp 命令，将得到与上面相同的结果：
