testcafe studio tool automate your web testing without writing code
Tutorial pratico per la revisione dello strumento di test Web TestCafe Studio:
Sei frustrato dai limiti degli strumenti di test web legacy?
Tu e il tuo team di controllo qualità siete alla ricerca di alternative a prodotti come Selenium?
Hai bisogno di uno strumento di test web che sia facile da usare, affidabile e privo di driver web ingombranti?
Ecco la soluzione a tutte le tue domande.
Cosa imparerai:
- TestCafe Studio: la piattaforma di test web aziendale
- Crea un test web in 2 minuti con TestCafe Studio
- Conclusione
TestCafe Studio: la piattaforma di test web aziendale
TestCafe Studio è stato creato per fornire una piattaforma di test che potrebbe aiutare a semplificare il processo di test web .
Secondo la loro missione: volevano creare uno strumento facile da configurare e privo di complessità inutili; uno strumento che produce risultati ripetibili per principianti e professionisti; e uno strumento in grado di generare automaticamente script di test e riprodurre registrazioni con la massima affidabilità.
In questo articolo descriveremo TestCafe Studio e perché è la scelta migliore per i test web.
Descriveremo in dettaglio le funzionalità di TestCafe Studio e dimostreremo come creare un test funzionante per una pagina web complessa in soli 2 minuti.
Le basi
TestCafe Studio è un IDE multipiattaforma per test web end-to-end. È alimentato da Framework open source TestCafe e consente di creare, eseguire e mantenere test automatizzati senza codice.
Puoi registrare i test visivamente nel tuo browser preferito, modificare gli script nella sua interfaccia IDE ed eseguire i test su diversi browser, piattaforme e dispositivi.
TestCafe Studio è stato progettato da zero per il Web e i browser moderni e non si basa su Selenium o altre piattaforme di test legacy.
TestCafe Studio è stato creato per sviluppatori e ingegneri QA che lo desiderano semplificare il processo di test .
Per i principianti e per coloro che non hanno esperienza di codifica, TestCafe Studio elimina la necessità di generare manualmente script di test. Per ingegneri esperti di QA e sviluppatori di software, TestCafe Studio include strumenti progettati per aumentare la produttività e ridurre il tempo necessario per testare applicazioni web complesse.
Caratteristiche principali di TestCafe Studio
Come sapete, il mercato dei test Web include più framework progettati per emulare l'attività degli utenti e automatizzare i test Web end-to-end. Sfortunatamente, la maggior parte di questi strumenti richiede agli utenti di scrivere tonnellate di codice standard e decifrare configurazioni complesse.
Se sei come noi, però, sai che anche dopo aver scritto tutto quel codice boilerplate e configurato il tuo browser, i test con framework legacy producono costantemente risultati incoerenti (e l'esecuzione dei test è limitata a pochi browser e un'unica piattaforma).
Per aiutare ad affrontare le carenze intrinseche dei framework esistenti e consentire di dedicare meno tempo alla scrittura / gestione degli script di test, TestCafe Studio viene fornito con le seguenti funzionalità 'indispensabili':
# 1) Registratore di test Web visuale completamente integrato
Il Visual Test Recorder di TestCafe Studio osserva le azioni mentre navighi e fai clic su una pagina web e genera automaticamente i passaggi del test. Senza alcun lavoro aggiuntivo, questi passaggi registrati possono essere utilizzati per testare rapidamente la pagina Web su diversi browser desktop, mobili e piattaforme cloud.
E a differenza dei 'registratori di test pseudo-visivi' che generano selettori goffi che non possono riprodurre in modo affidabile i test registrati visivamente, il registratore di test visivi di TestCafe Studio è stato progettato per produrre risultati coerenti, con una riproduzione affidabile dei test.
# 2) Selettori di elementi generati automaticamente
La costruzione dei selettori di elementi di pagina utilizzati nelle azioni o nelle asserzioni è un'operazione complessa, dispendiosa in termini di tempo e soggetta a errori.
Se hai scritto script di test in passato, potresti avere familiarità con i problemi travolgenti che devono affrontare gli strumenti di test legacy, quegli strumenti che ignorano la necessità di selettori di elementi generati automaticamente.
A differenza degli altri strumenti, TestCafe Studio genera automaticamente i selettori per ogni elemento della pagina all'interno di un determinato test. Supporta tutti gli elementi HTML di base e supporterà gli input shadow DOM e HTML5 con editor pop-up nativi in una versione futura.
Per coprire gli scenari di test più ampi possibili, TestCafe Studio genera un selettore di elementi ottimale e una serie di alternative. Se è necessario fare clic su un pulsante, è possibile selezionarlo nel test utilizzando la sua didascalia, proprio come farebbe un utente.
Se, tuttavia, il tuo obiettivo è verificare che venga visualizzata la didascalia corretta, puoi utilizzare l'ID o il nome della classe per identificare il pulsante.
Inoltre, in un prossimo aggiornamento, sarai in grado di classificare gli identificatori di elementi come attributi, nome di tag o contenuto di testo (TestCafe Studio genererà selettori in base ai tuoi identificatori preferiti).
Naturalmente, sei libero di modificare manualmente i selettori generati automaticamente da TestCafe in base alle esigenze. Puoi persino creare selettori da zero: il Selector Constructor di TestCafe Studio è stato progettato per mettere il controllo nelle tue mani.
# 3) Test multipiattaforma e cross-browser
TestCafe Studio è un'applicazione multipiattaforma che funziona su macOS, Windows e Linux.
I file / script di test sono indipendenti dalla piattaforma: indipendentemente da dove sono stati registrati, i test possono essere eseguiti su più piattaforme OS, dispositivi (desktop / mobili), servizi di test cloud (come BrowserStack o SauceLabs) e sistemi di integrazione continua (inclusi CircleCI , Bitbucket , Azure, TeamCity, Jenkins, Travis, GitLab, ecc.).
Puoi registrare i test in qualsiasi browser desktop principale, inclusi Chrome, Firefox, Safari, Internet Explorer e Edge. Indipendentemente dal browser utilizzato per registrare uno script, questi test verranno eseguiti su tutti i browser Web moderni senza intoppi.
L'approccio indipendente dalla piattaforma e dal browser di TestCafe Studio al test web consente di rilevare rapidamente i bug specifici della piattaforma e del browser e garantisce che la tua app web offra la stessa esperienza utente su browser / dispositivi.
# 4) Nessuno strumento aggiuntivo da mantenere
strumento di riparazione pc gratuito windows 10
TestCafe Studio non richiede Selenio / WebDriver o qualsiasi plug-in del browser o componenti aggiuntivi di terze parti. Un vantaggio immediato di questa architettura autonoma è l'efficienza.
Con TestCafe Studio, puoi iniziare il test non appena il prodotto viene installato. Non è necessario cercare driver e plug-in.
Forse più importante è l'indipendenza dal sistema di TestCafe. Quando viene rilasciata una nuova versione principale del tuo browser preferito, puoi essere certo che i test Web esistenti non falliranno a causa della mancanza di plug-in o componenti aggiuntivi.
Con TestCafe Studio, non dovrai mai aspettare che sviluppatori di terze parti risolvano i problemi causati dal browser o dagli aggiornamenti di sistema.
TestCafe Studio e il tuo browser web preferito sono tutto ciò di cui hai bisogno per registrare ed eseguire test web.
# 5) Meccanismo di attesa integrato
I test del software Web sono asincroni per natura. Le azioni dell'utente raramente producono risultati immediati, soprattutto se tali azioni sono accompagnate da viaggi di andata e ritorno al server o da effetti di animazione integrati.
Con gli strumenti di test Web legacy, agli ingegneri QA viene chiesto di gestire questi eventi asincroni mettendo manualmente in pausa il motore di test per evitare errori di test. Inutile dire che questo codice standard di 'attesa' (progettato per superare i limiti dello strumento di test stesso) è difficile da mantenere e soggetto a guasti.
Tuttavia, come sapete, l'inserimento di quel codice 'wait' rappresenta la realtà per quasi tutti i legacy strumenti di test web .
TestCafe Studio gestisce le operazioni asincrone in modo diverso. Prima di ogni azione o asserzione, attende automaticamente che l'elemento di destinazione diventi disponibile (caricato, visibile, non oscurato da un altro elemento, ecc.).
Per garantire la massima affidabilità, TestCafe Studio esegue automaticamente un'asserzione se una determinata condizione non è stata soddisfatta durante il primo tentativo.
TestCafe Studio ti consente di concentrarti sulle azioni dell'utente ed elimina la necessità di scrivere codice complicato e standard progettato per affrontare le carenze delle piattaforme di test legacy.
Crea un test web in 2 minuti con TestCafe Studio
In questa demo di 2 minuti, vedrai come utilizzare TestCafe Studio e testare una pagina web con funzionalità di caricamento di file integrate.
Selezionare e caricare due file, quindi eseguire due asserzioni: una per l'output del nome file corretto e un'altra per il formato dell'etichetta della dimensione del file corretta. E sì, con Visual Test Recorder di TestCafe Studio, avremo solo bisogno di un paio di minuti per creare ed eseguire quel test.
Passo 1)Avvia TestCafe Studio, inserisci l'URL del sito web nella sua schermata di benvenuto e fai clic su 'Avvia registrazione di un test'.
Il tuo browser navigherà all'indirizzo specificato, mentre Visual Test Recorder è attivo e in esecuzione in background, sarai pronto per registrare la tua interazione con la pagina web.
Usa il Modalità di caricamento menu a discesa per specificare che si desidera avviare manualmente il caricamento del file.
Abilita la casella di controllo che consente di caricare più file.
Clic Seleziona File e crea una selezione.
Clic Caricare.
Passo 2)Passa a TestCafe Studio per visualizzare i comandi generati dalle tue azioni.
Passaggio 3)L'interfaccia utente di questo esempio viene visualizzata in un IFRAME, quindi la prima azione è il cambio di contesto. Fare clic e caricare i passaggi seguono, replicando le tue azioni.
Finiamo il test con un paio di affermazioni. Per prima cosa controlleremo se l'app demo mostra il nome file corretto.
Ancora una volta, non è necessario scrivere una sola riga di codice. Clicca il 
icona per aggiungere un'asserzione con una condizione 'uguale'.
Quindi usa il 
per selezionare l'elemento di destinazione in modo interattivo nel browser.
come usare assert in c ++
Questo focalizza la finestra del browser in modo da poter puntare all'elemento richiesto.
TestCafe Studio genererà un selettore per questo elemento e aprirà l'elenco delle sue proprietà. Seleziona la proprietà che desideri far valere.
TestCafe Studio recupera il valore corrente della proprietà e puoi confermare di volerlo utilizzare per il confronto.
Passaggio 4)Allo stesso modo, puoi affermare il valore della proprietà CSS della dimensione del carattere di un'etichetta.
Passaggio 5)Il test è ora pronto e puoi interrompere la registrazione. Per eseguire il test, premi il pulsante Esegui e guarda TestCafe riprodurre le tue azioni.
Passaggio # 6)Una volta completata l'esecuzione del test, esaminare il rapporto del test per i risultati.
Questo è tutto. In un paio di minuti e senza alcun codice, abbiamo creato un test pronto per essere eseguito su browser diversi, su piattaforme diverse, in un sistema CI, in locale o su BrowserStack.
Conclusione
TestCafe Studio è una piattaforma di automazione dei test molto leggera e veloce. Non richiede WebDriver o alcun plug-in del browser per l'avvio. Puoi semplicemente installarlo e iniziare a creare test end-to-end con visual test recorder senza scrivere alcun codice di test.
Puoi scarica una versione di prova di 30 giorni da qui e confronta TestCafe Studio con la tua attuale piattaforma di test web per vedere la differenza. Facci sapere se hai domande durante l'utilizzo di questo strumento.
Lettura consigliata
- Migliori strumenti di test del software 2021 (Strumenti di automazione del test QA)
- Test di carico con LoadUI: uno strumento di test di carico gratuito e open source
- Download dell'eBook Testing Primer
- Esecuzione e verifica del codice di prova su Appium Studio per Eclipse
- Semplificare il test delle API con Katalon Studio
- Tutorial sullo strumento di test dell'accessibilità di WAVE
- Test di app mobili utilizzando Katalon Studio e la Device Farm basata su cloud di Kobiton
- La chiave per un test unitario di successo: come gli sviluppatori testano il proprio codice?