Menü

Browserstack-Tutorial: App- und Browsertestplattform (GUIDE)

  • Haupt
  • Andere
  • Browserstack-Tutorial: App- und Browsertestplattform (GUIDE)

browserstack tutorial

Versuchen Sie Unser Instrument, Um Probleme Zu Beseitigen

In diesem ausführlichen praktischen Browserstack-Tutorial erfahren Sie, wie Sie die Browserstack Mobile App und die Cross-Browser-Testplattform verwenden:

BrowserStack ist die Testplattform zum Testen der Websites und mobilen Anwendungen.

Wir können eine Webanwendung in mehreren Browsern und mobilen Anwendungen auf allen mobilen Geräten ohne virtuelle Maschinen, Geräte und Emulatoren testen.

Wenn es um eine mobile Anwendung geht, können wir die mobilen Anwendungen für Android und iOS testen.

BrowserStack-Tutorial

Was du lernen wirst:

Was ist BrowserStack?

Browser Stack ist ein Cloud-basiertes Testwerkzeug. Mit diesem Tool können Entwickler und Tester verschiedene Web- und Mobilanwendungen in verschiedenen Webbrowsern browserübergreifend testen.

Was ist Cross-Browser-Test?

Browserübergreifendes Testen ist Funktionstest. Wir führen diese Tests durch, um zu überprüfen, ob die Anwendung in verschiedenen Webbrowsern für die verschiedenen Betriebssysteme wie erwartet funktioniert oder nicht. Hier können wir die Testfälle manuell oder durch Automatisierung ausführen, indem wir die verschiedenen Browser in den Automatisierungsskripten angeben.

Empfohlene Lektüre => Leitfaden für Anfänger zum Cross-Browser-Testen

Warum BrowserStack?

In Echtzeit ist es schwierig, eine Anwendung in verschiedenen Browsern unter Verwendung mehrerer Betriebssysteme mit unterschiedlichen Versionen zu testen.

Es wird viel kosten, viele Computer zu kaufen, um verschiedene Betriebssysteme zu installieren. Es ist noch schwieriger, alle Android- und iOS-Mobilgeräte zu kaufen, die heute auf dem Markt erhältlich sind. Aus diesem Grund ist es nicht praktisch, alle Geräte zu kaufen und einzurichten.

Daher verwenden wir den BrowserStack, um die Komplexität des Wechsels zwischen Betriebssystemen, Browsern und verschiedenen Versionen zu vermeiden.

Wenn es um das Testen mobiler Anwendungen geht, können wir vermeiden, alle heute verfügbaren Mobilgeräte zu kaufen. Browser Stack ist sehr flexibel und skalierbar. Wir können überall und jederzeit mit Hilfe von Browser Stack testen.

Wir können Browser Stack als Remote-Labor verwenden und dies als echte Desktop-Browser verwenden. Es gibt uns kostenlose Javascript-Unit-Tests und unterstützt 750 Konfigurationen. Für die Verwendung von Browser Stack ist keine Einrichtung erforderlich. Wir können es direkt auf jedem unabhängigen Computer verwenden, indem wir die Browser-Stack-URL und ihre Anmeldeinformationen verwenden.

BrowserStack-Homepage

BrowserStack-Verlauf

BrowserStack wurde im Jahr 2011 von Ritesh Arora und Nakul Aggarwal in Mumbai, Indien, gegründet. Das Unternehmen hat rund 25.000 bezahlte Benutzer und 2000.000 registrierte Benutzer in 135 Ländern. Mittlerweile verlassen sich viele Unternehmen beim Testen von Web- und Mobilanwendungen auf Browser Stack.

Funktionen von BrowserStack

  • Browserübergreifende Tests mit verschiedenen Browsern unter verschiedenen Betriebssystemen.
  • Native App-Tests auf Mobilgeräten.
  • Hybridanwendungstests.
  • Automatisieren Sie Web- und mobile Anwendungen.

Testen der Webanwendung

# 1) Melden Sie sich mit BrowserStack an.

Registrieren Sie BrowserStack

#zwei) Ins Konto einloggen.

Einloggen

#3) Wählen Sie die interaktive browserübergreifende Live-Testoption aus der Produkt-Dropdown-Liste.

Live interaktiver Cross-Browser

