Empezando con Jest

Recientemente escribí una publicación de blog sobre cómo he estado aprendiendo a probar mi backend con RSpec. Bueno, quería seguir aprendiendo y trasladar mis nuevas habilidades de prueba al principio.

Hay muchos corredores de prueba para la interfaz, pero el que más me llamó la atención fue Jest. Elegí comenzar a aprender Jest porque fue desarrollado por Facebook y funciona de inmediato con React. Además, por lo que leí, es uno de los corredores de prueba más fáciles de configurar y empezar a trabajar rápidamente.

Vamos a sumergirnos y ver cómo puedes poner en marcha rápidamente a Jest para que juegue con algunas de sus fantásticas funciones. Para comenzar, cree un nuevo archivo y acceda a él en la línea de comandos. Correr:

npm install jest --save-dev

yarn add --dev jest

// package.json
"scripts": {
"test": "jest"
}

Esto es bastante sencillo. Estamos creando un objeto con tres métodos subTotal, taxy totaldónde totaldepende de los dos primeros métodos. Ahora cree un nuevo archivo llamado checkout.test.jsque es donde escribiremos nuestras pruebas. La convención de nomenclatura aquí debe tener .test.jsal final para que Jest sepa qué archivos ejecutar durante la prueba.

En la parte superior de nuestro nuevo archivo de prueba para que no requiera nuestro archivo de pago así:

const checkout = require('./checkout')

Jest usa la testpalabra clave para definir una prueba. El primer argumento es una cadena que describe qué es la prueba y el segundo argumento es una función de devolución de llamada que ejecuta la prueba.

Usamos la expectpalabra clave para crear una aserción y el .toBe()comparador para decirle a Jest a qué esperamos que sea igual la aserción. Entonces, en la línea cuatro, estamos afirmando que nuestro subTotalmétodo en el checkoutobjeto, cuando se pasa una matriz con dos valores iguales a 5, devolverá o será igual a 10.

Ejecute npm testsu CLI y vea qué sucede. Debería ver algo similar a la captura de pantalla a continuación.

¿Por qué no practicas escribiendo una prueba para el impuesto y las funciones totales antes de seguir leyendo? ¿Qué se te ocurrió?

Esto es lo que se me ocurrió.

Ahora puedo decir que tengo una cobertura del 100% para mi proyecto, pero ¿y si quisiéramos mejorar estas pruebas y hacerlas un poco más infalibles? Afortunadamente, Jest tiene un montón de comparadores para elegir y podemos escribir más de una afirmación por prueba.

Un método que encontré útil es el .notmétodo que se puede usar junto con cualquiera de los comparadores para probar lo contrario, como tal.

Otra cosa que encontré fue que tener más de un escenario de prueba puede ser útil. Por ejemplo, cuando jugaba con el .toEqual()comparador, decidí usar un valor diferente para mi taxmétodo. La prueba falló debido a un error de redondeo. Gracias a las pruebas ampliadas, pude mejorar mi método y hacerlo más resistente.

Eso es todo para comenzar con Jest, pero vuelva en unas semanas para ver mi próxima publicación donde cubriré las funciones simuladas en Jest. Mientras tanto, deja un comentario a continuación y déjame saber cuál es tu comparador favorito que encontraste y cómo planeas usarlo.