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-rendereryarn 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)