Ausführen von Cross-Browser-Tests mit LambdaTest

Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

German (Deutsch) translation by Władysław Łucyszyn (you can also view the original English article)

Cross-Browser-Tests sind ein wesentlicher Bestandteil der Überprüfung von Websites und Webanwendungen. Damit können Unternehmen (und ihre Entwickler) überprüfen, ob ihre Website nicht nur mit allen Browsern kompatibel ist, sondern auch mit den relevanten Versionen, Betriebssystemen und Geräten.

Die Wahl des Browsers eines Benutzers hängt möglicherweise von seinem Arbeitsplatz, dem Land, in dem er lebt, seiner Konnektivität, seinem Datenschutzansatz oder sogar seiner Ethik ab. Als Websitebesitzer haben Unternehmen keinerlei Einfluss darauf, in welchen Browsern Benutzer auf ihre Websites zugreifen.

In diesem Tutorial werde ich mich eingehender mit Cross-Browser-Tests befassen und Ihnen am Ende des Beitrags den Prozess mit LambdaTest zeigen.

Was ist Cross-Browser-Test?

Um sicherzustellen, dass Ihre Website oder App in verschiedenen Browsern und Betriebssystemen ordnungsgemäß funktioniert, müssen Sie die Browserkompatibilität überprüfen. Auf diese Weise können Sie besser verstehen, wo es fehlt und was Sie zur Verbesserung benötigen.

Ein einfaches Szenario

Betrachten wir ein einfaches Szenario, um die Notwendigkeit eines browserübergreifenden Testens besser zu verstehen. Sie entwickeln eine einfache Website mit drei Frontend-Technologien: HTML5, CSS3 und JavaScript. Obwohl es mehrere Sprachen und Techniken gibt, die Sie während der Backend-Entwicklung verwenden können (z. B. Python, PHP und Ruby), konzentriert sich das Rendering des Frontends nur auf diese drei Technologien.

Jeder Browser verfügt jedoch über eine eigene Rendering-Engine (obwohl einige dieselbe Engine mit anderen teilen), sodass diese Technologien unterschiedlich berechnet werden. Beispielsweise verwendet Internet Explorer Edge-HTML und Chakra, Firefox Gecko und Google Chrome Blink zum Rendern einer Website.

Nehmen wir nun an, Ihre Website wird online geschaltet und in wenigen Tagen wird ein hoher Datenverkehr verzeichnet. Sie werden feststellen, dass der hohe Datenverkehr hauptsächlich von mobilen Browsern stammt, die Sie noch nicht getestet haben. Und wenn Ihre Website in mobilen Browsern nicht ordnungsgemäß funktioniert, geht dieser Datenverkehr drastisch verloren. Also, was sollten Sie tun?

Es ist unwahrscheinlich, dass Sie mehrere Computer kaufen, um verschiedene Browser und Betriebssysteme mit all ihren Versionen zu installieren, da dies ineffizient ist. Sie können ein Gerätelabor besuchen (falls es eines in der Nähe gibt), um die Kosten nicht selbst zu tragen. Die einfachste Lösung sind jedoch webbasierte Cross-Browser-Tests, mit denen Sie Ihre Web-App in allen Browsern testen können.

So führen Sie Cross-Browser-Tests durch

Bei der Durchführung von Cross-Browser-Tests gibt es im Allgemeinen zwei Möglichkeiten: manuell und automatisch.

Manuelles Testen

Manuelles Testen bezieht sich auf das manuelle Testen Ihrer Website in jedem Browser separat. Zuerst müssen Sie alle Browser identifizieren, die Ihre Anwendung unterstützen muss, dann diese Browser mit ihren Versionen auf Ihrem System installieren und dann Testfälle zum Testen Ihrer Webanwendung schreiben.

Nach dem Schreiben der Testfälle müssen Sie dieselben Testfälle in verschiedenen Browsern, Betriebssystemen und Geräten erneut ausführen, um das Anwendungsverhalten zu überprüfen und Fehler darin zu finden. Mit der manuellen Methode ist es jedoch unwahrscheinlich, dass sie kostengünstig ist.

Automatisiertes Testen

Die beste Alternative zum manuellen Testen ist die Automatisierung, bei der Sie keine verschiedenen Browser auf Ihrem System installieren müssen, um Ihre Anwendung zu testen. Beim Cross-Browser-Testen müssen immer wieder dieselben Testfälle in verschiedenen Browsern ausgeführt werden. Automatisierung ist der beste Weg, dies zu tun. Um das Cross-Browser-Testen zu automatisieren, benötigen Sie eine Plattform, auf der bereits alle Browser und ihre Versionen auf ihren Servern installiert sind, damit Sie Ihre Web-App auf den Zielversionen testen können.

Dies spart nicht nur Zeit, sondern hilft auch bei der angemessenen Kostenverwaltung. Sie können eine virtuelle Maschine mit der erforderlichen Spezifikation ausführen, und das Tool führt Tests für Sie aus. Vor diesem Hintergrund erfahren Sie mehr über automatisierte Cross-Browser-Tests mit LambdaTest.

Verwenden von LambdaTest für Cross-Browser-Tests

LambdaTest ist ein Online-Selen-Grid, mit dem Sie kostenlose, interaktive Live-Cross-Browser-Tests für Ihre öffentlich oder lokal gehostete Web-App in einer Kombination aus mehr als 2.000 Browsern, Betriebssystemen und Geräten durchführen können. Es ist in umfangreiche Funktionen und Debugging-Tools integriert, mit denen Sie Ihre Web-App sowohl in mobilen als auch in Desktop-Browsern debuggen können.

Sie können Ihren Testprozess aufzeichnen oder Screenshots davon machen, damit Sie ihn während des Testvorgangs mit Ihrem Team teilen können. Kurz gesagt, LambdaTest ist eine Plattform, die Sie vom Stress des Testens Ihrer Website auf mehreren Browsern und Betriebssystemen befreit.

Eine großartige Sache bei LambdaTest ist, dass Sie die Möglichkeit haben, Ihre Web-App sowohl manuell als auch automatisiert zu testen. Mit der manuellen Methode können Sie bestimmte Browser, Betriebssysteme und Geräte aus der Liste auf dem Server auswählen, während die automatisierte Methode Ihre Webanwendung über alle Kombinationen hinweg automatisch testet. Erfahren Sie mehr über diese Prozesse im Detail.

Hinweis: Am Ende dieses Tutorials werden wir das WordPress-Plugin und die Chrome-Erweiterung von LambdaTest erläutern.

Manuelles Testen von Web-Apps mit LambdaTest

Mit LambdaTest können Sie verschiedene Arten von manuellen Cross-Browser-Tests durchführen. Hier ist jede Testtechnik im Detail:

Echtzeit-Cross-Browser-Tests

Mit dem interaktiven Cross-Browser-Test in Echtzeit mit LambdaTest können Sie Ihre Web-App über mehrere Kombinationen von Browsern und Betriebssystemen auf verschiedenen Desktop- und Mobilgeräten testen. Wenn Sie Echtzeit-Tests mit LambdaTest durchführen, haben Sie das Gefühl, mit einer realen Maschine und nicht mit einer virtuellen Maschine zu arbeiten.

Um mit Cross-Browser-Tests in Echtzeit zu beginnen, müssen Sie sich zunächst anmelden und ein Konto bei LambdaTest erstellen. Wenn Sie bereits ein Konto haben, melden Sie sich an, um fortzufahren.

Gehen Sie nach der Anmeldung zum Echtzeitmenü auf dem LambdaTest-Bildschirm und geben Sie die URL der Website ein, die Sie testen möchten. Wählen Sie nun die Konfiguration aus, für die Sie den Cross-Browser-Test in Echtzeit durchführen möchten, und klicken Sie auf die Schaltfläche Start.

Das ist es!

Auf Ihrem lokalen Computer wird eine neue virtuelle Maschine ausgeführt, auf der Sie Ihre Anwendung auf Cross-Browser-Kompatibilität testen können.

Da Sie die Konfiguration bereits festgelegt haben, können Sie während des Testvorgangs die folgenden Schritte ausführen:

Finden Sie Fehler und markieren Sie sie. Nehmen Sie das Video der Testsitzung auf
Speichern Sie den Screenshot in der LambdaTest-Galerie
Ändern Sie die Auflösung der Maschine unterwegs
Verschieben Sie Ihren Test in ein Projekt und ändern Sie die Grundeinstellungen

Sobald der Testvorgang abgeschlossen ist, können Sie die Sitzung beenden. Wenn Sie jedoch bereit sind, browserübergreifende Tests für eine andere Konfiguration durchzuführen, klicken Sie oben links in der Menüleiste auf die Schaltfläche Wechseln. Die Wechseln-Funktion hilft Benutzern beim Ändern ihrer aktuellen Testkonfiguration, ohne die aktuelle Sitzung zu beenden und die virtuelle Maschine neu zu starten.

Neben dem Testen Ihrer Web-App auf Desktop und PC können Sie auch Echtzeit-Tests auf Mobilgeräten durchführen. Klicken Sie dazu auf das mobile Symbol unter dem Feld für Echtzeit-Tests.

Wählen Sie nun die Mobilgeräte aus, auf denen Sie browserübergreifende Tests Ihrer App durchführen möchten, und führen Sie dann die gleichen Schritte aus wie beim Testen von Desktopgeräten. Wenn Sie auf iOS-Geräte testen, können Sie auch die Option Cache löschen verwenden, mit der Sie den Cache in Ihrem System löschen können, während Sie Ihre Web-App testen.

Visuelle UI-Tests mit LambdaTest

Es dauert kaum ein paar Sekunden, bis ein Benutzer eine Website beim Besuch beurteilt, und ein großer Teil davon ist die Benutzeroberfläche. Sie sollten Ihre Website auf jeden Fall auf visuelle Fehler überprüfen. Wie bereits erwähnt, ist das manuelle visuelle Testen von Web-Apps jedoch kompliziert und herausfordernd. Mit den visuellen UI-Tests von LambdaTest können Sie jedoch leicht visuelle Fehler finden.

Mit LambdaTest können Sie visuelle Tests einer Web-App auf folgende Weise durchführen: Screenshot-Tests, Responsive-Tests und intelligente visuelle Tests.

Screenshot-Test mit LambdaTest

Mit der Screenshot-Testfunktion von LambdaTest können Sie mehrere Screenshots (bis zu 25) auf verschiedenen Desktop- und Mobilkonfigurationen in einer einzigen Sitzung erstellen.

Wählen Sie die Konfiguration aus (bis zu 25), geben Sie die URL Ihrer Website ein und klicken Sie dann auf Generieren. Nachdem Sie auf Generieren geklickt haben, werden die Screenshots innerhalb weniger Sekunden auf Ihrem Bildschirm angezeigt.

Sobald die Screenshots auf Ihrem Bildschirm angezeigt werden, können Sie sie auf Ihr System herunterladen. Sie können auch die Fehler markieren, die Sie beim Testen finden, und sie dann in das Issue-Tracker-Tool verschieben oder auf Ihrem Desktop speichern.

Das ist alles dazu!

Responsive Testing mit LambdaTest

Um reaktionsschnelle Tests Ihrer Website oder App durchzuführen, wählen Sie im Abschnitt Testen der visuellen Benutzeroberfläche die Option Responsive Tests aus.

Mit LambdaTest Responsive Testing können Sie überprüfen, wie Ihre Website auf verschiedenen Bildschirmgrößen und Geräten angezeigt wird.

Geben Sie die URL Ihrer Website im Abschnitt für reaktionsschnelle Tests ein und klicken Sie auf Generieren. Die Screenshots für ausgewählte Geräte werden auf Ihrem Bildschirm angezeigt, damit Sie die Reaktionsfähigkeit Ihrer Web-App/Website bestimmen können.

Sie können Ihren reaktionsschnellen Testprozess verbessern, indem Sie Funktionen wie Verzögerungszeit und Localhost-Tests verwenden.

Intelligentes Testen der visuellen Benutzeroberfläche

Bei Entwicklern kommt es häufig vor, dass sie die Ursache nicht finden können, wenn sie einige der häufigsten Fehler auf neu entwickelten Websites übersehen, selbst nachdem sie den Code richtig analysiert haben. Hier helfen die intelligenten visuellen Tests von LambdaTest.

Mit den intelligenten visuellen Tests von LambdaTest können Sie häufig auftretende visuelle Fehler wie Symbolgröße, Schriftstil, Abstand, Textgröße, Bilder usw. finden, die häufig umständlich zu finden sind.

Mit den visuellen Tests von LambdaTest Smart wird der Unterschied zwischen zwei oder mehr Bildern gleichzeitig mit Farbwechsel verdeutlicht. Anschließend können Sie die Fehler markieren, in ein Fehlerverwaltungstool verschieben oder sie bearbeiten und auf viele andere Arten nutzen.

Wenn Sie jedoch die Verwendung eines Fehlerverwaltungstools eines Drittanbieters vermeiden möchten, können Sie den integrierten Problem-Tracker von LambdaTest verwenden.

Automatisierte Cross-Browser-Tests mit LambdaTest

Es ist nicht zu leugnen, dass die meisten Unternehmen die Automatisierung gegenüber manuellen Methoden bevorzugen, wenn es um Cross-Browser-Tests geht. Es ist weniger anspruchsvoll, weniger zeitaufwändig und kostengünstiger. Die Auswahl des richtigen Frameworks für automatisierte Tests ist jedoch für die meisten Menschen eine Herausforderung.

Selen ist das am meisten empfohlene und vertrauenswürdige Framework für Automatisierungstests. Außerdem unterstützt es fast jede Programmiersprache und verfügt über vier Hauptwerkzeuge:

Selenium IDE
RC
WebDriver
Selenium Grid

Was LambdaTest ideal für automatisierte Cross-Browser-Tests macht, ist, dass es Ihnen ein Online-Selen-Grid bietet, mit dem Sie End-to-End-Automatisierungstests in einer zuverlässigen, skalierbaren und sicheren Cloud-Infrastruktur durchführen können.

Mit LambdaTest Selenium Grid können Sie Ihre Web-App mit mehr als 2.000 Browsern und Betriebssystemen testen. Dadurch erhalten Sie eine höhere Testabdeckung und können besser verstehen, wie Ihre Website in verschiedenen Browsern dargestellt wird.

Um mit LambdaTest Selenium Grid für Automatisierungstests zu beginnen, müssen Sie zunächst dessen Funktionen verstehen. LambdaTest verwendet Remote-WebDriver anstelle von Selenium-Client-Browsertreibern. Wenn Sie also von lokal gehostetem Selen übertragen möchten, müssen Sie LambdaTest Selenium remote WebDriver verwenden.

Außerdem müssen Sie den Browser, die Browserversionen, das Betriebssystem und die Bildschirmauflösung in Ihrem Code angeben, auf dem Sie Ihre Website oder Anwendung testen möchten. Sie können Hilfe vom LambdaTest Capability Generator erhalten, um verschiedene Browserumgebungen zu definieren.

Sobald Sie die Funktionen verstanden haben, können Sie Ihren Test mit LambdaTest ausführen. Stellen Sie zunächst Ihren Code mit den erforderlichen Funktionen bereit und führen Sie ihn über Selenium Grid aus. Nach dem Ausführen des Codes werden die Testergebnisse auf der Testkonsole und im LambdaTest-Dashboard angezeigt. Sie können die Screenshots, Textprotokolle und Videoaufzeichnungen des Testprozesses im Dashboard überprüfen. Um das automatisierte Cross-Browser-Testen mit einem schrittweisen Prozess besser zu verstehen, sehen Sie sich das folgende Beispiel an.

Beispiel für ein automatisiertes Testen

Hier zeigen wir, wie Java-basierte Automatisierungstestskripte mit mehreren Browserversionen auf der LambdaTest Selenium Cloud-Plattform für automatisierte Cross-Browser-Tests ausgeführt werden. Stellen Sie vor dem Ausführen der Automatisierungstests mit LambdaTest sicher, dass Sie Zugriff auf die folgenden Dinge haben:

Ein LambdaTest-Konto
Benutzername und Zugangsschlüssel für das Konto
Java Development Kit - Mindestens Version 1.6 oder höher
Selenium Jars
TestNG Jars

Abgesehen davon müssen Sie wissen, wie man Automatisierungstestskripte schreibt, und über ein gutes Verständnis der LambdaTest Selenium Grid-Funktionen verfügen, wie bereits erwähnt.

Schritt 1

Laden Sie Maven herunter und installieren Sie es auf Ihrem System. (Sie können es vom Eclipse Marketplace herunterladen).

Schritt 2

Starten Sie Eclipse nach der Installation von Maven neu, damit die neuen Änderungen wirksam werden.

Schritt 3

Erstellen Sie ein Maven-Projekt:

Gehen Sie zu Datei > Neu > Andere > Maven > Projekt.
Geben Sie die Gruppen-ID und die Artefakt-ID ein und klicken Sie auf Fertig stellen. Ihr Maven-Projekt wird erstellt.
Erstellen Sie nun eine Java-Klasse und geben Sie ihr einen Namen, beispielsweise CrossbrowserTest, und klicken Sie dann auf Fertig stellen.

Schritt 4

Installieren Sie nach dem Erstellen der Klasse die Treiber für Browser, die Sie in Ihrem Skript verwenden werden. Hier verwenden wir drei Browser im Skript: Chrome, Firefox und Opera.

Schritt 5

Fügen Sie nun Abhängigkeitsdateien hinzu, die für jedes Framework erforderlich sind, das Sie zum Testen verwenden. Hier haben wir die Abhängigkeitsdatei pom.xml für Selen verwendet.

Schritt 6

Kopieren Sie den folgenden Code auf den Arbeitsplatz Ihrer Java-Klasse (Crossbrowsertest.java). Konvertieren Sie den Code nach dem Einfügen in "testing.xml".

package com.browsers.Cross_Browser;



    import org.testng.annotations.Test;

        import org.testng.AssertJUnit;

        import org.openqa.selenium.WebDriver;

        import org.openqa.selenium.chrome.ChromeDriver;

        import org.openqa.selenium.firefox.FirefoxDriver;

        import org.openqa.selenium.ie.InternetExplorerDriver;

        import org.openqa.selenium.opera.OperaDriver;

        //comment the above line and uncomment below line to use Chrome

        //import org.openqa.selenium.chrome.ChromeDriver;

        public class BrowserTest {

                WebDriver driver;

        

                @Test

                public void AmazonTitleTest() {

                // declaration and instantiation of objects/variables

                System.setProperty("webdriver.gecko.driver","C:\\Users\\Admin\\Downloads\\geckodriver.exe");

                driver = new FirefoxDriver();

                //comment the above 2 lines and uncomment below 2 lines to use Chrome

                //System.setProperty("webdriver.chrome.driver","G:\\chromedriver.exe");

                //WebDriver driver = new ChromeDriver();s

                

                String baseUrl = "https://www.amazon.com/";

                String expectedTitle = "Amazon.com: Online Shopping for Electronics, Apparel, Computers, Books, DVDs &amp; more";

                String actualTitle = "";

                // launch Chrome and direct it to the Base URL

                driver.get(baseUrl);

                // get the actual value of the title

                actualTitle = driver.getTitle();

                /*

                * compare the actual title of the page with the expected one and print

                * the result as "Passed" or "Failed"

                */

                AssertJUnit.assertEquals(expectedTitle, actualTitle);

                

                //close Fire fox

                driver.close();

                

                }

        

                @Test

                public void AmazonTitleTest1() {

                // declaration and instantiation of objects/variables

                

                //comment the above 2 lines and uncomment below 2 lines to use Chrome

                System.setProperty("webdriver.chrome.driver","C:\\Users\\Admin\\Downloads\\chromedriver_win32\\chromedriver.exe");

                WebDriver driver = new ChromeDriver();

                

                String baseUrl = "https://www.amazon.com/";

                String expectedTitle = "Amazon.com: Online Shopping for Electronics, Apparel, Computers, Books, DVDs &amp; more";

                String actualTitle = "";

                // launch Chrome and direct it to the Base URL

                driver.get(baseUrl);

                // get the actual value of the title

                actualTitle = driver.getTitle();

                /*

                * compare the actual title of the page with the expected one and print

                * the result as "Passed" or "Failed"

                */

                AssertJUnit.assertEquals(expectedTitle, actualTitle);

                

                //close Fire fox

                driver.close();

                

                }

        

                @Test

                public void AmazonTitleTest2() {

                // declaration and instantiation of objects/variables

                

                //comment the above 2 lines and uncomment below 2 lines to use Chrome

                 System.setProperty("webdriver.ie.driver", "C:/Users/Admin/Downloads/IEDriverServer.exe");

                 driver = new InternetExplorerDriver();

                String baseUrl = "https://www.amazon.com/";

                String expectedTitle = "Amazon.com: Online Shopping for Electronics, Apparel, Computers, Books, DVDs &amp; more";

                String actualTitle = "";

                // launch Chrome and direct it to the Base URL

                driver.get(baseUrl);

                // get the actual value of the title

                actualTitle = driver.getTitle();

                /*

                * compare the actual title of the page with the expected one and print

                * the result as "Passed" or "Failed"

                */

                AssertJUnit.assertEquals(expectedTitle, actualTitle);

                

                //close Fire fox

                driver.close();

                

                }


Schritt 7

Führen Sie diese Datei testing.xml als Testsuite aus und Sie können automatisierte Cross-Browser-Tests durchführen!

Dieser Code testet amazon.com in Mozilla-, Chrome- und Opera-Browsern. Wenn die Website geöffnet wird, wird der Test als bestanden angezeigt, andernfalls wird er als fehlgeschlagen angezeigt. Ebenso können Sie weitere Browser testen und die Website zum Testen ändern.

Verwenden des LambdaTest WordPress Plugins

Mit dem WordPress-Plugin von LambdaTest können Sie vollständige Screenshots Ihrer Web-App in verschiedenen Browsern direkt über Ihr WordPress-Admin-Panel erstellen. Führen Sie die folgenden Schritte aus, um das LambdaTest WordPress-Plugin zu installieren und zu verwenden:

Besuchen Sie WordPress und melden Sie sich mit Ihrem Konto an. Wählen Sie nun die Option Plugin auf der Menüregisterkarte und klicken Sie auf Neues Plugin hinzufügen.

Schreiben Sie in die Suchleiste LambdaTest, um das Plugin zu finden, und klicken Sie auf Installieren, wenn es auf dem Bildschirm angezeigt wird.

Sobald das Plugin installiert ist, klicken Sie auf die Schaltfläche Aktivieren. Die Option LambdaTest-Screenshot wird in Ihrem Plugin-Bereich angezeigt. Fügen Sie dem Plugin LambdaTest-Profilkontodetails hinzu, klicken Sie auf Aktivieren und schon sind Sie mit dem WordPress-Plugin fertig.

Um nun mit dem LambdaTest-Plugin automatisierte Screenshots Ihrer Website zu erstellen, klicken Sie auf Alle Beiträge und wählen Sie das LambdaTest-Symbol aus, das Sie im folgenden Abschnitt finden. Geben Sie die Details zu Browser, Version und Gerät ein und klicken Sie auf die Schaltfläche Start. Screenshots werden für Ihre Website erstellt.

Verwenden der LambdaTest Chrome-Erweiterung

Eine weitere hervorragende Funktion von LambdaTest ist die Chrome-Erweiterung. Wenn Sie diese Erweiterung Ihrem Browser hinzufügen, können Sie automatisierte Screenshots von Webseiten direkt aus dem Browser erstellen. So können Sie die LambdaTest Chrome-Erweiterung verwenden.

Öffnen Sie Google Chrome und rufen Sie den Chrome-Webshop auf. Suchen Sie in der Suchleiste nach LambdaTest und klicken Sie dann auf Zu Chrome hinzufügen. Auf dem Bildschirm wird ein Popup angezeigt. Klicken Sie dort auf Erweiterung hinzufügen.

Die LambdaTest Chrome-Erweiterung wird Ihrem Browser hinzugefügt. Um die Chrome-Erweiterung zu aktivieren, müssen Sie nun LambdaTest-Profildetails hinzufügen. Klicken Sie oben rechts im Browser auf das LambdaTest-Symbol. Geben Sie die E-Mail-Adresse und den Zugriffsschlüssel ein und klicken Sie dann auf Aktivieren.

Sobald es aktiviert ist, können Sie Screenshots von Ihrem Browser machen, indem Sie auf das LambdaTest-Symbol auf Ihrer Website klicken. Wählen Sie die spezifischen Browser aus, die Sie für Ihre Webanwendung testen möchten, und klicken Sie auf die Schaltfläche Erfassen. Screenshots werden generiert, sodass Sie sie auf Ihrem lokalen System speichern können.

So einfach ist die Chrome-Erweiterung!

Abschluss

LambdaTest ist eine anerkannte Plattform, die von vielen Entwicklern auf der ganzen Welt zum Testen ihrer Web-Apps und Websites verwendet wird. Es hilft bei der Analyse der Funktionalität und Leistung von Webseiten in mehreren Browsern, Betriebssystemen und Geräten. Wenn Sie Ihre Webanwendung auf Cross-Browser-Kompatibilität testen möchten, besuchen Sie LambdaTest.

1	package com.browsers.Cross_Browser;
2
3
4
5	import org.testng.annotations.Test;
6
7	import org.testng.AssertJUnit;
8
9	import org.openqa.selenium.WebDriver;
10
11	import org.openqa.selenium.chrome.ChromeDriver;
12
13	import org.openqa.selenium.firefox.FirefoxDriver;
14
15	import org.openqa.selenium.ie.InternetExplorerDriver;
16
17	import org.openqa.selenium.opera.OperaDriver;
18
19	//comment the above line and uncomment below line to use Chrome
20
21	//import org.openqa.selenium.chrome.ChromeDriver;
22
23	public class BrowserTest {
24
25	WebDriver driver;
26
27
28
29	@Test
30
31	public void AmazonTitleTest() {
32
33	// declaration and instantiation of objects/variables
34
35	System.setProperty("webdriver.gecko.driver","C:\\Users\\Admin\\Downloads\\geckodriver.exe");
36
37	driver = new FirefoxDriver();
38
39	//comment the above 2 lines and uncomment below 2 lines to use Chrome
40
41	//System.setProperty("webdriver.chrome.driver","G:\\chromedriver.exe");
42
43	//WebDriver driver = new ChromeDriver();s
44
45
46
47	String baseUrl = "https://www.amazon.com/";
48
49	String expectedTitle = "Amazon.com: Online Shopping for Electronics, Apparel, Computers, Books, DVDs & more";
50
51	String actualTitle = "";
52
53	// launch Chrome and direct it to the Base URL
54
55	driver.get(baseUrl);
56
57	// get the actual value of the title
58
59	actualTitle = driver.getTitle();
60
61	/*
62
63	* compare the actual title of the page with the expected one and print
64
65	* the result as "Passed" or "Failed"
66
67	*/
68
69	AssertJUnit.assertEquals(expectedTitle, actualTitle);
70
71
72
73	//close Fire fox
74
75	driver.close();
76
77
78
79	}
80
81
82
83	@Test
84
85	public void AmazonTitleTest1() {
86
87	// declaration and instantiation of objects/variables
88
89
90
91	//comment the above 2 lines and uncomment below 2 lines to use Chrome
92
93	System.setProperty("webdriver.chrome.driver","C:\\Users\\Admin\\Downloads\\chromedriver_win32\\chromedriver.exe");
94
95	WebDriver driver = new ChromeDriver();
96
97
98
99	String baseUrl = "https://www.amazon.com/";
100
101	String expectedTitle = "Amazon.com: Online Shopping for Electronics, Apparel, Computers, Books, DVDs & more";
102
103	String actualTitle = "";
104
105	// launch Chrome and direct it to the Base URL
106
107	driver.get(baseUrl);
108
109	// get the actual value of the title
110
111	actualTitle = driver.getTitle();
112
113	/*
114
115	* compare the actual title of the page with the expected one and print
116
117	* the result as "Passed" or "Failed"
118
119	*/
120
121	AssertJUnit.assertEquals(expectedTitle, actualTitle);
122
123
124
125	//close Fire fox
126
127	driver.close();
128
129
130
131	}
132
133
134
135	@Test
136
137	public void AmazonTitleTest2() {
138
139	// declaration and instantiation of objects/variables
140
141
142
143	//comment the above 2 lines and uncomment below 2 lines to use Chrome
144
145	System.setProperty("webdriver.ie.driver", "C:/Users/Admin/Downloads/IEDriverServer.exe");
146
147	driver = new InternetExplorerDriver();
148
149	String baseUrl = "https://www.amazon.com/";
150
151	String expectedTitle = "Amazon.com: Online Shopping for Electronics, Apparel, Computers, Books, DVDs & more";
152
153	String actualTitle = "";
154
155	// launch Chrome and direct it to the Base URL
156
157	driver.get(baseUrl);
158
159	// get the actual value of the title
160
161	actualTitle = driver.getTitle();
162
163	/*
164
165	* compare the actual title of the page with the expected one and print
166
167	* the result as "Passed" or "Failed"
168
169	*/
170
171	AssertJUnit.assertEquals(expectedTitle, actualTitle);
172
173
174
175	//close Fire fox
176
177	driver.close();
178
179
180
181	}
182