Meny

Browserstack-handledning: App- och webbläsartestplattform (GUIDE)

  • Huvud
  • Övrig
  • Browserstack-handledning: App- och webbläsartestplattform (GUIDE)

browserstack tutorial

Prova Vårt Instrument För Att Eliminera Problem

Lär dig hur du använder Browserstack Mobile App och Cross Browser Testing Platform i den här detaljerade praktiska webbläsarhandledningen:

BrowserStack är testplattformen för att testa webbplatser och mobilapplikationer.

Vi kan testa en webbapplikation i flera webbläsare och mobilapplikationer i alla mobila enheter utan virtuella maskiner, enheter och emulatorer.

När det gäller en mobilapplikation kan vi testa Android- och iOS-mobilapplikationerna.

BrowserStack-handledning

Vad du kommer att lära dig:

Vad är BrowserStack?

Browser Stack är ett molnbaserat testverktyg. Med hjälp av detta verktyg kan utvecklare och testare göra webbläsartestning av olika webb- och mobilapplikationer i olika webbläsare.

Vad är Cross Browser Testing?

Testning över webbläsare är funktionstestning. Vi utför denna testning för att kontrollera om applikationen fungerar som förväntat eller inte i olika webbläsare för de olika operativsystemen. Här kan vi köra testfallet manuellt eller genom att göra automatisering genom att ange de olika webbläsarna i automatiseringsskripten.

Föreslagen läsning => Nybörjarguide för testning över webbläsare

Varför BrowserStack?

I realtid är det svårt att testa ett program i olika webbläsare med flera operativsystem, med olika versioner.

Det kommer att kosta mycket att köpa många datormaskiner för att installera olika operativsystem. Det är ännu svårare att köpa alla Android- och iOS-mobila enheter som finns tillgängliga på marknaden idag. Av denna anledning är det inte praktiskt att köpa och ställa in alla enheter.

Således går vi med BrowserStack för att undvika komplexiteten i att växla mellan operativsystem, webbläsare och olika versioner.

När det gäller test av mobilapplikationer kan vi undvika att köpa alla mobila enheter som finns tillgängliga idag. Browser Stack är mycket flexibel och skalbar. Vi kan testa var som helst och när som helst med hjälp av Browser Stack.

Vi kan använda Browser Stack som ett fjärrlaboratorium och kan använda detta som Real Desktop Browsers. Det ger oss gratis Javascript-enhetstest och stöder 750 konfigurationer. Det krävs ingen inställning för att använda Browser Stack. Vi kan använda den direkt på vilken oberoende dator som helst genom att använda webbläsarens stack-URL och dess inloggningsuppgifter.

BrowserStack-hemsida

BrowserStack-historik

BrowserStack grundades av Ritesh Arora och Nakul Aggarwal i Mumbai, Indien år 2011. Den har cirka 25000 betalade användare och 2000000 registrerade användare i 135 länder. Nu är många företag beroende av Browser Stack för testning av webb- och mobilapplikationer.

Funktioner i BrowserStack

  • Testning i flera webbläsare med olika webbläsare på olika operativsystem.
  • Inbyggd apptestning på mobil.
  • Hybrid applikationstestning.
  • Automatisera webb- och mobilapplikationer.

Testa webbapplikationen

# 1) Registrera dig med BrowserStack.

Registrera BrowserStack

#två) Logga in på ditt konto.

Logga in

# 3) Välj det interaktiva testalternativet för webbläsare live i rullgardinsmenyn för produkter.

live interaktiv webbläsare

# 4 ) Du kommer att se OS-listan till vänster på sidan. Vi har Android, iOS, Windows Phone, Windows 10, Windows 8, Windows XP, Mac och mycket mer.

Välj operativsystemet

# 5) Välj valfritt operativsystem från listan. Du kommer att kunna se en lista med webbläsare med olika versioner. Vi kan se webbläsare som Chrome, Mozilla Firefox, IE, opera, safari, etc. med olika versioner som Chrome 75, Chrome 74, Chrome 73, IE 11, IE 10, etc.

Webbläsarlista med version

# 6) Välj en viss webbläsare av vilken version som helst. Webbläsaren är öppen. Ange webbadressen till applikationen. Börja testa applikationen på samma sätt som du gör i riktiga systemwebbläsare.

Ange URL för applikationen

Använda nyckelfunktioner för webbläsarstapel när du testar applikationen

Om du vill välja någon annan webbläsare klickar du på alternativet växla webbläsare. Detta navigerar dig till instrumentpanelskärmen, där du kan välja den andra webbläsaren för testning.

Om du vill testa applikationen med en annan upplösning, klicka sedan på upplösningsikonen, där en lista över tillgänglig upplösning visas, kan du välja önskad och fortsätta med testningen.

När du är klar med testningen i en viss webbläsare klickar du sedan på Stopp-sessionen och det tar dig till instrumentpanelskärmen.

Nyckelfunktion - Byt webbläsare

Skapa fel från BrowserStack

Klicka på Rapportera ett felalternativ . Du kommer att se en alternativruta för att markera problemet på sidan. Du kan markera problemet genom att använda olika alternativ som rektangel, cirkel, penna etc.

Utöver det kan du se alternativet för att rapportera ett fel, som var du vill rapportera ett fel, genom att använda Jira, Trello, GitHub, Slack eller genom e-post, eller om du vill ladda ner frågesidan osv. På detta sätt kan du välja valfritt alternativ i listan ovan och gå vidare för att rapportera ett fel.

Bug Creation

bästa ssh-klienten för Windows 10

Testa mobilapplikationen i mobilwebbläsare

Välj det interaktiva testalternativet för webbläsare live i rullgardinsmenyn för produkter. Du kommer att se listan över operativsystem till vänster på sidan. Klicka på Android-alternativet från listan. Du kan se listan över Android-enheter som Samsung, Motorola, Google, en plus, etc.

Muspekaren på den enhet som du vill testa och du kan se webbläsare som Chrome, Mozilla Firefox, Safari, UC-webbläsare etc. Välj webbläsaren och den valda webbläsaren öppnas.

Mobilapplikation - Välj webbläsaren

Ange webbadressen till applikationen och börja testa hur du gör det i den riktiga systemwebbläsaren.

Testning av inbyggd mobilapplikation i BrowserStack

Registrera dig till Browser Stack-kontot och logga in med kontot. Välj den App Live - Interaktiv testning av integrerade native- och hybridappar alternativ från rullgardinsmenyn för produkter.

Testar Native Application

Du kommer att se de tre huvudflikarna där, dvs att ladda upp appen, listan över Android-enheter och listan över iOS-enheter.

Uppladdade appar

Ladda upp appen

Klicka på uppladdningsknappen för att öppna ett systemdialogfönster.

Gå till appmappen, välj den app som du vill testa och appen laddas upp. Du kommer att kunna se appen under avsnittet över uppladdade appar. Där kan vi ladda upp apparna upp till storleken 500 MB.

Vi kan ladda upp appen på andra sätt också. Välj den App Live interaktiv native- och hybridapptestning från rullgardinsmenyn Produkter och välj fliken för Android-enheten eller iOS-enheten.

Välj vilken enhet som helst så öppnas den. Klicka på play store. Logga in med kontot och sök i appen som du vill testa. Ladda ner och installera appen och börja testa applikationen.

På samma sätt kan vi ladda upp apparna på många fler sätt, dvs genom att synkronisera med appcentret, genom att synkronisera med hockeyapp, genom att installera med testflight, genom att installera med app store eller genom att installera med play store.

Radera appen

Klicka på radera-ikonen så visas kryssrutan för varje app. Markera kryssrutan och klicka på radera länken så raderas den uppladdade appen automatiskt efter fullbordandet av 60 dagar från uppladdningsdatumet.

Följ nu fliken Android-enheter, klicka på den här fliken så ser du listan över Android-enheter som Samsung, Motorola, Google, ett plus, etc. med olika enhetsmodeller. Du kan se OS-versionen och skärmstorleken i varje modell.

OS-version

Observera nu iOS-fliken för riktiga enheter och klicka på den här fliken, du ser listan över iOS-enheter som iPhone och iPad med olika enhetsmodeller. Du kan se OS-versionen och skärmstorleken i varje modell.

iOS-verkliga enheter

Klicka på vilken Android- eller iOS-enhet som helst för att testa. Den specifika enheten kommer att vara öppen och applikationen startar. Börja testa hur du gör i den riktiga enheten.

Välj iOS-enhet

Använda nyckelfunktioner för webbläsarstapel under testning av inbyggd app

Klicka på alternativet Byt enhet om du vill byta enhet. Klicka på alternativet Stoppa session när du är klar med testning i en viss enhet, och den kommer att navigera till instrumentpanelsidan. Klicka på inställningar för att välja sessionstime och monitorstorlek.

