Workshop: Integrare Unit e E2E test in applicazioni React 18

🇮🇹 This workshop is held in Italian language

'L'integrazione di test in applicazioni front-end è troppo complesso e costoso!' Quante volte avete sentito o letto questa frase?
Tuttavia, i tool di ultima generazione hanno notevolmente semplificato il processo di creazione e integrazione di test.
In questo corso della durata di 5 ore analizzeremo i vantaggi di integrare Unit test e E2E test in Single Page Application sviluppate in React 18/TypeScript, partendo dalla configurazione degli strumenti ed esplorando diverse tecniche per la loro integrazione in moltissimi scenari e casi d’uso.

Il corso è strutturato in due parti:

1) E2E Test con Cypress

Cypress è lo strumento attualmente più utilizzato per l'integrazione di test E2E, ovvero la possibilità di testare la tua applicazione simulando le interazioni dell'utente e verificando che si comporti come previsto. Ma non solo, Cypress ha recentemente introdotto la possibilità di testare singoli componenti in modo isolato. Analizzeremo quindi, diverse strategie per testare componenti riutilizzabili, spesso utili nello sviluppo di UIKIT e librerie.

Alcuni degli argomenti trattati:

• - lavorare con selettori ed eventi allo scopo di simulare le interazioni dell'utente
• - testare intere pagine di applicazioni sviluppate in React 18 e React Router
• - testare form
• - integrare test in pagine con interazioni complesse e/o sequenziali: modali, dialog, dropdown e altro
• - utilizzo degli Interceptor per il mocking di API REST
• - creare comandi e routine riutilizzabili
• - testare componenti isolati

2) Unit Test con React Testing Library

React Testing Library, attualmente, è una delle librerie più semplici e utilizzate per l'integrazione di test unitari nell’ecosistema React. La filosofia alla base di questa libreria consiste nella creazione di test semplici da manutenere, slegandosi totalmente dall'implementazione e focalizzandosi sulle interazioni dell'utente.

In questa parte del corso ci focalizzeremo particolarmente sulla testabilità di componenti e hook riutilizzabili:

• - linee guida sulla creazione di codice testabile
• - analisi delle API della libreria
• - creare test unitari per componenti riutilizzabili
• - testare custom hook
• - mock di librerie di terze parti
• - mock di API REST

Assicurati un posto