# 4 ) Sie sehen die Betriebssystemliste auf der linken Seite. Wir haben Android, iOS, Windows Phone, Windows 10, Windows 8, Windows XP, Mac und vieles mehr.

Wählen Sie das Betriebssystem aus

# 5) Wählen Sie ein beliebiges Betriebssystem aus der Liste. Sie können eine Liste von Browsern mit verschiedenen Versionen anzeigen. Wir können Browser wie Chrome, Mozilla Firefox, IE, Oper, Safari usw. mit verschiedenen Versionen wie Chrome 75, Chrome 74, Chrome 73, IE 11, IE 10 usw. sehen.

Browserliste mit Version

# 6) Wählen Sie einen bestimmten Browser einer beliebigen Version. Der Browser wird geöffnet. Geben Sie die URL der Anwendung ein. Testen Sie die Anwendung auf die gleiche Weise wie in den realen Systembrowsern.

Geben Sie die URL der Anwendung ein

Verwenden von Browser-Stack-Tastenfunktionen beim Testen der Anwendung

Wenn Sie einen anderen Browser auswählen möchten, klicken Sie auf die Option Browser wechseln. Dadurch gelangen Sie zum Dashboard-Bildschirm, auf dem Sie den anderen Browser zum Testen auswählen können.

Wenn Sie die Anwendung mit einer anderen Auflösung testen möchten, klicken Sie auf das Auflösungssymbol. Dort wird eine Liste der verfügbaren Auflösung angezeigt. Sie können die gewünschte auswählen und mit dem Testen fortfahren.

Wenn Sie mit dem Testen in einem bestimmten Browser fertig sind, klicken Sie auf die Sitzung beenden, um zum Dashboard-Bildschirm zu gelangen.

Tastenfunktion - Browser wechseln

Fehler aus BrowserStack erstellen

Klicke auf Eine Fehleroption melden . Sie sehen ein Optionsfeld, um das Problem auf der Seite hervorzuheben. Sie können das Problem hervorheben, indem Sie verschiedene Optionen wie Rechteck, Kreis, Bleistift usw. verwenden.

Darüber hinaus können Sie den Modus der Option zum Melden eines Fehlers anzeigen, z. B. wo Sie einen Fehler melden möchten, indem Sie Jira, Trello, GitHub, Slack oder per E-Mail verwenden oder wenn Sie die Problemseite herunterladen möchten usw. Auf diese Weise können Sie eine beliebige Option aus der obigen Liste auswählen und fortfahren, um einen Fehler zu melden.

Fehlererstellung

Fragen und Antworten zu fortgeschrittenen SQL-Interviews pdf

Testen der mobilen Anwendung in mobilen Browsern

Wählen Sie die interaktive browserübergreifende Live-Testoption aus der Produkt-Dropdown-Liste. Sie sehen die Liste der Betriebssysteme auf der linken Seite. Klicken Sie auf die Android-Option aus dieser Liste. Sie können die Liste der Android-Geräte wie Samsung, Motorola, Google, One Plus usw. anzeigen.

Fahren Sie mit der Maus über das Gerät, das Sie testen möchten, und Sie können die Browser wie Chrome, Mozilla Firefox, Safari, UC-Browser usw. sehen. Wählen Sie den Browser und der ausgewählte Browser wird geöffnet.

Mobile Anwendung - Wählen Sie den Browser aus

Geben Sie die URL der Anwendung ein und testen Sie, wie Sie dies im realen Systembrowser tun.

Testen der nativen mobilen Anwendung in BrowserStack

Melden Sie sich beim Browser Stack-Konto an und melden Sie sich mit dem Konto an. Wählen Sie das App Live - Interaktives Testen von nativen und hybriden Apps Option aus der Produkt-Dropdown-Liste.

Native Anwendung testen

Dort sehen Sie die 3 Hauptregisterkarten, d. H. Zum Hochladen der App, der Liste der Android-Geräte und der Liste der iOS-Geräte.

Hochgeladene Apps

App hochladen

Klicken Sie auf die Schaltfläche App hochladen und ein Systemdialogfenster wird geöffnet.

Gehen Sie zum App-Ordner, wählen Sie die App aus, die Sie testen möchten, und die App wird erfolgreich hochgeladen. Sie können die App im Bereich hochgeladene Apps sehen. Dort können wir die Apps bis zu einer Größe von 500 MB hochladen.

