Meniu

Tutorial Browserstack: Platforma de testare a aplicațiilor și browserului (GHID)

  • Principal
  • Alte
  • Tutorial Browserstack: Platforma de testare a aplicațiilor și browserului (GHID)

browserstack tutorial

Încercați Instrumentul Nostru Pentru Eliminarea Problemelor

Aflați cum să utilizați aplicația mobilă Browserstack și platforma de testare a browserului încrucișat în acest tutorial practic detaliat Browserstack:

BrowserStack este platforma de testare, pentru a testa site-urile web și aplicațiile mobile.

Putem testa o aplicație web în mai multe browsere și aplicații mobile pe toate dispozitivele mobile, fără mașini, dispozitive și emulatoare virtuale.

Când vine vorba de o aplicație mobilă, putem testa aplicațiile mobile Android și iOS.

Tutorial BrowserStack

Ce veți învăța:

Ce este BrowserStack?

Browser Stack este un instrument de testare bazat pe cloud. Folosind acest instrument, dezvoltatorii și testerii pot efectua teste pe diverse browser-uri pentru diferite aplicații web și mobile în diferite browsere web.

Ce este testarea browserului încrucișat?

Testarea cross-browser este testarea funcțională. Efectuăm aceste teste pentru a verifica dacă aplicația funcționează conform așteptărilor sau nu în diferite browsere web pentru diferite sisteme de operare. Aici, putem rula cazurile de testare manual sau prin automatizare prin specificarea diferitelor browsere în scripturile de automatizare.

Citire sugerată => Ghid pentru începători pentru testarea cross-browser

De ce BrowserStack?

În timp real, este dificil să testați o aplicație în diferite browsere folosind mai multe sisteme de operare, cu versiuni diferite.

Va costa foarte mult să cumpărați multe computere pentru a instala diferite sisteme de operare. Este și mai dificil să cumperi toate dispozitivele mobile Android și iOS disponibile astăzi pe piață. Din acest motiv, nu este practic să cumpărați și să configurați toate dispozitivele.

Astfel, mergem cu BrowserStack pentru a evita complexitatea comutării între sistemele de operare, browsere și diferite versiuni.

Când vine vorba de testarea aplicațiilor mobile, putem evita cumpărarea tuturor dispozitivelor mobile disponibile astăzi. Browser Stack este foarte flexibil și scalabil. Putem testa oriunde și oricând cu ajutorul Browser Stack.

Putem folosi Browser Stack ca laborator de la distanță și îl putem folosi ca Real Desktop Browsers. Ne oferă teste unitare Javascript gratuite și acceptă 750 de configurații. Nu este necesară configurarea pentru utilizarea Browser Stack. Îl putem folosi direct pe orice mașină independentă utilizând URL-ul Bracker Stack și acreditările sale de conectare.

Pagina principală BrowserStack

Istoricul BrowserStack

BrowserStack a fost fondat de Ritesh Arora și Nakul Aggarwal în Mumbai, India în anul 2011. Are aproximativ 25000 de utilizatori plătiți și 2000000 de utilizatori înregistrați în 135 de țări. Acum multe companii se bazează pe Browser Stack pentru testarea aplicațiilor web și mobile.

Caracteristici ale BrowserStack

  • Testare cross-browser cu diferite browsere pe diferite sisteme de operare.
  • Testarea nativă a aplicațiilor pe mobil.
  • Testarea aplicațiilor hibride.
  • Automatizați aplicațiile web și mobile.

Testarea aplicației web

# 1) Înscrieți-vă cu BrowserStack.

Înscrieți-vă BrowserStack

#Două) Conecteaza-te la contul tau.

Autentificare

# 3) Alegeți opțiunea de testare interactivă interactivă live din meniul derulant pentru produse.

cross-browser interactiv live

# 4 ) Veți vedea lista de sisteme de operare în partea stângă a paginii. Avem Android, iOS, Windows Phone, Windows 10, Windows 8, Windows XP, Mac și multe altele.

