Azure CI 파이프라인에 코드 적용 범위 게시

Do you want to show Angular Code Coverage Report in Azure CI Pipeline then read this article and follow the steps.

Karma.conf.js의 IstanbulReporter

각도 프로젝트의 Karma.conf.js로 이동하여 cobertura 기자가 있는지 확인합니다.

 coverageIstanbulReporter: {
      dir: require("path").join(
        __dirname,
        "../../coverage/fsms-angular-pubsub"
      ),
      reports: ["html", "lcovonly", "text-summary", "cobertura" 👈 //required],
      fixWebpackSourcePaths: true,
    },

코드 커버리지 플래그로 테스트 실행

Angular CLI를 사용하여 테스트를 실행하는 동안 --code-coverage=true를 통과해야 합니다.

ng test --code-coverage=true

Azure Pipelines에서 코드 검사 작업 추가

다음으로 Azure DevOps의 PublishCodeCoverageResults@1 작업을 사용하여 cobertura 보고서를 게시합니다.

- task: PublishCodeCoverageResults@1
  enabled: true
  displayName: Code Coverage
  inputs:
    codeCoverageTool: "Cobertura"
    summaryFileLocation:
      "./coverage/fsms-angular-pubsub/cobertura-coverage.xml"
      # 👆 put your coverage file path
  condition: |
    succeeded()

Azure Pipeline의 코드 적용 범위 표시

이제 파이프라인을 실행하면 파이프라인 요약에 코드 적용 범위 보고서가 표시됩니다.







감사합니다. 준비가 완료되었습니다.

풀 스택 개발자 되기 💻

나는 Fullstack Master에서 가르칩니다. 풀 스택 개발자가 되고 새로운 소프트웨어 개발자 또는 수석 개발자/설계자로 캐리어를 성장시키려는 경우. 전체 스택 개발 교육 프로그램에 가입하는 것을 고려하십시오. All-Access Monthly 멤버십 플랜에 등록하여 모든 비디오 코스, 슬라이드, 소스 코드 및 월간 화상 통화에 무제한으로 액세스할 수 있습니다.

현재 및 미래의 Angular, node.js 및 관련 과정에 액세스하려면 All-Access Membership PRO plan을 구독하십시오.

PRO 플랜의 모든 것을 얻으려면 All-Access Membership ELITE plan에 가입하세요. 또한 Rupesh와의 월별 라이브 Q&A 화상 통화에 액세스할 수 있으며 의심/질문을 하고 더 많은 도움, 팁 및 요령을 얻을 수 있습니다.

You bright future is waiting for you so visit todayFullstackMaster and allow me to help you to board on your dream software company as a Developer,Architect or Lead Engineer role.

💖 나에게 👋라고 말해! Rupesh Tiwariwww.rupeshtiwari.com ✉️Email Rupesh Founder of Fullstack Master