如何使用grunt爲客戶端JavaScript代碼運行代碼覆蓋

Question

如何使用grunt爲客戶端JavaScript代碼運行代碼覆蓋？

我已經運行客戶端JavaScript代碼測試使用mocha-phantomjs使用HTML頁面進行測試，它工作正常，但我找不到一種方法來運行它的代碼覆蓋率。

如果有一些示例代碼，它會很好。

Answer 1

我發現離開使用摩卡phantomjs伊斯坦布爾和browserify通過GRUN做到這一點。

在客戶端JS源代碼中，請確保通過窗口對象公開您的公共變量或函數，以便在通過browserify生成檢測文件後使其可訪問。 這裏有一個例子：https://github.com/shadiabuhilal/js-code-coverage-example/blob/master/src/example.js#L36

devDependencies：

"browserify-istanbul": "^0.2.1", 
"chai": "^1.10.0", 
"grunt": "^0.4.5", 
"grunt-browserify": "^3.7.0", 
"grunt-cli": "^0.1.13", 
"grunt-contrib-clean": "^0.6.0", 
"grunt-mocha-phantom-istanbul": "^0.2.1", 
"mocha": "^2.1.0" 

要查看完整的例子請查看以下回購：

https://github.com/shadiabuhilal/js-code-coverage-example