Menü

Was ist Cross-Browser-Testen und wie wird es durchgeführt: Eine vollständige Anleitung

  • Haupt
  • Arten Von Tests
  • Was ist Cross-Browser-Testen und wie wird es durchgeführt: Eine vollständige Anleitung

what is cross browser testing

Versuchen Sie Unser Instrument, Um Probleme Zu Beseitigen

Ein vollständiger Leitfaden für Anfänger zum Cross-Browser-Testen:

Cross Browser Testing ist eine Art von Test, um zu überprüfen, ob eine Anwendung erwartungsgemäß in verschiedenen Browsern funktioniert und sich ordnungsgemäß verschlechtert. Hierbei wird die Kompatibilität Ihrer Anwendung mit verschiedenen Browsern überprüft.

Oft bin ich auf ein Problem mit einer Website gestoßen. Wenn ich den technischen Support anrufe, wird mir einfach gesagt, ich soll es in einem anderen Browser versuchen. Wenn ich das tue, funktioniert es und ich fühle mich wie ein totaler Idiot, obwohl ich meinen Lebensunterhalt mit der Arbeit in der Softwareindustrie verdiene.

Ich wette, das ist euch allen passiert, oder?

Tipps zum Cross-Browser-Testen

Am Ende denke ich immer: 'Warum habe ich nicht daran gedacht?' Aber vertrau mir, im Laufe der Zeit habe ich festgestellt, dass es nicht meine Schuld ist. Es ist nur so, dass die Website im Hinblick auf browserübergreifende Kompatibilitätstests nicht ausführlich getestet wurde und ich als Endbenutzer gerade einen Fehler gefunden habe.

Was du lernen wirst:

Einführung

Wir alle haben möglicherweise festgestellt, dass einige Websites in einigen Browsern nicht richtig angezeigt werden, und wir denken nur, dass die Website defekt ist. Sobald Sie es jedoch in einem anderen Browser öffnen, wird die Website problemlos geöffnet. Daher erklärt dieses Verhalten die Kompatibilität einer Website mit verschiedenen Browsern.

Jeder Browser interpretiert die Informationen auf der Website-Seite unterschiedlich. Daher fehlen einigen Browsern möglicherweise die Funktionen, die Ihre Website anzeigen möchte, und lassen Ihre Website in diesem Browser fehlerhaft aussehen.

Zum Beispiel Wie unten gezeigt, sind die Fehler der Anmeldeformulare in beiden Browsern nicht gleich. Auch die Textfarbe, Schriftart usw. unterscheiden sich, wenn Sie sie genau betrachten.

Browserübergreifende Tests

Mit dem technologischen Fortschritt stehen Browsern mehrere Optionen zur Verfügung, und es reicht nicht aus, eine Website in einem der Browser zum Laufen zu bringen.

Benutzer sollten nicht darauf beschränkt sein, einen bestimmten Browser für den Zugriff auf Ihre Anwendung zu verwenden. Daher ist es erforderlich, die Kompatibilität Ihrer Website mit verschiedenen Browsern zu testen. Einige der am häufigsten verwendeten Browser sind Chrome, Safari, Firefox, Internet Explorer usw.

Browser

Ich wette, Sie alle haben das Thema der heutigen Diskussion herausgefunden. Browserübergreifende Tests.

Wie es bei STH allgemein üblich ist, werden wir uns auf die Grundlagen konzentrieren. Wir glauben, dass jedes Konzept eine sinnvolle Welt ergibt, wenn wir die grundlegenden Fragewörter wie folgt stellen: 'Was, warum, wie, wer, wann, wo'.

Lassen Sie uns genau das tun, während wir gehen.

Was ist Cross-Browser-Test?

# 1) Browserübergreifendes Testen ist einfach das, was der Name bedeutet - das heißt, um Ihre Website oder Anwendung in mehreren Browsern zu testen - und um sicherzustellen, dass sie konsistent und wie beabsichtigt funktioniert, ohne Abhängigkeiten oder Kompromisse bei der Qualität.

#zwei) Dies gilt für beide Netz und mobile Anwendungen .

# 3) Welche Arten von Anwendungen durchlaufen dies? - Kundenorientierte Anwendungen sind die beste Wahl. Sie könnten sich an dieser Stelle fragen: 'Sind nicht alle Anwendungen kundenorientiert?' Nun ja. Sie sind. Schauen wir uns jedoch ein Beispiel an.

Anwendung 1: Eine Anwendung, die für ein Unternehmen entwickelt wurde, um sein Inventar intern zu verfolgen
Anwendung 2: Dies ist für die Endbenutzer, um Produkte von diesem Unternehmen zu kaufen

  • Es ist offensichtlich, dass die beste Idee darin besteht, Anwendung 2 auf Browserkompatibilitätstests zu testen, da nicht gesteuert werden kann, welche Browser / Plattformen / Versionen der Endbenutzer verwenden wird.
  • Wenn andererseits alle unternehmensinternen Computer Windows 8-Computer mit Chrome-Browser verwenden, müssen Sie in Bezug auf Anwendung 1 nicht nach etwas anderem suchen oder testen.

Warum wird es durchgeführt?

Warum werden überhaupt Tests durchgeführt?

  • Zu wissen, was falsch ist und es beheben zu können.
  • Um die Effizienz und Benutzererfahrung und damit das Geschäft zu verbessern.
  • Über mögliche Fallstricke informiert zu sein

Aber speziell, wenn wir denken: Was ist die Absicht von Cross-Browser-Tests? - Das ist zweifach.

  1. Die Wiedergabe oder das Erscheinungsbild der Seite in verschiedenen Browsern - ist sie gleich, ist sie unterschiedlich, wenn eine besser ist als die andere usw.
  2. Die Funktionalität und die Funktionsweise. (Na sicher!)

Wer führt diese Tests durch?

  • Denken Sie: 'Es gibt eine Million Browser, Versionen und Plattformen - welche zur Auswahl?' - Dies ist zum Glück keine Entscheidung, die in der Verantwortung des Testers liegt. Der Kunde, das Geschäftsanalyseteam und die Marketingteams spielen bei dieser Entscheidung eine wichtige Rolle. Außerdem sammeln Unternehmen Nutzungs- / Verkehrsstatistiken, um einzugrenzen, welche Browser, Umgebungen und Geräte am häufigsten verwendet werden.
  • Das gesamte Projektteam sollte über ein investiertes Interesse, Zeit, Geld und Infrastruktur verfügen, um dieses Bestreben zu unterstützen.
  • Das QA-Team kann an diesem Prozess beteiligt sein, oder es kann das Designteam sein, das wissen möchte, wie die Anwendung in mehreren Browsern funktioniert.
  • Unabhängig davon, ob es von der Qualitätssicherung oder einem anderen Team durchgeführt wird - die Ergebnisse werden von den Design- und Entwicklungsteams interpretiert und die entsprechenden Änderungen vorgenommen.

Wie führe ich Cross-Browser-Tests durch?

Jetzt reden wir!

Das Wichtigste zuerst - wird es manuell oder mit einem Werkzeug durchgeführt?

Dies kann sicherlich manuell erfolgen - mehrere Computer, mehrere Betriebssysteme, mehrere Browser, mehrere Computer, und dies führt eindeutig zu mehreren Problemen, mehreren Investitionen und mehreren Herausforderungen.

Browserübergreifende Testtypen

Manuelle Methode

In diesem Fall identifiziert ein Unternehmen die Browser, die die Anwendung unterstützen muss. Die Tester führen dann dieselben Testfälle mit verschiedenen Browsern erneut aus, beobachten das Verhalten der Anwendung und melden gegebenenfalls Fehler.

Bei dieser Art von Tests ist es nicht möglich, viele Browser abzudecken, und die Anwendung wird möglicherweise nicht auf den wichtigsten Browserversionen getestet.

Das manuelle Durchführen einer browserübergreifenden Überprüfung ist außerdem kostspielig und zeitaufwändig.

Automatisierte Methode

Beim browserübergreifenden Testen werden grundsätzlich dieselben Testfälle mehrmals in verschiedenen Browsern ausgeführt.

c ++ Pause für 1 Sekunde

Diese Art der wiederholten Aufgabe eignet sich am besten für die Automatisierung. Daher ist es kostengünstiger und zeiteffektiver, diese Tests mithilfe von Tools durchzuführen.

Daher sind auf dem Markt viele Tools verfügbar, um dies zu vereinfachen.

Die Tools helfen uns bei einer oder mehreren oder allen der folgenden Aufgaben, abhängig vom Tool selbst und den Lizenzierungsarten:

  1. Sie bieten ein VPN (Virtual Private Machine), mit dem Sie eine Verbindung zu Remotecomputern herstellen und die Funktionsweise und Wiedergabe Ihrer JAVA-, AJAX-, HTML-, Flash- und anderer Seiten überprüfen können. Die meisten davon sind sicher, aber da Sie Ihre Informationen an Dritte weitergeben, wird eine bestimmte Analyse der Diskretion empfohlen.
  2. Für die eingereichten Seiten und Links werden Screenshots bereitgestellt, wie sie in mehreren Browsern angezeigt werden. Dies ist natürlich statisch.
  3. Mehrere Browser werden in Bezug auf Vorgänge synchronisiert, die an einem ausgeführt werden, und die Ergebnisse werden browserweise dargestellt.
  4. Zeigen Sie die Wiedergabe einer Seite in mehreren Bildschirmauflösungen an
  5. Wenn ein Problem auftritt, werden ein Video oder Screenshots aufgezeichnet, um das Problem zur weiteren Analyse zu transportieren.
  6. Support ist im Allgemeinen sowohl für Web- als auch für mobile Apps verfügbar
  7. Private Seiten, für deren Zugriff eine Authentifizierung erforderlich ist, können ebenfalls getestet werden
  8. Lokale Seiten innerhalb eines privaten Netzwerks / einer Firewall können ebenfalls getestet werden

Empfohlene Werkzeuge

# 1) LambdaTest

LambdaTest-Logo

LambdaTest ist eine cloudbasierte browserübergreifende Testplattform, mit der Benutzer automatisierte und manuelle Kompatibilitätstests ihrer Website oder Web-App mit einer Kombination aus über 2000 verschiedenen Browsern und Betriebssystemen durchführen können.

Benutzer können Selenium-Automatisierungstests in einem skalierbaren, sicheren und zuverlässigen Cloud-basierten Selenium-Grid ausführen und interaktive Live-Cross-Browser-Tests ihrer öffentlichen oder lokal gehosteten Websites und Web-Apps in der Cloud durchführen.

=> Besuchen Sie die LambdaTest-Website

# 2) CrossBrowserTesting

CrossBrowserTesting

CrossBrowserTesting wird von der Firma SmartBear bereitgestellt. Mit CrossBrowserTesting können Sie jedes Web-Erlebnis auf jedem Browser oder mobilen Gerät mit seinem Cloud-basierten Labor für echte Geräte perfekt machen. Lassen Sie Ihre VMs und Ihr Gerätelabor hinter sich. Führen Sie problemlos manuelle, visuelle und Selenium-Tests in der Cloud auf über 2050 echten Desktop- und mobilen Browsern aus.

Möchten Sie Ihre Tests als nicht technischer Benutzer beschleunigen? Schauen Sie sich die Record & Replay-Funktion an, mit der Sie einen Live-Test aufzeichnen und diesen aufgezeichneten Test parallel ausführen können.

=> Besuchen Sie die CrossBrowserTesting-Website

# 3) Selen

Selen-Logo

Selen ist bekannt für das automatisierte Testen der webbasierten Anwendungen. Durch einfaches Ändern des Browsers zum Ausführen der Testfälle macht es Selen sehr einfach, dieselben Testfälle mehrmals mit verschiedenen Browsern auszuführen.

# 4) BrowserStack

BrowserStack_Logo

BrowserStack ist eine Cloud-basierte Web- und mobile Testplattform, mit der Anwendungen in On-Demand-Browsern, Betriebssystemen und realen Mobilgeräten getestet werden können.

beste mobile Spionage-App für Android

# 5) Browserling

Es ist ein interaktiver Live-Dienst, der Webentwicklern und Webdesignern mühelose Tests bietet.

Es gibt verschiedene Browser und Betriebssysteme und Browserling bietet schnellen Zugriff auf alle gängigen Browser der gängigsten Betriebssysteme.

=> Weiterführende Literatur: Vollständige Liste der Cross Browser Testing Tools

Wann soll mit dem Testen begonnen werden?

Die Zeit zum Starten des Cross-Browser-Tests hängt vollständig von Ihrer Testmethode und Ihrem Testzeitplan ab.

Dieser Test kann durchgeführt werden:

# 1) So bald wie möglich:

Starten Sie diesen Test auch dann, wenn eine einzelne Seite zum Testen bereit ist.

Testen Sie diese Seite in jedem Browser. Wenn die nächste Seite verfügbar ist, testen Sie dies auch in mehreren Browsern. Dies erhöht den Aufwand, hilft jedoch, die Fehler so früh wie möglich im Lebenszyklus zu beheben. Das Beheben von Fehlern ist in diesem Fall daher sehr kostengünstig.

# 2) Wenn der Antrag vollständig ist:

Starten Sie diesen Test, wenn die Anwendungsentwicklung abgeschlossen ist.

Dadurch wird die gesamte Anwendung in verschiedenen Browsern getestet. Das Beheben der Fehler ist nicht so kostengünstig wie im obigen Fall, hilft jedoch bei der Behebung der Fehler, bevor die Anwendung für die Benutzer freigegeben wird.

# 3) Wenn die Anwendung veröffentlicht wird:

Dies ist die am wenigsten bevorzugte Zeit für die Durchführung eines browserübergreifenden Tests für Ihre Anwendung. Aber es ist besser, es zu tun, als es nicht zu tun und den Endbenutzern eine schlechte Erfahrung zu machen.

Nachdem die Anwendung für die Endbenutzer freigegeben wurde, können diese Tests durchgeführt und Fehler als Teil der Änderungsanforderungen in der Anwendung behoben werden. Dies ist sehr kostspielig und erfordert abhängig von den Fehlerkorrekturen mehrere Bereitstellungen.

Strenge browserübergreifende Tests können nur durchgeführt werden, wenn die Mitglieder des Testteams, die über Kenntnisse der Tools verfügen, diese Tests durchführen. Hochrangige oder das Überprüfen bestimmter Browser kann auch von Geschäftsbenutzern oder sogar Entwicklern durchgeführt werden.

Bei diesem Test wird die Anwendung gründlich mit verschiedenen Browsern getestet. Das gründliche Testen umfasst funktionale und nicht funktionale Tests der Anwendung.

In den meisten Unternehmen verfügt ein Produktteam über separate Teams für funktionale und nicht funktionale Tests. Daher müssen diese Tests von den Teams durchgeführt werden, die für funktionale und nicht funktionale Tests der Anwendung verantwortlich sind.

Für diesen Test benötigt ein Tester die Browser, auf denen die Anwendung getestet werden muss.

Diese Browser können dem Tester entweder wie folgt zur Verfügung gestellt werden:

  • Lokal auf dem Tester installiert.
  • Eine virtuelle Maschine oder verschiedene Maschinen, auf die ein Tester Zugriff hat.
  • Tools, die ihre eigenen Browser und ihre Versionen zum Testen bereitstellen.
  • In der Cloud - damit mehrere Tester die Browser nach Bedarf verwenden können.

Dieser Test ist unabhängig von den Bereitstellungsumgebungen. Je nach Verfügbarkeit der Anwendung in jeder dieser Umgebungen kann dies in einer Entwicklungs-, Test-, Qualitätssicherungs- oder sogar Produktionsumgebung durchgeführt werden.

Was zu testen?

  1. Basisfunktionalität: Links, Dialoge, Menüs etc.
  2. Grafische Benutzeroberfläche: Erscheinungsbild der Anwendung.
  3. Antwort: Wie gut reagiert die Anwendung auf Benutzeraktionen?
  4. Performance: Das Laden der Seiten innerhalb des zulässigen Zeitrahmens.

Wenn Ihre Anwendung in einem Browser gut funktioniert, bedeutet dies nicht, dass sie auch in den anderen Browsern gut funktioniert. Auf diese Weise können Sie sicherstellen, dass eine Anwendung fehlerfrei auf verschiedenen Browsern ausgeführt wird.

Um festzustellen, welche Fehler in welchem ​​Browser auftreten, und um die Website entsprechend zu reparieren, müssen wir diese Tests durchführen. Wenn ein Browser überhaupt nicht unterstützt wird, können die Benutzer leicht darüber informiert werden.

Um zusammenzufassen, wie man einen browserübergreifenden Test durchführt

# 1. Mithilfe von Verkehrsstatistiken können Sie ermitteln, welche Browser getestet werden sollen.

#zwei. Eine detaillierte Analyse sollte am AUT (zu prüfende Anwendung) selbst durchgeführt werden, um festzustellen, welche Teile der Anwendung oder ob dies alles durchlaufen muss. Es ist ratsam, alles in mehreren Browsern zu testen, aber auch hier müssen Kosten und Zeit berücksichtigt werden. Eine gute Strategie besteht darin, 100% Tests mit einem Browser pro Plattform durchzuführen und für den anderen nur die kritischsten / am häufigsten verwendeten Funktionen zu testen.

#3. Sobald die Entscheidung über „Was“ zum Testen und „Wo (Browser)“ getroffen wurde - Infrastrukturentscheidungen müssen getroffen werden - erwerben wir Tools oder führen diese manuell durch usw. Auch hier müssen die Kosten berücksichtigt werden. Lebensfähigkeit, Risiken, Sicherheitsbedenken, Beteiligte, Zeit, Akzeptanzkriterien, Zeitpläne / Prozesse zur Behebung von Problemen / Fehlern sind nur einige Dinge, die angegangen werden müssen.

# 4. Führen Sie den Test durch. Die regelmäßigen Testfälle für Funktionstests können zur Validierung der Effizienz des Systems verwendet werden. Für Look-and-Feel / Wiedergabe sind Testfälle nicht erforderlich.

