【测试覆盖率】—JS覆盖率检测方法

最近因为工作需要对代码覆盖率进行测试,整理了一下相关的内容。

主要操作步骤:
1-前期准备工作
1.1 安装istanbul

npm install -g istanbul

如果报权限错误Please try running this command again as root/Administrator的话,在命令前面加上sudo就可以了,即:

sudo npm install -g istanbul

之后输入电脑密码即可


2-创建文件夹和相关测试文件
创建一个名为JSCoverage的文件夹
里面新建一个myJs.js
新建一个test文件夹
test文件夹中新建一个myJs.test.js

如图示:
【测试覆盖率】—JS覆盖率检测方法_第1张图片
111.png

然后cd到JSCoverage目录下执行

npm install -g mocha
npm install should --save-dev

3-覆盖率测试(在JSCoverage目录下)
首先:执行命令mocha

会看到输出内容如下图
【测试覆盖率】—JS覆盖率检测方法_第2张图片
222.png

之后再进行文件覆盖率测试,执行命令istanbul cover _mocha test/sqrt.test.js
看到结果如图示:


【测试覆盖率】—JS覆盖率检测方法_第3张图片
333.png

至此,通过mocha,istanbul,should进行JS覆盖率测试就基本实现了


关于myJs.test.js内容

var should=require('should');//引入should  
var main=require('../myJs.js');//引入要被测试的文件  
  
describe('test/myJs.test.js', function () {  
  it('should equal 55 when n === 10', function () {  
    main.fibonacci(10).should.equal(55);  
  });  
});  

关于myJs.js内容

var fibonacci = function (n) {  
  if (n === 0) {  
    return 0;  
  }  
  if (n === 1) {  
    return 1;  
  }  
  return fibonacci(n-1) + fibonacci(n-2);  
};  
exports.fibonacci=fibonacci;  
if (require.main === module) {  
  // 如果是直接执行 main.js,则进入此处  
  // 如果 main.js 被其他文件 require,则此处不会执行。  
  var n = Number(process.argv[2]);  
  console.log('fibonacci(' + n + ') is', fibonacci(n));  
}

注:后面两张图片中使用的是另外的js文件,文件夹图片(即图1)中的js文件是我为了方便说明文件夹结构重新新建的。


参考文章:
http://www.ruanyifeng.com/blog/2015/06/istanbul.html
https://blog.csdn.net/fengyinchao/article/details/50786504
http://www.ruanyifeng.com/blog/2015/12/a-mocha-tutorial-of-examples.html

你可能感兴趣的:(【测试覆盖率】—JS覆盖率检测方法)