Angular 2
couverture de test angulaire-cli
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
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.
npm install --save-dev karma-teamcity-reporter
Add `require('karma-teamcity-reporter')` to list of plugins in karma.conf.js
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.
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
}
},