Necesitamos tu apoyo para compartir nuestras crónicas sobre las ciencias de la computación.
Solución:
Si desea ver estadísticas generales de cobertura de prueba que, por supuesto, en Angular CLI, puede escribir y ver la parte inferior de la ventana del símbolo del sistema
ng test --code-coverage
resultado:
Si desea ver la cobertura individual de las pruebas de los componentes, siga estos pasos.
-
npm install --save-dev karma-teamcity-reporter
-
Agregar
require('karma-teamcity-reporter')
a la lista de complementos en karma.conf.js -
ng test --code-coverage --reporters=teamcity,coverage-istanbul
tenga en cuenta que la lista de reporteros está separada por comas, ya que hemos agregado un nuevo reportero, teamcity.
después de ejecutar este comando, puede ver la carpeta coverage
en tu directorio y abre index.html
para obtener una vista gráfica de la cobertura de la prueba.
También puede establecer el umbral de cobertura que desea alcanzar, en karma.conf.js
como esto.
coverageIstanbulReporter:
reports: ['html', 'lcovonly'],
fixWebpackSourcePaths: true,
thresholds:
statements: 90,
lines: 90,
branches: 90,
functions: 90
,
Primero instale las dependencias.
npm install karma karma-jasmine karma-chrome-launcher karma-jasmine-html-reporter karma-coverage-istanbul-reporter
Luego ejecute la prueba ng.
ng test --code-coverage
Luego ejecute el servidor que le muestra su informe.
http-server -c-1 -o -p 9875 ./coverage
Debería ver algo como esto:
Escribí una publicación de blog sobre esto aquí.
Si conservas alguna desconfianza o capacidad de aumentar nuestro noticia te sugerimos ejecutar una interpretación y con mucho gusto lo estudiaremos.