Chuck's Academy

Testing JavaScript y DOM con Jest

Instalación y configuración de Jest

Preparándote para usar Jest: Instalación y Configuración

En esta sección, aprenderemos cómo instalar Jest y configurarlo adecuadamente para comenzar a escribir y ejecutar pruebas en nuestros proyectos de JavaScript.

Requisitos Previos

Antes de continuar, asegúrate de tener instalado Node.js y npm (Node Package Manager) en tu sistema. Puedes descargar e instalar Node.js desde aquí.

Instalación de Jest

Para instalar Jest, puedes usar npm. Abre tu terminal o línea de comandos y navega al directorio de tu proyecto. Luego, ejecuta el siguiente comando para instalar Jest como una dependencia de desarrollo:

bash

Alternativamente, si prefieres usar yarn, puedes instalar Jest con el siguiente comando:

bash

Configuración Básica de Jest

Una vez instalado Jest, es aconsejable agregar scripts de prueba en tu archivo package.json para facilitar la ejecución de las pruebas. Abre package.json y agrega el siguiente script en la sección "scripts":

json

Esto te permitirá ejecutar Jest usando el comando:

bash

Estructura de Archivos para Pruebas

Es una buena práctica mantener las pruebas en un directorio separado o seguir una convención de nombres específica para diferenciarlas del código fuente. Algunas convenciones comunes incluyen:

  • Colocar los archivos de prueba en un directorio __tests__.
  • Nombrar los archivos de prueba con el mismo nombre que el archivo que están probando, seguido de .test.js o .spec.js.

Por ejemplo:

Configuración Avanzada de Jest

Jest permite una amplia configuración a través de un archivo de configuración jest.config.js o directamente en el package.json. Aquí hay un ejemplo de configuración básica en jest.config.js:

javascript

Configuración en package.json

También puedes configurar Jest directamente en tu package.json:

json

Ejemplo Completo de Configuración

A continuación, presentamos un ejemplo completo que incluye instalación, configuración y un caso de prueba básico para asegurarse de que Jest está funcionando correctamente.

  1. Inicializar un nuevo proyecto:
bash
  1. Instalar Jest:
bash
  1. Configurar Jest en package.json:
json
  1. Crear estructura de directorios y archivos:
  1. Escribir el código de la función a probar en sum.js:
javascript
  1. Escribir la prueba unitaria en sum.test.js:
javascript
  1. Ejecutar las pruebas:
bash

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


Con Jest instalado y configurado, estamos listos para comenzar a escribir nuestras primeras pruebas unitarias. En la siguiente sección, exploraremos cómo escribir y ejecutar pruebas unitarias con Jest. ¡Continúa para profundizar tu experiencia en testing con Jest!


Pregúntame lo que sea