Meny

Browserstack Tutorial: App and Browser Testing Platform (GUIDE)

  • Hoved
  • Annen
  • Browserstack Tutorial: App and Browser Testing Platform (GUIDE)

browserstack tutorial

Prøv Instrumentet Vårt For Å Eliminere Problemer

Lær hvordan du bruker nettleser-mobilapp og testplattform på tvers av nettlesere i denne detaljerte praktiske nettleserveiledningen:

BrowserStack er testplattformen for å teste nettsteder og mobilapplikasjoner.

Vi kan teste en webapplikasjon i flere nettlesere og mobilapplikasjoner på alle mobile enheter uten virtuelle maskiner, enheter og emulatorer.

Når det gjelder en mobilapplikasjon, kan vi teste Android- og iOS-mobilapplikasjonene.

BrowserStack opplæring

Hva du vil lære:

Hva er BrowserStack?

Browser Stack er et skybasert testverktøy. Ved hjelp av dette verktøyet kan utviklere og testere utføre tester i flere nettlesere av forskjellige nett- og mobilapplikasjoner i forskjellige nettlesere.

Hva er Cross Browser Testing?

Testing på tvers av nettlesere er funksjonstesting. Vi utfører denne testen for å sjekke om applikasjonen fungerer som forventet eller ikke i forskjellige nettlesere for de forskjellige operativsystemene. Her kan vi kjøre testsakene manuelt eller ved å gjøre automatisering ved å spesifisere de forskjellige nettleserne i automatiseringsskriptene.

Foreslått lese => Nybegynnerveiledning for tvers av nettlesere

Hvorfor BrowserStack?

I sanntid er det vanskelig å teste et program i forskjellige nettlesere ved hjelp av flere operativsystemer, med forskjellige versjoner.

Det vil koste mye å kjøpe mange datamaskiner for å installere forskjellige operativsystemer. Det er enda vanskeligere å kjøpe alle Android- og iOS-mobilenheter som er tilgjengelige i markedet i dag. Av denne grunn er det ikke praktisk å kjøpe og sette opp alle enhetene.

Dermed går vi med BrowserStack for å unngå kompleksiteten ved å bytte mellom operativsystemene, nettleserne og forskjellige versjoner.

Når det gjelder testing av mobilapplikasjoner, kan vi unngå å kjøpe alle mobile enheter som er tilgjengelige i dag. Browser Stack er veldig fleksibel og skalerbar. Vi kan teste hvor som helst og når som helst ved hjelp av Browser Stack.

Vi kan bruke Browser Stack som et eksternt laboratorium og kan bruke dette som Real Desktop Browsers. Det gir oss gratis Javascript-enhetstester og støtter 750 konfigurasjoner. Det er ingen konfigurering nødvendig for bruk av Browser Stack. Vi kan bruke den direkte på en hvilken som helst uavhengig maskin ved å bruke nettleserstabel-nettadressen og dens påloggingsinformasjon.

BrowserStack-hjemmesiden

BrowserStack-historie

BrowserStack ble grunnlagt av Ritesh Arora og Nakul Aggarwal i Mumbai, India i år 2011. Den har rundt 25000 betalte brukere og 2000000 registrerte brukere i 135 land. Nå er mange selskaper avhengige av Browser Stack for testing av nett- og mobilapplikasjoner.

Funksjoner i BrowserStack

  • Testing i flere nettlesere med forskjellige nettlesere på forskjellige operativsystemer.
  • Innfødte apptesting på mobil.
  • Hybrid applikasjonstesting.
  • Automatiser nett- og mobilapplikasjoner.

Testing av webapplikasjonen

#1) Registrer deg med BrowserStack.

Registrer deg BrowserStack

#to) Logg inn på kontoen din.

Logg Inn

# 3) Velg det interaktive testalternativet for nettleser direkte fra rullegardinmenyen for produkter.

live interaktiv nettleser

# 4 ) Du vil se OS-listen på venstre side av siden. Vi har Android, iOS, Windows Phone, Windows 10, Windows 8, Windows XP, Mac og mye mer.

Velg operativsystemet

# 5) Velg hvilket som helst operativsystem fra listen. Du vil kunne se en liste over nettlesere med forskjellige versjoner. Vi kan se nettlesere som Chrome, Mozilla Firefox, IE, opera, safari, etc. med forskjellige versjoner som Chrome 75, Chrome 74, Chrome 73, IE 11, IE 10, etc.

Nettleserliste med versjon

# 6) Velg en bestemt nettleser av hvilken som helst versjon. Nettleseren vil være åpen. Skriv inn URL-en til applikasjonen. Begynn å teste applikasjonen på samme måte som du gjør i de virkelige systemleserne.

Skriv inn URL-en til applikasjonen

Bruke nettleserstakknøkkelfunksjoner mens du tester applikasjonen

Hvis du ønsker å velge en annen nettleser, klikker du på alternativet for å bytte nettleser. Dette vil navigere deg til dashbordskjermen, hvor du kan velge den andre nettleseren for testing.

Hvis du ønsker å teste applikasjonen på en annen oppløsning, klikker du på oppløsningsikonet, der en liste over tilgjengelig oppløsning vil vises, du kan velge ønsket og fortsette med testing.

Når du er ferdig med å teste i en bestemt nettleser, klikker du på Stopp-økten, og den tar deg til dashbordskjermen.

Tastefunksjon - Bytt nettleser

Opprette feil fra nettleserstak

Klikk på Rapporter et feilalternativ . Du vil se en alternativboks for å markere problemet på siden. Du kan markere problemet ved å bruke forskjellige alternativer som rektangel, sirkel, blyant, etc.

I tillegg til det kan du se alternativet for å rapportere en feil, som hvor du vil rapportere en feil, ved å bruke Jira, Trello, GitHub, Slack eller gjennom via e-post, eller hvis du vil laste ned utgavesiden osv. På denne måten kan du velge hvilket som helst alternativ fra listen ovenfor og fortsette videre for å rapportere en feil.

Feilskaping

beste ssh-klient for Windows 10

Testing av mobilapplikasjonen i mobile nettlesere

Velg det interaktive testalternativet for nettleser direkte fra rullegardinmenyen for produkter. Du vil se listen over OS på venstre side av siden. Klikk på android-alternativet fra den listen. Du kan se listen over Android-enheter som Samsung, Motorola, Google, ett pluss, etc.

Hold musen over på enheten du vil teste, og du vil kunne se nettlesere som Chrome, Mozilla Firefox, Safari, UC-nettleser osv. Velg nettleseren og den valgte nettleseren åpnes.

Mobilapplikasjon - Velg nettleseren

Skriv inn URL-en til applikasjonen og begynn å teste hvordan du gjør det i den virkelige systemleseren.

Testing av native mobilapplikasjoner i BrowserStack

Registrer deg til Browser Stack-kontoen og logg på med kontoen. Velg App Live - Interaktiv innfødt og hybrid apptesting alternativ fra rullegardinmenyen for produkter.

Testing Native Application

Du vil se de tre hovedflikene der, dvs. for å laste opp appen, listen over Android-enheter og listen over iOS-enheter.

Lastede apper

Laster opp appen

Klikk på opplastingsknappen for å åpne et systemdialogvindu.

Gå til appmappen, velg appen du vil teste, og appen lastes opp. Du vil kunne se appen under delen for opplastede apper. Der kan vi laste opp appene opp til størrelsen 500 MB.

Vi kan laste opp appen på andre måter også. Velg App Live interaktiv innfødt og hybrid app-testalternativ fra rullegardinmenyen for produkter, og velg kategorien Android-ekte enhet eller iOS-enhet.

Velg hvilken som helst enhet, og den åpnes. Klikk på spillbutikken. Logg på med kontoen og søk i appen du vil teste. Last ned og installer appen og begynn å teste applikasjonen.

På samme måte kan vi laste opp appene på mange flere måter, dvs. ved å synkronisere med app-senteret, ved å synkronisere med hockeyapp, ved å installere med testflight, ved å installere med app store, eller ved å installere med play store.

Slette appen

Klikk på sletteikonet, så ser du avkrysningsruten for hver app. Merk av i avmerkingsboksen og klikk på slettelinken, og den sletter den opplastede appen automatisk etter fullført 60 dager fra datoen for opplastingen.

Følg nå fanen Android-virkelige enheter, klikk på denne fanen, og du vil se listen over Android-enheter som Samsung, Motorola, Google, ett pluss, etc. med forskjellige enhetsmodeller. Du kan se OS-versjonen og skjermstørrelsen i hver modell.

OS-versjon

Følg nå fanen for ekte iOS-enheter og klikk på denne fanen, du vil se listen over iOS-enheter som iPhone og iPad med forskjellige enhetsmodeller. Du kan se OS-versjonen og skjermstørrelsen i hver modell.

Ekte iOS-enheter

Klikk på hvilken som helst Android- eller iOS-enhet for testing. Den spesifikke enheten vil være åpen, og applikasjonen vil starte. Begynn å teste hvordan du gjør det på den virkelige enheten.

Velg iOS-enhet

Bruke nettleserstakk-nøkkelfunksjoner mens Native App Testing

Klikk på alternativet Bytt enhet hvis du vil bytte enhet. Klikk på alternativet Stopp økt når du er ferdig med å teste i en bestemt enhet, og den vil navigere til dashbord-siden. Klikk på innstillinger for å velge økttid og skjermstørrelse.

Vi kan opprette feilen ved å klikke på Rapporter et feilalternativ , akkurat som det vi diskuterte i avsnittet om nettprøving ovenfor. Nå, se på nettverktøysettmenyen, som har noen flere muligheter for å betjene enheten mulig og teste applikasjonen.

Klikk på Roter enhet alternativet for å rotere enheten horisontalt eller vertikalt. Klikk på Installer app for å installere det nye programmet. Klikk på drep app å bare lukke appen og ikke enheten. Klikk på Skifte språk for å endre språket for testing. Klikk på enhetsinformasjon for å sjekke fullstendig enhetsinformasjon.

Innfødte apptesting

Sammenligning av BrowserStack-testing over ekte enhetstesting

Testing av nettleserstakk Testing av ekte enheter
Økonomisk: Vi kan teste applikasjonen på en enkelt enhet ved å bytte mellom forskjellige enheter og nettlesere. Ikke økonomisk: Trenger du å kjøpe alle enhetene som er tilgjengelige i markedet for testing.
Veldig fleksibel: Vi kan utføre tester i flere nettlesere og teste mobilapplikasjoner på en enkelt plattform.Trenger å bære flere enheter uansett hvor vi går.
Ingen grunn til å kjøpe OS-lisensen.Trenger du å kjøpe OS-lisens.
Fort: Trenger ikke å vente med å laste inn operativsystemet og nettleserne. Sakte: Må vente med å laste inn operativsystemet og nettleserne.
Ingen grunn til å bruke virtuelle maskiner.Vi må bruke virtuelle maskiner.

Automatiser nettstedet ved hjelp av selenskript

La oss skrive Selenium-skriptene og gjøre automatiseringstesting i nettleserstakken. Last ned og installer den nyeste versjonen av Java. Last ned og installer den nyeste versjonen av Eclipse eller annen IDE.

Vi må hente brukernavnet og tilgangsnøkkelen fra nettleserstakken. For å få dette, logg inn med nettleserlegitimasjonen, gå til Produkter og klikk på Automatiser . Følg brukernavnet og tilgangsnøkkelen på venstre side. Noter brukernavnet og passordet.

Automatiser ved hjelp av Selenium-skript

Åpne formørkelses-IDE. Opprett Java-prosjektet, lag pakken, opprett klassefilen og legg til alle nødvendige Selenium jar-filer i prosjektet. Skriv variablene for brukernavnet og tilgangsnøkkelen. Send URL, brukernavn og passord. Bruk merknader. Lag metoden.

Angi de ønskede funksjonene for å se loggene. Vi setter de ønskede funksjonene for å fortelle nettdriveren, velge det nevnte operativsystemet, nettleseren og nettleserversjonen. Opprett objektet for nettdriveren, få URL-en til å åpne nettstedet. Skriv ventetid implisitte kommandoer for å vente til applikasjonsstart.

Skriv koden for å teste kommandoer som, Få URL, for å sjekke forventet URL ved hjelp av påstand og andre funksjoner som, klikk, navigering, skriv inn data og mye mer.

Kjør skriptet. Følg fanen Automatiser. Sjekk testloggen for alle testtrinnene og se de visuelle loggene for å se skjermbildene på nettstedet. Følg konsolloggene og nettverksloggene for annen informasjon.

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(); }

Fordeler med BrowserStack-testing

  1. Vi kan teste alle de store nettleserne fra ett enkelt kontrollpunkt.
  2. Vi kan teste kompatibiliteten til bakover / eldre versjon av nettleserne.
  3. Den støtter både manuell og automatiseringstesting.
  4. Vi kan teste alle enhetene og nettleserne som for øyeblikket er tilgjengelige i markedet.
  5. Vi kan teste søknaden i forskjellige oppløsninger.

Ulemper ved BrowserStack Testing

  1. Svartiden er ikke like god som en lokalt installert virtuell maskin.
  2. Browser Stack er ikke åpen kildekode.
  3. Noen feil som vi kan finne på ekte enheter kan ikke identifiseres.

Konklusjon

Ved hjelp av BrowserStack kan vi utføre fullstendig testing uten avhengighet av å installere noen virtuell maskin. Browser Stack er mer fleksibel og pålitelig å teste, og det sparer faktisk penger og tid.

Det er som ett stort tak for alle enhetene, operativsystemene, nettleserne, og alle med forskjellige versjoner. Derfor kan vi teste alle slags applikasjoner med Browser Stack.

Browser Stack kan kjøres på over 200 nettlesere og 40+ mobile enheter. Den kan kjøre tester på en skytjeneste. Det er ikke en åpen kildekode-plattform. Du må betale for å kjøpe lisensen basert på planen du tar og på testen du vil kjøre.

Har du brukt BrowserStack ennå? Hvis ikke, er du klar til å prøve det i dag?

Anbefalt lesing

^