Menu

Selenium Locators: Identifikace webových prvků pomocí XPath v selenu (příklady)

selenium locators identify web elements using xpath selenium

Vyzkoušejte Náš Nástroj Pro Odstranění Problémů

Výukový program pro vyhledávače selenu: Naučte se, jak identifikovat webové prvky pomocí XPath v selenu, s příklady

V předchozí výukový program , představili jsme vám další automatizační testovací nástroj s názvem Firebug. Náš vlastní automatizační skript jsme také vytvořili ručně pomocí Firebugu a jeho schopností. Také jsme se naučili připojovat požadované úpravy do našeho skriptu.

V dalším postupu se v tomto tutoriálu podíváme na různé typy lokátorů v selenu a jejich přístupová technika k vytváření testovacích skriptů . Tento výukový program tedy obsahuje podrobné seznámení s různými typy lokátorů.

Toto je naše 5. tutoriál v Selenium Tutorial série.

Co je Locator?

Lokátor lze označit jako adresu, která jednoznačně identifikuje webový prvek na webové stránce. Lokátory jsou vlastnosti HTML webového prvku, které sdělují selenu o webovém prvku, na kterém je potřeba provést akci.

lokátory selenu Xpath v selenu

Existuje pestrá škála webových prvků. Nejběžnější z nich jsou:

  • Textové pole
  • Knoflík
  • Rozevírací seznam
  • Hypertextový odkaz
  • Zaškrtávací políčko
  • Přepínač

Co se naučíte:

Druhy lokátorů

Identifikace těchto prvků byla vždy velmi choulostivým tématem, a proto vyžaduje přesný a efektivní přístup. Tím můžeme tvrdit, že efektivnější vyhledávač, stabilnější bude automatizační skript. V zásadě každý příkaz selenu vyžaduje, aby vyhledávače našly webové prvky. Abychom tedy mohli přesně a přesně identifikovat tyto webové prvky, máme různé typy lokátorů.

Typy lokátorů v selenu 1

Nyní pochopíme další cvičení tím, že si každý z nich procvičíme samostatně.

Než začneme s lokátory, dovolte mi chvíli představit testovanou aplikaci. K vyhledání různých typů webových prvků pomocí různých typů vyhledávačů používáme „https://accounts.google.com/“.

Použití ID jako vyhledávače

Nejlepší a nejoblíbenější metodou k identifikaci webového prvku je použití ID. ID každého prvku je údajně jedinečné.

Typy lokátorů v selenu 2

V této ukázce bychom přistupovali k textovému poli „Email“, které se nachází ve přihlašovacím formuláři na gmail.com.

Nalezení ID webového prvku pomocí Firebug

automatizační testovací nástroje pro webové aplikace

Krok 1 : Spusťte webový prohlížeč (Firefox) a přejděte na „https://accounts.google.com/“.

Krok 2 : Otevřete firebug (stisknutím klávesy F12 nebo pomocí nástrojů).

Krok 3 : Kliknutím na ikonu Prozkoumat identifikujete webový prvek.

Lokátory selenu 1

Krok 4 : Umístěte kurzor na webový prvek (v našem případě textové pole E-mail), na kterém chceme provést nějakou akci. V sekci firebug můžete vidět zvýraznění odpovídajících značek HTML.

Selenové lokátory 2

Krok 5 : Uvědomte si atribut ID a poznamenejte si ho. Nyní musíme ověřit, zda je identifikované ID schopné najít prvek jednoznačně a bezchybně.

Syntax : id = id prvku

V našem případě je ID „Email“.

Alternativní přístup:

Místo toho, abychom postupovali podle kroků 2 až 4, můžeme přímo vyhledat / zkontrolovat webový prvek kliknutím pravým tlačítkem na webový prvek (Email Textbox), jehož hodnotu lokátoru musíme zkontrolovat, a kliknutím na možnost „Zkontrolovat element pomocí Firebug“. Tato událost kliknutí tedy spouští rozšíření sekce firebug a příslušná značka HTML by byla zvýrazněna.

Selenové lokátory 3

Ověřte hodnotu lokátoru

Za předpokladu, že je prohlížeč otevřený a je přesměrován na adresu „https://accounts.google.com/“.

Krok 1 : Spustit IDE selenu.

Krok 2 : Klikněte na první řádek v sekci editoru.

Krok 3 : Do cílového pole zadejte „id = Email“, tj. Hodnotu lokátoru.

Krok 4 : Klikněte na tlačítko Najít. Pokud je zadaná hodnota lokátoru legitimní, bude textové pole E-mail zvýrazněno žlutou barvou s fluorescenčním zeleným okrajem kolem pole. Pokud je zadaná hodnota lokátoru nesprávná, v podokně protokolu ve spodní části IDE selenu se vytiskne chybová zpráva.

