Menü

Selen-Locators: Identifizieren von Webelementen mithilfe von XPath in Selen (Beispiele)

selenium locators identify web elements using xpath selenium

Versuchen Sie Unser Instrument, Um Probleme Zu Beseitigen

Tutorial zu Selenium Locators: Erfahren Sie anhand von Beispielen, wie Sie Webelemente mithilfe von XPath in Selenium identifizieren

In dem vorheriges Tutorial Wir haben Ihnen ein weiteres Automatisierungstest-Tool namens Firebug vorgestellt. Wir haben auch unser eigenes Automatisierungsskript manuell mit Firebug und seinen Funktionen erstellt. Wir haben auch gelernt, gewünschte Änderungen in unser Skript einzufügen.

In diesem Tutorial werfen wir einen Blick auf die verschiedene Arten von Locators in Selenium und ihre Zugänglichkeitstechnik zum Erstellen von Testskripten . Daher besteht dieses Tutorial aus einer detaillierten Einführung in verschiedene Arten von Locatoren.

Das ist unser 5. Tutorial im Selenium Tutorial Serie.

Was ist Locator?

Der Locator kann als Adresse bezeichnet werden, die ein Webelement innerhalb der Webseite eindeutig identifiziert. Locators sind die HTML-Eigenschaften eines Webelements, die dem Selenium mitteilen, für welches Webelement die Aktion ausgeführt werden soll.

Selen Locators Xpath in Selen

Es gibt eine Vielzahl von Webelementen. Die häufigsten unter ihnen sind:

  • Textfeld
  • Taste
  • Dropdown-Liste
  • Hyperlink
  • Kontrollkästchen
  • Radio knopf

Was du lernen wirst:

Arten von Locators

Die Identifizierung dieser Elemente war schon immer ein sehr schwieriges Thema und erfordert daher einen genauen und effektiven Ansatz. Dadurch können wir behaupten, dass das Automatisierungsskript effektiver und stabiler ist. Im Wesentlichen erfordert jeder Selenium-Befehl Locators, um die Webelemente zu finden. Um diese Webelemente genau und genau zu identifizieren, haben wir verschiedene Arten von Locatoren.

Arten von Ortungsgeräten in Selen 1

Lassen Sie uns nun weiter verstehen, indem wir jeden von ihnen unabhängig ausüben.

Bevor wir mit den Locators beginnen, möchte ich einen Moment Zeit nehmen, um die zu testende Anwendung vorzustellen. Wir würden 'https://accounts.google.com/' verwenden, um verschiedene Arten von Webelementen mit verschiedenen Locator-Typen zu finden.

ID als Locator verwenden

Die beste und beliebteste Methode zur Identifizierung von Webelementen ist die Verwendung von ID. Die ID jedes Elements soll eindeutig sein.

Arten von Ortungsgeräten in Selen 2

In diesem Beispiel greifen wir auf das Textfeld 'E-Mail' zu, das im Anmeldeformular auf gmail.com vorhanden ist.

Suchen einer ID eines Webelements mit Firebug

beste Musik-Downloader-App für Android

Schritt 1 : Starten Sie den Webbrowser (Firefox) und navigieren Sie zu 'https://accounts.google.com/'.

Schritt 2 : Öffnen Sie den Firebug (entweder durch Drücken von F12 oder über Werkzeuge).

Schritt 3 : Klicken Sie auf das Inspektionssymbol, um das Webelement zu identifizieren.

Selensucher 1

Schritt 4 : Bewegen Sie den Mauszeiger über das Webelement (in unserem Fall E-Mail-Textfeld), für das wir eine Aktion ausführen möchten. Im Firebug-Bereich werden die entsprechenden HTML-Tags hervorgehoben.

Selensucher 2

Schritt 5 : Seien Sie sich des ID-Attributs bewusst und notieren Sie es. Jetzt müssen wir überprüfen, ob die identifizierte ID das Element eindeutig und fehlerfrei finden kann.

Syntax : id = id des Elements

In unserem Fall lautet die ID 'E-Mail'.

Alternativer Ansatz:

Anstatt die Schritte 2 bis 4 auszuführen, können wir das Webelement direkt lokalisieren / untersuchen, indem wir mit der rechten Maustaste auf das Webelement (E-Mail-Textfeld) klicken, dessen Locator-Wert wir überprüfen müssen, und auf die Option „Element mit Firebug prüfen“ klicken. Somit löst dieses Klickereignis die Erweiterung des Firebug-Abschnitts aus und das entsprechende HTML-Tag wird hervorgehoben.

Selensucher 3

Überprüfen Sie den Locator-Wert

Angenommen, der Browser ist geöffnet und wird auf 'https://accounts.google.com/' umgeleitet.

Schritt 1 : Starten Sie Selenium IDE.

Schritt 2 : Klicken Sie im Editor auf die erste Zeile.

Schritt 3 : Geben Sie 'id = Email' ein, d. H. Den Locator-Wert in das Zielfeld.

Schritt 4 : Klicken Sie auf die Schaltfläche Suchen. Wenn der angegebene Locator-Wert legitim ist, wird das E-Mail-Textfeld gelb mit einem fluoreszierenden grünen Rand um das Feld hervorgehoben. Wenn der angegebene Locator-Wert falsch ist, wird im Protokollbereich unten in der Selenium-IDE eine Fehlermeldung ausgegeben.

Fall 1 - Locator-Wert = Richtig

Selensucher 4

Fall 2 - Locator-Wert = Falsch

Selensucher 5

Schritt 5 : Zur weiteren Überprüfung kann ein Benutzer auch den Befehl 'Typ' für das angegebene Ziel ausführen, indem er im Feld 'Wert' einen Wert angibt. Wenn bei der Ausführung des Befehls der angegebene Wert in das Textfeld E-Mail eingegeben wird, bedeutet dies, dass der identifizierte Locator-Typ korrekt und zugänglich ist.

Verwenden von ClassName als Locator

Es gibt nur einen subtilen Unterschied zwischen der Verwendung von ID als Locator und der Verwendung des Klassennamens als Locator.

In diesem Beispiel würden wir auf 'Benötigen Sie Hilfe?' Hyperlink am Ende des Anmeldeformulars bei gmail.com.

Suchen eines Klassennamens eines Webelements mit Firebug

Schritt 1 : Suchen / inspizieren Sie das Webelement (in unserem Fall den Link „Benötigen Sie Hilfe?“), Indem Sie mit der rechten Maustaste auf das Webelement klicken, dessen Locator-Wert wir untersuchen müssen, und auf die Option „Element mit Firebug untersuchen“ klicken.

Schritt 2 : Seien Sie sich des Klassennamenattributs bewusst und notieren Sie es. Jetzt müssen wir überprüfen, ob der identifizierte Klassenname das Element eindeutig und genau finden kann.

Selensucher 6

Syntax:: class = Klassenname des Elements

In unserem Fall lautet der Klassenname 'Need-Help-Reverse'.

Überprüfen Sie den Locator-Wert

Schritt 1 : Geben Sie 'class = need-help-reverse' in das Zielfeld in der Selenium-IDE ein.

Schritt 2 : Klicken Sie auf die Schaltfläche Suchen. Beachten Sie, dass der Hyperlink gelb mit einem fluoreszierenden grünen Rand um das Feld hervorgehoben wird.

(Klicken, um das vergrößerte Bild anzuzeigen)

Selensucher 7

Verwenden des Namens als Locator

Das Auffinden eines Webelements unter Verwendung des Namens ist sehr ähnlich zu den beiden vorherigen Locator-Typen. Der einzige Unterschied liegt in der Syntax.

In diesem Beispiel greifen wir auf das Textfeld 'Passwort' zu, das im Anmeldeformular auf gmail.com vorhanden ist.

Syntax: name = Name des Elements

In unserem Fall lautet der Name 'Passwd'.

Überprüfen Sie den Locator-Wert

Schritt 1 : Geben Sie 'name = Passwd' in das Zielfeld ein und klicken Sie auf die Schaltfläche 'Suchen'. Beachten Sie, dass das Textfeld 'Passwort' hervorgehoben wird.

Verwenden von Link-Text als Locator

Alle Hyperlinks auf einer Webseite können mithilfe von Linktext identifiziert werden. Die Links auf einer Webseite können mit Hilfe des Ankertags ( ). Das Ankertag wird verwendet, um die Hyperlinks auf einer Webseite zu erstellen, und der Text zwischen dem Öffnen und Schließen von Ankertags bildet den Linktext ( Etwas Text ).

VPN chrom

In diesem Beispiel greifen wir auf den Link 'Konto erstellen' zu, der sich unten im Anmeldeformular von gmail.com befindet.

Suchen eines Linktextes eines Webelements mithilfe von Firebug

Schritt 1 : Suchen / überprüfen Sie das Webelement (in unserem Fall den Link „Konto erstellen“), indem Sie mit der rechten Maustaste auf das Webelement klicken, dessen Locator-Wert wir überprüfen müssen, und klicken Sie auf die Option „Element mit Firebug prüfen“.

Schritt 2 : Seien Sie sich des Textes bewusst, der in der Tags und notieren Sie es. Daher wird dieser Text verwendet, um den Link auf einer Webseite eindeutig zu identifizieren.

(Klicken, um das vergrößerte Bild anzuzeigen)

Selensucher 8

Syntax:: link = Linktext des Elements

In unserem Fall lautet der Linktext 'Konto erstellen'.

Überprüfen Sie den Locator-Wert

Schritt 1 : Geben Sie 'link = Konto erstellen' ein, d. H. Den Locator-Wert in das Zielfeld in Selenium IDE.

Schritt 2 : Klicken Sie auf die Schaltfläche Suchen. Beachten Sie, dass der Link gelb mit einem fluoreszierenden grünen Rand um das Feld hervorgehoben wird.

Selensucher 9

Verwenden von XPath als Locator

Xpath wird verwendet, um ein Webelement basierend auf seinem XML-Pfad zu finden. XML steht für Extensible Markup Language und wird zum Speichern, Organisieren und Transportieren beliebiger Daten verwendet. Es speichert Daten in einem Schlüssel-Wert-Paar, das HTML-Tags sehr ähnlich ist. Beide sind die Markup-Sprachen und da sie unter demselben Dach zusammengefasst sind, kann xpath zum Auffinden von HTML-Elementen verwendet werden.

Das Grundlegende beim Auffinden von Elementen mithilfe von Xpath ist das Durchlaufen verschiedener Elemente auf der gesamten Seite, sodass ein Benutzer ein Element mit der Referenz eines anderen Elements finden kann.

Xpath kann auf zwei Arten erstellt werden:

Relativer Xpath

Der relative Xpath beginnt am aktuellen Speicherort und wird mit einem „//“ vorangestellt.

PHP Interview Fragen und Antworten für 2 Jahre Erfahrung

Zum Beispiel: // span (@ class = ’Email’)

Absoluter Xpath

Absoluter Xpath beginnt mit einem Root-Pfad und wird mit einem „/“ vorangestellt.

Zum Beispiel: / HTML / body / div / div (@ id = ’Email’)

Wichtige Punkte:

  • Die Erfolgsrate beim Finden eines Elements mit Xpath ist zu hoch. Zusammen mit der vorherigen Anweisung kann Xpath relativ alle Elemente auf einer Webseite finden. Somit können Xpaths verwendet werden, um Elemente ohne ID, Klasse oder Namen zu lokalisieren.
  • Das Erstellen eines gültigen Xpath ist ein schwieriger und komplexer Prozess. Es sind Plug-Ins zum Generieren von Xpath verfügbar, aber in den meisten Fällen können die generierten Xpaths das Webelement nicht korrekt identifizieren.
  • Beim Erstellen von xpath sollte der Benutzer die verschiedenen Nomenklaturen und Protokolle kennen.

Beispiele für Selen XPath:

Xpath Checker

Das Erstellen von Xpath wird mit Xpath Checker etwas einfacher. Xpath Checker ist ein Firefox-Add-On zum automatischen Generieren von Xpath für ein Webelement. Das Add-On kann wie jedes andere Plug-In heruntergeladen und installiert werden. Das Plug-In kann von 'https://addons.mozilla.org/en-US/firefox/addon/xpath-checker/' heruntergeladen werden.

Sobald das Plug-In installiert ist, wird es im Kontextmenü angezeigt, indem Sie mit der rechten Maustaste auf ein Element klicken, dessen xpath wir generieren möchten.

Selensucher 10

Klicken Sie auf 'Xpath anzeigen', um den Xpath-Ausdruck des Elements anzuzeigen. Ein Editorfenster mit dem generierten Xpath-Ausdruck wird angezeigt. Jetzt hat der Benutzer die Freiheit, den generierten Xpath-Ausdruck zu bearbeiten und zu ändern. Die entsprechenden Ergebnisse würden kumulativ aktualisiert.

Selensucher 11

Beachten Sie, dass der XPath Checker auch für andere Browser verfügbar ist.

Wiederholen Sie jedoch die Tatsache, dass die generierten Xpaths das Webelement in den meisten Fällen nicht richtig identifizieren. Daher wird empfohlen, einen eigenen Xpath nach den vordefinierten Regeln und Protokollen zu erstellen.

In diesem Beispiel greifen wir auf das Google-Bild zu, das oben im Anmeldeformular von gmail.com angezeigt wird.

Erstellen eines Xpath eines Webelements

Schritt 1 : Geben Sie '// img (@ class =’ logo ’)' ein, d. H. Den Locator-Wert in das Zielfeld in der Selenium-IDE.

Syntax:: Xpath des Elements

Schritt 2 : Klicken Sie auf die Schaltfläche Suchen. Beachten Sie, dass das Bild mit gelber Farbe und einem fluoreszierenden grünen Rand um das Feld hervorgehoben wird.

Selensucher 12

Fazit

Hier sind die Kernpunkte dieses Artikels.

  • Locators sind die HTML-Eigenschaften eines Webelements, die dem Selenium mitteilen, für welches Webelement es Aktionen ausführen muss.
  • Es gibt eine Vielzahl von Webelementen, mit denen ein Benutzer möglicherweise regelmäßig interagieren muss. Einige davon sind: Textfeld, Schaltfläche, Dropdown, Hyperlink, Kontrollkästchen und Optionsfeld.
  • Mit dem vielfältigen Angebot an Webelementen kommt eine Vielzahl von Strategien / Ansätzen zum Auffinden dieser Webelemente.
  • Einige der häufig verwendeten Locator-Typen sind ID, Klassenname, Link-Text, XPath, CSS-Selektoren und Name.

Hinweis: Aufgrund der Tatsache, dass das Erstellen von CSS Selector und XPath viel Aufwand und Übung erfordert, wird der Prozess nur von anspruchsvolleren und geschulten Benutzern ausgeführt.

In diesem Tutorial haben wir verschiedene Arten von Locatoren kennengelernt, einschließlich Selenium Xpath.

Nächstes Tutorial # 6 :: In Fortsetzung dieses Tutorials zu Selenium Locator-Typen lernen wir, wie man es benutzt CSS-Selektor als Locator.

Fragen? Lass es uns in den Kommentaren wissen. Wir werden versuchen, alle zu lösen.

Literatur-Empfehlungen

^