代码覆盖率工具 Istanbul 入门教程
測試的時候,我們常常關心,是否所有代碼都測試到了。
這個指標就叫做"代碼覆蓋率"(code coverage)。它有四個測量維度。
- 行覆蓋率(line coverage):是否每一行都執行了?
- 函數覆蓋率(function coverage):是否每個函數都調用了?
- 分支覆蓋率(branch coverage):是否每個if代碼塊都執行了?
- 語句覆蓋率(statement coverage):是否每個語句都執行了?
Istanbul?是 JavaScript 程序的代碼覆蓋率工具,本文介紹它的用法。
這個軟件以土耳其最大城市伊斯坦布爾命名,因為土耳其地毯世界聞名,而地毯是用來覆蓋的。
一、安裝
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 是可以在瀏覽器打開的覆蓋率報告,其中有詳細信息,到底哪些代碼沒有覆蓋到。
三、覆蓋率門檻
完美的覆蓋率當然是 100%,但是現實中很難達到。需要有一個門檻,衡量覆蓋率是否達標。
istanbul check-coverage?命令用來設置門檻,同時檢查當前代碼是否達標。
$ istanbul check-coverage --statement 90ERROR: 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 < 0) throw new Error("負值沒有平方根");return Math.exp(Math.log(x)/2);} };module.exports = My;它的測試腳本 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.jssqrt? 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 的參數(參考鏈接1,2)。
如果想在瀏覽器運行 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
總結
以上是生活随笔為你收集整理的代码覆盖率工具 Istanbul 入门教程的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 使用 GitHub, Jekyll 打造
- 下一篇: 微软面试100题