selenium locators identify web elements using xpath selenium
Selenium Locators Tutorial: Lär dig hur man identifierar webbelement med XPath i Selen med exempel
I föregående handledning , vi introducerade dig till ett annat automatiseringstestverktyg som heter Firebug. Vi skapade också vårt eget automatiseringsskript manuellt med hjälp av Firebug och dess funktioner. Vi lärde oss också att anbringa önskade ändringar i vårt manus.
Framåt, i denna handledning, skulle vi titta på olika typer av lokaliserare i Selen och deras tillgänglighetsteknik för att bygga testskript . Således består denna handledning av en detaljerad introduktion till olika typer av lokaliserare.
Detta är vår 5: e handledningen i Selenium-handledning serier.
Vad är Locator?
Lokalisatorn kan betecknas som en adress som identifierar ett webbelement unikt på webbsidan. Locators är HTML-egenskaperna för ett webbelement som berättar Selen om det webbelement det behöver för att utföra åtgärden.
Det finns ett varierat utbud av webbelement. De vanligaste bland dem är:
- Textruta
- Knapp
- Falla ner
- Hyperlänk
- Kryssruta
- Radio knapp
Vad du kommer att lära dig:
- Typer av lokaliserare
- Använda ID som lokaliserare
- Använda ClassName som en Locator
- Använda namn som lokaliserare
- Använda länktext som lokaliserare
- Använda XPath som Locator
- Slutsats
- Rekommenderad läsning
Typer av lokaliserare
Att identifiera dessa element har alltid varit ett mycket knepigt ämne och det kräver därför ett korrekt och effektivt tillvägagångssätt. Därmed kan vi hävda att mer effektiv lokaliseraren, mer stabil blir automatiseringsskriptet. I grund och botten kräver varje Selenium-kommando att lokaliserare hittar webbelementen. Således, för att identifiera dessa webbelement exakt och exakt har vi olika typer av lokaliserare.
Låt oss nu förstå ytterligare genom att utöva var och en av dem oberoende.
Innan vi börjar med lokaliserarna, låt mig ta en stund att presentera applikationen som testas. Vi använder “https://accounts.google.com/” för att hitta olika typer av webbelement med olika typer av sökare.
Använda ID som lokaliserare
Den bästa och mest populära metoden för att identifiera webbelement är att använda ID. ID för varje element påstås vara unikt.
I det här exemplet skulle vi öppna textrutan 'E-post' som finns i inloggningsformuläret på gmail.com.
Hitta ett ID för ett webbelement använder Firebug
vitlåda testtekniker med exempel
Steg 1 : Starta webbläsaren (Firefox) och navigera till “https://accounts.google.com/”.
Steg 2 : Öppna firebug (antingen genom att trycka på F12 eller via verktyg).
Steg 3 : Klicka på inspekteringsikonen för att identifiera webbelementet.
Steg 4 : Håll muspekaren på webbelementet (e-posttextruta i vårt fall) som vi vill utföra några åtgärder på. I Firebug-avsnittet kan man se motsvarande HTML-taggar markeras.
Steg 5 : Var medveten om ID-attributet och anteckna det. Nu måste vi verifiera om det identifierade ID: n kan hitta elementet unikt och felfritt.
Syntax : id = id för elementet
I vårt fall är id: n 'E-post'.
Alternativt tillvägagångssätt:
Istället för att följa steg 2 till 4 kan vi direkt lokalisera / inspektera webbelementet genom att högerklicka på webbelementet (Email Textbox) vars lokaliseringsvärde vi behöver för att inspektera och klicka på alternativet 'Inspektera element med Firebug'. Således utlöser denna klickhändelse utvidgningen av firebug-sektionen och motsvarande HTML-tagg markeras.
Verifiera lokaliseringsvärdet
Förutsatt att webbläsaren är öppen och omdirigeras till “https://accounts.google.com/”.
Steg 1 : Starta Selen IDE.
Steg 2 : Klicka på första raden i redigeringsavsnittet.
Steg 3 : Skriv “id = E-post”, dvs lokaliseringsvärdet i målrutan.
Steg 4 : Klicka på Sök-knappen. Om det angivna lokaliseringsvärdet är legitimt markeras e-posttextrutan med gul färg med en fluorescerande grön kant runt fältet. Om det angivna lokaliseringsvärdet är felaktigt skulle ett felmeddelande skrivas ut i loggfönstret längst ner på Selen IDE.
Fall 1 - Locator Value = Correct
Fall 2 - Locator Value = Fel
Steg 5 : För att verifiera ytterligare kan en användare också utföra ”typ” -kommandot mot det angivna målet genom att ange något värde i fältet ”Värde”. Om körningen av kommandot anger det angivna värdet i textrutan E-post betyder det att den identifierade locatortypen är korrekt och tillgänglig.
Använda ClassName som en Locator
Det finns bara en subtil skillnad mellan att använda ID som en lokaliserare och att använda klassnamnet som en lokaliserare.
I det här exemplet skulle vi få tillgång till 'Behöver du hjälp?' hyperlänk finns längst ner i inloggningsformuläret på gmail.com.
gratis mp3 musik nedladdning app för android
Hitta ett klassnamn för ett webbelement använder Firebug
Steg 1 : Leta upp / inspektera webbelementet (”Behöver du hjälp?” I vårt fall) genom att högerklicka på webbelementet vars lokaliseringsvärde vi behöver för att inspektera och klicka på alternativet ”Inspektera element med Firebug”.
Steg 2 : Var medveten om attributet klassnamn och anteckna det. Nu måste vi verifiera om klassnamnet som identifierats kan hitta elementet unikt och exakt.
Syntax: klass = klassnamn för elementet
I vårt fall är klassnamnet ”need-help-reverse”
Verifiera lokaliseringsvärdet
Steg 1 : Skriv “class = need-help-reverse” i målrutan i Selen IDE.
Steg 2 : Klicka på Sök-knappen. Observera att hyperlänken kommer att markeras med gul färg med en fluorescerande grön kant runt fältet.
(Klicka för att se förstorad bild)
Använda namn som lokaliserare
Att hitta ett webbelement med namnet är mycket analogt med tidigare två lokaliseringstyper. Den enda skillnaden ligger i syntaxen.
I det här exemplet skulle vi öppna textrutan 'Lösenord' i inloggningsformuläret på gmail.com.
Syntax: namn = elementets namn
I vårt fall är namnet 'Passwd'.
Verifiera lokaliseringsvärdet
Steg 1 : Skriv “name = Passwd” i målrutan och klicka på Sök-knappen. Observera att textrutan 'Lösenord' skulle markeras.
Använda länktext som lokaliserare
Alla hyperlänkar på en webbsida kan identifieras med hjälp av länktext. Länkarna på en webbsida kan bestämmas med hjälp av ankartaggen ( ). Ankertaggen används för att skapa hyperlänkar på en webbsida och texten mellan öppning och stängning av ankartaggar utgör länktexten ( Lite text ).
I det här exemplet skulle vi komma åt länken 'Skapa ett konto' som finns längst ner i inloggningsformuläret på gmail.com.
Hitta en länktext till ett webbelement med Firebug
Steg 1 : Leta reda på / inspektera webbelementet ('Skapa ett konto' i vårt fall) genom att högerklicka på webbelementet vars lokaliseringsvärde vi behöver inspektera och klicka på alternativet 'Inspektera element med Firebug'.
Steg 2 : Var medveten om texten som finns i taggar och anteckna det. Därför kommer denna text att användas för att identifiera länken på en webbsida unikt.
(Klicka för att se förstorad bild)
Syntax: länk = länktext för elementet
I vårt fall är länktexten ”Skapa ett konto”.
Verifiera lokaliseringsvärdet
Steg 1 : Skriv “länk = Skapa ett konto” dvs. lokaliseringsvärdet i målrutan i Selen IDE.
Steg 2 : Klicka på Sök-knappen. Observera att länken kommer att markeras med gul färg med en fluorescerande grön kant runt fältet.
Använda XPath som Locator
Xpath används för att hitta ett webbelement baserat på dess XML-sökväg. XML står för Extensible Markup Language och används för att lagra, organisera och transportera godtyckliga data. Den lagrar data i ett nyckel-värdepar som mycket liknar HTML-taggar. Båda är markeringsspråk och eftersom de faller under samma paraply kan xpath användas för att lokalisera HTML-element.
Grunden bakom att hitta element med Xpath är att korsa mellan olika element på hela sidan och därmed göra det möjligt för en användare att hitta ett element med referens till ett annat element.
Xpath kan skapas på två sätt:
Relativ Xpath
Relativ Xpath börjar från den aktuella platsen och är prefix med en “//”.
Till exempel: // span (@ class = ’Email’)
Absolut Xpath
Absolute Xpath börjar med en rotväg och är prefix med '/'.
Till exempel: / HTML / body / div / div (@ id = ’Email’)
Nyckelord:
- Framgångsgraden att hitta ett element med Xpath är för hög. Tillsammans med föregående uttalande kan Xpath hitta relativt alla element på en webbsida. Således kan Xpaths användas för att lokalisera element utan ID, klass eller namn.
- Att skapa en giltig Xpath är en knepig och komplex process. Det finns plug-ins tillgängliga för att generera Xpath men de flesta gånger misslyckas de genererade Xpaths med att identifiera webbelementet korrekt.
- När du skapar xpath bör användaren vara medveten om de olika nomenklaturerna och protokollen.
Selen XPath-exempel:
Xpath Checker
Att skapa Xpath blir lite enklare med Xpath Checker. Xpath Checker är ett Firefox-tillägg för att automatiskt generera Xpath för ett webbelement. Tillägget kan laddas ner och installeras som alla andra plugin-program. Plugin-programmet kan laddas ner från “https://addons.mozilla.org/en-US/firefox/addon/xpath-checker/”.
Så snart plugin-programmet är installerat kan det ses i snabbmenyn genom att högerklicka på ett element vars xpath vi vill generera.
Klicka på 'Visa Xpath' för att se Xpath-uttrycket för elementet. Ett redigeringsfönster visas med det genererade Xpath-uttrycket. Nu har användaren frihet att redigera och modifiera det genererade Xpath-uttrycket. Motsvarande resultat skulle uppdateras kumulativt.
Observera att XPath Checker också är tillgänglig för andra webbläsare.
Men upprepar det faktum att de genererade Xpaths för det mesta inte identifierar webbelementet rätt. Därför rekommenderas att skapa vår egen Xpath enligt de fördefinierade reglerna och protokollen.
I det här exemplet skulle vi få tillgång till 'Google' -bilden som finns högst upp i inloggningsformuläret på gmail.com.
Skapa en Xpath av ett webbelement
sql grundläggande intervjufrågor och svar pdf
Steg 1 : Skriv “// img (@ class =’ logo ’)” dvs. lokaliseringsvärdet i målrutan inom Selen IDE.
Syntax: Elementets Xpath
Steg 2 : Klicka på Sök-knappen. Lägg märke till att bilden markeras med gul färg med en fluorescerande grön kant runt fältet.
Slutsats
Här är kärnorna i denna artikel.
- Locators är HTML-egenskaperna för ett webbelement som berättar Selen om det webbelement som det behöver utföra åtgärder på.
- Det finns ett brett utbud av webbelement som en användare kan behöva interagera med regelbundet. Några av dem är: Textbox, Button, Drop Down, Hyperlink, CheckBox och Radio Button.
- Med det varierade utbudet av webbelement kommer en stor mängd strategier / tillvägagångssätt för att lokalisera dessa webbelement.
- Några av de ofta använda locator-typerna är ID, ClassName, Link Text, XPath, CSS Selectors och Name.
Obs: På grund av det faktum att skapa CSS Selector och XPath kräver mycket ansträngningar och övning, så att processen endast utövas av mer sofistikerade och utbildade användare.
I den här handledningen lärde vi oss olika typer av lokaliserare inklusive Selenium Xpath.
Nästa handledning # 6 : I fortsättningen av denna Selenium Locator-typhandledning lär vi oss hur man använder CSS Selector som Locator.
Några frågor? Låt oss veta i kommentarer. Vi kommer att försöka lösa allt.
Rekommenderad läsning
- Selen Find Element by Text Tutorial med exempel
- 30+ bästa selen-självstudier: Lär dig selen med riktiga exempel
- Hur man hittar element i Chrome- och IE-webbläsare för att bygga selen-skript - Selen-handledning # 7
- Hantering av webbtabeller, ramar och dynamiska element i Selen Script - Selen Tutorial # 18
- Användning av Selen Select Class för hantering av rullgardinselement på en webbsida - Selen Tutorial # 13
- Gurka Selen Tutorial: Gurka Java Selen WebDriver Integration
- Hur man använder CSS Selector för att identifiera webbelement för selen-skript - Selen-handledning nr 6
- Kontrollera synligheten för webbelement med olika typer av WebDriver-kommandon - Selen Tutorial # 14