Kako rukovati web tablicom u Selenium

Čitanje HTML web tablice

Mnogo puta testeri trebaju pristupiti elementima, obično tekstualnim vrijednostima, koji se nalaze unutar HTML tablica. Međutim, web dizajneri rijetko daju atribut id ili name na pojedinačnim ćelijama. Stoga metode poput By.id(), By.name() ili By.cssSelector() rijetko funkcioniraju. U ovom scenariju, najpouzdanija opcija je By.xpath() jer prolazi kroz odnose roditelj-dijete unutar oznake tablice.

Kako rukovati web tablicom u Selenium

Razmotrite HTML kod u nastavku za rukovanje web tablicama Selenium.

Koristit ćemo XPath da biste dobili unutarnji tekst ćelije koja sadrži tekst "četvrta ćelija".

Korak 1 – Postavite nadređeni element (tablica)

XPath lokatori u WebDriveru uvijek počinju s dvostrukom kosom crtom "//" nakon koje slijedi roditeljski element. Budući da se bavimo web tablicama u Selenium, nadređeni element bi uvijek trebao biti označiti. Prva porcija našeg Selenium XPath lokator tablice stoga mora započeti s „//table“.

Korak 2 – Dodajte podređene elemente

Element neposredno ispod je , pa je dijete od Suprotno tome, je roditelj od Svi podređeni elementi u XPath-u smješteni su desno od svog roditeljskog elementa, odvojeni jednom kosom crtom "/" kao što je prikazano dolje.

Korak 3 – Dodajte predikate

The element sadrži dva oznake. Ove dvije oznake su djeca od , pa je roditelj oboje. Dvoje elementi su braća i sestre. Braća i sestre su podređeni elementi koji dijele istog roditelja..

Da biste došli do koja sadrži „četvrtu ćeliju“, prvo moramo pristupiti drugi , a ne prvi. Pisanje samo "//table/tbody/tr" ciljalo bi prvi označiti.

Dakle, kako pristupiti drugom Odgovor je koristiti Predikati. Predikati su brojevi ili HTML atributi zatvoreni u uglatim zagradama „[ ]“ koji razlikuju podređeni element od njegovih srodnih elemenata.Budući da nam je potreban drugi redak, kao predikat koristimo „[2]“.

Ako izostavimo predikat, XPath vraća prvog brata. Stoga će bilo koji od XPath kodova u nastavku dosegnuti prvog .

Korak 4 – Dodajte sljedeće podređene elemente pomoću odgovarajućih predikata

Sljedeći element koji nam treba je drugi Primjenom pravila iz koraka 2 i 3 dolazimo do XPath-a prikazanog u nastavku.

Sada kada imamo ispravan XPath lokator, možemo pristupiti ćeliji i pročitati njezin unutarnji tekst pomoću donjeg koda. To pretpostavlja da ste spremili HTML stranicu kao "newhtml.html" na C pogonu.

public static void main(String[] args) {
    String baseUrl = "https://demo.guru99.com/test/write-xpath-table.html";
    WebDriver driver = new FirefoxDriver();

    driver.get(baseUrl);
    String innerText = driver.findElement(
        By.xpath("//table/tbody/tr[2]/td[2]")).getText();
    System.out.println(innerText);
    driver.quit();
}

Pristup ugniježđenim tablicama

Ista načela vrijede i za ugniježđene tablice. Ugniježđene tablice su tablice smještene unutar druge tablice. Primjer je prikazan u nastavku.

Za pristup ćeliji s tekstom „4-5-6“ koristeći ideje za roditelj/dijete i predikat iz prethodnog odjeljka, možemo sastaviti XPath prikazan u nastavku.

WebDriverov kod u nastavku dohvaća unutarnji tekst ciljane ćelije.

public static void main(String[] args) {
    String baseUrl = "https://demo.guru99.com/test/accessing-nested-table.html";
    WebDriver driver = new FirefoxDriver();

    driver.get(baseUrl);
    String innerText = driver.findElement(
        By.xpath("//table/tbody/tr[2]/td[2]/table/tbody/tr/td[2]")).getText();
    System.out.println(innerText);
    driver.quit();
}

Ispis u nastavku potvrđuje da je uspješno pristupljeno unutarnjoj tablici.

Korištenje atributa kao predikata

Ako se element nalazi duboko unutar HTML-a, gdje brojanje braće i sestara postaje mukotrpno, umjesto toga možemo koristiti atribut unique tog elementa.

U donjem primjeru, ćelija „New York do Chicaga“ nalazi se duboko unutar Mercury Početna stranica Tours.

Kao predikat možemo koristiti jedinstveni atribut tablice (width=”270″). Atributi se koriste kao predikati tako što im se ispred stavlja simbol @U gornjem primjeru, ćelija „New York do Chicaga“ nalazi se u prvoj četvrtog , pa bi naš XPath trebao izgledati kao što je prikazano dolje.

Imajte na umu da kada stavite XPath unutra Java, dvostruke navodnike oko "270" izbjegnite obrnutom kosom crtom kako se niz By.xpath() ne bi prerano završio.

Sada smo spremni pristupiti toj ćeliji pomoću donjeg koda.

public static void main(String[] args) {
    String baseUrl = "https://demo.guru99.com/test/newtours/";
    WebDriver driver = new FirefoxDriver();

    driver.get(baseUrl);
    String innerText = driver.findElement(By
        .xpath("//table[@width=\"270\"]/tbody/tr[4]/td"))
        .getText();
    System.out.println(innerText);
    driver.quit();
}

Prečac: Koristite Inspect Element za pristup tablicama Selenium

Ako je indeks ili atribut elementa teško dobiti, najbrži način generiranja XPath-a je korištenje Inspect Elementa u modernim DevTools alatima preglednika.

Razmotrite primjer u nastavku iz Mercury Početna stranica Tours.

Korak 1

Desnom tipkom miša kliknite ciljnu ćeliju i odaberite Pregledaj da biste vidjeli DOM putanju, a zatim kopirajte cijeli XPath.

Korak 2

Potražite prvi roditeljski element "table" i izbrišite sve lijevo od njega.

Korak 3

Preostali XPath prefiksirajte dvostrukom kosom crtom "//" i kopirajte ga u svoj WebDriver kod.

WebDriver kod u nastavku dohvaća unutarnji tekst duboko ugniježđenog elementa.

public static void main(String[] args) {
    String baseUrl = "https://demo.guru99.com/test/newtours/";
    WebDriver driver = new FirefoxDriver();

    driver.get(baseUrl);
    String innerText = driver.findElement(By
        .xpath("//table/tbody/tr/td[2]"
        + "//table/tbody/tr[4]/td/"
        + "table/tbody/tr/td[2]/"
        + "table/tbody/tr[2]/td[1]/"
        + "table[2]/tbody/tr[3]/td[2]/font"))
        .getText();
    System.out.println(innerText);
    driver.quit();
}

Kako prebrojati retke i stupce u dinamičkoj web tablici

Dinamičke web tablice, kao što su nadzorne ploče ili rezultati pretraživanja, prikazuju različit broj redaka pri svakom učitavanju. Za njihovu obradu koristite findElements dohvatiti svaki u Listu, a zatim kroz nju prođite kroz petlju kako biste pročitali svaku ćeliju. Isječak u nastavku broji retke i čita svaku ćeliju u tablici čiji je ID "kupci".

List<WebElement> rows = driver.findElements(
    By.xpath("//table[@id='customers']//tr"));
System.out.println("Total rows: " + rows.size());

for (int i = 1; i <= rows.size(); i++) {
    List<WebElement> cells = driver.findElements(
        By.xpath("//table[@id='customers']//tr[" + i + "]/td"));
    for (WebElement cell : cells) {
        System.out.println(cell.getText());
    }
}

Zamotajte lokator u WebDriverWait sa visibilityOfAllElementsLocatedBy kada AJAX učitava tablicu. To sprječava zastarjele reference elemenata na mrežama koje se sporo renderiraju.

Selenium 4 relativna lokatora za web tablice

Selenium 4 je uveo relativne lokatore koji ciljaju elemente prema vizualnom položaju. Korisni su kada se XPath indeksi prekidaju zbog promjene redoslijeda redaka. Metode above(), below(), toLeftOf(), toRightOf()i near() svi prihvaćaju sidreni WebElement.

import static org.openqa.selenium.support.locators.RelativeLocator.with;

WebElement emailHeader = driver.findElement(By.xpath("//th[text()='Email']"));
WebElement emailCell = driver.findElement(
    with(By.tagName("td")).below(emailHeader));
System.out.println(emailCell.getText());

Relativni lokatori ostaju čitljivi kada se promijeni redoslijed stupaca. Uparite ih s eksplicitnim čekanjima za najjače rezultate na stranicama temeljenim na podacima.

AI alati za rukovanje dinamičkim web tablicama

Platforme za testiranje potpomognute umjetnom inteligencijom smanjuju održavanje lokatora na mrežama koje se često mijenjaju. Alati poput Testim, Mabli Funkcionalizirati koriste računalni vid i DOM modele za otkrivanje pomaka stupaca i samoobnavljajuće lokatore. Identificiraju retke prema tekstu zaglavlja i sličnosti ćelija, a ne prema fiksnim XPath indeksima.

Za čisto Selenium projekti, knjižnice kao što su Healenium Omotajte WebDriver i prepišite neispravne lokatore tijekom izvođenja. Kombinirajte ove alate s WebDriverWait kako biste održali stabilnost dinamičkih skripti tablica bez prepisivanja selektora nakon svake promjene korisničkog sučelja.

Rezime

• By.xpath() je najpouzdaniji način pristupa ćelijama web tablice u Selenium.
• Ako je brojanje braće i sestara teško, koristite jedinstveni atribut kao predikat, s prefiksom @.
• findElements vraća listu koji podržava brojanje redaka u dinamičkim tablicama.
• Selenium 4 relativna lokatora (iznad, ispod, blizu) smanjuju ovisnost o pozicijskom XPath-u.
• Inspect Element u DevToolsima ubrzava generiranje XPath-a za duboko zakopane ćelije.
• AI alati kao što su Testim, Mabl i Healenium lokatori s mogućnošću samoobnavljanja za promjenu mreže.

Pitanja i odgovori