Unit testing in React

By:

David Sánchez (@juanda95)

About me

  • Computer Engineer

  • Developer at Ubidots

  • I ❤️ JS

Why should we do unit testing?

First module version

After 10 revisions

And During deployment...

Source: Experience 😅

QuÉ es Jest?

Framework de unit testing creado por Facebook

por qué jest?

  • Encuentra los tests automáticamente.
  • Mockea las dependencias de forma automática.
  • Provee un DOM de prueba para realizar los tests.
  • Puede correr los tests en procesos paralelos.

Qué es Enzyme?

Utilidades para pruebas creadas por Airbnb

Por qué Enzyme?

  • Shallow rendering.
  • Selectores similares a jQuery.
  • Simulación de eventos.

Set up!

npm install --save-dev enzyme react-test-renderer
yarn add --dev enzyme react-test-renderer

Manos al código

https://github.com/juanda95/react-testing

Describe

Agrupa diferentes tests relacionados en un "test suite"

describe('Test suite', () => {})

It

Es lo mínimo necesario a la hora de crear un archivo de tests.

it('Test name', () => {})

Expect

Da acceso a diferentes comparadores que nos permitirán verificar nuestro código

expect(1+1).toEqual(2)

Pruebas unitarias con Jest + Enzyme

By David Sánchez

Pruebas unitarias con Jest + Enzyme

  • 1,138