• 0
  • 0
分享
  • 简记前后端如何实现统计测试覆盖率——软件测试圈
  • 恬恬圈 2023-11-21 14:22:27 字数 3786 阅读 1394 收藏 0

  恰逢项目初起之时,代码基础各部分都有待完善。第一天上项目发现前后端几乎没有测试,遂决定加个测试覆盖率的限制。

  前端

  前端用的react, 测试用的jest。Jest是Facebook的一个专门进行Javascript单元测试的工具,适合React全家桶使用。因jest本身内置代码覆盖率,便新建了jest.config.json来实现统计前端测试覆盖率的需求。

  {
    "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:设置识别哪些文件是测试文件(正则形式),与testMatch互斥,不能同时写。

  2、moduleFileExtensions: 测试文件的类型 moduleFileExtensions: ['js','json','jsx','node']

  3、rootDir: 默认值是当前目录。

  4、collectCoverage: 默认值false。

  5、coverageDirectory: 输出coverage report的目录。

  6、collectCoverageFrom: 可配置哪些文件需要收集覆盖率,哪些不需要。

  7、coverageThreshold: 配置需要达到的测试覆盖率的百分比。

  配置完jest.config.json之后,在package.json内配置。

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

  当开发运行npm run test或git push时会运行测试以及统计测试覆盖率。同时项目目录reports/index.html可查看测试覆盖率的report. 如果测试覆盖率没有达到配置的百分比,则push会失败。

1-1.jpg

1-2.jpg

  后端

  后端用的java gradle,测试是junit。一开始想的比较多,老想着在prepush的时候进行控制,在spike解决统计测试率的时候没能正确的拆分task,导致花了比较长的时间去spike。后经指点,重点去寻找统计java测试覆盖率的方法。发现jacoco可以实现并且满足我的需求。

  JaCoCo(Java Code Coverage)是一种分析单元测试覆盖率的工具。很多第三方的工具提供了对Jacoco的集成,如Jenkins等。使用它可以给出代码中哪些部分被单元测试测到,哪些部分没有没测到,并且给出整个项目的单元测试覆盖情况百分比。

  统计测试覆盖率

  首先因使用的gradle,所以需要在build.gradle下面引入jacoco,并进行一系列配置。

  apply plugin: 'jacoco'
  jacocoTestReport {
      reports {
          xml.enabled false
          html.enabled true
      }
  }

  轻松配置完之后愉悦的运行./gradlew jacocoTestReport,完美的在build/jacoco/test/html/index.html看见了测试覆盖率的report。

1-3.jpg

  提交!

  上jenkins一看 build挂了!

  在运行TASK:test的时候报错Caused by: java.lang.NoSuchFieldException: $jacocoAccess,但本地运行良好。怀疑是jacoco根本没被下载下来。寻觅许久,发现jacoco有个issue是跟jdk11不能友好合作。而我们恰好用的就是jdk11和jacoco0.7.。

  所以在我们的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上出现测试覆盖率的link,点击之后会显示./build/reports/jacoco/test/html/index.html的内容。

1-4.jpg


作者:全世界最酷的李大厨    

来源:http://www.51testing.com/html/00/n-4481500.html

  • 【留下美好印记】
    赞赏支持
登录 后发表评论
+ 关注

热门文章

    最新讲堂

      • 推荐阅读
      • 换一换
          •   Jest 是一个简单易用的 JavaScript 测试框架。最初由 Meta 公司团队维护。2022 年 5 月,Meta 公司正式将自己的开源项目Jest 移交给 OpenJS Foundation[1],这表示 Jest 由公司驱动变为社区驱动,有 OpenJS Foundation 保底,Jest 将不会因公司发展需要而停止维护。  下面我们就来学习吧。  快速上手  初始化项目  首先创建项目目录:  mkdir jest-demos && cd jest-demos   npm init&nbs...
            0 0 814
            分享
          • 一、Http Cookie Manager的作用:1、自动管理cookie:象浏览器一样的存储和发送Cookie,如果发送一个http请求他的响应中包含Cookie,那么Cookie Manager就会自动地保存这些Cookie并在所有后来发送到该站点的请求中使用这些Cookie的值。每个线程都自己存储cookie的区域。在cookie manager中看不到自动保存的cookie,我们可以在View Results Tree的Request界面看到被发送的Cookie Data。接受到的Cookie的值能被存储到JMeter 线程变量中(2.3.2版本后的JMeter不自动做这个事情)。要把...
            0 0 1803
            分享
          • IT之家 9 月 14 日消息,随着美国年底购物旺季的到来,各家科技公司也在广告业务上更加上心,苹果也准备在 App Store 内增加新的广告位以让开发者购买,也就是说年底前大家可能就会在应用商店中看到更多的广告。当地时间周二,苹果向开发者发送消息,邀请他们参加线上会议,鼓励他们购买广告。邀请函显示,iOS App Store 中的新“广告位置”将在“这个假日季”及时出现。此外,Mobile Dev Memo 的开发者和创始人 Eric Seufert 在他的 Twitter 上向大家展示了这份邀请函。IT之家也因此得以知悉,苹果的网络研讨会定于 9 月 21 日星期三举行,关于结果如何,届...
            0 0 965
            分享
          • 1. 什么是接口?API:ApplicationProgrammingInterface,即应用程序编程接口一个API中通常包含:Method:请求方法URL:唯一资源定位符Params:参数Authorization:认证方式Headers:消息头Body:消息体2. 接口类型httpapi接口走http协议,通过路径来区分调用的方法,请求报文都是key-value形式的,返回报文一般都是json串,有get和post等方法,这也是最常用的两种请求方式。API接口一般又分为两种:程序内部的接口和系统对外的接口json是一种通用的数据类型,所有的语言都认识它。(json的本质是字符串,他与其他...
            0 0 1334
            分享
          • 大家好,我是阿常,本文是2022年11月6日测试职业成长+面试专项辅导社群内部直播分享的笔记。今天社群的CKL老师在晚上19:00进行了一场内部直播分享,直播时长1个半小时。主题是“作为测试面试官,我是如何筛选候选人的——面向中高级测试岗”。CKL:做过产品、研发、测试,目前是一位测试架构师 & 敏捷教练。面试前的思考你是谁,我要谁测试工程师按等级可划分为:初级、中级、高级、资深、专家。初级主要面向校招,中高级主要面向社招,而资深和专家主要是通过内部晋升+行业互推。我在面试前会问自己这三个问题:1.  岗位核心要求是什么——比如“能独立开展简单的性能测试”2.  候...
            0 0 1168
            分享
      • 51testing软件测试圈微信