Die Operation, über die ich am Anfang dieses Artikels gesprochen habe und die für mich fehlgeschlagen ist, war eine Online-Überweisung. Ich loggte mich in mein Bankkonto ein, wählte den Überweisungsbetrag als ungefähr einen Lakh und versuchte, die Überweisung durchzuführen, und es trat ein Servlet-Fehler auf, egal wie oft ich es versuchte.

Wenn also der Übertragungsvorgang für Browserkompatibilitätstests ausgewählt wird, sieht das Testskript so aus.

  1. Melden Sie sich beim Online-Bankkonto an
  2. Wählen Sie das Konto aus, von dem aus die Überweisung erfolgen soll
  3. Geben Sie den Überweisungsbetrag ein: 100.000
  4. Wählen Sie den Zahlungsempfänger aus und klicken Sie auf 'Überweisen'.
  5. Erwartetes Ergebnis: Die Übertragung sollte erfolgreich sein
  6. Dies wird einfach in allen ausgewählten Browsern ausgeführt.

Bitte beachten Sie auch hier, dass dies nicht anders aussieht als bei einem Funktionstestfall. Weitere Informationen hierzu finden Sie in diesem nicht funktionierenden Testartikel.

# 5. Melden Sie die Ergebnisse an das Designteam zurück, wenn diese nicht am Testprozess beteiligt waren. Änderung folgt.

Wann ist der beste Zeitpunkt dafür?

Jeder Test hat die besten Vorteile, wenn er frühzeitig durchgeführt wird. Daher empfiehlt die Branche, damit zu beginnen, sobald die Seitendesigns verfügbar sind.

Es kann aber auch durchgeführt werden, wenn die Site vollständig integriert und funktionsfähig ist.

Wenn Sie den Bus bei der Durchführung des Cross-Browser-Tests während der Entwurfs-, Entwicklungs- und Qualitätssicherungsphase verpasst haben, kann dies weiterhin durchgeführt werden, während die Anwendung in Produktion ist. Dies ist jedoch die teuerste von allen und auch riskant.

Wo werden Browserkompatibilitätstests durchgeführt?

Normalerweise lautet die Antwort auf diese Frage: Entwicklungs- / Qualitätssicherungs- / Produktionsumgebungen . Für die browserübergreifende Überprüfung ist dies jedoch nicht eindeutig und irrelevant (wenn ich so sagen darf). Es kann in einem oder allen von ihnen durchgeführt werden.

Fazit

Ein paar Punkte zu beachten,

  • Nachdem ich schon eine Weile QS-Lehrer bin, kann ich sagen, was als nächstes kommt und das ist - die Frage, ob es sich um funktionale und nicht funktionale Tests handelt? Ich denke es ist keines und beides.
  • Es sollte auch nicht mit verwechselt werden Plattformübergreifend Testen, dh Testen Ihrer Anwendung in mehreren Zielumgebungen wie Windows, Linux, Mac usw. Obwohl die beiden manchmal zusammen integriert werden müssen, da einige der älteren Browserversionen möglicherweise nur mit den älteren Versionen der Plattformen kompatibel sind.
  • Es wird auch weiterhin verarbeitet, da sich Softwareumgebungen, Browser und Geräte täglich weiterentwickeln. Um sicherzustellen, dass es keine unangenehmen Überraschungen gibt, sollten diese Browsertests dem Repertoire der Regressionssuiten hinzugefügt werden.

Wie Sie wissen, hilft jede Art von Test bei der Verbesserung der Qualität der Anwendung, ebenso wie der Cross-Browser-Test.

Browserübergreifende Tests tragen dazu bei, einen guten Eindruck bei den Benutzern zu hinterlassen, indem sie ihnen unabhängig vom Browser oder Betriebssystem eine konsistente Erfahrung in der gesamten Anwendung bieten.

Das Beheben von Fehlern ist in den frühen Phasen des Entwicklungslebenszyklus kostengünstig, und dies gilt auch für die Fehler, die im Rahmen dieser Tests festgestellt wurden.

Diese Tests helfen bei der Verbesserung Ihres Geschäfts, was wiederum zu zufriedenen Kunden, Happy You führt !!

Dies ist ein weiterer Beweis für das Konzept, dass QS-Felder oder Softwaretests ein mehrdimensionales Feld sind und dass für jeden etwas dabei ist.

Bitte posten Sie Ihre Kommentare und Fragen unten. Wir freuen uns immer von Ihnen zu hören!

Literatur-Empfehlungen

^