Escribiendo Nuestras Primeras Pruebas Unitarias con Jest

Ahora que tienes instalado y configurado Jest, es hora de sumergirnos en la escritura de pruebas unitarias. Este capítulo te guiará a través de los conceptos básicos y te enseñará cómo escribir y ejecutar tus primeras pruebas unitarias.

¿Qué es una Prueba Unitaria?

Una prueba unitaria es una prueba automatizada que verifica el comportamiento de una pequeña "unidad" de código, normalmente una función o un método. El objetivo es asegurar que la unidad de código produce los resultados esperados para un conjunto de condiciones predefinidas.

Esqueleto de una Prueba Unitaria con Jest

Las pruebas en Jest se organizan utilizando funciones test o it. Un test básico sigue esta estructura:

javascript

Escribiendo una Prueba Unitaria Simple

Vamos a escribir una prueba unitaria para una función sencilla que suma dos números. Supongamos que tenemos el siguiente código en un archivo llamado sum.js:

javascript

Crear una carpeta de pruebas y un archivo de prueba:

Ahora, escribamos la prueba unitaria en sum.test.js:

javascript

Esta prueba verifica que la función sum devuelve 3 cuando se le pasa 1 y 2 como argumentos.

Uso de Expresiones de Expectativas (Matchers)

Jest proporciona múltiples expresiones de expectativas (matchers) para verificar diferentes tipos de valores. Aquí hay algunos matchers comunes:

• toBe: Igualdad exacta.
• toEqual: Igualdad de objetos o arrays.
• toBeNull: Verifica si el valor es null.
• toBeDefined: Verifica si el valor está definido.
• toBeTruthy: Verifica si el valor es verdadero en un contexto booleano.
• toContain: Verifica si un array o string contiene un valor específico.

Ejemplo de uso de diferentes matchers:

javascript

Agrupando Pruebas con Describe

Para organizar mejor tus pruebas, puedes agruparlas usando el bloque describe. Esto es útil para agrupar pruebas relacionadas:

javascript

Configuración y Limpieza

A veces, necesitas realizar alguna configuración antes de ejecutar una prueba o limpiar después de que una prueba ha terminado. Jest proporciona los métodos beforeEach, afterEach, beforeAll y afterAll para estos propósitos:

javascript

Ejecutando Pruebas

Para ejecutar las pruebas, simplemente usa el comando:

bash

[Jest buscará y ejecutará todas las pruebas definidas y generará un informe detallado con los resultados].

Generando Informes de Cobertura de Código

Para generar un informe de cobertura de código, puedes usar el flag --coverage:

bash

[Esto generará un informe de cobertura que te mostrará qué partes de tu código están siendo cubiertas por las pruebas].

---

Con estos conceptos y ejemplos básicos, estás listo para comenzar a escribir y ejecutar tus propias pruebas unitarias con Jest. En la siguiente sección, abordaremos las pruebas de componentes del DOM utilizando Jest y cómo puedes verificar la correcta manipulación de la interfaz de usuario.