Agregando coverage para ver la calidad de nuestras pruebas

Clase 33 de 43 • Curso de Express.js 2018

Contenido del curso

Bienvenida e introducción

Template Engines y archivos estáticos

Creando un API Restful

Conectando Express.js con servicios externos

Middlewares: En el medio del request

Autenticación en Express.js

Testing

Deployment

Tomar examen

Lo primero es agregar nyc como dependencia de desarrollo el CLI tool de istanbuljs https://github.com/istanbuljs/nyc:

npm i -D nyc

Luego creamos un nuevo script llamado test:cover en nuestro package.json:

  "scripts": {
    "test": "mocha --exit",
    "test:cover": "nyc npm run test"
  }

Además agregamos una propiedad de configuración al final de nuestro package.json:

  "nyc": {
    "all": true,
    "include": ["routes", "services", "lib", "utils"]
  }

Esto con el fin de que incluya y haga un reporte optimo de la cobertura de nuestros tests.

Finalmente agregaremos los archivos de nyc a nuestro archivo .gitignore pues no es algo que necesitamos en nuestro repositorio.

node_modules
.env
.nyc_output

Ahora para corroborar cuál es el nivel de cobertura de nuestros tests solo debemos ejecutar npm run test:cover.

Comentarios

Junior Usca H.

student•

La url del repositorio de nyc es

Carlos Alberto Angel Angel

student•

Alguien me puede explicar como se interpreta el coverage, a que corresponde el Stmts, Branch, Fucs, Lines Uncovered Line #s dentro de nuestros archivos y como se puede mejorar.

Usuario anónimo

user•

Rabi Leonel Leon Chan

student•

no olviden el sudo para instalar 😁

Carlos Enrique Ramírez Flores

student•

Depende el os que uses, yo uso mac y no necesito meter sudo

Francisco Javier Suarez Verdugo

student•

Estupenda manera de ver el coverage de nuestros test

Alberto Camarena

student•

Despues de ver todo esto siento que es mas facil usar un solo framework externo que nos de todas estas posivilidades de testing como jest

Enrique Devars

teacher•

A que hace referencia exactamente el termino de coverage?

Alejandro Sanabria

student•

A la cantidad de código cubierto por los tests

Naldo Duran

student•

✌

Oscar Guadalupe Pérez Ayuso

student•

Igual una buena alternativa puede ser mochaawesome: https://github.com/adamgruber/mochawesome

jorge llanque

student•

esta es una subcategoria de mocha?

Carlos Enrique Ramírez Flores

student•

No funciona al 100% mi código!

------------------------|---------|----------|---------|---------|-------------------
File                    | % Stmts | % Branch | % Funcs | % Lines | Uncovered Line #s 
------------------------|---------|----------|---------|---------|-------------------
All files               |    2.29 |        0 |       0 |    2.29 |                   
 lib                    |       0 |        0 |       0 |       0 |                   
  mongo.js              |       0 |        0 |       0 |       0 | 1-56              
 routes                 |       0 |      100 |       0 |       0 |                   
  products.js           |       0 |      100 |       0 |       0 | 1-18              
 routes/api             |       0 |        0 |       0 |       0 |                   
  auth.js               |       0 |        0 |       0 |       0 | 1-37              
  products.js           |       0 |      100 |       0 |       0 | 1-113             
 services               |       0 |        0 |       0 |       0 |                   
  products.js           |       0 |        0 |       0 |       0 | 1-55              
 utils                  |    37.5 |        0 |       0 |    37.5 |                   
  isRequestAjaxOrApi.js |       0 |        0 |       0 |       0 | 2-4               
  testServer.js         |      50 |      100 |       0 |      50 | 5-7               
 utils/auth/strategies  |       0 |        0 |       0 |       0 |                   
  basic.js              |       0 |        0 |       0 |       0 | 1-24              
  jwt.js                |       0 |        0 |       0 |       0 | 1-27              
 utils/middlewares      |       0 |        0 |       0 |       0 |                   
  errorsHandlers.js     |       0 |        0 |       0 |       0 | 1-47              
  validacionHandler.js  |       0 |        0 |       0 |       0 | 1-17              
 utils/mocks            |   16.67 |      100 |       0 |   16.67 |                   
  mongoLib.js           |       0 |      100 |       0 |       0 | 1-24              
  products.js           |     100 |      100 |     100 |     100 |                   
 utils/schema           |       0 |      100 |     100 |       0 |                   
  products.js           |       0 |      100 |     100 |       0 | 1-19              
