2.8 KiB
Cómo agregar pruebas de Cypress
Al realizar cambios en JavaScript, CSS o HTML que podrían cambiar la funcionalidad o el diseño de una página, es importante agregar una prueba de integración de Cypress correspondiente.
Para aprender como escribir pruebas de Cypress, o especificaciones, observa la documentación oficial de Cypress.
Nota: Cuando escribimos pruebas para freeCodeCamp, recuerda agregar
/* global cy */
al inicio del archivo para evitar problemas con ESLint.
Donde agregar una prueba
-
Las pruebas de Cypress están en el directorio
./cypress
. -
Las pruebas de Cypress para un módulo curricular están en el directorio curricular correspondiente, por ejemplo:
cypress/integration/learn/responsive-web-design/basic-css/index.js
.
Como ejecutar pruebas
[!NOTE] Si utilizas GitPod, por favor mira la Configuración de Cypress-GitPod
1. Asegúrate de que MongoDB y la aplicación de cliente se estén ejecutando
2. Ejecuta las pruebas de Cypress
Para ejecutar pruebas en las compilaciones de producción, reemplaza dev
con prd
abajo.
-
Para ejecutar todas las pruebas en el directorio
./cypress
:npm run cypress:dev:run
-
Para ejecutar una sola prueba:
npm run cypress:dev:run -- --spec=cypress/pathToYourSpec/youSpecFileName.js
-
Para crear una compilación de desarrollo, inicia el servidor de desarrollo y ejecuta todas las pruebas de cypress existentes de extremo a extremo:
npm run e2e:dev:run
Configuración de Cypress-GitPod
1. Asegúrate de estar en la Feature Preview (vista previa de funciones) de GitPod a partir del 01/02/2021
- Ve hacia GitPod Docs - Feature Preview para ver como habilitar la Feature Preview
2. Asegúrate de que el entorno de desarrollo se esté ejecutando
Si al iniciar el entorno de GitPod no se creó automáticamente el ambiente:
- Inicia la base de datos
mongod
- Propaga la base de datos
npm run seed
- Inicia el servidor de desarrollo y cliente
npm run develop
3. Instala las herramientas de compilación de Cypress
npm run cypress:install-build-tools
- Cuando se te solicite en la terminal, selecciona la distribución de tu teclado por idioma / área
Ahora, Cypress puede ejecutarse