Angular 2
vinkel-cli test täckning

AngularJS CSS firebase HTML ionic2 ionic-framework JavaScript jQuery Node.js TypeScript
Sök…


Introduktion

testtäckning definieras som en teknik som avgör om våra testfall faktiskt täcker applikationskoden och hur mycket kod som används när vi kör dessa testfall.

Angular CLI har inbyggd kodtäckningsfunktion med bara ett enkelt kommando ng test --cc

En enkel vinkel-cli-kommandobasstäckning

Om du vill se övergripande teststäckningsstatistik än naturligtvis i Angular CLI kan du bara skriva nedanstående kommando och se nederst i ditt kommandotolkfönster för resultat. 

ng test --cc // or --code-coverage

ange bildbeskrivning här

Detaljerad individuell komponentbas grafisk testtäckningsrapportering

om du vill se komponentens individuella täckning av tester följer du dessa steg.

  1. npm install --save-dev karma-teamcity-reporter 

  2. Add `require('karma-teamcity-reporter')` to list of plugins in karma.conf.js

  3. ng test --code-coverage --reporters=teamcity,coverage-istanbul

Observera att listan med reportrar är kommaseparerad, eftersom vi har lagt till en ny reporter, teamcity.

efter att du har kört detta kommando kan du se mappens coverage i din dir och öppna index.html för en grafisk vy av testtäckning.

ange bildbeskrivning här

Du kan också ställa in täckningströskeln som du vill uppnå i karma.conf.js , så här. 

coverageIstanbulReporter: {
      reports: ['html', 'lcovonly'],
      fixWebpackSourcePaths: true,
      thresholds: {
        statements: 90,
        lines: 90,
        branches: 90,
        functions: 90
      }
    },


Modified text is an extract of the original Stack Overflow Documentation
Licensierat under CC BY-SA 3.0
Inte anslutet till Stack Overflow