2.4 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. Assicurati di essere nella Feature Preview di GitPod dalla data del 02/01/2021
- Vai a GitPod Docs - Feature Preview per vedere come attivare la Feature Preview
2. Assicurati che l'ambiente di sviluppo sia in esecuzione
Se l'avvio di GitPod non sviluppa automaticamente l'ambiente:
- Avvia il database
mongod
- Fai il seed del database
npm run seed
- Sviluppa il server e il client
npm run develop
3. Installa Cypress Build Tools
npm run cypress:install-build-tools
- Quando chiesto dal terminale, seleziona il layout della tua tastiera per lingua/area