Files
freeCodeCamp/docs/i18n/espanol/how-to-add-cypress-tests.md
2022-01-23 00:02:35 +09:00

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

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. Ensure Development Environment is Running

Si al iniciar el entorno de GitPod no se creó automáticamente el ambiente:

  • Start the database
mongod
  • Seed the database
npm run seed
  • Develop the server and client
npm run develop

2. Install Cypress Build Tools

npm run cypress:install-build-tools
  • When prompted in the terminal, select your keyboard layout by language/area

Ahora, Cypress puede ejecutarse