pruebas unitarias - Cobertura de código para Angular 2

¿Cómo se encuentra la cobertura de código para el código de Angular 2? ¿Hay algún plugin para el editor VS Code o WebStorm que pueda usar? Estoy utilizando Jasmine y Karma para las pruebas unitarias de mi código.

Respuesta #1

Si quieres ver las estadísticas generales de cobertura de pruebas, entonces, por supuesto, en Angular CLI solo puedes escribir y ver la parte inferior de la ventana de tu símbolo del sistema

ng test --code-coverage

resultado :

si quieres ver la cobertura individual de pruebas de un componente, sigue estos pasos.

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

2. Agrega require('karma-teamcity-reporter') a la lista de plugins 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 añadido un nuevo reportero, teamcity.

después de ejecutar este comando puedes ver la carpeta coverage en tu directorio y abrir index.html para una vista gráfica de la cobertura de pruebas.

También puedes establecer el umbral de cobertura que deseas alcanzar, en karma.conf.js, así.

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

Respuesta #2

Primero instala las dependencias.

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

Luego ejecuta ng test.

ng test --code-coverage

Luego ejecuta el servidor que te muestra tu informe.

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

Deberías ver algo como esto:

Escribí una publicación de blog sobre esto aquí.