簡記前后端如何實現(xiàn)統(tǒng)計測試覆蓋率

恰逢項目初起之時,代碼基礎(chǔ)各部分都有待完善。第一天上項目發(fā)現(xiàn)前后端幾乎沒有測試皮钠,遂決定加個測試覆蓋率的限制。

前端

前端用的react, 測試用的jest赠法。Jest是Facebook的一個專門進(jìn)行Javascript單元測試的工具麦轰,適合React全家桶使用。因jest本身內(nèi)置代碼覆蓋率砖织,便新建了jest.config.json來實現(xiàn)統(tǒng)計前端測試覆蓋率的需求款侵。

{
  "collectCoverage": true,
  "coverageDirectory": "reports",
  "collectCoverageFrom": [
    "src/**/*.js",
    "!**/node_modules/**"
  ],
  "coverageReporters": [
    "clover",
    "html"
  ],
  "coverageThreshold": {
    "global": {
      "branches": 80,
      "functions": 80,
      "lines": 80,
      "statements": 80
    }
  },
  "moduleFileExtensions": [
    "js"
  ],
  "modulePaths": [
    "<rootDir>"
  ],
  "testRegex": "(/__tests__/.*|\\.test)\\.js$"
}

  1. testRegex:
    設(shè)置識別哪些文件是測試文件(正則形式),與testMatch互斥侧纯,不能同時寫
  2. moduleFileExtensions: 測試文件的類型 moduleFileExtensions: ['js','json','jsx','node']
  3. rootDir: 默認(rèn)值是當(dāng)前目錄
  4. collectCoverage: 默認(rèn)值false
  5. coverageDirectory: 輸出coverage report的目錄
  6. collectCoverageFrom: 可配置哪些文件需要收集覆蓋率新锈,哪些不需要
  7. coverageThreshold: 配置需要達(dá)到的測試覆蓋率的百分比

配置完jest.config.json之后,在package.json內(nèi)配置

"scripts": {
    "test": "jest --config jest.config.json",
    "prepush": "npm run lint && git secrets --scan -r && npm run test"
 }

當(dāng)開發(fā)運行npm run testgit push時會運行測試以及統(tǒng)計測試覆蓋率眶熬。同時項目目錄reports/index.html可查看測試覆蓋率的report. 如果測試覆蓋率沒有達(dá)到配置的百分比妹笆,則push會失敗。

front-test-coverage.jpg

WechatIMG679.png

后端

后端用的java gradle娜氏,測試是junit拳缠。一開始想的比較多,老想著在prepush的時候進(jìn)行控制贸弥,在spike解決統(tǒng)計測試率的時候沒能正確的拆分task窟坐,導(dǎo)致花了比較長的時間去spike。后經(jīng)指點绵疲,重點去尋找統(tǒng)計java測試覆蓋率的方法哲鸳。發(fā)現(xiàn)jacoco可以實現(xiàn)并且滿足我的需求。

JaCoCo(Java Code Coverage)是一種分析單元測試覆蓋率的工具盔憨。很多第三方的工具提供了對Jacoco的集成帕胆,如Jenkins等。使用它可以給出代碼中哪些部分被單元測試測到般渡,哪些部分沒有沒測到懒豹,并且給出整個項目的單元測試覆蓋情況百分比芙盘。

統(tǒng)計測試覆蓋率

首先因使用的gradle,所以需要在build.gradle下面引入jacoco脸秽,并進(jìn)行一系列配置儒老。

apply plugin: 'jacoco'

jacocoTestReport {
    reports {
        xml.enabled false
        html.enabled true
    }
}

輕松配置完之后愉悅的運行./gradlew jacocoTestReport,完美的在build/jacoco/test/html/index.html看見了測試覆蓋率的report

WechatIMG680.png

提交记餐!

上jenkins一看 build掛了驮樊!

在運行TASK:test的時候報錯Caused by: java.lang.NoSuchFieldException: $jacocoAccess,但本地運行良好片酝。懷疑是jacoco根本沒被下載下來囚衔。尋覓許久,發(fā)現(xiàn)jacoco有個issue是跟jdk11不能友好合作雕沿。而我們恰好用的就是jdk11jacoco0.7.练湿。https://github.com/vaskoz/core-java9-impatient/issues/11

jacoco已經(jīng)在0.8.2的版本中修復(fù)了這個問題:https://github.com/jacoco/jacoco/releases/tag/v0.8.2

所以在我們的build.gradle中需要配置jacoco的版本就能解決。修改后:

apply plugin: 'jacoco'

jacoco {
    toolVersion = "0.8.2"
}