Wir können die App auch auf andere Weise hochladen. Wählen Sie das Testoption für interaktive native und hybride App Live-Apps Wählen Sie in der Dropdown-Liste Produkte die Registerkarte Android Real Device oder iOS Real Device aus.

Wählen Sie ein Gerät und es wird geöffnet. Klicken Sie auf den Play Store. Melden Sie sich mit dem Konto an und suchen Sie die App, die Sie testen möchten. Laden Sie die App herunter, installieren Sie sie und testen Sie die Anwendung.

In ähnlicher Weise können wir die Apps auf viele weitere Arten hochladen, d. H. Durch Synchronisierung mit dem App Center, durch Synchronisierung mit Hockeyapp, durch Installation mit Testflight, durch Installation mit dem App Store oder durch Installation mit dem Play Store.

App löschen

Klicken Sie auf das Löschsymbol und Sie sehen das Kontrollkästchen bei jeder App. Aktivieren Sie das Kontrollkästchen und klicken Sie auf den Link Löschen. Die hochgeladene App wird nach Ablauf von 60 Tagen ab dem Datum des Uploads automatisch gelöscht.

Beobachten Sie nun die Registerkarte 'Reale Android-Geräte', klicken Sie auf diese Registerkarte, und Sie sehen die Liste der Android-Geräte wie Samsung, Motorola, Google, One Plus usw. mit verschiedenen Gerätemodellen. Sie können die Betriebssystemversion und die Bildschirmgröße in jedem Modell sehen.

OS Version

Beobachten Sie nun die Registerkarte 'Echte iOS-Geräte' und klicken Sie auf diese Registerkarte. Die Liste der iOS-Geräte wie iPhone und iPad mit verschiedenen Gerätemodellen wird angezeigt. Sie können die Betriebssystemversion und die Bildschirmgröße in jedem Modell sehen.

Echte iOS-Geräte

Klicken Sie zum Testen auf ein Android- oder iOS-Gerät. Das jeweilige Gerät ist geöffnet und die Anwendung wird gestartet. Testen Sie, wie Sie es auf dem realen Gerät tun.

Wählen Sie ein iOS-Gerät aus

Verwenden von Browser-Stack-Tastenfunktionen beim Testen nativer Apps

Klicken Sie auf die Option Gerät wechseln, wenn Sie das Gerät wechseln möchten. Klicken Sie auf die Option Sitzung beenden, wenn Sie mit dem Testen auf einem bestimmten Gerät fertig sind, und es wird zur Dashboard-Seite navigiert. Klicken Sie auf Einstellungen, um das Sitzungszeitlimit und die Monitorgröße auszuwählen.

Wir können den Fehler erstellen, indem wir auf klicken Eine Fehleroption melden , genau wie das, was wir im obigen Abschnitt über Webtests besprochen haben. Schauen Sie sich nun das Web-Toolkit-Menü an, das weitere Optionen enthält, um das Gerät funktionsfähig zu betreiben und die Anwendung zu testen.

Klicke auf das Option Gerät drehen um das Gerät horizontal oder vertikal zu drehen. Klicke auf das App installieren um die neue Anwendung zu installieren. Klicke auf das App töten um nur die App und nicht das Gerät zu schließen. Klicke auf Sprache ändern um die Sprache zum Testen zu ändern. Klicke auf Geräteinformationen um die vollständigen Geräteinformationen zu überprüfen.

Native App-Tests

Vergleich von BrowserStack-Tests mit realen Gerätetests

Browser-Stack-Test Real Device Testing
Wirtschaftlich: Wir können die Anwendung auf einem einzelnen Gerät testen, indem wir die verschiedenen Geräte und Browser wechseln. Nicht wirtschaftlich: Sie müssen alle auf dem Markt verfügbaren Geräte zum Testen kaufen.
Sehr flexibel: Wir können browserübergreifende Tests und Tests für mobile Anwendungen auf einer einzigen Plattform durchführen.Sie müssen mehrere Geräte überall hin mitnehmen.
Sie müssen die Betriebssystemlizenz nicht kaufen.Sie müssen eine Betriebssystemlizenz kaufen.
Schnell: Sie müssen nicht warten, um das Betriebssystem und die Browser zu laden. Schleppend: Sie müssen warten, um das Betriebssystem und die Browser zu laden.
Keine Notwendigkeit, virtuelle Maschinen zu verwenden.Wir müssen virtuelle Maschinen verwenden.

