Saltar al contenido

Cobertura de código para angular 2

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:

vista de consola de cobertura de pruebas

Si desea ver la cobertura individual de las pruebas de los componentes, siga estos pasos.

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

  2. Agregar require('karma-teamcity-reporter') a la lista de complementos en karma.conf.js

  3. 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.

ingrese la descripción de la imagen aquí

También puede establecer el umbral de cobertura que desea alcanzar, en karma.conf.jscomo 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:

ingrese la descripción de la imagen aquí

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.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *