Herunterladen und Installieren Selenium IDE für Firefox & Chrom

⚡ Intelligente Zusammenfassung

Selenium Die IDE wird als Browsererweiterung und nicht als eigenständige Anwendung installiert, daher muss die gesamte Installation als Add-on heruntergeladen werden. Firefox oder Chrome, gefolgt von einem einzigen Klick, um den Rekorder zu öffnen.

  • 🔘 Firefox Route: Fügen Sie die Erweiterung von hinzu Firefox Add-ons installieren, den Berechtigungsdialog bestätigen und anschließend den Recorder über das Symbol in der Symbolleiste starten.
  • ☑️ Chrome-Route: Beginnen Sie mit dem offiziellen Selenium IDE-Downloadseite aufrufen, die Erweiterung hinzufügen und sie über das Menü „Erweiterungen“ öffnen.
  • Elementprüfung: Firefox Sowohl DevTools als auch Chrome DevTools liefern den CSS-Selektor oder XPath, den ein Selenese-Befehl benötigt.
  • 🧪 Ältere Versionen: Das Original Firefox-Für die Plugin-Veröffentlichung wird eine alte portable Version benötigt. FirefoxBetrachten Sie es daher nur als historische Referenz.
  • Fehlerbehebung: Ein fehlendes Symbol in der Symbolleiste bedeutet fast immer, dass die Erweiterung deaktiviert ist oder die Symbolleiste einfach zu schmal ist.
  • 📊 Browserübergreifende Läufe: Durch die Installation des Kommandozeilen-Runners über npm können gespeicherte Projekte in anderen Browsern und auf einem Grid ausgeführt werden.

Laden Sie  Selenium IDE für Firefox und Chrome

In diesem Tutorial lernen wir, wie man es herunterlädt und installiert Selenium IDE für Firefox und Google ChromeEs wird nichts kompiliert und nichts im Systempfad abgelegt – die IDE ist eine Browsererweiterung, daher ist die Installation abgeschlossen, sobald der Browser meldet, dass das Add-on hinzugefügt wurde.

⚠️ Hinweis zu den Versionen: Die folgenden Screenshots stammen aus dem Original. Firefox-Plugin Selenium IDE. Dieser Build funktionierte nicht mehr, als Firefox Version 55 hat 2017 die Unterstützung für ältere XUL-Add-ons eingestellt. Selenium Die heute verteilte IDE ist eine neu geschriebene Erweiterung für Firefox und Chrome, das Projekte speichert in .side Format statt HTML. Jeder ursprüngliche Schritt wird hier beibehalten, das aktuelle Verhalten wird daneben vermerkt.

So installieren Sie Selenium IDE für Firefox

Nachfolgend finden Sie eine Schritt-für-Schritt-Anleitung zum Herunterladen und Installieren Selenium IDE für Firefox:

Was Sie brauchen

  • Mozilla Firefox
  • Aktive Internetverbindung

Wenn Sie Mozilla nicht haben Firefox Sie können es jedoch von herunterladen firefox.com.

Schritte 1) Öffnen Firefox Add-ons und Download Selenium IDE

Start Firefox und navigiere zu Selenium IDE-Auflistung auf Firefox Add-ons. Klicken Sie auf Hinzufügen zu FirefoxDie Add-on-Seite sieht aus wie im folgenden Screenshot.

Selenium IDE-Auflistung auf Firefox Add-ons mit der Option "Hinzufügen" Firefox Taste im nun erscheinenden Bestätigungsfenster nun wieder los.

Schritte 2) Klicken Sie auf Hinzufügen

Warte bis Firefox Nach Abschluss des Downloads klicken Sie auf „Hinzufügen“. Firefox Zunächst wird die unten stehende Berechtigungsabfrage angezeigt, in der die von der Erweiterung angeforderten Zugriffsrechte aufgelistet sind.

Firefox Berechtigungsabfrage mit der Schaltfläche "Hinzufügen" für die Selenium IDE-Erweiterung

Schritte 3) Klicken Sie auf OK

Nach Abschluss der Installation erhalten Sie eine Bestätigungsmeldung. Klicken Sie in der hier angezeigten Benachrichtigung auf „OK“.

Firefox Bestätigungsnachricht mit folgendem Inhalt Selenium IDE wurde hinzugefügt

Schritte 4) Klicken und öffnen Selenium IDE

Klicken Sie auf Selenium IDE-Symbol, das sich jetzt in der Firefox Die Symbolleiste sieht wie unten dargestellt aus.

Selenium IDE-Symbol im Firefox Browser-Symbolleiste

Selenium Die IDE öffnet sich in einem eigenen Fenster, wie im nächsten Screenshot zu sehen.

Selenium Das IDE-Fenster öffnet sich nach der Installation in Firefox

Firefox DevTools in Firefox

Die Installation der IDE ist nur die halbe Miete. Das Aufzeichnen eines Schritts ist einfach, aber das manuelle Schreiben eines solchen Schritts erfordert die Kennung des Elements, auf das der Schritt angewendet wird, und diese stammt aus dem Browser-Inspektor.

Firefox DevTools ist ein Firefox Diese Funktion dient der Untersuchung der HTML-Elemente der zu testenden Webanwendung. Sie liefert uns den Namen des Elements, auf das unser Selenese-Befehl angewendet wird.

Schritt 1) Klicken Sie mit der rechten Maustaste auf eine beliebige Stelle auf der Seite und wählen Sie „Element prüfen“ aus. Sie können auch die Tastenkombination Strg + verwenden Shift + I. Das Kontextmenü wird unten angezeigt.

Firefox Kontextmenü per Rechtsklick mit der Option „Element untersuchen“

Schritt 2) Sie sehen hier die Benutzeroberfläche, mit dem Seiten-Markup auf der einen Seite und den Stilen auf der anderen.

Firefox Entwicklertools-Inspektorfenster, das den HTML-Code der zu testenden Seite anzeigt

Schritt 3) Sie können mit der rechten Maustaste auf ein Element klicken und CSS auswählen oder XPathDies ist bei der Objektidentifizierung nützlich, da der kopierte Wert direkt in die Datei eingefügt werden kann. Target Feld eines Befehls.

Kopieren eines CSS-Selektors oder XPath-Ausdrucks aus dem Firefox DevTools-Inspektor

Hinweis: Ebenso können Sie die Entwicklertools in Chrome verwenden, um Objekteigenschaften zu ermitteln. Das untenstehende Chrome-Panel erfüllt dieselbe Funktion.

Die Chrome-Entwicklertools untersuchen ein Element, um dessen Objekteigenschaften zu lesen.

Beide Inspektoren zeigen außerdem die Attribute „id“, „name“ und „class“ an, die die IDE beim Erstellen eines Objekts bevorzugt. Locator während der Aufnahme.

Selenium IDE war veraltet und die Entwicklung wurde gestoppt. Erst kürzlich wurde das Projekt wiederbelebt. Das neue Selenium Im Vergleich zur veralteten IDE fehlen viele Funktionen. Es werden Funktionen hinzugefügt, allerdings nur langsam. Um alle Funktionen von zu erkunden Selenium IDE empfehlen wir Ihnen, die alte Version zu verwenden. Um die alte Version der IDE zu verwenden

Schritt 1) Arbeiten jederzeit weiterbearbeiten können. Jede Präsentation und jeder KI-Avatar, den Sie von Grund auf neu erstellen oder hochladen, Firefox 54 Überprüfung der tragbaren Version werden auf dieser Seite erläutert

Schritt 2) Besuchen Sie die Selenium IDE-Versionsverlauf und installieren. Die Versionsliste sieht folgendermaßen aus.

Versionsverlaufsseite mit vorheriger Auflistung Selenium IDE-Versionen stehen zum Download bereit

Die folgenden Funktionen sind in der neuesten IDE-Version möglicherweise nicht verfügbar. Wir werden die Tutorials weiterhin aktualisieren, sobald die neue Version verfügbar ist.

⚠️ Aktueller Status: Einen nicht unterstützten Browser nur deshalb zu verwenden, um ein nicht unterstütztes Add-on am Laufen zu halten, ist auf einem Arbeitsrechner keine praktikable Option mehr. Betrachten Sie die beiden oben genannten Schritte daher als historischen Kontext. Die neu entwickelte IDE deckt nun den Großteil dessen ab, was das alte Tool nützlich gemacht hat, einschließlich gespeicherte Variablen, Kontrollflussbefehle und Codeexport.

Plugins

Selenium IDE kann zusätzliche unterstützen Firefox Add-ons oder Plugins, die von anderen Benutzern erstellt wurden. Sie können die folgende Seite besuchen: offiziell Selenium IDE-Website für eine Liste von Selenium Bisher verfügbare Add-ons. Installieren Sie sie genauso wie andere Firefox Add-Ons.

Standardmäßig Selenium IDE wird mit 4 Plugins geliefert:

  1. Selenium IDEE: C# Formatierer
  2. Selenium IDEE: Java Formatierer
  3. Selenium IDEE: Python Formatierer
  4. Selenium IDE: Ruby-Formatierer

Diese vier Plugins werden benötigt von Selenium IDE zum Konvertieren von Selenese in verschiedene Formate.

Auf der Registerkarte „Plugins“ wird eine Liste aller installierten Add-ons angezeigt, zusammen mit der Versionsnummer und dem Namen des jeweiligen Entwicklers, wie im folgenden Screenshot dargestellt.

Selenium Registerkarte „IDE-Plugins“ mit Auflistung der vier mitgelieferten Formatierungs-Plugins

Benutzererweiterungen

Selenium IDEs können Benutzererweiterungen unterstützen, um erweiterte Funktionen bereitzustellen. Benutzererweiterungen liegen in folgender Form vor: JavaSkriptdateien. Sie installieren sie, indem Sie ihren absoluten Pfad in einem dieser beiden Felder im Dialogfeld „Optionen“ angeben.

Im unten stehenden Optionsdialog sind die beiden Pfadfelder hervorgehoben.

Optionsdialogfelder für die Selenium Kernerweiterungen und Selenium IDE-Erweiterungsdateipfade

Sie werden unzählige Benutzererweiterungen auf der Selenium Download-SeiteBeachten Sie, dass dieser Mechanismus zu gehörte Selenium Kern, der entfernt wurde in Selenium 3; die moderne IDE wird stattdessen über ihre eigene Plugin-API erweitert.

So installieren Sie Selenium IDE in Chrome

Nachfolgend finden Sie eine Schritt-für-Schritt-Anleitung zum Herunterladen und Installieren Selenium IDE für Google Chrome:

Schritt 1) Gehen Sie zur Selenium IDE-Website Klicken Sie auf die Schaltfläche „Chrome herunterladen“.
Schritt 2) Öffnen Sie den Eintrag im Chrome Web Store für die Selenium IDE-Erweiterung und installieren Sie diese.
Schritt 3) Klicken Sie auf die Schaltfläche „Zu Chrome hinzufügen“, um die Selenium IDE zu Google Chrome.
Schritt 4) Gehen Sie zum Menü „Erweiterungen“, klicken Sie auf das entsprechende Symbol und öffnen Sie es. Selenium IDE zum Aufzeichnen eines neuen Tests in einem neuen Projekt.

Der Chrome-Build und der Firefox Da die Build-Dateien dieselbe Dateiendung haben, lässt sich ein in einem Browser gespeichertes Projekt auch im anderen öffnen. Da sich die Angebote der Browser-Stores im Laufe der Zeit ändern, sollten Sie in Schritt 1 immer mit der offiziellen Website beginnen und nicht mit einem gespeicherten Store. URL.

So überprüfen Sie die Installation und führen einen ersten Test durch

Dass eine Erweiterung geladen wird, beweist nicht, dass die Einrichtung funktioniert. Am schnellsten lässt sich das überprüfen, indem man etwas Einfaches aufnimmt und wiedergibt.

  1. Klicken Sie auf die Selenium IDE-Symbol. Der Begrüßungsdialog bietet vier Optionen: einen neuen Test in einem neuen Projekt aufzeichnen, ein bestehendes Projekt öffnen, ein neues Projekt erstellen oder die IDE schließen.
  2. Wählen Sie die erste Option und geben Sie dem Projekt einen Namen.
  3. Geben Sie eine Basis ein URLDies ist die Adresse der zu testenden Anwendung und wird von jedem Test im Projekt wiederverwendet.
  4. Darauf öffnet sich ein neues Browserfenster. URL Die Aufnahme startet. Klicken Sie auf einen Link oder geben Sie etwas in ein Feld ein, wechseln Sie dann zurück zur IDE und klicken Sie auf das Aufnahmesymbol, um die Aufnahme zu beenden.
  5. Klicken Sie auf das Speichersymbol. Die IDE erstellt eine einzelne Datei mit einem .side Erweiterung.
  6. Wählen Sie den Test aus und klicken Sie auf „Wiedergabe“. Wenn die aufgezeichneten Schritte ohne rote Fehlermarkierung abgespielt werden, ist die Installation fehlerfrei.

Ein erster Wiedergabefehler beim ersten Befehl deutet in der Regel auf die Basis hin. URL und nicht bei der Installation. Ein Wiedergabeabbruch mittendrin ist ein Lokalisierungsproblem, bei dem die Befehle zum Überprüfen und Warten Sie verdienen ihren Lebensunterhalt.

So beheben Sie häufige Selenium IDE-Installationsprobleme

Fast alle Installationsbeschwerden lassen sich einem von wenigen Mustern zuordnen. Die ersten beiden sind diejenigen, die von der Selenium Das Projekt selbst.

  • Kein Symbol in der Symbolleiste. Prüfen Sie, ob die Erweiterung aktiviert ist. Geben Sie Folgendes ein: chrome://extensions in Chrome oder about:addons in Firefoxund überprüfen Sie das Selenium Die IDE ist eingeschaltet.
  • Die Erweiterung ist aktiviert, aber immer noch unsichtbar. Das Symbol ist möglicherweise einfach ausgeblendet, weil die Symbolleiste zu schmal ist. Ziehen Sie in Chrome den Bereich rechts neben die Adressleiste. FirefoxKlicken Sie mit der rechten Maustaste auf die Symbolleiste, wählen Sie „Anpassen“, nehmen Sie die gewünschten Einstellungen vor und klicken Sie auf „Fertig“.
  • Die IDE öffnet sich, zeichnet aber nichts auf. Das Aufnahmefenster muss dasjenige sein, das von der IDE gestartet wurde. Aufnahmen in einem manuell geöffneten Tab werden nicht erfasst.
  • Auf einer Unterseite funktioniert gar nichts. Erweiterungen können keine browserinternen Seiten wie die Einstellungs- oder Erweiterungsbildschirme skripten, daher erfolgt die Aufzeichnung auf einer normalen Webseite.
  • Ein verwalteter Browser blockiert die Installation. Bei einem Unternehmensprofil wird die Installation von Erweiterungen häufig durch Richtlinien gesteuert und erfordert die Freigabe der Erweiterungs-ID durch einen Administrator.

So installieren Sie das Selenium IDE-Befehlszeilen-Runner

Die Erweiterung spielt Tests nur in dem Browser ab, in dem sie installiert ist. Um ein gespeichertes Projekt in anderen Browsern, parallel oder auf einem Grid auszuführen, installieren Sie den Kommandozeilen-Runner. Dieser benötigt Node.js und npm.

npm install -g selenium-side-runner

Jeder Browser benötigt außerdem eine eigene Treiberdatei. Installieren Sie den Treiber für den Browser, den Sie als Zielbrowser verwenden möchten.

npm install -g chromedriver
npm install -g geckodriver
npm install -g edgedriver

Sobald der Runner und ein Treiber eingerichtet sind, weisen Sie den Runner auf die Projektdatei hin, die die IDE zuvor gespeichert hat.

selenium-side-runner /path/to/your-project.side

Der Runner verteilt die Testsuiten auf so viele Prozesse, wie der Rechner CPU-Kerne besitzt. Zwei Flags decken die meisten alltäglichen Anforderungen ab: -c stellt den Browser ein, und --base-url Das gesamte Projekt wird in einer anderen Umgebung neu ausgerichtet, wodurch dieselbe Aufnahme sowohl für einen lokalen Build als auch für einen Staging-Server verwendet werden kann.

selenium-side-runner -c "browserName=firefox" --base-url https://localhost

Der nächste logische Schritt ist, die Aufnahme- und Wiedergabefunktion aufzugeben und dieselben Prüfungen im Code zu implementieren – siehe … erstes WebDriver-Skript Rundgang und die umfassendere Selenium .

Häufig gestellte Fragen

Nein. Es ist Open Source und wird kostenlos über die Browser-Add-on-Stores vertrieben – ohne Konto, Lizenzschlüssel oder Testphase. Der Kommandozeilen-Runner ist ebenfalls kostenlos und wird aus dem öffentlichen npm-Repository installiert.

Nicht für die Erweiterung selbst, die vollständig im Browser ausgeführt wird. Eine Laufzeitumgebung ist erst dann relevant, wenn Sie eine Aufnahme in Code exportieren oder den Kommandozeilen-Runner installieren, der Node.js anstelle eines JDK benötigt.

Jede Plattform, auf der ein unterstützter Browser läuft, also Windows, macOS Alle Systeme funktionieren unter Linux. Die Erweiterung übernimmt die Anforderungen des Browsers, daher ist kein separates Installationsprogramm erforderlich und es muss keine betriebssystemspezifische Version ausgewählt werden.

Entfernen Sie die Erweiterung von der Seite mit den Browsererweiterungen und fügen Sie sie anschließend erneut aus dem Store hinzu. Gespeicherte Projekte sind normale Dateien auf der Festplatte und bleiben daher auch nach einer Neuinstallation erhalten. Eine Neuinstallation behebt üblicherweise das Problem, wenn sich ein leeres IDE-Fenster öffnet.

Ja, denn es protokolliert innerhalb einer echten Browsersitzung und übernimmt alle in dieser Sitzung enthaltenen Cookies. Weiterleitungen beim Single Sign-On werden zwar ebenfalls protokolliert, die resultierenden Schritte sind jedoch oft fehleranfällig und sollten besser durch einen direkten Anmeldevorgang ersetzt werden.

Maschinelles Lernen kommt hauptsächlich nach der Aufzeichnung zum Einsatz: Selbstheilende Systeme schlagen bei Markup-Änderungen einen Ersatzselektor vor, und Modelle für fehlerhafte Tests kennzeichnen Schritte, die sporadisch fehlschlagen. Beides ändert nichts an der Installation, reduziert aber den anschließenden Wartungsaufwand.

Es kann die Dateierweiterung nicht steuern, ist aber für die exportierte Datei nützlich. Copilot wandelt ein exportiertes Rohskript problemlos in Seitenobjekte um, fügt explizite Wartezeiten hinzu und erstellt den CI-Job, der den Befehlszeilen-Runner aufruft.

Wo immer Sie beim Speichern wählen. Die IDE erstellt pro Projekt eine JSON-Datei mit der Erweiterung .side. Diese Datei ist reiner Text und kann daher bedenkenlos in die Versionskontrolle eingecheckt und während der Überprüfung verglichen werden.

Fassen Sie diesen Beitrag mit folgenden Worten zusammen: