美文网首页
【测试覆盖率】—JS覆盖率检测方法

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

作者: 无意惹东风 | 来源:发表于2018-05-08 20:40 被阅读388次

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

    主要操作步骤:
    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覆盖率检测方法

          本文链接:https://www.haomeiwen.com/subject/hgowrftx.html