Javascript CI篇（3）- Karma + Jasmine + istanbul 集成

wwolf 發布于2019-08-20 18:11 / 545人閱讀

摘要：腳本修改配置文件這里要注意，預處理的文件是源碼，而不是測試文件，因為我們要查源碼的測試覆蓋率的配置這兩個覆蓋率報告運行運行后直接在網頁中點可以看測試情況。如果你看覆蓋率需要到項目目錄找到對應瀏覽器地下的文件。

karma 和 jasmine 基礎

請查看Jasmine基礎學習和Karma基礎學習

安裝

//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

修改配置文件

    //這里要注意，預處理的文件是源碼，而不是測試文件，因為我們要查源碼的測試覆蓋率
    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

運行后直接在網頁中點debug可以看測試情況。如果你看覆蓋率需要到項目目錄找到coverage1對應瀏覽器Chrome地下的index.html文件。

云服務器 GPU云服務器 karma_jasmine 第3篇集成環境php5.3 istanbul

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/84167.html

Angular單元測試系列-簡介

摘要：單元測試我們可以將其分成兩類獨立單獨測試與測試工具集。工具集還有更多，這一切我們將在單元測試組件與指令單元測試逐一說明。那么下一篇，我們將介紹如何使用進行單元測試。本文將探討如何搭建測試環境、以及Angular測試工具集。測試環境絕大部分都是利用Angular Cli來創建項目，因此，默認已經集成我們所需要的npm包與腳本；當然，如果你是使用自建或官網 quickstart 的話...

CNZPH 2019-08-21 11:43 評論0 收藏0
Javascript CI篇（2）- Karma 基礎學習

摘要：核心功能就是啟動一個服務并監聽項目文件改變，文件改變后再刷新服務器。 Karma 簡介 Karma是Testacular的新名字，在2012年google開源了Testacular，2013年Testacular改名為Karma。Karma是一個讓人感到非常神秘的名字，表示佛教中的緣分，因果報應，比Cassandra這種名字更讓人猜不透！ Karma是一個基于Node.js的JavaS...

Ku_Andrew 2019-08-20 18:11 評論0 收藏0
FE.TEST-前端測試初探

摘要：使用可以快速生成一個項目，其中包含了和以及覆蓋率統計的配置參考一個創建測試腳本的快速方法其他參考資料前端自動化測試概覽測試之使用對項目進行單元測試 showImg(https://segmentfault.com/img/bVbjfXr?w=600&h=317); 前言測試可以提供快速反饋，根據測試用例覆蓋代碼，從而提升代碼開發效率和質量。根據投入產出價值，通常迭代較快的業務邏輯不做...

Travis 2019-08-23 12:55 評論0 收藏0
FE.TEST-前端測試初探

摘要：使用可以快速生成一個項目，其中包含了和以及覆蓋率統計的配置參考一個創建測試腳本的快速方法其他參考資料前端自動化測試概覽測試之使用對項目進行單元測試 showImg(https://segmentfault.com/img/bVbjfXr?w=600&h=317); 前言測試可以提供快速反饋，根據測試用例覆蓋代碼，從而提升代碼開發效率和質量。根據投入產出價值，通常迭代較快的業務邏輯不做...

張率功 2019-08-29 17:11 評論0 收藏0