JS单元测试简单的项目实例(mocha+unit.js+istanbul)

MochaPro项目实例

整体MochaPro项目框架图：

项目测试设计的库文件：mocha、unit.js、istanbul

第一步，确定项目测试的源代码，MochaPro项目的测试源代码放在，src路径下

condition.js

function judge(a,b)
{
if(a>10 && b<15){
if(!(a==b)){
return (a>b)?a:b;
}
else{
return a;
}
}
else if(a===11 || b===16){
return a+b;
}
else{
return -1;
}
}

module.exports=judge;

defineVar.js

exports.x=2;
exports.y=3;
exports.str='hell0';
exports.arr=['hell','obj'];

DocWrite.js

var head=function(hello){
return hello;
};

module.exports=head;

isNumber.js

var isNumber=function(num){
if(!isNaN(num))
{
return num;
}
else
{
return "it is not number";
}
}

module.exports=isNumber;

obj.js

var person={
firstname : "Bill",
lastname  : "Gates",
id        :  5566,
sex	      : ['male','female'],
date      : '2016/1/18'
};
module.exports=person;

上述是要进行单元测试的源代码。

第二步，安装单元测试所依赖的库

安装库的方式有两种，不管是哪种安装方式，最好都在MochaPro根目录下，我的是在E:/MochaPro，单个安装执行的命令如下：

E:
cd  MochaPro
npm install mocha --save-dev
npm install unit.js  --save-dev
npm install istanbul --save-dev

或者执行如下命令：
E:
cd  MochaPro
npm install mocha
npm install unit.js
npm install istanbul

第二种，通过配置文件安装，在E:/MochaPro目录下创建配置文件，package.json，在配置文件中添加如下信息：

{
"dependencies": {
"mocha": "^3.2.0",
"istanbul": "^0.4.5",
"unit.js": "2.0.0"
},
"devDependencies": {
"mocha": "^3.2.0",
"istanbul": "^0.4.5",
"unit.js": "2.0.0"
}
}

然后执行如下命令：

E:
cd MochaPro
npm install

在命令行输入：mocha version，验证mocha是否安装成功：

第三步，创建测试目录test，编写测试用例源码

进入到MochaPro目录创建测试目录test，在test文件夹添加测试源码，测试源码文件如下：

test.conditon.js

var judge=require("../src/condition.js");
var test=require("unit.js");
describe("if else",function(){
it("a=12 and b=13 return b",function(){
test.should(judge(12,11)).be.equal(12);
});
it("a=12 and b=12 return a",function(){
test.should(judge(12,12)).be.equal(12);
});
it("a=11 and b=16 return a+b",function(){
test.should(judge(11,16)).be.equal(27);
});
it("a=10 and b=16 return a+b",function(){
test.should(judge(10,16)).be.equal(26);
});
it("a=9 and b=15 return -1",function(){
test.should(judge(9,15)).be.equal(-1);
});
it("a=11 and b=12 return -1",function(){
test.should(judge(11,12)).be.equal(12);
});
})

test.defindVar.js

var test=require('unit.js');
/*
var x=2;
var y=3;
var z=x+y;
var str='hell0';
var arr=['hell','obj'];
*/
var Var=require("../src/defineVar.js")
describe('variable define',function(){
it('array',function(){
test.object(Var.arr).isArray;
});
it('string',function(){
test.should(Var.str).be.type('string');
});
it('number',function(){
test.should(Var.x).be.equal(2);
test.should(Var.y).be.equal(3);
});

})

test.head.js

var head=require("../src/DocWrite.js");
var test=require("unit.js");
describe("head function",function(){
it("#head",function(){
var cont="This is a heading";
test.should(head("This is a heading")).be.equal(cont);
});
it("input type is string",function(){
test.should(head("This is a heading")).be.type("string");
});
});

test.isNumber.js

var isNumber=require("../src/isNumber.js");
var test=require("unit.js");
describe("test isNumber",function(){
it("the input is positive interger",function(){
test.must(isNumber(4)).be.equal(4);
test.must(isNumber(11111)).be.equal(11111);
});
it("the input is zero",function(){
test.must(isNumber(0)).be.equal(0);
});
it("the input is negtive interger",function(){
test.must(isNumber(-4)).be.equal(-4);
test.must(isNumber(-11111)).be.equal(-11111);
});
it("the input is string",function(){
test.must(isNumber("hello world")).be.a.string();
test.must(isNumber("hello world")).be.equal("it is not number");
});
})

test.obj.js

var person=require("../src/obj.js");
var test=require("unit.js");
describe("obj type",function(){
it("use hasProperty",function(){
test.object(person).hasProperty('firstname');
test.object(person).hasProperty('lastname','Gates');
});
it("use isArray and isDate",function(){
test.object(person).isArray;
test.object(person).isDate;
});
it("use hasKey and hasValue",function(){
test.object(person).hasValue('Gates');
test.object(person).hasKey('sex');
});
})

第四步，执行测试用例

通过mocha命令执行测试用例，执行测试用例的方式有两种，执行单条测试用例的命令如下：

E:
cd  MochaPro
mocha test/test.conditon.js

命令执行成功，如下所示：



批量执行测试用例命令如下：



执行批量操作是，src没有其他的文件，为了能更好的执行测试用例，可以通过更改配置文件package.json：

{
"dependencies": {
"mocha": "^3.2.0",
"istanbul": "^0.4.5",
"unit.js": "2.0.0"
},
"devDependencies": {
"mocha": "^3.2.0",
"istanbul": "^0.4.5",
"unit.js": "2.0.0"
},
"scripts": {
"test/*": "mocha",
}
}

文件配置好之后，可以通过如下命令执行测试用：

E:
cd MochaPro
mocha

命令执行成功之后：



如果上述都不成功，可以返回到MochaPro的上一层，执行命令：mocha init MochaPro

在目录下会出现如下红色标注的文件：



本人习惯，是都删除，不然mocha.js会出很多问题，根据个人炒作习惯。

第五步，代码覆盖

在根目录E:\MochaPro执行命令：istanbul cover node_modules/mocha/bin/_mocha

命令执行成功会出现如下图所示：



且在E:/MochaPro目录下生成代码覆盖报告文件：
coverage/lcov-report






在该目录下可以看到代码覆盖的html文件，打开index.html，会出现如下图所示：



点击src/



点击conditon.js



这些文件中会显示代码的覆盖率，如果覆盖不完全，会有颜色标注，可以通过在测试代码中，增加或修改测试用例，来实现代码覆盖的百分比