Angular 2
Winkel-Cli-Testabdeckung

AngularJS CSS firebase HTML ionic2 ionic-framework JavaScript jQuery Node.js TypeScript
Suche…


Einführung

Testabdeckung ist eine Technik, die bestimmt, ob unsere Testfälle tatsächlich den Anwendungscode abdecken und wie viel Code beim Ausführen dieser Testfälle ausgeübt wird.

Angular CLI verfügt über eine integrierte Code-Coverage-Funktion mit einem einfachen Befehl ng test --cc

Eine einfache Winkelüberprüfung für den Befehlstest

Wenn Sie allgemeine Testabdeckungsstatistiken als in Angular CLI sehen möchten, geben Sie einfach den Befehl unten ein und sehen Sie unten im Eingabeaufforderungsfenster die Ergebnisse. 

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

Geben Sie hier die Bildbeschreibung ein

Detaillierte grafische Berichterstattung zur Testabdeckung für einzelne Komponenten

Wenn Sie die individuelle Testabdeckung der Komponente sehen möchten, befolgen Sie diese Schritte.

  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

Beachten Sie, dass die Liste der Reporter durch Kommas getrennt ist, da wir einen neuen Reporter, Teamcity, hinzugefügt haben.

nachdem Sie diesen Befehl ausführen können Sie den Ordner sehen coverage in Ihrem Verzeichnis und öffnen index.html für eine grafische Darstellung der Testabdeckung.

Geben Sie hier die Bildbeschreibung ein

Sie können den Abdeckungsschwellenwert, den Sie erreichen möchten, auch in karma.conf.js wie karma.conf.js . 

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
Lizenziert unter CC BY-SA 3.0
Nicht angeschlossen an Stack Overflow