Cypress - End-to-End Testing reso facile
>
Cypress è uno strumento di test frontale di nuova generazione costruito per il web moderno. Si rivolge agli sviluppatori di punti di dolore chiave e agli ingegneri QA affrontati durante la sperimentazione di applicazioni moderne. Cypress consente di scrivere tutti i tipi di test: Test finali, Test di integrazione, Test dell'unità.
< >
< >
Traduzione:
Traduzione: Copia tutti i comandi
Traduzione: Generare PDF
< >
< >
## Tabella dei contenuti
- [Installazione]
- [Getting Started](#getting-started_)
- [Comandi di base](#basic-commands)
- [Selettori]
- [Asserzioni]
- [Ricerca di rete](#network-testing)
- [File Operations](_LINK_6__)
- [Comandi personalizzati](#custom-commands)
- [Configurazione](#configuration)
- [Page Objects](#page-objects)
- [API Testing](#api-testing_)
- [Visual Testing](#visual-testing_)
- [Integrazione CI/CD](#cicd-integration)
- [Le migliori pratiche](#best-practices)
- [Debug](_LINK_14__]
- [Performance]
- [Troubleshooting](#troubleshooting_)
## Installazione
### Installazione di base
Traduzione:
### Configurazione del progetto
Traduzione:
### Struttura pieghevole
Traduzione:
### Package.json Scripts
Traduzione:
## Iniziare
### Primo test
Traduzione:
### Struttura di prova di base
Traduzione:
### Ganci di prova
Traduzione:
## Comandi di base
### Navigazione
Traduzione:
### Interazione degli elementi
Traduzione:
### Le query degli elementi
Traduzione:
### Traversal
Traduzione:
### Aspettare
Traduzione:
## Selettori
### Selettori CSS
#
### Attributi dati (consigliato)
Traduzione:
### XPath (con plugin)
Traduzione:
Traduzione:
### Selettori complessi
Traduzione:
## Asserzioni
### Asserzioni
Traduzione:
### Attesi Asserzioni
Traduzione:
### URL Asserzioni
Traduzione:
### Asserzioni personalizzate
Traduzione:
## Test di rete
### Richieste di intercettazione
Traduzione:
### Richiesta Asserzioni
Traduzione:
### Condizioni di rete
Traduzione:
### Intercetti multipli
Traduzione:
## Operazioni di file
### Caricamento file
Traduzione:
### Scarica il file
Traduzione:
### Lavorare con gli apparecchi
Traduzione:
### Lettura / scrittura di file
Traduzione:
## Comandi personalizzati
### Comandi personalizzati di base
Traduzione:
### Comandi personalizzati avanzati
Traduzione:
### Overwriting Commands
Traduzione:
### Supporto di TypeScript
Traduzione:
## Configurazione
### Configurazione Cypress
Traduzione:
### Variabili dell'ambiente
#
### Più ambienti
Traduzione:
### Configurazione del browser
Traduzione:
## Oggetti di pagina
### Pagina di base
Traduzione:
### Utilizzo di oggetti di pagina
Traduzione:
### Oggettistica avanzata
Traduzione:
### Pagina oggetto con integrazione API
Traduzione:
## test API
### Test API di base
Traduzione:
### Test API con autenticazione
Traduzione:
### Aiutanti di test API
Traduzione:
### Convalida dello schema
Traduzione:
## Test di visualizzazione
### Test di screening
Traduzione:
### Regressione visiva con Percy
Traduzione:
Traduzione:
### Comandi visivi personalizzati
Traduzione:
### Test di risposta
Traduzione:
## Integrazione CI/CD
### GitHub Azioni
Traduzione:
### Integrazione Docker
Traduzione:
Traduzione:
### Testi paralleli
Traduzione:
### Test Reporting
__________
Traduzione:
Traduzione:
## Migliori Pratiche
### Organizzazione di test
Traduzione:
### Migliori pratiche di selettore
Traduzione:
### In attesa delle migliori pratiche
Traduzione:
### Gestione dei dati di prova
Traduzione:
### Gestione degli errori
Traduzione:
## Debug
### Comandi del debito
Traduzione:
### Browser DevTools
Traduzione:
### Comandi Debug personalizzati
Traduzione:
### Strategie di debug del test
Traduzione:
## Prestazioni
### Performance di prova
Traduzione:
### Esecuzione parallela
Traduzione:
### Ottimizzazione della memoria
Traduzione:
## Risoluzione dei problemi
### Questioni comuni
Traduzione:
### Configurazione del debito
Traduzione:
### Recupero di errore
Traduzione:
---
## Sintesi
Cypress è un potente framework di test end-to-end che fornisce:
- **Developer Experience**: API intuitiva con anteprima del browser in tempo reale
- **Automatic Waiting**: Smart in attesa di elementi e richieste di rete
- * Time Travel**: Debug test con istantanee ad ogni passo
- **Network Control**: Intercetta e modifica le richieste di rete
- **Real Browser Testing**: I test vengono eseguiti in veri browser per risultati accurati
- **Rich Ecosystem**: Ampio ecosistema plugin e integrazioni
- Pronto? Supporto integrato per l'integrazione continua
- **Visual Testing**: capacità di test di scherma e regressione visiva
Cypress eccelle nella sperimentazione di applicazioni web moderne con il suo focus sull'esperienza dello sviluppatore, strumenti di debug completi e l'esecuzione di test affidabile. La sua architettura unica e il suo set di caratteristiche lo rendono una scelta eccellente per i team che cercano di implementare robusti flussi di lavoro di test end-to-end.
Traduzione:
copia funzioneToClipboard() {}
const commands = document.querySelectorAll('code');
tutti i Comandi = '';
comandi. per ogni(cmd => AllCommands += cmd.textContent + '\n');
navigatore.clipboard.writeText(tutti iComandi);
alert('Tutti i comandi copiati a clipboard!');
#
funzione generaPDF() {
finestra.print();
#
< >