資訊專欄INFORMATION COLUMN
摘要：腳本修改配置文件這里要注意，預(yù)處理的文件是源碼，而不是測(cè)試文件，因?yàn)槲覀円樵创a的測(cè)試覆蓋率的配置這兩個(gè)覆蓋率報(bào)告運(yùn)行運(yùn)行后直接在網(wǎng)頁(yè)中點(diǎn)可以看測(cè)試情況。如果你看覆蓋率需要到項(xiàng)目目錄找到對(duì)應(yīng)瀏覽器地下的文件。
karma 和 jasmine 基礎(chǔ)
請(qǐng)查看Jasmine基礎(chǔ)學(xué)習(xí)和Karma基礎(chǔ)學(xué)習(xí)
安裝//karma npm install karma --save-dev //jasmine npm install karma-jasmine karma-chrome-launcher jasmine-core --save-dev //istanbul npm install karma-coverage npm install karma-jasmine-html-reporter --save-dev增加 npm 腳本
karma采用本地安裝模式，所以運(yùn)行karma是在node_module/.bin/karma.cmd，運(yùn)行起來(lái)麻煩，直接package.json中加載腳本方便運(yùn)行
"karma-start": ".
ode_modules.binkarma.cmd start",
"karma-init": ".
ode_modules.binkarma.cmd init"
配置karma.conf.js
先運(yùn)行karma init完成初始化配置，karma默認(rèn)用的測(cè)試框架就是jasmine。
//npm 腳本 npm run karma-init
修改配置文件
//這里要注意，預(yù)處理的文件是源碼，而不是測(cè)試文件，因?yàn)槲覀円樵创a的測(cè)試覆蓋率
preprocessors: {
"src/**/*.js":"coverage"
},
//istanbul的配置
coverageReporter: {
type : "html",
dir : "coverage1/"
},
https://npmjs.org/browse/keyword/karma-reporter
//"coverage","kjhtml" 這兩個(gè)覆蓋率報(bào)告
reporters: ["progress","coverage","kjhtml"],
運(yùn)行
npm run karma-start
運(yùn)行后直接在網(wǎng)頁(yè)中點(diǎn)debug可以看測(cè)試情況。如果你看覆蓋率需要到項(xiàng)目目錄找到coverage1對(duì)應(yīng)瀏覽器Chrome地下的index.html文件。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/84167.html
摘要：?jiǎn)卧獪y(cè)試我們可以將其分成兩類獨(dú)立單獨(dú)測(cè)試與測(cè)試工具集。工具集還有更多，這一切我們將在單元測(cè)試組件與指令單元測(cè)試逐一說(shuō)明。那么下一篇，我們將介紹如何使用進(jìn)行單元測(cè)試。 本文將探討如何搭建測(cè)試環(huán)境、以及Angular測(cè)試工具集。 測(cè)試環(huán)境 絕大部分都是利用Angular Cli來(lái)創(chuàng)建項(xiàng)目，因此，默認(rèn)已經(jīng)集成我們所需要的npm包與腳本；當(dāng)然，如果你是使用自建或官網(wǎng) quickstart 的話...
摘要：核心功能就是啟動(dòng)一個(gè)服務(wù)并監(jiān)聽項(xiàng)目文件改變，文件改變后再刷新服務(wù)器。 Karma 簡(jiǎn)介 Karma是Testacular的新名字，在2012年google開源了Testacular，2013年Testacular改名為Karma。Karma是一個(gè)讓人感到非常神秘的名字，表示佛教中的緣分，因果報(bào)應(yīng)，比Cassandra這種名字更讓人猜不透！ Karma是一個(gè)基于Node.js的JavaS...
摘要：使用可以快速生成一個(gè)項(xiàng)目，其中包含了和以及覆蓋率統(tǒng)計(jì)的配置參考一個(gè)創(chuàng)建測(cè)試腳本的快速方法其他參考資料前端自動(dòng)化測(cè)試概覽測(cè)試之使用對(duì)項(xiàng)目進(jìn)行單元測(cè)試 showImg(https://segmentfault.com/img/bVbjfXr?w=600&h=317); 前言 測(cè)試可以提供快速反饋，根據(jù)測(cè)試用例覆蓋代碼，從而提升代碼開發(fā)效率和質(zhì)量。根據(jù)投入產(chǎn)出價(jià)值，通常迭代較快的業(yè)務(wù)邏輯不做...
摘要：使用可以快速生成一個(gè)項(xiàng)目，其中包含了和以及覆蓋率統(tǒng)計(jì)的配置參考一個(gè)創(chuàng)建測(cè)試腳本的快速方法其他參考資料前端自動(dòng)化測(cè)試概覽測(cè)試之使用對(duì)項(xiàng)目進(jìn)行單元測(cè)試 showImg(https://segmentfault.com/img/bVbjfXr?w=600&h=317); 前言 測(cè)試可以提供快速反饋，根據(jù)測(cè)試用例覆蓋代碼，從而提升代碼開發(fā)效率和質(zhì)量。根據(jù)投入產(chǎn)出價(jià)值，通常迭代較快的業(yè)務(wù)邏輯不做...
閱讀 2328·2021-11-24 10:33
閱讀 1392·2019-08-30 15:43
閱讀 3285·2019-08-29 17:24
閱讀 3495·2019-08-29 14:21
閱讀 2233·2019-08-29 13:59
閱讀 1746·2019-08-29 11:12
閱讀 2820·2019-08-28 18:00
閱讀 1859·2019-08-26 12:17
