Recherche…


Introduction

La couverture de test est définie comme une technique qui détermine si nos scénarios de test couvrent réellement le code de l'application et combien de code est exercé lorsque nous exécutons ces cas de test.

CLI angulaire a intégré une fonctionnalité de couverture de code avec une simple commande ng test --cc

Une simple couverture de test de base de commande angulaire-cli

Si vous voulez voir des statistiques de couverture de test globales bien sûr dans Angular CLI, vous pouvez simplement saisir la commande ci-dessous et voir les résultats en bas de votre fenêtre d'invite de commande.

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

entrer la description de l'image ici

Rapport détaillé de couverture de test graphique des composants individuels

Si vous voulez voir la couverture individuelle des tests des composants, suivez ces étapes.

  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

Notez que la liste des journalistes est séparée par des virgules, car nous avons ajouté un nouveau journaliste, teamcity.

Après avoir exécuté cette commande, vous pouvez voir la coverage du dossier dans votre répertoire et ouvrir index.html pour obtenir une vue graphique de la couverture du test.

entrer la description de l'image ici

Vous pouvez également définir le seuil de couverture que vous souhaitez atteindre, dans karma.conf.js , comme ceci.

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
Sous licence CC BY-SA 3.0
Non affilié à Stack Overflow