------------------------|---------|----------|---------|---------|-------------------

Daniel Julián Gómez Silva

student•

Qué bueno está esto!!!

------------------------|---------|----------|---------|---------|------------------------------
File                    | % Stmts | % Branch | % Funcs | % Lines | Uncovered Line #s
------------------------|---------|----------|---------|---------|------------------------------
All files               |   34.56 |    16.22 |   21.15 |   34.26 | 
 lib                    |   23.33 |        0 |       0 |   23.33 |
  mongo.js              |   23.33 |        0 |       0 |   23.33 | 11-76
 routes/api             |   31.25 |        0 |   22.22 |   31.25 |
  auth.js               |       0 |        0 |       0 |       0 | 1-39
  products.js           |   47.62 |      100 |   33.33 |   47.62 | 40,45-55,64-73,83-96,105-116
 routes/views           |       0 |      100 |       0 |       0 |
  products.js           |       0 |      100 |       0 |       0 | 1-16
 services               |   52.94 |       50 |   33.33 |   52.94 |
  products.js           |   52.94 |       50 |   33.33 |   52.94 | 41-61
 utils                  |     100 |      100 |     100 |     100 |
  isRequestAjaxOrApi.js |     100 |      100 |     100 |     100 |
  testServer.js         |     100 |      100 |     100 |     100 |
 utils/auth/strategies  |      20 |        0 |       0 |      20 |
  basic.js              |       0 |        0 |       0 |       0 | 1-24
  jwt.js                |   46.15 |        0 |       0 |   46.15 | 14-27
 utils/middleware       |   11.76 |     9.09 |   11.11 |   11.76 |
  errorHandlers.js      |       0 |        0 |       0 |       0 | 1-51
  notFoundHandler.js    |       0 |      100 |       0 |       0 | 1-11
  validationHandler.js  |      50 |    33.33 |   33.33 |      50 | 6-7,12-13
 utils/mocks            |   88.24 |      100 |   66.67 |    87.5 |
  mongoLib.js           |   90.91 |      100 |      50 |   90.91 | 19
  products.js           |   83.33 |      100 |      75 |      80 | 77
 utils/schemas          |     100 |      100 |     100 |     100 |
  products.js           |     100 |      100 |     100 |     100 |
