Hoe klik je op Afbeelding in Selenium Webstuurprogramma

Door op een afbeelding te klikken in Selenium WebDriver wordt vaak gebruikt wanneer een pictogram, logo of miniatuurafbeelding als navigatielink fungeert. Omdat afbeeldingen geen zichtbare tekst bevatten, schieten traditionele linktekstlocators tekort en is een betrouwbaardere selectiestrategie vereist.

Toegang tot afbeeldingslinks

Afbeeldingslinks zijn ankers op webpagina's die worden weergegeven door een afbeelding en die, wanneer erop geklikt wordt, de browser naar een ander venster of een andere pagina leiden.

Omdat het afbeeldingen betreft, kunnen we de methoden By.linkText() en By.partialLinkText() niet gebruiken, aangezien afbeeldingslinks helemaal geen linktekst hebben.

In dit geval kunnen we het beste gebruikmaken van By.cssSelector of By.xpath. De eerste methode heeft over het algemeen de voorkeur vanwege de eenvoud en leesbaarheid.

In het onderstaande voorbeeld hebben we toegang tot het 'Facebook'-logo linksboven op de Facebook-pagina voor wachtwoordherstel.

We gebruiken By.cssSelector en het "title"-attribuut van het element om toegang te krijgen tot de afbeeldingslink. Vervolgens controleren we of de browser naar de homepage van Facebook is doorgestuurd.

Java Code Voorbeeld

De volgende Selenium Het WebDriver-codefragment start Chrome, opent de pagina voor wachtwoordherstel van Facebook, klikt op het Facebook-logo en bevestigt de titel van de resulterende pagina.

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();
    }
}

Resultaat

Beste werkwijzen voor het maken van foto's

Een paar gewoontes maken automatisering van afbeeldingsklikken betrouwbaarder in verschillende browsers en op alle schermformaten.

• Geef de voorkeur aan stabiele attributen zoals title, alt, aria-label of data-* boven diep geneste CSS-paden.
• Voeg een expliciete WebDriverWait toe voor ElementToBeClickable voordat de klik wordt uitgevoerd.
• Voor afbeeldingen die pas later worden geladen, scrollt u het element in beeld met JavascriptEerst de executeur.
• Als een transparante overlay de klik onderschept, val dan terug op een JavaKlik met het script op het onderliggende element.
• Valideer de navigatie met driver.getTitle() of een uniek element op de bestemmingspagina.

Hoe AI beeldlokalisatiestrategieën verbetert

AI-ondersteunde testtools zoals TestimMabl en Healenium analyseren de DOM rondom een ​​afbeelding en stellen zelfherstellende locators voor. Wanneer een klassenaam of attribuut na een release verandert, vervangt het framework deze automatisch door het meest stabiele alternatief, waardoor onbetrouwbare fouten bij pictogramgebaseerde navigatie worden verminderd.

Ontwikkelaars kunnen ChatGPT of GitHub Copilot ook gebruiken om WebDriver-codefragmenten te genereren, robuuste CSS- of XPath-expressies voor een afbeelding voor te stellen en beweringen op te stellen voor de pagina die na de klik wordt geladen. De gegenereerde code moet echter nog steeds worden gecontroleerd op correctheid en op de afhandeling van wachttijden en overlays.

Conclusie

Klikken op afbeeldingslinks in Selenium WebDriver is eenvoudig in gebruik zodra je een stabiele locator hebt gekozen. `By.cssSelector` met het `title` of `alt` attribuut is de meest leesbare aanpak, `By.xpath` is een goed alternatief wanneer de markup onhandig is, en expliciete `wait`-statements zorgen ervoor dat het script betrouwbaar blijft bij elke uitvoering.

Veelgestelde vragen