Pruebas de JavaScript: por dónde empezar para un principiante en 2024

¿Por qué las pruebas de JavaScript no dan miedo, sino que son útiles?

Cuando empecé a escribir en JavaScript, pensaba que las pruebas eran algo de magia avanzada. «¿Para qué? ¡Si ya veo que el código funciona!», pensaba. Pero luego llegaba el lunes, añadía una pequeña función y todo se rompía. ¿Te suena familiar?

Las pruebas de JavaScript son como un seguro para tu código. Lo escribes una vez y verificas su funcionamiento cientos de veces de forma automática. Y créeme, cuando tu proyecto crezca a 10,000 líneas de código, agradecerás a quien te obligó a escribir tu primera prueba.

En este artículo te contaré por dónde empezar con las pruebas de JavaScript para principiantes, te mostraré ejemplos reales y te daré plantillas listas para usar. Te sorprenderá, pero las primeras pruebas se pueden escribir en solo 15 minutos.

Tipos de pruebas: lo que un principiante debe saber

Antes de escribir código, repasemos la teoría. Existen tres niveles principales de pruebas, pero para empezar solo necesitamos uno.

Pruebas unitarias (Unit tests)

Son pruebas para las piezas más pequeñas de código: funciones, métodos, clases. Verifican: «¿Esta función específica funciona como espero?». Las pruebas unitarias de JavaScript son la base con la que todos empiezan.

Pruebas de integración (Integration tests)

Verifican cómo las diferentes partes del sistema interactúan entre sí. Por ejemplo, si funciona el flujo «formulario → envío de datos → respuesta del servidor».

Pruebas E2E (End-to-End)

Las más complejas. Simulan las acciones de un usuario real: clics, llenado de formularios, navegación entre páginas. Para un principiante, este es el siguiente nivel.

Para empezar, basta con dominar las pruebas unitarias. Todo lo demás vendrá con la experiencia.

Herramientas: ¿qué elegir para un principiante?

El mercado de herramientas para pruebas de JavaScript es enorme. Pero destacaré tres combinaciones que realmente pueden usar los principiantes:

• Jest — el framework más popular. Funciona «de fábrica», no requiere configuración compleja. Ideal para empezar.
• Mocha + Chai — un clásico. Mocha ejecuta las pruebas, Chai proporciona funciones cómodas para verificaciones (assertions).
• Vitest — moderno y rápido, casi como Jest, pero para proyectos con Vite.

Recomiendo empezar con Jest. Es intuitivo, tiene una documentación excelente y una gran comunidad. Si dominas Jest, cambiar a otras herramientas será fácil.

Escribimos nuestra primera prueba: guía paso a paso

Escribamos código real. Supongamos que tenemos una función simple que suma dos números:

// math.jsfunction add(a, b) {  return a + b;}

module.exports = add;

Ahora instalemos Jest. Abre la terminal en la carpeta del proyecto y ejecuta:

npm init -ynpm install --save-dev jest

Añade en package.json el script para ejecutar las pruebas:

"scripts": {  "test": "jest"}

Crea un archivo math.test.js en la misma carpeta. Escribamos la prueba:

// math.test.jsconst add = require('./math');

test('suma 2 + 3 y obtiene 5', () => {  expect(add(2, 3)).toBe(5);});

test('suma números negativos', () => {  expect(add(-1, -1)).toBe(-2);});

test('suma cero', () => {  expect(add(0, 0)).toBe(0);});

Ejecuta las pruebas con el comando npm test. Si todo está correcto, verás marcas verdes. ¡Felicidades, acabas de escribir tu primera prueba de JavaScript!

¿Cómo probar funciones más complejas?

Bien, ya aprendimos a sumar números. ¿Y si la función trabaja con arrays u objetos? Veamos un ejemplo más complejo.

Función para filtrar usuarios por edad:

// users.jsfunction filterAdults(users) {  return users.filter(user => user.age >= 18)