代碼覆蓋率工具 Istanbul 入門教程

jopen 9年前發布 | 11K 次閱讀 測試工具 istanbul

測試的時候,我們常常關心,是否所有代碼都測試到了。

這個指標就叫做"代碼覆蓋率"(code coverage)。它有四個測量維度。

  • 行覆蓋率 (line coverage):是否每一行都執行了?
  • 函數覆蓋率 (function coverage):是否每個函數都調用了?
  • 分支覆蓋率 (branch coverage):是否每個if代碼塊都執行了?
  • 語句覆蓋率 (statement coverage):是否每個語句都執行了?

Istanbul是 JavaScript 程序的代碼覆蓋率工具,本文介紹它的用法。

代碼覆蓋率工具 Istanbul 入門教程

這個軟件以土耳其最大城市伊斯坦布爾命名,因為土耳其地毯世界聞名,而地毯是用來覆蓋的。

一、安裝

Istanbul 是一個 npm 模塊,安裝非常簡單,就一行命令。

$ npm install -g istanbul

二、覆蓋率測試

來看一個例子,怎么使用 Istanbul 。下面是腳本文件 simple.js 。

var a = 1;
var b = 1;
if ((a + b) > 2) {
  console.log('more than two');
}

使用istanbul cover 命令,就能得到覆蓋率。

$ istanbul cover simple.js

===== Coverage summary =====
Statements   : 75% ( 3/4 )
Branches     : 50% ( 1/2 )
Functions    : 100% ( 0/0 )
Lines        : 75% ( 3/4 )
=============================

返回結果顯示,simple.js 有4個語句(statement),執行了3個;有2個分支(branch),執行了1個;有0個函數,調用了0個;有4行代碼,執行了3行。

這條命令同時還生成了一個 coverage 子目錄,其中的 coverage.json 文件包含覆蓋率的原始數據,coverage/lcov-report 是可以在瀏覽器打開的覆蓋率報告,其中有詳細信息,到底哪些代碼沒有覆蓋到。

代碼覆蓋率工具 Istanbul 入門教程

三、覆蓋率門檻

完美的覆蓋率當然是 100%,但是現實中很難達到。需要有一個門檻,衡量覆蓋率是否達標。

istanbul check-coverage 命令用來設置門檻,同時檢查當前代碼是否達標。

$ istanbul check-coverage --statement 90

ERROR: Coverage for statements (75%) does not meet global threshold (90%)

上面命令設置語句覆蓋率的門檻是 90% ,結果就報錯了,因為實際覆蓋率只有75%。

除了百分比門檻,我們還可以設置絕對值門檻,比如只允許有一個語句沒有被覆蓋到。

$ istanbul check-coverage --statement -1

上面命令使用負數,表示絕對值門檻。這樣一來,上面的例子就通過了覆蓋率測試,不會再報錯了。

百分比門檻和絕對值門檻,可以結合使用。

$ istanbul check-coverage --statement -5 --branch -3 --function 100

上面命令設置了3個覆蓋率門檻:5個語句、3個 if 代碼塊、100%的函數。注意,這三個門檻是"與"(and)的關系,只要有一個沒有達標,就會報錯。

四、與測試框架的結合

實際開發時,istanbul 總是與測試框架結合使用,下面以常用的Mocha 框架為例。

sqrt.js 是一個計算平方根的腳本。

var My = {
  sqrt: function(x) {
    if (x 

它的測試腳本 test.sqrt.js 放在 test 子目錄。

var chai = require('chai');
var expect = chai.expect;
var My = require('../sqrt.js');

describe("sqrt", function() {

  it("4的平方根應該等于2", function() {
    expect(My.sqrt(4)).to.equal(2);
  });

  it("參數為負值時應該報錯", function() {
    expect(function(){ My.sqrt(-1); }).to.throw("負值沒有平方根");
  });

});

然后,執行下面的命令得到代碼覆蓋率。

$ istanbul cover _mocha
// or
$ istanbul cover _mocha test/test.sqrt.js

  sqrt
    ? 4的平方根應該等于2 
    ? 參數為負值時應該報錯 

  2 passing (7ms)

===== Coverage summary =====
Statements   : 100% ( 5/5 )
Branches     : 100% ( 2/2 )
Functions    : 100% ( 1/1 )
Lines        : 100% ( 4/4 )
=============================

上面命令中,istanbul cover 命令后面跟的是 _mocha 命令,前面的下劃線是不能省略的。

因為,mocha 和 _mocha 是兩個不同的命令,前者會新建一個進程執行測試,而后者是在當前進程(即 istanbul 所在的進程)執行測試,只有這樣, istanbul 才會捕捉到覆蓋率數據。其他測試框架也是如此,必須在同一個進程執行測試。

如果要向 mocha 傳入參數,可以寫成下面的樣子。

$ istanbul cover _mocha -- tests/test.sqrt.js -R spec

上面命令中,兩根連詞線后面的部分,都會被當作參數傳入 Mocha 。如果不加那兩根連詞線,它們就會被當作 istanbul 的參數(參考鏈接12)。

如果想在瀏覽器運行 Istanbul ,可以參考這篇文章

五、忽略某些代碼

istanbul 提供注釋語法,允許某些代碼不計入覆蓋率。

var object = parameter || /* istanbul ignore next */ {};

上面代碼是為 object 指定默認值(一個空對象)。如果由于種種原因,沒有為 object 為空對象的情況寫測試,可以用注釋,不將這種情況計入覆蓋率。注意,注釋要寫在"或"運算符的后面。

/* istanbul ignore if  */
if (hardToReproduceError)) {
    return callback(hardToReproduceError);
}

上面代碼的 if 語句塊,在計算覆蓋率的時候會被忽略。

(完)

原文鏈接: http://www.ruanyifeng.com/blog/2015/06/istanbul.html

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!