Selectați sistemul de operare

# 5) Alegeți orice sistem de operare din listă. Veți putea vedea o listă de browsere cu diferite versiuni. Putem vedea browsere precum Chrome, Mozilla Firefox, IE, opera, safari etc. cu diferite versiuni precum Chrome 75, Chrome 74, Chrome 73, IE 11, IE 10 etc.

Lista browser-ului cu versiunea

# 6) Alegeți un anumit browser din orice versiune. Browserul va fi deschis. Introduceți adresa URL a aplicației. Începeți să testați aplicația în același mod în care faceți în browserele de sistem reale.

Introduceți adresa URL a aplicației

Utilizarea funcțiilor cheie Stack Browser în timpul testării aplicației

Dacă doriți să alegeți orice alt browser, faceți clic pe opțiunea comutare browser. Aceasta vă va naviga la ecranul tabloului de bord, unde puteți alege celălalt browser pentru testare.

Dacă doriți să testați aplicația pe o altă rezoluție, faceți clic pe pictograma rezoluției, unde va apărea o listă a rezoluției disponibile, o puteți selecta pe cea necesară și puteți continua testarea.

Odată ce ați terminat testarea într-un anumit browser, faceți clic pe oprirea sesiunii și vă va duce la ecranul tabloului de bord.

Funcția cheie - Comutați browserul

Crearea unui bug din BrowserStack

Click pe Raportați o opțiune de eroare . Veți vedea o casetă de opțiuni pentru a evidenția problema pe pagină. Puteți evidenția problema utilizând diferite opțiuni precum dreptunghi, cerc, creion etc.

În plus, puteți vedea modul de opțiune pentru raportarea unei erori, cum ar fi locul în care doriți să raportați o eroare, utilizând Jira, Trello, GitHub, Slack sau prin e-mail sau dacă doriți să descărcați pagina problemei , etc. În acest fel, puteți alege orice opțiune din lista de mai sus și puteți continua mai departe pentru a raporta o eroare.

Crearea erorilor

generator de numere aleatorii 0-1

Testarea aplicației mobile în browserele mobile

Alegeți opțiunea de testare interactivă interactivă live din meniul derulant pentru produse. Veți vedea lista de sisteme de operare în partea stângă a paginii. Faceți clic pe opțiunea Android din lista respectivă. Puteți vedea lista dispozitivelor Android, cum ar fi Samsung, Motorola, Google, un plus, etc.

Treceți cu mouse-ul pe dispozitivul pe care doriți să îl testați și veți putea vedea browsere precum Chrome, Mozilla Firefox, Safari, browserul UC etc. Alegeți browserul și browserul selectat se va deschide.

Aplicație mobilă - Selectați browserul

Introduceți adresa URL a aplicației și începeți să testați cum o faceți în browserul de sistem real.

Testarea aplicației mobile native în BrowserStack

Înscrieți-vă la contul Browser Stack și conectați-vă cu contul. Alege App Live - Testarea interactivă a aplicațiilor native și hibride din meniul derulant pentru produse.

Testarea aplicației native

Veți vedea cele 3 file principale acolo, adică pentru a încărca aplicația, lista dispozitivelor Android și lista dispozitivelor iOS.

Aplicații încărcate

Încărcarea aplicației

Faceți clic pe butonul de încărcare a aplicației și se va deschide o fereastră de dialog a sistemului.

Accesați dosarul aplicației, alegeți aplicația pe care doriți să o testați și aplicația va fi încărcată cu succes. Veți putea vedea aplicația în secțiunea de aplicații încărcate. Acolo putem încărca aplicațiile până la dimensiunea de 500 MB.

Putem încărca aplicația și în alte moduri. Alege Opțiune de testare a aplicațiilor interactive native native și hibride din meniul derulant pentru produse și selectați fila dispozitiv Android real sau fila dispozitiv iOS real.

Alegeți orice dispozitiv și acesta se va deschide. Faceți clic pe magazinul de jocuri. Conectați-vă cu contul și căutați în aplicația pe care doriți să o testați. Descărcați și instalați aplicația și începeți să testați aplicația.

În mod similar, putem încărca aplicațiile în mai multe moduri, adică prin sincronizarea cu centrul aplicației, prin sincronizarea cu hockeyapp, prin instalarea cu testflight, prin instalarea cu magazinul de aplicații sau prin instalarea cu magazinul de jocuri.

Ștergerea aplicației

Faceți clic pe pictograma de ștergere și veți vedea caseta de selectare de la fiecare aplicație. Bifați caseta de selectare și faceți clic pe linkul de ștergere și va șterge automat aplicația încărcată după finalizarea a 60 de zile de la data încărcării.

Acum observați fila dispozitivelor Android reale, faceți clic pe această filă și veți vedea lista dispozitivelor Android precum Samsung, Motorola, Google, un plus, etc., cu diferite modele de dispozitive. Puteți vedea versiunea sistemului de operare și dimensiunea ecranului în fiecare model.

Versiunea sistemului de operare

Acum observați fila dispozitivelor iOS reale și faceți clic pe această filă, veți vedea lista dispozitivelor iOS precum iPhone și iPad cu diferite modele de dispozitive. Puteți vedea versiunea sistemului de operare și dimensiunea ecranului în fiecare model.

Dispozitive reale iOS

Faceți clic pe orice dispozitiv Android sau iOS pentru testare. Dispozitivul respectiv va fi deschis și aplicația va fi lansată. Începeți să testați cum mergeți pe dispozitivul real.

Selectați dispozitivul iOS

Utilizarea funcțiilor cheie ale stivei browserului în timpul testării native a aplicațiilor

Faceți clic pe opțiunea Comutare dispozitiv, dacă doriți să comutați dispozitivul. Faceți clic pe opțiunea Oprire sesiune după ce ați terminat testarea pe un anumit dispozitiv și va naviga la pagina tabloului de bord. Faceți clic pe setări pentru a alege expirarea sesiunii și a monitoriza dimensiunea.

Putem crea eroarea făcând clic pe Raportați o opțiune de eroare , la fel ca ceea ce am discutat în secțiunea de testare web de mai sus. Acum, uitați-vă la meniul setului de instrumente web, care are mai multe opțiuni pentru a utiliza dispozitivul în mod fezabil și pentru a testa aplicația.

Faceți clic pe Opțiunea Rotire dispozitiv pentru a roti dispozitivul orizontal sau vertical. Faceți clic pe instalează aplicația pentru a instala noua aplicație. Faceți clic pe ucide aplicația pentru a închide doar aplicația și nu dispozitivul. Click pe Schimbați limba pentru a schimba limba pentru testare. Click pe informații despre dispozitiv pentru a verifica informațiile complete despre dispozitiv.

Testarea nativă a aplicațiilor

Comparație între testarea BrowserStack și testarea dispozitivelor reale

Testarea stivei browserului Testarea dispozitivului real
Economic: Putem testa aplicația pe un singur dispozitiv prin comutarea diferitelor dispozitive și browsere. Nu economic: Trebuie să cumpărați toate dispozitivele disponibile pe piață pentru testare.
Foarte flexibil: Putem face teste cross-browser și testarea aplicațiilor mobile pe o singură platformă.Trebuie să transportăm mai multe dispozitive oriunde mergem.
Nu este nevoie să cumpărați licența sistemului de operare.Trebuie să cumpărați o licență de sistem de operare.
Rapid: Nu trebuie să așteptați pentru a încărca sistemul de operare și browserele. Încet: Trebuie să așteptați pentru a încărca sistemul de operare și browserele.
Nu este nevoie să folosiți mașini virtuale.Trebuie să folosim mașini virtuale.

Automatizați site-ul web folosind scripturi Selenium

Să scriem scripturile Selenium și să facem teste de automatizare în Browser Stack. Descărcați și instalați cea mai recentă versiune de Java. Descărcați și instalați cea mai recentă versiune de Eclipse sau alt IDE.

Trebuie să obținem numele de utilizator și cheia de acces din Browser Stack. Pentru a obține acest lucru, conectați-vă cu acreditările browserului, accesați produse și faceți clic pe Automatizează . Observați numele de utilizator și cheia de acces din partea stângă. Notați numele de utilizator și parola.

Automatizarea folosind scripturile Selenium

Deschideți IDE-ul Eclipse. Creați proiectul Java, creați pachetul, creați fișierul de clasă și adăugați toate fișierele jar Selenium necesare în proiect. Scrieți variabilele pentru numele de utilizator și cheia de acces. Treceți adresa URL, numele de utilizator și parola. Folosiți adnotări. Creați metoda.

Setați capacitățile dorite pentru a vedea jurnalele. Setăm capabilitățile dorite pentru a informa driverul web, pentru a alege sistemul de operare menționat, browserul și versiunea browserului. Creați obiectul pentru driverul web, obțineți adresa URL pentru a deschide site-ul web. Scrieți comenzile implicite de așteptare pentru a aștepta până la lansarea aplicației.

Scrieți codul pentru testarea comenzilor cum ar fi, Obțineți adresa URL, pentru a verifica adresa URL așteptată utilizând afirmație și alte funcționalități precum, faceți clic, navigați, introduceți date și multe altele.

Rulați scriptul. Observați fila automatizare. Verificați jurnalul de testare a tuturor pașilor de testare și consultați jurnalele vizuale pentru a vedea capturile de ecran ale site-ului web. Observați jurnalele de consolă și jurnalele de rețea pentru alte informații.

Public class testbrowserstack { Public static String Username =”anand”; Public static String accesskey =”anandaccess”; public static final String URL = 'https://' + username + ':' + accesskey + '@hub-cloud.browserstack.com/wd/hub'; public static void main(String() args) throws Exception { DesiredCapabilities caps = new DesiredCapabilities(); caps.setCapability('browserName', 'iPhone'); caps.setCapability('device', 'iPhone X'); caps.setCapability('realMobile', 'true'); caps.setCapability('os_version', '11'); caps.setCapability('name', 'Bstack-(Java) Sample Test'); WebDriver driver = new RemoteWebDriver(new URL(URL), caps); driver.get('http://www.google.com'); WebElement element = driver.findElement(By.name('q')); element.sendKeys('BrowserStack'); element.submit(); System.out.println(driver.getTitle()); driver.quit(); }

Avantajele testării BrowserStack

  1. Putem testa toate browserele majore dintr-un singur punct de control.
  2. Putem testa compatibilitatea versiunii înapoi / mai vechi a browserelor.
  3. Suportă atât testarea manuală, cât și automatizarea.
  4. Putem testa toate dispozitivele și browserele disponibile în prezent pe piață.
  5. Putem testa aplicația în diferite rezoluții.

Dezavantaje ale testării BrowserStack

  1. Timpul de răspuns nu este la fel de bun ca o mașină virtuală instalată local.
  2. Stack-ul browserului nu este open-source.
  3. Unele erori pe care le putem găsi pe dispozitive reale nu pot fi identificate.

Concluzie

Folosind BrowserStack putem efectua testări complete fără dependența de instalare a unei mașini virtuale. Browser Stack este mai flexibil și mai fiabil de testat și într-adevăr economisește bani și timp.

Este ca un acoperiș mare pentru toate dispozitivele, sistemele de operare, browserele și toate cu versiuni diferite. Prin urmare, putem testa tot felul de aplicații cu Browser Stack.

Browser Stack poate rula pe peste 200 de browsere și peste 40 de dispozitive mobile. Poate rula teste pe un serviciu cloud. Nu este o platformă open-source. Trebuie să plătiți pentru a cumpăra licența pe baza planului pe care îl luați și a testului pe care doriți să îl derulați.

Ați folosit deja BrowserStack? Dacă nu, ești gata să încerci astăzi?

Lectură recomandată

^