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

WMF - Cypress Talk (no green screen)

By Stefano Magni

WMF - Cypress Talk (no green screen)

Conviene testare un progetto front-end? Come è possibile farlo impattando il meno possibile sulle necessità di time to market? Grazie a Cypress, strumento nato per offrire la migliore esperienza di sviluppo possibile, è possibile: - avere un flusso di sviluppo veloce grazie all'automatizzazione dei controlli manuali ripetitivi - essere protetti da regressioni causate da nuove funzionalità front-end o back-end - avere una documentazione visiva del progetto e rendere facile il passaggio di consegne

  • 1,734