Couverture de code pour angulaire 2

Question

Comment trouvez-vous la couverture de code pour le code angulaire 2? Existe-t-il un plugin pour l'éditeur de code vs ou webstorm que je peux utiliser? J'utilise Jasmine et Karma pour les tests unitaires de mon code.

Answer 1

Si vous voulez voir les statistiques d'ensemble de couverture de test que bien sûr dans CLI angulaire vous pouvez taper, et voir le bas de votre commande fenêtre d'invite

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

résultat:

Si vous souhaitez voir la couverture individuelle des tests par les composants, procédez comme suit.

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

2. Ajouter require('karma-teamcity-reporter') à la liste des plugins dans karma.conf.js

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

noter que la liste des journalistes est séparés par des virgules, comme nous ont ajouté un nouveau journaliste, teamcity. Après avoir exécuté cette commande, vous pouvez voir le dossier coverage dans votre répertoire et ouvrir index.html pour obtenir une vue graphique de la couverture de test.

Vous pouvez également définir le seuil de couverture que vous voulez atteindre, dans karma.conf.js, comme celui-ci.

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

Answer 2

ng test --code-coverage 

ou

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

Answer 3

Commencez par installer les dépendances.

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

Ensuite, exécutez ng test.

ng test --code-coverage 

Puis exécutez le serveur qui vous montre votre rapport.

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

Vous devriez voir quelque chose comme ceci:

j'ai écrit un billet de blog sur ce here.

Answer 4

J'ai lutté avec celui-ci. La solution que j'ai trouvé

ng test --code-coverage 

Mais assurez-vous que dans votre fichier karma.conf.js, vous avez un journaliste spécifié (j'utilise la «couverture-istanbul)

par exempleLe rapport de couverture se trouvera dans un répertoire appelé «coverage» dans votre répertoire racine.