------------------------|---------|----------|---------|---------|------------------------------```

German Tellez Vanegas

student•

¿Cómo puedo saber el porcentaje total de cobertura?

------------------------|---------|----------|---------|---------|-------------------
File                    | % Stmts | % Branch | % Funcs | % Lines | Uncovered Line #s 
------------------------|---------|----------|---------|---------|-------------------
All files               |    2.29 |        0 |       0 |    2.29 |                   
 lib                    |       0 |        0 |       0 |       0 |                   
  mongo.js              |       0 |        0 |       0 |       0 | 1-56              
 routes                 |       0 |      100 |       0 |       0 |                   
  products.js           |       0 |      100 |       0 |       0 | 1-18              
 routes/api             |       0 |        0 |       0 |       0 |                   
  auth.js               |       0 |        0 |       0 |       0 | 1-37              
  products.js           |       0 |      100 |       0 |       0 | 1-113             
 services               |       0 |        0 |       0 |       0 |                   
  products.js           |       0 |        0 |       0 |       0 | 1-55              
 utils                  |    37.5 |        0 |       0 |    37.5 |                   
  isRequestAjaxOrApi.js |       0 |        0 |       0 |       0 | 2-4               
  testServer.js         |      50 |      100 |       0 |      50 | 5-7               
 utils/auth/strategies  |       0 |        0 |       0 |       0 |                   
  basic.js              |       0 |        0 |       0 |       0 | 1-24              
  jwt.js                |       0 |        0 |       0 |       0 | 1-27              
 utils/middlewares      |       0 |        0 |       0 |       0 |                   
  errorsHandlers.js     |       0 |        0 |       0 |       0 | 1-47              
  validacionHandler.js  |       0 |        0 |       0 |       0 | 1-17              
 utils/mocks            |   16.67 |      100 |       0 |   16.67 |                   
  mongoLib.js           |       0 |      100 |       0 |       0 | 1-24              
  products.js           |     100 |      100 |     100 |     100 |                   
 utils/schema           |       0 |      100 |     100 |       0 |                   
  products.js           |       0 |      100 |     100 |       0 | 1-19              
------------------------|---------|----------|---------|---------|-------------------

------------------------|---------|----------|---------|---------|------------------------------
File                    | % Stmts | % Branch | % Funcs | % Lines | Uncovered Line #s
------------------------|---------|----------|---------|---------|------------------------------
All files               |   34.56 |    16.22 |   21.15 |   34.26 | 
 lib                    |   23.33 |        0 |       0 |   23.33 |
  mongo.js              |   23.33 |        0 |       0 |   23.33 | 11-76
 routes/api             |   31.25 |        0 |   22.22 |   31.25 |
  auth.js               |       0 |        0 |       0 |       0 | 1-39
  products.js           |   47.62 |      100 |   33.33 |   47.62 | 40,45-55,64-73,83-96,105-116
 routes/views           |       0 |      100 |       0 |       0 |
  products.js           |       0 |      100 |       0 |       0 | 1-16
 services               |   52.94 |       50 |   33.33 |   52.94 |
  products.js           |   52.94 |       50 |   33.33 |   52.94 | 41-61
 utils                  |     100 |      100 |     100 |     100 |
  isRequestAjaxOrApi.js |     100 |      100 |     100 |     100 |
  testServer.js         |     100 |      100 |     100 |     100 |
 utils/auth/strategies  |      20 |        0 |       0 |      20 |
  basic.js              |       0 |        0 |       0 |       0 | 1-24
  jwt.js                |   46.15 |        0 |       0 |   46.15 | 14-27
 utils/middleware       |   11.76 |     9.09 |   11.11 |   11.76 |
  errorHandlers.js      |       0 |        0 |       0 |       0 | 1-51
  notFoundHandler.js    |       0 |      100 |       0 |       0 | 1-11
  validationHandler.js  |      50 |    33.33 |   33.33 |      50 | 6-7,12-13
 utils/mocks            |   88.24 |      100 |   66.67 |    87.5 |
  mongoLib.js           |   90.91 |      100 |      50 |   90.91 | 19
  products.js           |   83.33 |      100 |      75 |      80 | 77
 utils/schemas          |     100 |      100 |     100 |     100 |
  products.js           |     100 |      100 |     100 |     100 |
------------------------|---------|----------|---------|---------|------------------------------```

Agregando coverage para ver la calidad de nuestras pruebas

Bienvenida e introducción

¿Dónde aprender Express.js actualizado?

Lo que aprenderás sobre Express.js

¿Qué es express y para qué sirve?

Creando tu primer servidor

Express application generator

Template Engines y archivos estáticos

Qué es template engine y cómo crearlo

Implementando un template engine

Usando Pug como template engine

Usando Handlebars como template engine

Creando nuestro layout de productos usando Pug

Manejo de archivos estáticos

Creando un API Restful

Anatomía de una API RESTful e implementación CRUD

Implementando nuestra capa de Servicios

Recapitulando el proyecto

Request object

Conectando Express.js con servicios externos

Conexión a Mongodb en Express.js

Conectando nuestros servicios con mongo DB

Implementando acciones CRUD en MongoDB

Configurar una cuenta en Amazon AWS

Middlewares: En el medio del request

Qué es un middleware y qué tipos existen

Manejo de errores usando un middleware

Validación de datos usando un middleware

Implementando Sentry para el manejo de log de errores

Qué es Joi y Boom y cómo configurar Joi

Configurando Boom y nuestra página 404

Middlewares populares

Autenticación en Express.js

JSON Web Tokens

Configuración y uso de Passport.js

Asegurando nuestra API e identificando rutas sensibles

Testing

Creando tests para nuestros endpoints

Creando tests para nuestros servicios

Creando tests para nuestras utilidades

Agregando coverage para ver la calidad de nuestras pruebas

Debugging e inspect

Deployment

Buenas prácticas para el despliegue en producción

npm script

Añadiendo manejo de cache y seguridad con helmet

Cómo usar las variables de entorno para diferente ambientes

Habilitando CORS en producción

Cómo funciona y por qué es importante el uso de HTTPS

Desplegando con Now y detectando vulnerabilidades con npm audit

Automatizar el chequeo de vulnerabilidades con snyk

Conclusiones