Codeabdeckung für Winkel 2

Question

Wie finden Sie die Codeabdeckung für Winkel 2 Code? Gibt es ein Plugin für vs-Code-Editor oder Webstorm, die ich verwenden kann? Ich benutze Jasmine und Karma für Unit-Tests meines Codes.

Answer 1

Wenn Sie Testabdeckung Statistiken sehen möchten, als natürlich in Angular CLI Sie nur eingeben können, und sehen Sie die Unterseite des Eingabeaufforderungsfenster

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

Ergebnis:

Wenn Sie die individuelle Abdeckung von Tests durch Komponenten sehen möchten, gehen Sie folgendermaßen vor.

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

2. hinzufügen require('karma-teamcity-reporter') zur Liste von Plugins in karma.conf.js

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

beachten Sie, dass die Liste von Reportern ist durch Kommas getrennt, wie wir habe einen neuen Reporter, teamcity, hinzugefügt.

Nach dem Ausführen dieses Befehls können Sie den Ordner coverage in Ihrem Verzeichnis sehen und index.html für eine grafische Ansicht der Testabdeckung öffnen.

Sie können auch die Deckungsschwelle gesetzt, die Sie, in karma.conf.js, wie dies erreichen wollen.

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

Answer 2

ng test --code-coverage 

oder

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

Answer 3

Zuerst die Abhängigkeiten installieren.

npm install karma karma-jasmine karma-chrome-launcher karma-jasmine-html-reporter karma-coverage-istanbul-reporter 

Dann Test ausführen.

ng test --code-coverage 

Dann führen Sie den Server, der Ihnen Ihren Bericht zeigt.

http-server -c-1 -o -p 9875 ./coverage 

Sie sollten etwas sehen:

ich einen Blog-Post über dieses here schrieb.

Answer 4

Ich kämpfte mit diesem. Die Lösung war ich gefunden

ng test --code-coverage 

Aber sicher, dass in Ihrer karma.conf.js Datei, Sie haben einen Reporter angegeben (ich benutze 'coverage-istanbul')

z.B.reporters: ['coverage-istanbul']

Der Coverage-Bericht befindet sich in einem Verzeichnis namens 'coverage' in Ihrem Stammverzeichnis.