Vi kan skapa felet genom att klicka på Rapportera ett felalternativ , precis som det vi diskuterade i avsnittet om webbtestning ovan. Titta nu på webbverktygssatsmenyn, som har några fler alternativ för att styra enheten genomförbart och testa applikationen.

Klicka på Rotera enhetsalternativ för att rotera enheten horisontellt eller vertikalt. Klicka på installera app för att installera den nya applikationen. Klicka på döda app för att bara stänga appen och inte enheten. Klicka på Ändra språk för att ändra språk för testning. Klicka på enhetsinformation för att kontrollera fullständig enhetsinformation.

Inbyggd apptestning

Jämförelse av BrowserStack-testning över riktiga enhetstester

Testning av webbläsarstack Testning av riktig enhet
Ekonomisk: Vi kan testa applikationen på en enda enhet genom att byta mellan olika enheter och webbläsare. Inte ekonomiskt: Behöver köpa alla enheter som finns tillgängliga på marknaden för testning.
Mycket flexibel: Vi kan testa webbläsare och testa mobilapplikationer på en enda plattform.Behöver bära flera enheter vart vi än går.
Inget behov av att köpa OS-licensen.Behöver köpa en OS-licens.
Snabb: Behöver inte vänta med att ladda OS och webbläsare. Långsam: Måste vänta på att ladda OS och webbläsare.
Inget behov av att använda virtuella maskiner.Vi måste använda virtuella maskiner.

Automatisera webbplatsen med hjälp av selen-skript

Låt oss skriva Selen-skript och göra automatiseringstest i webbläsarstacken. Ladda ner och installera den senaste versionen av Java. Ladda ner och installera den senaste versionen av Eclipse eller annan IDE.

Vi måste hämta användarnamnet och åtkomstnyckeln från webbläsarstacken. För att få detta, logga in med webbläsaruppgifterna, gå till Produkter och klicka på Automatisera . Observera användarnamnet och åtkomstknappen på vänster sida. Anteckna användarnamn och lösenord.

Automatisera med Selenium-skript

Öppna Eclipse IDE. Skapa Java-projektet, skapa paketet, skapa klassfilen och lägg till alla Selenium jar-filer som krävs i projektet. Skriv variablerna för användarnamn och åtkomstnyckel. Skicka URL, användarnamn och lösenord. Använd anteckningar. Skapa metoden.

Ställ in önskade funktioner för att se loggarna. Vi ställer in önskade funktioner för att berätta för webbdrivrutinen, för att välja nämnda operativsystem, webbläsare och webbläsarversion. Skapa objektet för webbdrivrutinen, få webbadressen för att öppna webbplatsen. Skriv vänta implicita kommandon för att vänta tills applikationsstart.

Skriv koden för testkommandon som, Hämta URL, för att kontrollera den förväntade URL: n med påståenden och andra funktioner som, klicka, navigering, ange data och mycket mer.

Kör manuset. Observera fliken automatisera. Kontrollera testloggen för alla teststeg och se de visuella loggarna för att se webbplatsens skärmdumpar. Observera konsolloggarna och nätverksloggarna för annan information.

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

Fördelar med BrowserStack-testning

  1. Vi kan testa alla större webbläsare från en enda kontrollpunkt.
  2. Vi kan testa kompatibiliteten för den bakre / äldre versionen av webbläsarna.
  3. Den stöder både manuell och automatiseringstestning.
  4. Vi kan testa alla enheter och webbläsare som för närvarande finns på marknaden.
  5. Vi kan testa ansökan i olika upplösningar.

Nackdelar med BrowserStack-testning

  1. Svarstiden är inte lika bra som en lokalt installerad virtuell maskin.
  2. Browser Stack är inte öppen källkod.
  3. Vissa buggar som vi kan hitta på riktiga enheter kan inte identifieras.

Slutsats

Med hjälp av BrowserStack kan vi utföra fullständig testning utan beroendet av att installera någon virtuell maskin. Browser Stack är mer flexibel och pålitlig att testa och det sparar verkligen pengar och tid.

Det är som ett stort tak för alla enheter, operativsystem, webbläsare och alla med olika versioner. Därför kan vi testa alla typer av applikationer med Browser Stack.

Browser Stack kan köras på över 200 webbläsare och 40+ mobila enheter. Det kan köra tester på en molntjänst. Det är inte en öppen källkodsplattform. Du måste betala för att köpa licensen baserat på den plan du tar och på det test som du vill köra.

Har du använt BrowserStack än? Om inte, är du redo att prova idag?

Rekommenderad läsning

^