jacocoTestReport {
    reports {
        xml.enabled false
        html.enabled true
    }
}

集成jenkins

我想要在jenkins上也能看見測試覆蓋率的report审轮,所以需要修改jenkinsfile.

stage('build') {
    agent {
        docker {
          image 'echohe/gradle'
          args '-v $HOME/.gradle:/root/.gradle -e JAVA_TOOL_OPTIONS="-Dfile.encoding=UTF8"'
        }
    }
    steps {
        sh 'gradle build '
        script {
            echo "Stage test coverage report starting: ====="
            try {
              timeout(time:25, unit:'MINUTES') {
                sh './gradlew jacocoTestReport'
              }
            } finally {
              if (fileExists('./build/reports/jacoco/test/html/index.html')) {
                echo '==== test coverage report exists, prepare to publish'
                publishHTML(target: [
                  allowMissing: true,
                  alwaysLinkToLastBuild: false,
                  keepAll: false,
                  reportDir: 'build/reports/jacoco/test/html/',
                  reportFiles: 'index.html',
                  reportName: 'test coverage report',
                  reportTitles: 'test coverage report']
                )
              } else {
                echo '==== test coverage report does NOT exists!!!'
              }
              echo "build state: ${currentBuild.result}"
              sh 'rm -rf ./build/reports/jacoco'
            }
        }
    }
}

這樣在jenkins的build stage就能生成測試覆蓋率的report肥哎,并且使用了publishHTML,就能在jenkins上出現(xiàn)測試覆蓋率的link疾渣,點擊之后會顯示./build/reports/jacoco/test/html/index.html的內(nèi)容篡诽。


WechatIMG684.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市榴捡,隨后出現(xiàn)的幾起案子杈女,更是在濱河造成了極大的恐慌,老刑警劉巖吊圾,帶你破解...
    沈念sama閱讀 216,470評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件达椰,死亡現(xiàn)場離奇詭異,居然都是意外死亡街夭,警方通過查閱死者的電腦和手機砰碴,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,393評論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來板丽,“玉大人呈枉,你說我怎么就攤上這事“<睿” “怎么了猖辫?”我有些...
    開封第一講書人閱讀 162,577評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長砚殿。 經(jīng)常有香客問我啃憎,道長,這世上最難降的妖魔是什么似炎? 我笑而不...
    開封第一講書人閱讀 58,176評論 1 292
  • 正文 為了忘掉前任辛萍,我火速辦了婚禮悯姊,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘贩毕。我一直安慰自己悯许,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 67,189評論 6 388
  • 文/花漫 我一把揭開白布辉阶。 她就那樣靜靜地躺著先壕,像睡著了一般。 火紅的嫁衣襯著肌膚如雪谆甜。 梳的紋絲不亂的頭發(fā)上垃僚,一...
    開封第一講書人閱讀 51,155評論 1 299
  • 那天,我揣著相機與錄音规辱,去河邊找鬼谆棺。 笑死,一個胖子當(dāng)著我的面吹牛按摘,可吹牛的內(nèi)容都是我干的包券。 我是一名探鬼主播纫谅,決...
    沈念sama閱讀 40,041評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼炫贤,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了付秕?” 一聲冷哼從身側(cè)響起兰珍,我...
    開封第一講書人閱讀 38,903評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎询吴,沒想到半個月后掠河,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,319評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡猛计,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,539評論 2 332
  • 正文 我和宋清朗相戀三年绪囱,在試婚紗的時候發(fā)現(xiàn)自己被綠了调衰。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,703評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖示辈,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情熔酷,我是刑警寧澤缝左,帶...
    沈念sama閱讀 35,417評論 5 343
  • 正文 年R本政府宣布,位于F島的核電站卖局,受9級特大地震影響斧蜕,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜砚偶,卻給世界環(huán)境...
    茶點故事閱讀 41,013評論 3 325
  • 文/蒙蒙 一批销、第九天 我趴在偏房一處隱蔽的房頂上張望洒闸。 院中可真熱鬧,春花似錦均芽、人聲如沸顷蟀。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,664評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽鸣个。三九已至,卻和暖如春布朦,著一層夾襖步出監(jiān)牢的瞬間囤萤,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,818評論 1 269
  • 我被黑心中介騙來泰國打工是趴, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留涛舍,地道東北人。 一個月前我還...
    沈念sama閱讀 47,711評論 2 368
  • 正文 我出身青樓唆途,卻偏偏與公主長得像富雅,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子肛搬,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,601評論 2 353

推薦閱讀更多精彩內(nèi)容