Introducción al Curso de pruebas Unitarias de JavaScript con Jest.

Qué son las pruebas unitarias?
Las pruebas unitarias lo que hacen es tomar todos tus proyectos o esos bloques de código y descomponerlo en pequeñas partes que vamos a probar. Así, todo lo que vamos pasando sabemos que esta funcionando correctamente y que no hay ningún inconveniente o bug.

Las pruebas unitarias comprueban lo que son casos estándares (suposición explícita) es decir, no son perfectas. Las características de las pruebas unitarias son:

• Automatizable: Deben correr sin ningún proceso manual.
• Total Cobertura: Debemos de pasar por cada bloque escrito.
• Reutilizables: Podemos usarlas para probar otros bloques.
• Independientes: No pueden depender de otra prueba para funcionar.
• Rápidas de crear: Tiene que ser algo conciso que prueben algo muy particular.

**Ventajas de las pruebas unitarias: **

1. Proporciona un trabajo ágil.
2. Calidad del código.
3. Detectar errores rápido.
4. Facilita los cambios y favorece la integración.
5. Proporciona información.
6. Reduce el coste.

**Herramientas para pruebas en JavaScript **

JavaScript es un lenguaje muy competitivo y curiosamente ha sido uno de los lenguajes con más frameworks de pruebas, pero con menos cultura en la comunidad. Entre los más populares encontramos frameworks como Ava, Tape, Enzyme, Jasmine, Mocha y Jest.

¿Qué es Jest?

Jest es una herramienta creada y mantenida por la comunidad open source con apoyo de Facebook. Jest surgió con el objetivo de agregar pruebas unitarias a proyectos con react pero ha sido tan importante que cada vez se emplea en mas proyectos con otros frameworks.

Jest no requiere configuraciones adicionales demasiado complejas para añadir pruebas a cualquiera de nuestros proyectos.

Instalación y Configuración de Jest

npm init para inicializar nuestro proyecto, esto nos creara un package.json.
npm install --save-dev babel-jest babel-polyfill ** para poder usar ES6 en nuestras pruebas unitarias.
npm install babel-preset-es2015
npm install --save-dev Jest
npm install --save-dev babel-jest @babel/core @babel/preset-env

Las versiones de las dependencias en el archivo Package.json quedarían así:

"devDependencies": {
    "@babel/core": "^7.4.4",
    "@babel/preset-env": "^7.4.4",
    "babel-jest": "^24.8.0",
    "jest": "^24.8.0"
  }```

En el archivo Package.json agregar el comando “test”

“scripts”: {
“test”: “jest”
},```

Ahora creamos nuestro archivo .babelrc y le damos el preset para es6

{
  "presets": [
    [
      "@babel/preset-env",
      { "targets": { "node": "current" } }
    ]
  ]
}

Ahora creamos la carpeta test para que jest la pueda identificar como la carpeta de pruebas, ejemplo: creamos unas funciones matematicas

export const sumar = (a,b) => {
    return a+b;
}

export const multiplicar = (a,b) => {
    return a*b;
}

export const resta = (a,b) => {
    return a-b;
}

export const divir = (a,b) => {
    return a / b;
}```

Ahora en otro archivo maths.test.js insertamos el test

import {sumar, multiplicar,resta,divir} from ‘…/maths’;

describe(‘calculos matematicos’, () =>{
test('prueba de suma ', () => {
expect(sumar(1,1)).toBe(2);
});

});```

y desde nuestra consola ponemos

npm test

y se ejecutara la prueba, si sale exitosa tendremos

$ npm test

> [email protected] test
> jest

PASS __test__/maths.test.js
  calculos matematicos
    √ prueba de suma  (3 ms)

Test Suites: 1 passed, 1 total
Tests:       1 passed, 1 total
Snapshots:   0 total
Time:        2.102 s
Ran all test suites.