Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Scrivere E2E test in Cypress per Applicazioni Front-End
01. Introduzione
01. Unit, Integration e E2E Test - Panoramica (9:52)
02. Introduzione a Cypress (16:14)
03. Introduzione al corso: il programma (4:11)
04. La piattaforma Teachable - Consultare il corso (1:15)
05. 🏴☠️ Pirateria 🏴☠️ (1:23)
06. Repositories / Source Code
07. Supporto e Aggiornamenti
02. Cypress e Test Fundamentals
01. TypeScript Project - Creazione Progetto con Vite (1:38)
02. Installazione e configurazione Cypress (3:12)
03. Run the first test (1:58)
04. Configurare TypeScript (1:07)
05. My First Test in Cypress (4:21)
06. Describe - multiple tests (1:52)
07. Testare una funzione (1:26)
08. Testare il DOM (3:00)
09. Cypress Console e Preview Selezioni (1:54)
10. Test case multipli e assertion (2:21)
11. Hooks - beforeEach (0:52)
12. Hooks- before, beforeEach, afterEach, after (1:21)
13. skip e only: escludere e includere test (1:19)
14. Multiple Describe (0:42)
03. Assertions
01. Default Assertions (0:53)
02. Chai (3:06)
03. Explicit Subject (3:01)
04. Implicit subject e le funzioni "should" / "and" (3:34)
05. Multipli test case (1:24)
06. La funzione "And" e altre assertion (2:48)
04. E2E Cypress in React, Angular e Vue
Pre-Requisiti
Materiale di studio su React
01. Creazione Progetto React : TypeScript in Vite (2:50)
02. Installare e avviare Cypress (1:34)
03. Cypress and TypeScript (0:45)
04. React Router: Creare un'applicazione multi-view (1:39)
05. Angular v.15 e Cypress 12: installazione e configurazione (2:19)
06. Angular v.16 e Cypress 13 - pt.1 - Installazione e Configurazione (2:50)
07. Angular v.16 e Cypress 13 - pt.2 - Scrivere un E2E test (3:36)
08. Cypress & Vue / TypeScript: configurazione e avvio test (2:30)
05. Querying
01. Visit URL (1:34)
02. Get (4:37)
03. Contains (1:29)
04. get vs contain (1:49)
05. Contains and Get (3:03)
06. TIP (1:32)
07. children (3:13)
08. Parent (1:29)
09. closest (1:02)
10. within (4:34)
11. sibling (1:51)
12 alias (1:31)
13. exist vs visible (3:11)
14. automatic waiting and http requests (1:57)
15. find (1:28)
16. invoke (4:08)
17. Esempio con Dialog e DropDown (React & AntDesign UIKIT) (8:14)
18. Utilizzare la doc di Cypress (1:44)
06. List
01. List, get and find (1:00)
02. first, last, eq (1:45)
03. wrap + each - test items (4:56)
4. Filtered List and User Interactions (2:46)
07. Forms
01. Mouse Events (3:07)
02. Keyboard Events (2:53)
03. focus, blur e classi dinamiche (3:52)
04. Selezioni e popolamento di input, checkbox, Date, Select (5:11)
05. Multiple Checkbox (0:44)
06. Form Validations (7:22)
07. Multiple Subscribes (6:01)
08. Interceptors
01. Cypress HTTP Interceptor (5:44)
02. Mock Response (4:26)
03. CRUD, Mock e Stub (6:45)
04. Interceptor Error (4:31)
09. Commands & Page Object
01. Commands - pt1 - Simple Login (3:29)
02. Commands - pt2 - Creare routine riutilizzabili (2:50)
03. Commands - pt3 - Supportare TypeScript (1:24)
04. Organizzare i test con Page Object (7:19)
10. Real World Test: testare un CMS
01. Installazione e configurazione PocketBase CMS (4:47)
02. Installazione Cypress (0:56)
03. Configurare TypeScript (0:48)
04. Login Test (3:26)
05. baseUrl (1:14)
06. Login - Intercept e Gestione Errori (2:56)
07. Login - Page Object (2:45)
08. Login & Collections (2:38)
09. Collections - Creazione e Cancellazione (12:24)
10. Migliorare i selettori (6:06)
11. Selezioni dinamiche con 'invoke' (2:11)
12. Refactoring - Migrare a Page Object (7:53)
11. Cypress TIPS
01. Impostare il baseUrl (0:56)
02. ViewPort (0:57)
03. Screenshot (1:29)
04. Generare Video e processare i test da CLI (0:46)
05. Cypress env variables (1:04)
06. Creare Environment Files con "Vite" e "dotenv" (1:16)
07. Rallentare i test (0:52)
08. Image Placeholders with intercept (1:24)
09. Cypress Studio (experimental) (3:52)
12. Component Testing
React - pt.1: Creazione progetto con Vite e supporto TypeScript (3:27)
React - pt.2 - Creare il componente Panel (7:25)
React - pt.3 - Testare il componente Panel (6:54)
React - pt.4 - Includere Tailwind in tutti i test (0:43)
Angular v.16 - pt.1: Creazione progetto con l'opzione Standalone (3:31)
Angular v.16 - pt.2: Creare il componente Panel (Standalone) (7:15)
Angular v.16 - pt.3: Testare il componente Panel (10:51)
Vue v.3 - pt.1: Creare progetto con Vite e supporto TypeScript (3:43)
Vue v.3 - pt.2: Creare il componente Panel (8:40)
Vue v.3 - pt.3: Testare il componente (16:53)
Vue v.3 - pt.4 - Problemi con TypeScript (2:20)
Vue v.3 - pt.5 - Problem Fixed
QWIK: IN ARRIVO
EXTRA
Scrivere test E2E con Cypress per qualunque applicazione o sito web (anche di terze parti) (2:50)
Angular (v.16) Material - Testare il Drag'n'Drop di una lista
React - pt.3 - Testare il componente Panel
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock