Velocità, qualità e documentazione: FRONT-END TESTING CON Cypress
@NoriSte
#wmf2021
I'm Stefano Magni
I'm a passionate front-end engineer, a speaker,
and an instructor.
I work for WorkWave, a Field Service Software company.
Test di qualità grazie a Cypress
Ridurre il tempo dedicato ai test
Documentazione con i test visuali
Perchè scrivere test?
PERCHÈ SCRIVERE TEST?
• Per avere un controllo automatico su eventuali regressioni
PERCHÈ SCRIVERE TEST?
• Per avere un controllo automatico su eventuali regressioni
• Per permettermi di fare refactor serenamente
PERCHÈ SCRIVERE TEST?
• Per avere un controllo automatico su eventuali regressioni
• Per permettermi di fare refactor serenamente
• Per sviluppare con "meno" responsabilità
Il mio primo impatto con i test...
Il mio primo impatto con i test...
• Non conoscevo le best practice
Il mio primo impatto con i test...
• Non conoscevo le best practice
• Debuggare un test è difficile
Il mio primo impatto con i test...
• Non conoscevo le best practice
• Debuggare un test è difficile
• Il codice dei test era lunghissimo
PERCHÈ CYPRESS?
Perchè Cypress?
• Documentazione ottima
Perchè Cypress?
• Documentazione ottima
• Insegna e rinforza le best practice di testing
Perchè Cypress?
• Documentazione ottima
• Insegna e rinforza le best practice di testing
• Creato per migliorare l'esperienza di scrittura dei test
IN CHE MODO CYPRESS MI HA AIUTATO?
In che modo Cypress mi ha aiutato?
• Offrendo una UI di debug per i test
In che modo Cypress mi ha aiutato?
• Offrendo una UI di debug per i test
• Permettendomi di ridurre il codice dei test
In che modo Cypress mi ha aiutato?
• Offrendo una UI di debug per i test
• Permettendomi di ridurre il codice dei test
• Permettendomi di lavorare senza un back-end funzionante
COME RIDURRE IL TEMPO DI SCRITTURA DEI TEST?
Come ridurre il tempo di scrittura dei test?
• Sostituendo il back-end con Cypress
Come ridurre il tempo di scrittura dei test?
• Sostituendo il back-end con Cypress
• Invertendo il flusso di sviluppo, automatizzando i controlli manuali
Come ridurre il tempo di scrittura dei test?
• Sostituendo il back-end con Cypress
• Invertendo il flusso di sviluppo, automatizzando i controlli manuali
• Utilizzando Cypress come strumento di sviluppo
PERCHÈ I TEST UI DOCUMENTANO IL PROGETTO?
Perchè i test UI documentano il progetto?
• Perchè descrivono i comportamenti dell'utente
Perchè i test UI documentano il progetto?
• Perchè descrivono i comportamenti dell'utente
• Perchè mostrano i comportamenti dell'utente
FAQ
FAQ
• Sì, Cypress è gratuito
FAQ
• Sì, Cypress è gratuito
• No, Cypress non supporta Internet Explorer
FAQ
• Sì, Cypress è gratuito
• No, Cypress non supporta Internet Explorer
• No, Cypress non permette di testare applicazioni mobile
Per riassumere
• Principali vantaggi dei test UI
• Principali vantaggi di Cypress
• Come ridurre il tempo dedicato ai test
Grazie!
@NoriSte
#wmf2021