2.2 KiB
Come aggiungere test Cypress
Quando si fanno cambiamenti a JavaScript, CSS o HTML che possono cambiare le funzionalità o il layout di una pagina è importante aggiungere corrispondenti test di integrazione Cypress.
Per imparare come scrivere test Cypress, o specs, per favore vedi la dcoumentazione ufficiale di Cypress.
Dove aggiungere un test
-
I test Cypress sono nella directory
./cypress. -
I test Cypress per un modulo del curriculum sono nella corrispondente cartella del curriculum, per esempio
cypress/integration/learn/responsive-web-design/basic-css/index.js.
Come eseguire i test
[!NOTE] Se stai usando GitPod, vedi Cypress-GitPod Setup
1. Assicurati che MongoDB e l'applicazione del client siano in esecuzione
2. Esegui i test cypress
Per eseguire i test su build di produzione, sostituisci dev con prd nella parte seguente.
-
Per eseguire tutti i test nella cartella
./cypress:npm run cypress:dev:run -
Per eseguire un singolo test:
npm run cypress:dev:run -- --spec=cypress/pathToYourSpec/youSpecFileName.js -
Per creare una build di sviluppo, avvia il server di sviluppo e esegui tutti i test cypress end-to-end esistenti:
npm run e2e:dev:run
Setup di Cypress su GitPod
1. Ensure Development Environment is Running
Se l'avvio di GitPod non sviluppa automaticamente l'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