testcafe studio tool automate your web testing without writing code
Tutorial de revisió pràctica de l'eina de proves web TestCafe Studio:
Us frustren les limitacions de les eines de proves web heretades?
Vosaltres i el vostre equip de control de qualitat busqueu alternatives a productes com Selenium?
Necessiteu una eina de proves web fàcil d'utilitzar, fiable i lliure de controladors web complicats?
quin tipus de prova s’utilitza per verificar que tots els programes d’una aplicació funcionen correctament?
Aquí teniu la solució a totes les vostres preguntes.
Què aprendreu:
- TestCafe Studio: la plataforma de proves web de l’empresa
- Creeu una prova web en 2 minuts amb TestCafe Studio
- Conclusió
TestCafe Studio: la plataforma de proves web de l’empresa
TestCafe Studio es crea per proporcionar una plataforma de proves que podria ajudar a simplificar el procés de proves web .
Segons la seva missió: volien crear una eina fàcil de configurar i lliure de complexitat innecessària; una eina que produeix resultats repetibles tant per a principiants com per a professionals; i una eina que pot generar automàticament scripts de prova i gravacions de reproducció amb la màxima fiabilitat.
En aquest article, descriurem TestCafe Studio i per què és la millor opció per fer proves web.
Detallarem les funcions de TestCafe Studio i demostrarem com podeu crear una prova de treball per a una pàgina web complexa en només 2 minuts.
Els bàsics
TestCafe Studio és un IDE multiplataforma per a proves web d'extrem a extrem. És alimentat per Marc de codi obert TestCafe i us permet crear, executar i mantenir proves automatitzades amb codi zero.
Podeu enregistrar proves visualment al vostre navegador preferit, editar scripts a la seva interfície IDE i executar proves en diferents navegadors, plataformes i dispositius.
TestCafe Studio ha estat dissenyat des de zero per a navegadors i navegadors web moderns i no confia en Selenium ni en altres plataformes de proves heretades.
TestCafe Studio es va crear per a desenvolupadors i enginyers de control de qualitat que ho desitgin simplificar el procés de proves .
Per a principiants i sense experiència en codificació, TestCafe Studio elimina la necessitat de generar manualment scripts de prova. Per a enginyers i desenvolupadors de programari amb experiència en control de qualitat, TestCafe Studio inclou eines dissenyades per augmentar la productivitat i reduir el temps necessari per provar aplicacions web complexes.
Funcions clau de TestCafe Studio
Com ja sabeu, el mercat de proves web inclou diversos marcs dissenyats per emular l’activitat de l’usuari i automatitzar les proves web de punta a punta. Malauradament, la majoria d’aquestes eines requereixen que els usuaris escriguin tones de codi de la caldera i desxifrin configuracions complexes.
Si sou com nosaltres, sabeu que, fins i tot després d’escriure tot aquest codi de la caldera i configurar el navegador, les proves amb marcs heretats produeixen resultats coherents de manera coherent (i l’execució de la prova es limita a uns quants navegadors i a una única plataforma).
Per ajudar-vos a solucionar les deficiències inherents als marcs existents i a permetre-vos dedicar menys temps a escriure / gestionar scripts de prova, TestCafe Studio inclou les següents funcions 'imprescindibles':
# 1) Gravador de proves visuals completament integrat
Visual Test Recorder de TestCafe Studio observa les accions mentre navegueu i feu clic per una pàgina web i genera automàticament els passos de prova. Sense cap treball addicional, aquests passos enregistrats es poden utilitzar per provar ràpidament la pàgina web en diferents navegadors d'escriptori, mòbils i plataformes al núvol.
I a diferència dels “gravadors de proves pseudo-visuals” que generen selectors maldestres que no poden reproduir de manera fiable les proves gravades visualment, el Visual Test Recorder de TestCafe Studio va ser dissenyat per produir resultats constants, amb una reproducció de proves fiable.
# 2) Selectors d'elements generats automàticament
Construir els selectors d’elements de pàgina que s’utilitzen en accions o afirmacions és feixuc, lent i propens als errors.
Si en el passat heu escrit guions de prova, és possible que estigueu familiaritzat amb els problemes aclaparadors que afronten les eines de prova heretades, eines que ignoren la necessitat de seleccionar elements automàticament.
A diferència de la resta d'eines, TestCafe Studio genera automàticament selectors per a cada element de pàgina d'una prova determinada. Admet tots els elements HTML bàsics i admetrà entrades shadow DOM i HTML5 amb editors emergents natius en una versió futura.
Per cobrir els escenaris de prova més amplis possibles, TestCafe Studio genera un selector d'elements òptim i un conjunt d'alternatives. Si heu de fer clic a un botó, podeu seleccionar-lo a la prova amb el títol, tal com ho faria un usuari.
Tanmateix, si el vostre objectiu és verificar que es mostri el títol correcte, podeu utilitzar l'identificador o el nom de la classe per identificar el botó.
A més, en una propera actualització, podreu classificar els identificadors d’elements com ara atributs, nom de l’etiqueta o contingut de text (TestCafe Studio generarà selectors segons els vostres identificadors preferits).
Per descomptat, podeu editar manualment els selectors generats automàticament de TestCafe segons les necessitats. Fins i tot podeu crear selectors des de zero: Selector Constructor de TestCafe Studio va ser dissenyat per posar el control a les vostres mans.
# 3) Proves multiplataforma i navegador creuat
TestCafe Studio és una aplicació multiplataforma que funciona a macOS, Windows i Linux.
Els fitxers / scripts de prova són agnòstics de la plataforma: independentment d’on s’hagin gravat, les proves es poden executar en diverses plataformes de SO, dispositius (d’escriptori / mòbil), serveis de proves al núvol (com BrowserStack o SauceLabs) i sistemes d’integració contínua (inclosos Cercle CI , Bitbucket , Azure, TeamCity, Jenkins, Travis, GitLab, etc.).
Podeu enregistrar proves en qualsevol navegador d’escriptori important, inclosos Chrome, Firefox, Safari, Internet Explorer i Edge. Independentment del navegador utilitzat per gravar un script, aquestes proves s’executaran a tots els navegadors web moderns sense problemes.
L’enfocament agnòstic de la plataforma i el navegador de TestCafe Studio per a les proves web li permet detectar ràpidament els errors específics de la plataforma i del navegador i garantir que la vostra aplicació web ofereixi la mateixa experiència d’usuari en tots els navegadors / dispositius.
# 4) No hi ha eines addicionals per mantenir
TestCafe Studio no requereix Seleni / WebDriver , o qualsevol complement del navegador o complements de tercers. Un avantatge immediat d’aquesta arquitectura autònoma és l’eficiència.
Amb TestCafe Studio, podeu començar a fer les proves tan aviat com s’instal·li el producte. No cal buscar controladors ni connectors.
Potser més important sigui la independència del sistema de TestCafe. Quan es publiqui una nova versió important del vostre navegador preferit, podeu estar segur que les proves web existents no fallaran a causa de la manca de complements o complements.
Amb TestCafe Studio, mai no haureu d’esperar a que desenvolupadors externs puguin solucionar els problemes causats per les actualitzacions del navegador o del sistema.
TestCafe Studio i el vostre navegador web preferit són tot el que necessiteu per enregistrar i executar proves web.
# 5) Mecanisme d'espera incorporat
Les proves de programari web són asíncrones per naturalesa. Les accions de l'usuari poques vegades produeixen resultats immediats, sobretot si aquestes accions van acompanyades d'anades i tornades al servidor o d'efectes d'animació integrats.
Amb les eines de prova web heretades, es demana als enginyers de control de qualitat que gestionin aquests esdeveniments asíncrons pausant manualment el motor de prova per evitar errors de prova. No cal dir que aquest codi d'espera de la caldera (dissenyat per superar les limitacions de la pròpia eina de proves) és difícil de mantenir i propens a fallar.
Tanmateix, com ja sabeu, inserir aquest codi 'espera' representa la realitat de gairebé tots els llegats eines de proves web .
TestCafe Studio gestiona les operacions asíncrones de manera diferent. Abans de cada acció o afirmació, espera automàticament que l'element objectiu estigui disponible (carregat, visible, no ocult per un altre element, etc.).
Per garantir la màxima fiabilitat, TestCafe Studio executa automàticament una afirmació si no es compleix una condició determinada durant el primer intent.
TestCafe Studio us permet centrar-vos en les accions de l’usuari i elimina la necessitat d’escriure un codi complicat dissenyat per solucionar les deficiències de les plataformes de proves heretades.
Creeu una prova web en 2 minuts amb TestCafe Studio
En aquesta demostració de 2 minuts, veureu com utilitzar TestCafe Studio i provar una pàgina web amb funcions de càrrega de fitxers integrades.
Seleccionarem i penjarem dos fitxers i, a continuació, farem dues afirmacions: una per a la sortida correcta del nom de fitxer i una altra per al format d’etiqueta de mida de fitxer adequat. I sí, amb Visual Test Recorder de TestCafe Studio, només necessitarem un parell de minuts per crear i executar aquesta prova.
Pas 1)Inicieu TestCafe Studio, introduïu l'URL del lloc web a la pantalla de benvinguda i feu clic a 'Inicia la gravació d'una prova'.
El navegador navegarà fins a l’adreça especificada, mentre que Visual Test Recorder estigui funcionant i en segon pla, estareu a punt per enregistrar la vostra interacció amb la pàgina web.
Utilitzar el Mode de pujada desplegable per especificar que voleu iniciar la càrrega de fitxers manualment.
eina de reparació gratuïta de Windows 10
Activeu la casella de selecció que permet carregar diversos fitxers.
Feu clic a Seleccioneu Fitxer i fes una selecció.
Feu clic a Pujar.
Pas 2)Canvieu a TestCafe Studio per veure les ordres generades per les vostres accions.
Pas 3)La interfície d’usuari d’aquest exemple es representa en un IFRAME, de manera que la primera acció és el commutador de context. Feu clic i pengeu els passos següents, que repliquen les accions.
Finalitzem la prova amb un parell d’afirmacions. Primer comprovarem si l'aplicació de demostració mostra el nom del fitxer correcte.
Un cop més, no cal que escriviu cap línia de codi. Feu clic a 
icona per afegir una afirmació amb una condició 'igual'.
A continuació, utilitzeu el fitxer 
per seleccionar l'element de destinació de manera interactiva al navegador.
Això centra la finestra del navegador perquè pugueu assenyalar l'element requerit.
TestCafe Studio generarà un selector per a aquest element i obrirà la llista de les seves propietats. Seleccioneu la propietat que voleu afirmar.
TestCafe Studio recupera el valor de la propietat actual i podeu confirmar que voleu utilitzar-lo per a la comparació.
Pas 4)De la mateixa manera, podeu afirmar el valor de propietat CSS de la mida de la font d’una etiqueta.
Pas 5)La prova ja està a punt i podeu aturar la gravació. Per executar la prova, premeu el botó Executa i mireu TestCafe repetir les vostres accions.
Pas 6)Un cop finalitzada la prova, reviseu l'informe de prova per obtenir resultats.
youtube a mp3 durant més de 20 minuts
Això és. En només un parell de minuts i sense cap codi, hem creat una prova que es pot executar en diferents navegadors, en diferents plataformes, en un sistema CI, localment o en BrowserStack.
Conclusió
TestCafe Studio és una plataforma d’automatització de proves molt lleugera i ràpida. No requereix WebDriver ni cap complement de navegador per iniciar-se. Simplement podeu instal·lar-lo i començar a crear proves de punta a punta amb el gravador de proves visuals sense escriure cap codi de prova.
Tu pots descarregueu una prova de 30 dies des d’aquí i compareu TestCafe Studio amb la vostra plataforma de proves web actual per veure la diferència. Feu-nos saber si teniu cap pregunta mentre utilitzeu aquesta eina.
Lectura recomanada
- Les millors eines de prova de programari 2021 (Eines d'automatització de proves de control de qualitat)
- Prova de càrrega mitjançant LoadUI: una eina de prova de càrrega de codi obert i lliure
- Prova de descàrrega de llibres electrònics
- Execució i verificació del codi de prova a Appium Studio per a Eclipse
- Feu que les proves API siguin senzilles amb Katalon Studio
- Tutorial de l'eina de proves d'accessibilitat WAVE
- Prova d’aplicacions mòbils mitjançant la granja de dispositius basats en el núvol de Katalon Studio i Kobiton
- Clau per a la prova unitària amb èxit: com els desenvolupadors proven el seu propi codi?