Hvordan håndtere nettbord i Selen WebDriver

Lese et HTML-nettbord

Det er tider når vi trenger tilgang til elementer (vanligvis tekster) som er innenfor HTML-tabeller. Imidlertid er det svært sjelden for en webdesigner å oppgi en id eller et attributt til en bestemt celle i tabellen. Derfor kan vi ikke bruke de vanlige metodene som "By.id ()", "By.name ()" eller "By.cssSelector ()". I dette tilfellet er det mest pålitelige alternativet å få tilgang til dem ved hjelp av "By.xpath ()" -metoden.

I denne veiledningen vil du lære-

• Hvordan skrive XPath for Table
• Få tilgang til nestede tabeller
• Bruke attributter som predikater
• Snarvei: Bruk inspiserelement for tilgang til bord i selen

Hvordan skrive XPath for Table

Tenk på HTML-koden nedenfor.

Vi bruker XPath for å få den indre teksten i cellen som inneholder teksten "fjerde celle".

Trinn 1 - Sett foreldreelementet (tabell)

XPath-lokatorer i WebDriver starter alltid med en dobbel skråstrek "//" og deretter etterfulgt av det overordnede elementet . Siden vi har å gjøre med tabeller, bør det overordnede elementet alltid være -koden. Den første delen av XPath-locatoren vår bør derfor starte med "// table".

Trinn 2 - Legg til underordnede elementer

Elementet umiddelbart under er , så vi kan si at er "barnet" til

Trinn 3 - Legg til predikater

En annen ting vi kan konkludere med er at de to

For å komme til

Så hvordan får vi tilgang til den andre

Predikater er tall eller HTML-attributter omgitt av et par firkantede parenteser []] som skiller et underordnet element fra søsknene . Siden

Hvis vi ikke bruker noe predikat, vil XPath få tilgang til det første søskenbarnet. Derfor kan vi få tilgang til den første

Trinn 4 - Legg til de etterfølgende barnelementene ved hjelp av passende predikater

Det neste elementet vi trenger for å få tilgang til er det andre

Husk at når vi setter XPath-koden i Java, bør vi bruke escape-tegnet bakover skråstrek "\" for de dobbelte anførselstegnene på begge sider av "270", slik at strengargumentet til By.xpath () ikke blir avsluttet for tidlig .

Vi er nå klare til å få tilgang til den cellen ved hjelp av koden nedenfor.

public static void main (String [] args) {Streng baseUrl = "http://demo.guru99.com/test/newtours/";WebDriver-driver = ny FirefoxDriver ();driver.get (baseUrl);String innerText = driver.findElement (By.xpath ("// tabell [@width = \" 270 \ "] / tbody / tr [4] / td")).getText ();System.out.println (innerText);driver.quit ();}

Snarvei: Bruk inspiserelement for tilgang til bord i selen

Hvis antallet eller attributtet til et element er ekstremt vanskelig eller umulig å få tak i, er den raskeste måten å generere XPath-koden ved hjelp av Inspect Element.

Tenk på eksemplet nedenfor fra Mercury Tours hjemmeside.

Trinn 1

Bruk Firebug for å skaffe XPath-koden.

Steg 2

Se etter det første "tabell" -elementet og slett alt til venstre for det.

Trinn 3

Prefiks den gjenværende delen av koden med dobbel skråstrek "//" og kopier den over til WebDriver-koden.

WebDriver-koden nedenfor vil kunne hente den indre teksten til elementet vi får tilgang til.

public static void main (String [] args) {Streng baseUrl = "http://demo.guru99.com/test/newtours/";WebDriver-driver = ny FirefoxDriver ();driver.get (baseUrl);String innerText = driver.findElement (By.xpath ("// tabell / tbody / tr / td [2]"+ "// tabell / tbody / tr [4] / td /"+ "tabell / tbody / tr / td [2] /"+ "tabell / tbody / tr [2] / td [1] /"+ "tabell [2] / tbody / tr [3] / td [2] / font")).getText ();System.out.println (innerText);driver.quit ();}

Sammendrag

• By.xpath () brukes ofte til å få tilgang til tabellelementer.
• Hvis elementet er skrevet dypt inne i HTML-koden slik at tallet som skal brukes for predikatet er veldig vanskelig å bestemme, kan vi bruke elementets unike attributt i stedet.
• Attributter brukes som predikater ved å føre dem med @ -symbolet.
• Bruk Inspect Element for tilgang til bord i selen

public static void main (String [] args) {Streng baseUrl = "http://demo.guru99.com/test/write-xpath-table.html";WebDriver-driver = ny FirefoxDriver ();driver.get (baseUrl);Streng innerText = driver.findElement (By.xpath ("// tabell / tbody / tr [2] / td [2]")). GetText ();System.out.println (innerText);driver.quit ();}}

public static void main (String [] args) {Streng baseUrl = "http://demo.guru99.com/test/accessing-nested-table.html";WebDriver-driver = ny FirefoxDriver ();driver.get (baseUrl);Streng innerText = driver.findElement (By.xpath ("// tabell / tbody / tr [2] / td [2] / tabell / tbody / tr / td [2]")). GetText ();System.out.println (innerText);driver.quit ();}