Jeder Browser folgt denselben Webstandards. Allerdings überträgt nicht jeder Browser HTML-, CSS- und JavaScript-Code auf die gleiche Weise.
Die unterschiedlichen Interpretationen der Browser zwingen Softwareentwickler dazu, browserübergreifende Tests zu orchestrieren, um eine einheitliche Nutzererfahrung unabhängig vom verwendeten Browser zu gewährleisten.
In diesem Artikel erklären wir, was Multi-Browser-Tests sind, wer sie durchführt, warum sie wichtig sind und wie man sie durchführt.
Multi-Browser-/Cross-Browser-Tests sind eine Art Funktionstest, mit dem Sie überprüfen können, ob Ihre Website wie erwartet funktioniert, wenn sie über :
Verschiedene Browser-OS-Kombinationen auf beliebten Browsern wie Firefox, Chrome, Edge, Safari und auf einem der beliebten Betriebssysteme wie Windows, macOS, iOS und Android.
Verschiedene Geräte: Smartphones, Tablets, Desktop- und Laptop-Computer usw.
Hilfsmittel für die Barrierefreiheit: Hilfstechnologien wie Bildschirmlesegeräte für Menschen, die diese Hilfsmittel benötigen.
QA-Teams führen in der Regel Testszenarien mit mehreren Browsern durch, um sicherzustellen, dass die Version die grundlegenden Kriterien erfüllt.
UX-Teams führen Multi-Browser-Tests durch, um herauszufinden, wie die Website auf verschiedenen Geräten und in verschiedenen Ausrichtungen funktioniert.
Die Funktionen, die Cross-Browser-Tests unterzogen werden, sind in der Regel in folgende Kategorien eingeteilt:
Stellt sicher, dass die grundlegenden Funktionen auf den meisten Browser-OS-Kombinationen funktionieren. Sie könnten zum Beispiel testen, um sicherzustellen, dass :
Dadurch wird sichergestellt, dass das Aussehen der Website (Schriftarten, Bilder und Layout) den vom Designteam geteilten Spezifikationen entspricht.
Stellt sicher, dass die Website oder Anwendung für alle zugänglich ist.
Die große Anzahl an existierenden Browsern, Geräten und Betriebssystemen macht es praktisch unmöglich, auf jeder Browser-OS-Kombination zu erstellen und zu testen.
Ein realistischeres Ziel ist es, Ihre Testbemühungen auf die Maximierung der Reichweite Ihrer Website innerhalb Ihres Zielmarktes zu konzentrieren. Dazu müssen Sie die relevantesten Browser und Versionen auswählen :
Wählen Sie die beliebtesten oder am häufigsten verwendeten Browser und entscheiden Sie sich für die beiden wichtigsten Plattformen, wie Android und iOS, um Ihre Reichweite in jedem Zielmarkt zu maximieren.
Sehen Sie sich die Verkehrsstatistiken Ihrer Website an, wie sie von Analysetools (wie Google Analytics) erfasst werden.
Das Ziel ist es, herauszufinden :
Multi-Browser-Tests werden durchgeführt :
Während der Entwicklung : Die Entwickler testen neue Funktionen, um sicherzustellen, dass sie mit allen Browsern kompatibel sind, bevor die Änderungen in die Produktion gehen.
Staging/Pre-Release: Die QA-Teams führen für jede Veröffentlichung Cross-Browser-Tests durch, um sicherzustellen, dass in der neuesten Version einer Website oder Anwendung keine Probleme mit der Browserkompatibilität auftreten.
Bevor Sie mit den Multi-Browser-Tests beginnen, führen Sie alle Design- und Funktionstests mit Ihrem Hauptbrowser durch, bei dem es sich in der Regel um Chrome handelt. Dadurch erhalten Sie eine grundlegende Referenz.
Erstellen Sie einen Testplan, in dem Sie genau beschreiben, was Sie testen werden.
Wählen Sie dann die zu testenden Browser-OS-Kombinationen auf der Grundlage der Popularität und der Analyse Ihres aktuellen Datenverkehrs aus.
Manuelle Tests erfordern menschliche Tester, die die Testszenarien sequenziell abarbeiten, während automatisierte Tests die menschliche Interaktion automatisieren.
Ein einziges Testskript, das von professionellen QAs mithilfe von Automatisierungstools wie z. B. Mr Suricate kann Ihre :
Mit einem genauen Fehlerbericht sind Fehler leichter zu finden und zu beheben, während manuelle Tests Raum für menschliche Fehler lassen.
Es gibt mehrere Möglichkeiten, Ihre Infrastruktur für Multi-Browser-Tests einzurichten:
Sie können virtuelle Maschinen verwenden und zu Testzwecken Browser darauf installieren. Dieser Ansatz ist zwar kostengünstig, hat aber einige Nachteile:
Wenn Sie über die nötigen Ressourcen verfügen, um echte Geräte zu beschaffen und deren Integrität über die Zeit hinweg zu erhalten, können Sie Ihre eigene Gerätefarm aufbauen.
Dies ist natürlich die teuerste und arbeitsintensivste Option.
Die Browser der letzten Jahre erfüllen den W3C-Standard der kontinuierlichen Lieferung. Das bedeutet, dass sie neue Versionen in schnellem Tempo veröffentlichen, manchmal sogar mehrere Versionen pro Woche.
Die wichtigsten Browser übernehmen und stützen sich ebenfalls auf die Chromium-Codebasis. Dadurch sind diese Browser sehr ähnlich, mit Ausnahme des gerenderten Teils - der immer noch browserspezifisch ist. Diese Änderung muss bei jeder Multi-Browser-Teststrategie berücksichtigt werden.
Mit dieser Art von Testkonfiguration können Sie Ihre Tests in einem entfernten Labor für sichere Geräte und Browser zu einem Bruchteil der Kosten durchführen, die für die Konfiguration Ihres eigenen Gerätelabors anfallen würden.
Mit einer Lösung namens Browserstack können Sie das gleiche einzigartige Skript für verschiedene Gerätekombinationen aus nutzen, um Ihnen die Ergebnisse der funktionalen und visuellen Tests auf der Vielfalt der angegebenen Kombinationen zu liefern.
Es ist nicht notwendig, Szenarien zu duplizieren, sondern die Benutzerwege so zu gestalten, dass sie sich kreuzen und so die Browser auf verschiedene Szenarien verteilt werden können.
Hauptvorteile von automatisierten Multi-Browser-Tests :
Die No-Code-Lösung für automatisierte Cross-Browser-Tests von Mr Suricate ermöglicht Ihnen das einfache Testen von Anwendungen und Websites auf verschiedenen Browsern, Betriebssystemen und mobilen Plattformen.
Mit Mr Suricatemüssen Sie weder codieren können noch ein Vermögen ausgeben, um sicherzustellen, dass Ihre Nutzer flüssig und fehlerfrei surfen, unabhängig davon, wie sie darauf zugreifen!