?? 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.