![Angular Testing CodeCoverage 2 2019 07 25 09 56 36 code coverage report for all files](https://gedoplan.de/wp-content/uploads/2019/07/2019-07-25-09_56_36-code-coverage-report-for-all-files.png?w=925)
Wer Unit-Tests für seine Anwendungen schreibt ( also jeder von uns 😉 ) wird kaum in der Lage sein ohne Tooling zu Überblicken welche Teile der Software getestet wurden und welche nicht. Angular macht es uns da zum Glück sehr leicht. Dank einer simplen Option in der angular.json Konfiguration:
...
"test": {
"builder": "@angular-devkit/build-angular:karma",
"options": {
...
"codeCoverage": true
}
},
...
Dank dieser wird bei jedem Test-Durchlauf ein neuer ein Bericht generiert der als HTML-Seite abgerufen werden kann:
[project-root]/coverage/index.html
Neben der groben Übersicht welche Pfade der Anwendung mit welcher Test-Abdeckung versehen sind lässt sich hier bequem bis auf Datei-Ebene navigieren um so die Stellen zu erkennen die möglicherweise noch nicht ausreichen mit Unit-Tests abgedeckt sind:
![Angular Testing CodeCoverage 3 2019 07 25 10 03 40 code coverage report for src app project common project selection project select](https://gedoplan.de/wp-content/uploads/2019/07/2019-07-25-10_03_40-code-coverage-report-for-src_app_project_common_project-selection_project-select.png)