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.
Was sind Multi-Browser-Tests?
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.
Wer führt die Cross-Browser-Tests durch?
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.
Welche Funktionen werden in den Multi-Browser-Tests analysiert?
Die Funktionen, die Cross-Browser-Tests unterzogen werden, sind in der Regel in folgende Kategorien eingeteilt:
Grundlegende Funktionalität
Stellt sicher, dass die grundlegenden Funktionen auf den meisten Browser-OS-Kombinationen funktionieren. Sie könnten zum Beispiel testen, um sicherzustellen, dass :
- Die Menüs funktionieren wie erwartet
- Formularfelder akzeptieren Eingaben, nachdem sie korrekt bestätigt wurden.
- Die Website verwaltet proprietäre Cookies (und die von ihnen abhängigen Funktionen wie die Personalisierung) ordnungsgemäß.
- Touch-Eingabe funktioniert wie vorgesehen für Handys oder Tablets
Design
Dadurch wird sichergestellt, dass das Aussehen der Website (Schriftarten, Bilder und Layout) den vom Designteam geteilten Spezifikationen entspricht.
Zugänglichkeit
Stellt sicher, dass die Website oder Anwendung für alle zugänglich ist.
Wie wählt man die zu testenden Browser aus?
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 :
Auf der Grundlage der Popularität
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.
Zu den beliebtesten Browsern gehören :
- Firefox
- Edge
- Chrom
- Safari
Auf der Grundlage der Analyse
Sehen Sie sich die Verkehrsstatistiken Ihrer Website an, wie sie von Analysetools (wie Google Analytics) erfasst werden.
Das Ziel ist es, herauszufinden :
- Welche OS-Browserkombinationen von Ihrer Zielgruppe am häufigsten verwendet werden
- Auf welchen Geräten Ihre Website in der Regel aufgerufen wird
Wann werden Cross-Browser-Tests durchgeführt?
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.
Wie läuft ein Multi-Browser-Test ab?
1. Erstellen Sie eine Basis
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.
2. Erstellen Sie einen Testplan und wählen Sie die Browser, auf denen getestet werden soll.
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.
3. Durchführung | Automatisierte vs. manuelle Multi-Browser-Tests
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 :
- Automatisierte Firefox-Tests
- Automatisierte Edge-Tests
- Automatisierte Chrome-Tests
- Automatisierte Safari-Tests
Mit einem genauen Fehlerbericht sind Fehler leichter zu finden und zu beheben, während manuelle Tests Raum für menschliche Fehler lassen.
4. Infrastruktur
Es gibt mehrere Möglichkeiten, Ihre Infrastruktur für Multi-Browser-Tests einzurichten:
Emulatoren und Simulatoren
Sie können virtuelle Maschinen verwenden und zu Testzwecken Browser darauf installieren. Dieser Ansatz ist zwar kostengünstig, hat aber einige Nachteile:
- Es ist nicht leicht skalierbar.
- Die Testergebnisse sind auf mobilen Plattformen (Android und iOS) nicht zuverlässig.
Geräte intern schließen
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.
Externe Devices Farm
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 :
- Erstellen Sie Automatisierungsskripte für verschiedene Zwecke - funktionale, visuelle, browserübergreifende Tests auf einmal.
- Keine Notwendigkeit, verschiedene Konfigurationen für verschiedene Arten von Tests zu erstellen
- Nutzen Sie die Vorteile der Lösung für das Web, das mobile Web und native Anwendungen
- Keine Notwendigkeit, die Geräte zu warten
- Automatisierte Tests no-code = jeder kann sie durchführen
Mr Suricate | Eine browserübergreifende Lösung für automatisierte 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!
