Ci troviamo spesso a gestire applicazioni e siti web composti da decine o centinaia di pagine.
Dopo ogni aggiornamento è necessario ricontrollare manualmente tutte le pagine coinvolte al fine di assicurarci che il software si comporti sempre come previsto, senza sorprese spiacevoli. Questo significa che dovremo visitare una ad una tutte le pagine e riprovare ogni funzionalità o possibile scenario. Che angoscia!
Troppo rischioso!
Questo processo di verifica manuale è davvero impegnativo e soprattutto soggetto a dimenticanze ed errori, pur avendo una checklist di operazioni da effettuare.
Guarda il video seguente per saperne di più e comprendere le differenze tra Unit, Integration e E2E test:
I test E2E vi permettono di scrivere dei programmi che eseguiranno questi controlli al vostro posto, simulando il comportamento degli utenti e testando l’applicazione su diversi browser.
Ogni volta che sarà effettuato un aggiornamento, infatti, verrà ri-eseguita la suite di test che avrete scritto per verificare ogni scenario, con la garanzia che la vostra applicazione funzioni ancora correttamente.
Ma non solo... Cypress ha introdotto anche la possibilità di testare componenti in un ambiente isolato, riducendo o, spesso, annullando la necessità di studiare e scrivere buona parte di unit e integration test tramite altri framework e librerie dedicate.
In questo corso imparerai a scrivere test E2E con Cypress e TypeScript, allo scopo di garantire il funzionamento della tua applicazione web, indipendentemente dal linguaggio (JS, Java, PHP, ...) e dal framework front-end utilizzato: Angular, Vue, React, Svelte, Qwik ... o perfino jQuery : )
L'unico video corso in italiano su E2E e Component Testing in Cypress!
In pochi giorni imparerai a:
• apprezzare i test e non trovarli più noiosi o inutili
• ridurre i tempi di rilascio fino al 90%*
• aumentare la produttività fino all'80%*
• ridurre i costi dei test fino al 75%*
Estratto dal rapporto "The ROI of Test Automation" di Tricensis che ha esaminato più di 500 aziende
1. Cypress Fundamentals
Installare, configurare e utilizzare Cypress
2. E2E tests
Scrivere test E2E per simulare le interazioni dell'utente
3. Component Testing
Creare test isolati per componenti Angular, React, Vue, Svelte e Qwik
Acquisisci il know-how necessario per testare componenti e intere applicazioni front-end con video brevi e molto pratici
Micro Learning
Perché perdere tempo con video lunghi e tediosi, creati al solo scopo di allungare il corso?
Lezioni brevi, molto pratiche e "velocizzate" in post-produzione nelle parti più noiose e ripetitive.
(altrimenti, il corso avrebbe avuto una durata di almeno 10-12 ore)
Component Testing
Scrivi test E2E e sfrutta le stesse tecniche per testare componenti React, Angular, Vue in modo isolato.
In molti scenari possono rimpiazzare totalmente sia gli unit che gli integration test
Nuova Skill
Aggiungi una nuova competenza al tuo Curriculum.
Scrivere test è una delle skill che fa la differenza in fase di colloquio e definizione della RAL.
Modern Stack
Nel corso utilizzerai strumenti e tecnologie front-end di ultima generazione: Cypress, Vite, TypeScript, Tailwind, Angular, React, Vue e PocketBase, solo per citarne alcune
8 Repository
Nel corso troverai 8 repository:
• 1 repo con gli esempi del corso
• 4 playground per iniziare a scrivere E2E test in TypeScript, Angular, React e Vue
• 3 playground per iniziare a scrivere Component test in Angular, React e Vue
CYPRESS FUNDAMENTALS
Nella prima parte del corso acquisirai le basi per la creazione di test E2E in Cypress e TypeScript: vedremo come installare e configurare il framework; scrivere e concatenare asserzioni con Cypress e CHAI, sia implicite che esplicite; organizzare i test e comprenderne il ciclo di vita.
In questa parte del corso scriviamo gli scenari da testare in HTML e Vanilla JavaScript (in realtà TypeScript : )
Ad ogni modo, tutti i concetti descritti possono essere applicati in applicazioni web sviluppate con qualunque linguaggio/framework: da Java, a PHP a JavaScript...
SCRIVERE TEST E2E
La seconda parte del corso è dedicata all'approfondimento di Cypress: lavorare con i selettori; testare form e applicazioni CRUD; HTTP interceptor, mock e stub; creazione di comandi riutilizzabili; organizzare i test con "Page Object"; time travel debug; moltissimi tips & trick.
Gli scenari simulati in questa parte del corso sono creati in React/TypeScript. Tuttavia la libreria/framework utilizzata è assolutamente ininfluente in questa fase.
Ho scelto React perché è una delle librerie JavaScript attualmente più utilizzate e permette di simulare facilmente diversi scenari. Troverete comunque diversi video per configurare Cypress anche in progetti Angular v.16 e Vue 3.
In un capitolo dedicato, avremo modo, inoltre, di testare parte di un CMS reale, Pocket Base (scritto in GO), tra cui la procedura di login e la gestione delle collezioni.
Ricorda che stiamo testando il risultato finale!
Simuliamo le interazioni dell'utente e non testiamo il codice sorgente.
COMPONENT TESTING
La funzionalità "Component Testing" di Cypress ci consente di testare componenti individuali, come ad esempio un componente "Accordion" o una "Card", in un ambiente isolato.
Questa tipologia di test è utile per assicurarsi che i componenti funzionino correttamente in isolamento, senza dipendere dal contesto in cui sono utilizzati o da altri moduli dell'applicazione.
Configuriamo l'ambiente, creiamo diversi progetti in React, Angular e Vue, scriviamo step by step il codice dei componenti e, infine, li testeremo.
Il Programma
L'unico corso in italiano su E2E e Component testing con Cypress e TypeScript
Indipendentemente dal framework/libreria che stai utilizzando (Angular, React, Vue, Svelte, Qwik o... jQuery/PHP/Java/...) questo corso ti aiuterà ad entrare nel mondo del testing E2E.
Software Tester
& QA engineers
Vuoi provare altri Tool per scrivere i tuoi test E2E?
Utilizza questo corso per comprendere come Cypress possa aiutarti a scrivere test migliori anche con il team che lavora sul Front End.
Il corso è pratico-centrico e non teorico, potrai avere un'ottima panoramica e capire se può coprire i vostri use case
Per questo corso è necessario avere conoscenza base di HTML, CSS e, preferibilmente, aver già utilizzato uno dei framework front-end JavaScript di ultima generazione
Start today for free!
Create a LearnByDo.ing account for free to see all the protected content, get exclusive material, join giveaways, and use all the platform’s features
Get This Course
Scrivere E2E test con Cypress
Utilizzare Cypress per scrivere test E2E e testare componenti...
1 year
subscription
€ 7700
solo € 6.4 al mese
3 years
subscription
€ 10700
solo € 3.0 al mese
15 giorni - Soddisfatto o Rimborsato
or you can join our MemberShip program
(italian only)
FAQ
How does the subscription work?
The course is visible until subscription ends. For example, if you buy a 3-year subscription today, you will have access for the next 3 years, without additional costs. On expiry, the subscription will be automatically renewed unless you have cancelled the renewal in the "My Subscriptions" page accessible from your "Profile" page.
If you do not want to renew your subscription, we recommend that you cancel it a few days before the expiration date directly from the "My Subscriptions" page
How do orders for schools, teams and groups work?
If you want to buy this course for your team, your students or if you are a buying group then you can take advantage of discounts.
Upon purchase, the ordering user will have immediate access to the course directly from its account. Furthermore, coupons will also be sent to activate additional licenses.
Let’s take an example:
1
You buy, for example, 5 licences
2
Your account will have instant access to the course
3
You will receive 5 additional coupons by email, that you can share with other students to allow them to activate the course independently
4
So 6 students will be able to access the course, you and other 5 users. So you will have an extra account for free
IMPORTANT: only the user who purchased the course can renew the subscription, change the payment method or cancel the subscription.
Can I receive the invoice?
Sure! Remember to enter your billing information at the time of purchase, before confirming your order
Is there a refund if I am not satisfied?
You can request a refund within 15 days of the date of purchase at info@learnbydo.ing
Questions?
Write us an email at info@learnbydo.ing
Membership
Con la MemberShip potrai accedere a:
Tutti i corsi e i libri di LearnByDo.ing
Corsi Esclusivi riservati alla Membership
Preview dei corsi in fase di sviluppo
Attestati di completamento
Funzionalità della piattaforma riservate ai membri
Note, appunti e cookbook ricchi di informazioni e snippets