Kako kliknuti na sliku u Selenium Webdriver

Klikom na sliku u Selenium WebDriver je uobičajen zadatak kada se ikona, logotip ili sličica ponašaju kao navigacijska poveznica. Budući da slike ne sadrže vidljivi tekst, tradicionalni lokatori poveznica i teksta ne uspijevaju i potrebna je pouzdanija strategija odabira.

Pristup poveznicama za slike

Linkovi na slike su sidra na web stranicama predstavljena slikom koja, kada se klikne na nju, vodi preglednik na drugi prozor ili stranicu.

Budući da su to slike, ne možemo koristiti metode By.linkText() i By.partialLinkText() jer poveznice na slike uopće nemaju tekst poveznice.

U ovom slučaju, trebali bismo se poslužiti By.cssSelector ili By.xpath. Prva metoda je općenito poželjnija zbog svoje jednostavnosti i čitljivosti.

U donjem primjeru pristupit ćemo logotipu “Facebook” u gornjem lijevom dijelu Facebookove stranice za oporavak lozinke.

Koristit ćemo By.cssSelector i atribut elementa "title" za pristup poveznici slike. Zatim ćemo provjeriti je li preglednik preusmjeren na početnu stranicu Facebooka.

Java Code Primjer

Sljedeće Selenium Isječak WebDrivera pokreće Chrome, otvara stranicu za oporavak lozinke za Facebook, klikne na sliku logotipa Facebooka i potvrdi naslov rezultirajuće stranice.

package newproject;
import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.chrome.ChromeDriver;

public class MyClass {

    public static void main(String[] args) {
        String baseUrl = "https://www.facebook.com/login/identify?ctx=recover";
        System.setProperty("webdriver.chrome.driver", "G:\\chromedriver.exe");
        WebDriver driver = new ChromeDriver();

        driver.get(baseUrl);
        // click on the "Facebook" logo on the upper left portion
        driver.findElement(By.cssSelector("a[title=\"Go to Facebook home\"]")).click();

        // verify that we are now back on Facebook's homepage
        if (driver.getTitle().equals("Facebook - log in or sign up")) {
            System.out.println("We are back at Facebook's homepage");
        } else {
            System.out.println("We are NOT in Facebook's homepage");
        }
        driver.close();
    }
}

Proizlaziti

Najbolje prakse za klikanje na slike

Nekoliko navika čini automatizaciju klikova na slike pouzdanijom u različitim preglednicima i veličinama zaslona.

• Dajte prednost stabilnom atributu kao što su title, alt, aria-label ili data-* u odnosu na duboko ugniježđene CSS putanje.
• Dodajte eksplicitni WebDriverWait za ElementToBeClickable prije izdavanja klika.
• Za slike koje se učitavaju postupno, pomaknite element u prikaz pomoću JavascriptIzvršitelj prvo.
• Ako prozirni sloj presreće klik, vratite se na JavaKlik skripte na temeljni element.
• Validirajte navigaciju pomoću driver.getTitle() ili jedinstvenog elementa na odredišnoj stranici.

Kako umjetna inteligencija poboljšava strategije lociranja slika

Alati za testiranje potpomognuto umjetnom inteligencijom, kao što su Testim, Mabl i Healenium analiziraju DOM oko slike i predlažu lokatore s mogućnošću samoobnavljanja. Kada se naziv klase ili atribut promijeni nakon objavljivanja, okvir automatski prebacuje na najstabilniju alternativu, što smanjuje nestabilne pogreške pri navigaciji temeljenoj na ikonama.

Inženjeri također mogu koristiti ChatGPT ili GitHub Copilot za generiranje WebDriver isječaka, predlaganje robusnih CSS ili XPath izraza za sliku i izradu tvrdnji za stranicu koja se učitava nakon klika. Generirani kod i dalje treba pregledati radi ispravnosti te rukovanja čekanjima i slojevima.

Zaključak

Klikom na poveznice slika u Selenium WebDriver je jednostavan kada odaberete stabilan lokator. By.cssSelector s atributom title ili alt je najčitljiviji pristup, By.xpath je rezervna opcija kada je označavanje nezgrapno, a eksplicitna čekanja čine skriptu pouzdanom tijekom izvođenja.

Pitanja i odgovori