Automatisieren Sie die Website mithilfe von Selenium-Skripten

Schreiben wir die Selenium-Skripte und führen Automatisierungstests im Browser-Stack durch. Laden Sie die neueste Version von Java herunter und installieren Sie sie. Laden Sie die neueste Version von Eclipse oder einer anderen IDE herunter und installieren Sie sie.

Wir müssen den Benutzernamen und den Zugriffsschlüssel vom Browser-Stack erhalten. Melden Sie sich dazu mit den Anmeldeinformationen des Browsers an Produkte und klicken Sie auf Automatisieren . Beachten Sie den Benutzernamen und die Zugriffstaste auf der linken Seite. Notieren Sie sich den Benutzernamen und das Passwort.

Automatisieren mit Selenium-Skripten

Öffnen Sie die Eclipse-IDE. Erstellen Sie das Java-Projekt, erstellen Sie das Paket, erstellen Sie die Klassendatei und fügen Sie dem Projekt alle erforderlichen Selenium-JAR-Dateien hinzu. Schreiben Sie die Variablen für den Benutzernamen und den Zugriffsschlüssel. Übergeben Sie die URL, den Benutzernamen und das Passwort. Verwenden Sie Anmerkungen. Erstellen Sie die Methode.

Stellen Sie die gewünschten Funktionen ein, um die Protokolle anzuzeigen. Wir stellen die gewünschten Funktionen ein, um dem Webtreiber mitzuteilen, dass das erwähnte Betriebssystem, der Browser und die Browserversion ausgewählt werden sollen. Erstellen Sie das Objekt für den Webtreiber und rufen Sie die URL ab, um die Website zu öffnen. Schreiben Sie die impliziten Befehle wait, um bis zum Start der Anwendung zu warten.

Schreiben Sie den Code zum Testen von Befehlen wie 'URL abrufen', um die erwartete URL mithilfe von Zusicherungen und anderen Funktionen wie 'Klicken', 'Navigieren', 'Daten eingeben' und vielem mehr zu überprüfen.

Führen Sie das Skript aus. Beachten Sie die Registerkarte Automatisieren. Überprüfen Sie das Testprotokoll aller Testschritte und sehen Sie sich die visuellen Protokolle an, um die Screenshots der Website anzuzeigen. Weitere Informationen finden Sie in den Konsolen- und Netzwerkprotokollen.

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

Vorteile des BrowserStack-Testens

  1. Wir können alle gängigen Browser von einem einzigen Kontrollpunkt aus testen.
  2. Wir können die Kompatibilität der Abwärts- / älteren Version der Browser testen.
  3. Es unterstützt sowohl manuelle als auch Automatisierungstests.
  4. Wir können alle Geräte und Browser testen, die derzeit auf dem Markt verfügbar sind.
  5. Wir können die Anwendung in verschiedenen Auflösungen testen.

Nachteile des BrowserStack-Testens

  1. Die Antwortzeit ist nicht so gut wie bei einer lokal installierten virtuellen Maschine.
  2. Browser Stack ist nicht Open Source.
  3. Einige Fehler, die wir auf realen Geräten finden können, können nicht identifiziert werden.

Fazit

Mit BrowserStack können wir vollständige Tests durchführen, ohne dass eine virtuelle Maschine installiert werden muss. Browser Stack ist flexibler und zuverlässiger zu testen und spart tatsächlich Geld und Zeit.

Es ist wie ein einziges großes Dach für alle Geräte, Betriebssysteme, Browser und alle mit unterschiedlichen Versionen. Daher können wir alle Arten von Anwendungen mit Browser Stack testen.

Browser Stack kann auf über 200 Browsern und über 40 Mobilgeräten ausgeführt werden. Es kann Tests für einen Cloud-Dienst ausführen. Es ist keine Open-Source-Plattform. Sie müssen zahlen, um die Lizenz basierend auf Ihrem Plan und dem Test, den Sie ausführen möchten, zu kaufen.

Haben Sie BrowserStack schon benutzt? Wenn nicht, sind Sie bereit, es heute zu versuchen?

Literatur-Empfehlungen

^