Případ 1 - Hodnota lokátoru = správná

Lokátory selenu 4

Případ 2 - Hodnota lokátoru = nesprávná

Selénové lokátory 5

Krok 5 : Za účelem dalšího ověření může uživatel také spustit příkaz „typu“ proti danému cíli zadáním určité hodnoty do pole „Hodnota“. Pokud provedení příkazu zadá zadanou hodnotu do textového pole E-mail, znamená to, že identifikovaný typ vyhledávače je správný a přístupný.

Použití ClassName jako vyhledávače

Mezi použitím ID jako vyhledávače a použitím názvu třídy jako vyhledávače je jen nepatrný rozdíl.

V této ukázce bychom přistupovali k „Potřebujete pomoc?“ hypertextový odkaz ve spodní části přihlašovacího formuláře na gmail.com.

Nalezení názvu třídy webového prvku pomocí Firebug

Krok 1 : Vyhledejte / zkontrolujte webový prvek (v našem případě odkaz „Potřebujete pomoc?“) Kliknutím pravým tlačítkem na webový prvek, jehož hodnotu lokátoru musíme zkontrolovat, a kliknutím na možnost „Zkontrolovat prvek pomocí Firebug“.

Krok 2 : Buďte si vědomi atributu názvu třídy a poznamenejte si ho. Nyní musíme ověřit, zda je identifikovaný název třídy schopen najít prvek jedinečně a přesně.

Selénové lokátory 6

Syntax: třída = název třídy prvku

V našem případě je název třídy „need-help-reverse“

Ověřte hodnotu lokátoru

Krok 1 : Do cílového pole v IDE selenu zadejte „class = need-help-reverse“.

Krok 2 : Klikněte na tlačítko Najít. Všimněte si, že hypertextový odkaz bude zvýrazněn žlutou barvou s fluorescenčním zeleným okrajem kolem pole.

(Kliknutím zobrazíte zvětšený obrázek)

technická podpora rozhovor otázky a odpovědi

Lokátory selenu 7

Používání jména jako vyhledávače

Nalezení webového prvku pomocí názvu je velmi podobné předchozím dvěma typům lokátorů. Jediný rozdíl spočívá v syntaxi.

V této ukázce bychom přistupovali k textovému poli „Heslo“, které se nachází ve přihlašovacím formuláři na gmail.com.

Syntax: name = název prvku

V našem případě je to název „Passwd“.

Ověřte hodnotu lokátoru

Krok 1 : Do cílového pole zadejte „name = Passwd“ a klikněte na tlačítko Najít. Všimněte si, že textové pole „Heslo“ bude zvýrazněno.

Použití textu odkazu jako vyhledávače

Všechny hypertextové odkazy na webové stránce lze identifikovat pomocí textu odkazu. Odkazy na webové stránce lze určit pomocí kotevní značky ( ). Značka kotvy se používá k vytvoření hypertextových odkazů na webové stránce a text mezi otevíráním a zavíráním značek kotvy tvoří text odkazu ( Nějaký text ).

V této ukázce bychom přistupovali k odkazu „Vytvořit účet“, který se nachází ve spodní části přihlašovacího formuláře na gmail.com.

Nalezení textu odkazu webového prvku pomocí Firebugu

Krok 1 : Vyhledejte / zkontrolujte webový prvek (v našem případě odkaz „Vytvořit účet“) kliknutím pravým tlačítkem na webový prvek, jehož hodnotu lokátoru musíme zkontrolovat, a kliknutím na možnost „Zkontrolovat prvek pomocí Firebug“.

Krok 2 : Buďte si vědomi textu přítomného v značky a poznamenejte si to. Proto bude tento text použit k jedinečné identifikaci odkazu na webové stránce.

(Kliknutím zobrazíte zvětšený obrázek)

Lokátory selenu 8

Syntax: link = text odkazu prvku

V našem případě je text odkazu „Vytvořit účet“.

Ověřte hodnotu lokátoru

testování založené na datech v soapui pomocí groovy skriptu

Krok 1 : Zadejte „link = Vytvořit účet“, tj. Hodnotu lokátoru v cílovém poli v Selenium IDE.

Krok 2 : Klikněte na tlačítko Najít. Všimněte si, že odkaz bude zvýrazněn žlutou barvou s fluorescenčním zeleným okrajem kolem pole.

Lokátory selenu 9

Použití XPath jako vyhledávače

Xpath se používá k vyhledání webového prvku na základě jeho cesty XML. XML znamená Extensible Markup Language a používá se k ukládání, organizaci a přepravě libovolných dat. Ukládá data do páru klíč – hodnota, který je velmi podobný tagům HTML. Oba jsou značkovacími jazyky a protože spadají pod stejný deštník, lze k vyhledání prvků HTML použít xpath.

Základem lokalizace prvků pomocí Xpath je procházení mezi různými prvky po celé stránce a tím umožňuje uživateli najít prvek s odkazem na jiný prvek.

Xpath lze vytvořit dvěma způsoby:

Relativní Xpath

Relativní Xpath začíná od aktuálního umístění a má předponu „//“.

Například: // span (@ class = ‘Email’)

Absolutní Xpath

Absolutní Xpath začíná kořenovou cestou a má předponu „/“.

Například: / HTML / body / div / div (@ id = ‘Email’)

Klíčové body:

  • Úspěšnost nalezení prvku pomocí Xpath je příliš vysoká. Spolu s předchozím příkazem může Xpath najít relativně všechny prvky na webové stránce. Xpaths tedy lze použít k vyhledání prvků bez id, třídy nebo názvu.
  • Vytvoření platné Xpath je složitý a složitý proces. K vygenerování Xpath jsou k dispozici zásuvné moduly, ale generované Xpaths většinou nedokážou správně identifikovat webový prvek.
  • Při vytváření xpath by si měl uživatel být vědom různých nomenklatur a protokolů.

Příklady selenu XPath:

Kontrola Xpath

Vytváření Xpath se trochu zjednodušuje pomocí Xpath Checker. Xpath Checker je doplněk Firefoxu, který automaticky generuje Xpath pro webový prvek. Doplněk lze stáhnout a nainstalovat jako každý jiný doplněk. Plug-in lze stáhnout z „https://addons.mozilla.org/en-US/firefox/addon/xpath-checker/“.

Jakmile je modul plug-in nainstalován, lze jej zobrazit v místní nabídce kliknutím pravým tlačítkem na libovolný prvek, jehož cestu xpath chceme vygenerovat.

Selénové lokátory 10

Kliknutím na „Zobrazit Xpath“ zobrazíte výraz Xpath prvku. Zobrazí se okno editoru s vygenerovaným výrazem Xpath. Uživatel má nyní svobodu upravovat a upravovat vygenerovaný výraz Xpath. Odpovídající výsledky by byly aktualizovány kumulativně.

Lokátory selenu 11

Upozorňujeme, že XPath Checker je k dispozici i pro jiné prohlížeče.

Zopakujeme však skutečnost, že generované Xpaths většinu času nedokážou správně identifikovat webový prvek. Proto se doporučuje vytvořit si vlastní Xpath podle předdefinovaných pravidel a protokolů.

V této ukázce bychom přistupovali k obrázku „Google“, který se nachází v horní části přihlašovacího formuláře na gmail.com.

Vytvoření Xpath webového prvku

Krok 1 : Zadejte „// img (@ class =‘ logo ‘)“, tj. Hodnotu lokátoru v cílovém poli v IDE selenu.

Syntax: Cesta prvku

Krok 2 : Klikněte na tlačítko Najít. Všimněte si, že obraz bude zvýrazněn žlutou barvou s fluorescenčním zeleným okrajem kolem pole.

Lokátory selenu 12

Závěr

Zde jsou podstata tohoto článku.

  • Lokátory jsou vlastnosti HTML webového prvku, které informují selen o webovém prvku, na kterém potřebuje provádět akce.
  • Existuje široká škála webových prvků, se kterými může uživatel pravidelně komunikovat. Některé z nich jsou: Textové pole, Tlačítko, Rozevírací seznam, Hypertextový odkaz, Zaškrtávací políčko a Přepínač.
  • S pestrou škálou webových prvků přichází obrovská provincie strategií / přístupů k umístění těchto webových prvků.
  • Některé z často používaných typů lokátorů jsou ID, ClassName, Link Text, XPath, CSS Selectors a Name.

Poznámka: Vzhledem k tomu, že vytváření CSS Selector a XPath vyžaduje hodně úsilí a praxe, je tento proces prováděn pouze sofistikovanějšími a vyškolenými uživateli.

V tomto kurzu jsme se naučili různé typy lokátorů včetně Selenium Xpath.

Další výuka č. 6 : V pokračování tohoto tutoriálu typů Selenium Locator se naučíme, jak používat CSS Selector jako vyhledávač.

Nějaké dotazy? Dejte nám vědět v komentářích. Pokusíme se vyřešit všechny.

Doporučené čtení

^