Ejecución de pruebas Cypress en Node.js con Docker

?? Introducción

Bienvenido Dev al mundo de las pruebas y la contenerización. Hoy exploraremos un emocionante proyecto donde probaremos una aplicación Node.js utilizando Cypress, todo dentro de un contenedor Docker. Sin más preámbulos, ¡comencemos!

?? Requisitos previos

Antes de comenzar, asegúrate de contar con los siguientes requisitos en tu sistema:

• Docker y Docker-Compose: Son necesarios para ejecutar el proyecto en un entorno de contenedor.
• Node instalado: Se requiere para ejecutar la aplicación en prueba.
• Conocimientos básicos de Docker: Crearemos un Dockerfile y un archivo Docker-compose, por lo que es recomendable tener una idea previa de cómo funcionan.

?? Configuración del proyecto

Iniciamos el proyecto creando un directorio llamado book-app-testing. Dentro de este directorio, crearemos un archivo docker-compose con el siguiente contenido:

services:
 book-reader-app:
   image: node:14
   container_name: book-reader-app
   working_dir: /app
   volumes:
     - .:/app
   ports:
     - '3000:3000'
   command: ['npm', 'start']
   networks:
     - test-network

 cypress:
   build:
     context: ./cypress-test
     dockerfile: Dockerfile
   container_name: cypress
   depends_on:
     - book-reader-app
   environment:
     - CYPRESS_baseUrl=https://book-reader-app:3000
   volumes:
     - ./cypress-test:/e2e
   networks:
     - test-network
   command: ['npx', 'cypress', 'run', '--spec', 'cypress/e2e/book-app-heading.cy.js']

networks:
 test-network:
   driver: bridge

A continuación, dentro del directorio del proyecto, creamos una carpeta llamada cypress-test y ejecutamos los siguientes comandos:

npm init -y
npm install cypress --save-dev
npx cypress open

Esto abrirá una nueva ventana donde seleccionamos E2E Testing y continuamos con la configuración.

?? Creación del archivo de prueba

Dentro del directorio book-app-testing/cypress-test/cypress/e2e, creamos el archivo book-app-heading.cy.js con el siguiente contenido:

describe('Book Reader Node App', () => {
 it('should have a heading that includes Book App', () => {
   cy.visit('/');
   cy.get('h1, h2, h3, h4, h5, h6').should('contain.text', 'Book App');
 });
});

?? Creación del Dockerfile

Para ejecutar Cypress en un contenedor, dentro de book-app-testing/cypress-test, creamos un archivo Dockerfile con el siguiente contenido:

FROM cypress/included:13.0.0
WORKDIR /e2e
COPY . .
RUN npm install
CMD ['npx', 'cypress', 'run']

Luego, desde el directorio del proyecto, ejecutamos:

docker-compose up --build

Esto ejecutará las pruebas y mostrará los resultados en la terminal.

?? Conclusión

En este artículo aprendimos cómo utilizar Cypress para probar una aplicación Node.js dentro de un contenedor Docker. Empezamos con una prueba básica para verificar el título de la aplicación y progresamos hacia pruebas más complejas que validan aspectos como la navegación y la apariencia en diferentes dispositivos. Con Cypress, garantizamos la funcionalidad y estabilidad de nuestras aplicaciones web.

En Q2BSTUDIO, ofrecemos soluciones tecnológicas innovadoras y desarrollo de software a medida para impulsar el crecimiento de tu negocio. Nuestra experiencia en pruebas automatizadas y contenerización nos permite optimizar el rendimiento y seguridad de aplicaciones web. Contáctanos para llevar tu proyecto al siguiente nivel.