【测试覆盖率】—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

如图示：

111.png

然后cd到JSCoverage目录下执行

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

3-覆盖率测试（在JSCoverage目录下）
首先：执行命令mocha

会看到输出内容如下图

222.png

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

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覆盖率检测方法

推荐阅读更多精彩内容