Vue Test Coverage

Vue Test Coverage

.
Vue Test Coverage (cobertura de pruebas en Vue) es una métrica utilizada para medir la cantidad de código de Vue.js que es cubierta por pruebas automatizadas.
.
En el contexto de Vue.js, la cobertura de pruebas se puede medir utilizando herramientas como Jest o Mocha, que son frameworks de pruebas populares para aplicaciones web. Estas herramientas nos permiten generar un informe de cobertura de pruebas que nos muestra la cantidad de código que es cubierta por las pruebas automatizadas.
.
El informe de cobertura de pruebas se muestra en forma de porcentaje, lo que nos indica cuánto del código de nuestra aplicación está siendo evaluado por las pruebas automatizadas. Un alto porcentaje de cobertura de pruebas indica que la mayoría del código está siendo evaluado y que hay menos posibilidades de que se produzcan errores o problemas en el código.
.
Para configurarlo, se puede agregar dentro del archivo package.json o si tienes un archivo aparte sería jest.config.js, si se agregaría lo siguiente:

// Para jest.config.js 
module.exports = {
  preset: '@vue/cli-plugin-unit-jest',
  collectCoverage: true,
  collectCoverageFrom: ['src/**/*.{js,vue}', '!**/node_modules/**']
}

// Para package.json
"jest": {
    "preset": "@vue/cli-plugin-unit-jest",
    "collectCoverage": true,
    "collectCoverageFrom": ["**/*.{js,vue}", "!**/node_modules/**"]
}