Antwort.

Historie der Frage

Die Vielfalt der Browser führt zu Unterschieden in der Darstellung und Funktionalität von Websites. Die Zuverlässigkeit des Frontends hängt von der korrekten Ausführung grundlegender Szenarien in verschiedenen Browsern ab, insbesondere wenn das Produkt für ein breites Publikum ausgelegt ist.

Problem

Es ist schwierig, alle Zielkonfigurationen schnell zu überprüfen. Unauffällige Bugs treten oft nur bei bestimmten Versionen von Browsern oder Betriebssystemen auf. Das Übersehen solcher Defekte beeinflusst die Loyalität der Benutzer.

Lösung

Manuelle Cross-Browser-Tests beginnen mit der Auswahl der erforderlichen Browser (z.B. Chrome, Firefox, Edge, Safari) sowie deren aktuellen Versionen. Es wird getestet:

Layout und Darstellung der Elemente.
Funktionalität von Formularen und dynamischen Komponenten.
Interaktion mit Erweiterungen und Skripten.

Wichtig ist die Dokumentation gefundener Bugs mit genauer Angabe des Browsers, der Version und der Schritte zur Reproduktion.

Wesentliche Merkmale:

Man sollte sich nicht nur auf die beliebteste Software verlassen, sondern unbedingt auch weniger verbreitete Browser und mobile Plattformen einbeziehen.
Es ist wichtig, auf unauffällige Defekte zu achten (Unterschiede in der Darstellung, Ereignisbehandlung, Verhalten von css/js).
Es ist ratsam, Tools für Remote-Tests (Browserstack, SauceLabs) zu verwenden, wenn kein physischer Zugang zu allen Geräten besteht.

Trickfragen.

Wenn die Website in der neuesten Version von Chrome korrekt funktioniert, wird es Probleme in Safari oder Edge geben?

Ja, das kann sein. Jeder Browser kann die Unterstützung von Standards unterschiedlich implementieren, insbesondere in Bezug auf die Darstellung von css, das Verhalten von Javascript und Besonderheiten bei Netzwerkanfragen.

Kann man sich mit Tests nur auf einem Betriebssystem beschränken?

Nein. Selbst der gleiche Browser auf Windows und macOS arbeitet unterschiedlich, da das Betriebssystem die Darstellung und Ereignisverarbeitung beeinflusst.

Ist eine visuelle Überprüfung der Seite ausreichend?

Nein. Unauffällige Bugs können mit der Datenverarbeitung, der Speicherung von Informationen im Cache oder Cookie sowie der Interaktion mit APIs zusammenhängen.

Typische Fehler und Anti-Pattern

Bewertung nur der visuellen Komponente ohne Überprüfung von Nutzungsszenarien.
Tests nur auf der Hauptplattform (z.B. nur auf Windows + Chrome).
Fehlen von Details in Bug-Reports nach Browser und Version.

Beispiel aus dem Leben

Negativer Fall

Der Tester überprüfte die Website nur in Chrome auf dem Desktop und achtete nicht auf das Verhalten in mobilen Browsern und Safari.

Vorteile:

Schnelle Durchführung des grundlegenden Smoke-Tests.

Nachteile:

Übersehen eines kritischen Fehlers bei der Darstellung von Formularen auf dem iPhone.
Verlust von Kunden, die eine andere Plattform verwenden.

Positiver Fall

Der Tester verwendete Browserstack, um die Website in den wichtigsten Desktop- und mobilen Browsern zu überprüfen, dokumentierte die Schritte und machte Screenshots von Unterschieden.