selenium locators identify web elements using xpath selenium
Selenium Locators Tutorial: Lær hvordan du identifiserer nettelementer ved hjelp av XPath i Selen med eksempler
I forrige opplæring , vi introduserte deg for et annet verktøy for automatiseringstesting kalt Firebug. Vi opprettet også vårt eget automatiseringsskript manuelt ved hjelp av Firebug og dets evner. Vi lærte også å feste ønskede modifikasjoner i skriptet vårt.
Fortsett, i denne opplæringen, vil vi se på forskjellige typer lokaliseringer i Selen og deres tilgjengelighetsteknikk for å bygge testskripter . Dermed består denne opplæringen av en detaljert introduksjon til forskjellige typer lokaliseringer.
Dette er vår 5. veiledning i Selenium Tutorial serie.
Hva er Locator?
Lokatoren kan betegnes som en adresse som identifiserer et webelement unikt på websiden. Locators er HTML-egenskapene til et webelement som forteller Selen om webelementet det trenger for å utføre handlingen på.
Det er et mangfoldig utvalg av webelementer. De vanligste blant dem er:
- Tekstboks
- Knapp
- Fall ned
- Hyperkobling
- Merk av
- Radioknapp
Hva du vil lære:
- Typer av Locators
- Bruker ID som en Locator
- Bruke ClassName som en Locator
- Bruker navn som Locator
- Bruke lenketekst som lokalisering
- Bruker XPath som en Locator
- Konklusjon
- Anbefalt lesing
Typer av Locators
Å identifisere disse elementene har alltid vært et veldig vanskelig tema, og det krever derfor en nøyaktig og effektiv tilnærming. Dermed kan vi hevde at mer effektiv locatoren, mer stabil vil være automatiseringsskriptet. I hovedsak krever alle Selenium-kommandoer at lokaliseringer finner nettelementene. For å identifisere disse webelementene nøyaktig og presist har vi altså forskjellige typer lokaliseringer.
La oss nå forstå ytterligere ved å utøve hver av dem uavhengig.
Før vi begynner med lokalisatorene, la meg ta et øyeblikk å introdusere applikasjonen under test. Vi bruker “https://accounts.google.com/” for å finne forskjellige typer webelementer ved hjelp av forskjellige lokaliseringstyper.
Bruker ID som en Locator
Den beste og mest populære metoden for å identifisere webelement er å bruke ID. IDen til hvert element påstås å være unik.
I dette eksemplet vil vi få tilgang til 'E-post' -tekstboksen i påloggingsskjemaet på gmail.com.
Finne en ID for et webelement bruker Firebug
testboksteknikker for hvit boks med eksempler
Trinn 1 : Start nettleseren (Firefox) og naviger til “https://accounts.google.com/”.
Steg 2 : Åpne firebug (enten ved å trykke på F12 eller via verktøy).
Trinn 3 : Klikk på inspiser-ikonet for å identifisere webelementet.
Trinn 4 : Hold markøren på nettelementet (e-post tekstboks i vårt tilfelle) som vi ønsker å utføre noen handlinger på. I firebug-delen kan man se at de tilsvarende HTML-kodene blir uthevet.
Trinn 5 : Vær oppmerksom på ID-attributtet og noter det. Nå må vi verifisere om ID-en som er identifisert, er i stand til å finne elementet unikt og feilfritt.
Syntaks : id = id av elementet
I vårt tilfelle er id-en 'E-post'.
Alternativ tilnærming:
I stedet for å følge trinn 2 til 4, kan vi lokalisere / inspisere nettelementet direkte ved å høyreklikke på webelementet (Email Textbox) hvis lokaliseringsverdi vi trenger for å inspisere, og klikke på alternativet 'Inspiser element med Firebug'. Dermed utløser denne klikkhendelsen utvidelsen av firebug-delen, og den tilsvarende HTML-koden vil bli uthevet.
Bekreft lokaliseringsverdien
Forutsatt at nettleseren er åpen og er omdirigert til “https://accounts.google.com/”.
Trinn 1 : Start Selen IDE.
Steg 2 : Klikk på første rad i redigeringsdelen.
Trinn 3 : Skriv “id = Email” dvs. lokaliseringsverdien i målboksen.
Trinn 4 : Klikk på Finn-knappen. Hvis den angitte lokaliseringsverdien er legitim, vil e-post-tekstboksen bli uthevet med gul farge med en fluorescerende grønn kant rundt feltet. Hvis lokaliseringsverdien som er oppgitt, er feil, vil en feilmelding skrives ut i loggruten nederst på Selen IDE.
Sak 1 - Lokalitetsverdi = riktig
hvordan åpne en jar-fil
Sak 2 - Locator Value = Feil
Trinn 5 : For å bekrefte videre, kan en bruker også utføre 'type' -kommandoen mot det gitte målet ved å oppgi noe verdi i 'Verdi' -feltet. Hvis utførelsen av kommandoen angir den angitte verdien i tekstboksen E-post, betyr det at den identifiserte locatortypen er riktig og tilgjengelig.
Bruke ClassName som en Locator
Det er bare en subtil forskjell mellom å bruke ID som locator og å bruke klassens navn som locator.
I dette eksemplet vil vi få tilgang til 'Trenger du hjelp?' hyperkobling til stede nederst i påloggingsskjemaet på gmail.com.
Finne et klassenavn til et webelement bruker Firebug
Trinn 1 : Finn / inspiser webelementet ('Trenger du hjelp?' -Lenken i vårt tilfelle) ved å høyreklikke på webelementet hvis lokaliseringsverdi vi trenger for å inspisere, og klikke på alternativet 'Inspiser element med Firebug'.
Steg 2 : Vær oppmerksom på attributt for klassenavn og noter det. Nå må vi verifisere om klassenavnet som er identifisert, er i stand til å finne elementet unikt og nøyaktig.
Syntaks: class = classname of the element
I vårt tilfelle er klassenavnet 'behov-hjelp-omvendt'
Bekreft lokaliseringsverdien
Trinn 1 : Skriv “class = need-help-reverse” i målboksen i Selen IDE.
Steg 2 : Klikk på Finn-knappen. Legg merke til at hyperkoblingen vil bli uthevet med gul farge med en fluorescerende grønn kant rundt feltet.
(Klikk for å se forstørret bilde)
Bruker navn som Locator
Å finne et webelement ved å bruke navnet er veldig mye analogt med de to foregående locatortypene. Den eneste forskjellen ligger i syntaksen.
I dette eksemplet får vi tilgang til 'Passord' -tekstboksen i påloggingsskjemaet på gmail.com.
Syntaks: navn = elementets navn
I vårt tilfelle er navnet “Passwd”.
Bekreft lokaliseringsverdien
Trinn 1 : Skriv “name = Passwd” i målboksen og klikk på Finn-knappen. Legg merke til at tekstboksen 'Passord' vil bli uthevet.
Bruke lenketekst som lokalisering
Alle hyperkoblingene på en webside kan identifiseres ved hjelp av lenketekst. Koblingene på en webside kan bestemmes ved hjelp av ankermerke ( ). Ankermerket brukes til å lage hyperkoblingene på en webside, og teksten mellom åpning og lukking av ankermerker utgjør lenketeksten ( Noe tekst ).
I dette eksemplet vil vi få tilgang til 'Opprett en konto' -linken som er til stede nederst i påloggingsskjemaet på gmail.com.
Finne en lenketekst til et webelement ved hjelp av Firebug
Trinn 1 : Finn / inspiser webelementet ('Opprett en konto' -lenke i vårt tilfelle) ved å høyreklikke på webelementet hvis lokaliseringsverdi vi trenger for å inspisere, og klikke på alternativet 'Inspiser element med Firebug'.
Steg 2 : Vær oppmerksom på teksten som er tilstede i tagger og noter det. Derfor vil denne teksten brukes til å identifisere lenken på en webside på en unik måte.
(Klikk for å se forstørret bilde)
Syntaks: lenke = linktekst til elementet
I vårt tilfelle er lenketeksten 'Opprett en konto'.
Bekreft lokaliseringsverdien
Trinn 1 : Skriv 'link = Opprett en konto' dvs. lokaliseringsverdien i målboksen i Selen IDE.
Steg 2 : Klikk på Finn-knappen. Legg merke til at lenken vil bli uthevet med gul farge med en fluorescerende grønn kant rundt feltet.
Bruker XPath som en Locator
Xpath brukes til å finne et webelement basert på XML-banen. XML står for Extensible Markup Language og brukes til å lagre, organisere og transportere vilkårlige data. Den lagrer data i et nøkkelverdipar som ligner mye på HTML-koder. Begge er markeringsspråkene, og siden de faller under den samme paraplyen, kan xpath brukes til å finne HTML-elementer.
Det grunnleggende bak å finne elementer ved hjelp av Xpath er kryssingen mellom forskjellige elementer på hele siden og dermed gjør det mulig for en bruker å finne et element med referanse til et annet element.
Xpath kan opprettes på to måter:
Relativ Xpath
Relativ Xpath begynner fra gjeldende plassering og er foran et “//”.
For eksempel: // span [@ class = ’Email’]
Absolutt Xpath
Absolute Xpath begynner med en rotbane og er foran '/'.
For eksempel: / HTML / body / div / div [@ id = ’Email’]
Viktige punkter:
- Suksessraten for å finne et element ved hjelp av Xpath er for høy. Sammen med den forrige uttalelsen, kan Xpath finne relativt alle elementene på en webside. Dermed kan Xpaths brukes til å finne elementer uten ID, klasse eller navn.
- Å lage en gyldig Xpath er en vanskelig og kompleks prosess. Det er plugin-moduler tilgjengelig for å generere Xpath, men de fleste ganger klarer ikke de genererte Xpaths å identifisere webelementet riktig.
- Mens du oppretter xpath, bør brukeren være oppmerksom på de forskjellige nomenklaturene og protokollene.
Selen XPath Eksempler:
Xpath Checker
Å lage Xpath blir litt enklere ved å bruke Xpath Checker. Xpath Checker er et Firefox-tillegg for automatisk å generere Xpath for et webelement. Tillegget kan lastes ned og installeres som alle andre plugin-moduler. Plugin-modulen kan lastes ned fra “https://addons.mozilla.org/en-US/firefox/addon/xpath-checker/”.
Så snart plugin-modulen er installert, kan den sees i kontekstmenyen ved å høyreklikke på et element hvis xpath vi vil generere.
falsk Gmail-konto generator og passord
Klikk på 'Vis Xpath' for å se Xpath-uttrykket til elementet. Et redigeringsvindu vises med det genererte Xpath-uttrykket. Nå har brukeren frihet til å redigere og endre det genererte Xpath-uttrykket. De tilsvarende resultatene vil bli oppdatert kumulativt.
Merk at XPath Checker også er tilgjengelig for andre nettlesere.
Men gjentar det faktum at de genererte Xpaths som oftest ikke identifiserer nettelementet riktig. Dermed anbefales det å lage vår egen Xpath etter de forhåndsdefinerte reglene og protokollene.
I dette eksemplet vil vi få tilgang til 'Google' -bildet som er tilstede øverst i påloggingsskjemaet på gmail.com.
Opprette en Xpath av et webelement
Trinn 1 : Skriv “// img [@ class =’ logo ’]” dvs. lokaliseringsverdien i målboksen i Selen IDE.
Syntaks: Xpath av elementet
Steg 2 : Klikk på Finn-knappen. Legg merke til at bildet vil bli uthevet med gul farge med en fluorescerende grønn kant rundt feltet.
Konklusjon
Her er kjernen i denne artikkelen.
- Locators er HTML-egenskapene til et webelement som forteller Selen om webelementet som det trenger å utføre handlinger på.
- Det er et bredt spekter av webelementer som en bruker kan ha til å kommunisere med regelmessig. Noen av dem er: Tekstboks, Knapp, Rull ned, Hyperkobling, Sjekkboks og Radioknapp.
- Med det varierte spekteret av webelementer kommer en lang rekke strategier / tilnærminger for å finne disse webelementene.
- Noen av de mye brukte locator-typene er ID, ClassName, Link Text, XPath, CSS Selectors og Name.
Merk: På grunn av det faktum at det å lage CSS Selector og XPath krever mye innsats og praksis, blir prosessen bare utøvd av mer sofistikerte og trente brukere.
I denne opplæringen lærte vi forskjellige typer lokaliseringer, inkludert Selen Xpath.
Neste opplæring # 6 : I fortsettelsen med denne Selenium Locator-typeropplæringen vil vi lære hvordan du bruker CSS Selector som en Locator.
Har du spørsmål? Gi oss beskjed i kommentarer. Vi vil prøve å løse alt.
Anbefalt lesing
- Selen Find Element By Text Tutorial med eksempler
- 30+ beste selenopplæringsprogrammer: Lær selen med virkelige eksempler
- Hvordan finne elementer i Chrome- og IE-nettlesere for å bygge selen-skript - Selen-veiledning nr. 7
- Håndtering av nettbord, rammer og dynamiske elementer i Selenium Script - Selenium Tutorial # 18
- Bruk av selen valgt klasse for håndtering av nedtrekkselementer på en webside - Selenium-veiledning nr. 13
- Agurk Selen Tutorial: Agurk Java Selen WebDriver Integration
- Slik bruker du CSS Selector for å identifisere webelementer for selenskripter - Selenveiledning nr. 6
- Kontroller synligheten til nettelementer ved hjelp av forskjellige typer WebDriver-kommandoer - Selenium-veiledning nr. 14