Szukaj…


Wprowadzenie

pokrycie testowe jest zdefiniowane jako technika, która określa, czy nasze przypadki testowe faktycznie obejmują kod aplikacji i ile kodu jest wykonywany, gdy uruchamiamy te przypadki testowe.

Angular CLI ma wbudowaną funkcję pokrycia kodu za pomocą prostego ng test --cc polecenia ng test --cc

Prosty zasięg testu bazy poleceń kąt-cli

Jeśli chcesz zobaczyć ogólne statystyki pokrycia testu niż oczywiście w Angular CLI, możesz po prostu wpisać poniżej polecenia i zobaczyć wyniki w dolnej części okna wiersza polecenia.

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

wprowadź opis zdjęcia tutaj

Szczegółowe raportowanie graficzne poszczególnych testów bazowych składników

jeśli chcesz zobaczyć indywidualne pokrycie testów przez komponent, wykonaj następujące kroki.

  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

zwróć uwagę, że lista reporterów jest oddzielona przecinkami, ponieważ dodaliśmy nowego reportera, teamcity.

po uruchomieniu tego polecenia możesz zobaczyć coverage folderów w swoim katalogu i otworzyć plik index.html aby uzyskać graficzny widok zasięgu testu.

wprowadź opis zdjęcia tutaj

Możesz również ustawić próg zasięgu, który chcesz osiągnąć, w karma.conf.js , w ten sposób.

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
Licencjonowany na podstawie CC BY-SA 3.0
Nie związany z Stack Overflow