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