So klicken Sie auf das Bild in Selenium Webtreiber

Klicken auf ein Bild in Selenium WebDriver ist eine häufige Aufgabe, wenn ein Symbol, Logo oder eine Miniaturansicht als Navigationslink dient. Da Bilder keinen sichtbaren Text enthalten, versagen herkömmliche Linktext-Locators, und eine zuverlässigere Selektorstrategie ist erforderlich.

Auf Bildlinks zugreifen

Bildlinks sind Anker auf Webseiten, die durch ein Bild dargestellt werden und beim Anklicken den Browser zu einem anderen Fenster oder einer anderen Seite weiterleiten.

Da es sich um Bilder handelt, können wir die Methoden By.linkText() und By.partialLinkText() nicht verwenden, da Bildlinks überhaupt keinen Linktext haben.

In diesem Fall sollten wir entweder By.cssSelector oder By.xpath verwenden. Die erste Methode wird im Allgemeinen aufgrund ihrer Einfachheit und Lesbarkeit bevorzugt.

Im folgenden Beispiel greifen wir auf das „Facebook“-Logo oben links auf der Facebook-Seite zur Passwortwiederherstellung zu.

Wir verwenden By.cssSelector und das „title“-Attribut des Elements, um auf den Bildlink zuzugreifen. Anschließend überprüfen wir, ob der Browser zur Facebook-Startseite weitergeleitet wurde.

Java Code Beispiel

Folgende Selenium Der WebDriver-Codeausschnitt startet Chrome, öffnet die Facebook-Passwortwiederherstellungsseite, klickt auf das Facebook-Logo und gibt den resultierenden Seitentitel aus.

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

Lösung

Best Practices für das Klicken auf Bilder

Ein paar Gewohnheiten machen die Automatisierung von Bildklicks browser- und bildschirmgrößenübergreifend zuverlässiger.

• Verwenden Sie lieber ein stabiles Attribut wie title, alt, aria-label oder data-* anstelle von tief verschachtelten CSS-Pfaden.
• Fügen Sie vor dem Auslösen des Klicks ein explizites WebDriverWait für ElementToBeClickable hinzu.
• Bei verzögert geladenen Bildern scrollen Sie das Element mit JavascriptZuerst der Testamentsvollstrecker.
• Wenn eine transparente Überlagerung den Klick abfängt, greife auf einen anderen Modus zurück. JavaSkript klickt auf das darunterliegende Element.
• Validieren Sie die Navigation mit driver.getTitle() oder einem eindeutigen Element auf der Zielseite.

Wie KI Strategien zur Bildlokalisierung verbessert

KI-gestützte Testwerkzeuge wie TestimMabl und Healenium analysieren das DOM um ein Bild herum und schlagen selbstheilende Locatoren vor. Wenn sich nach einem Release ein Klassenname oder ein Attribut ändert, tauscht das Framework automatisch die stabilste Alternative aus, wodurch Fehler bei der symbolbasierten Navigation reduziert werden.

Entwickler können außerdem ChatGPT oder GitHub Copilot verwenden, um WebDriver-Code-Snippets zu generieren, robuste CSS- oder XPath-Ausdrücke für ein Bild vorzuschlagen und Assertions für die nach dem Klick geladene Seite zu entwerfen. Der generierte Code sollte dennoch auf Korrektheit und die korrekte Behandlung von Wartezeiten und Overlays überprüft werden.

Fazit

Klicken auf Bildlinks in Selenium WebDriver ist unkompliziert, sobald man einen stabilen Selektor gewählt hat. Die Verwendung von `By.cssSelector` mit dem `title`- oder `alt`-Attribut ist die lesbarste Methode; `By.xpath` dient als Ausweichlösung bei unübersichtlichem Markup, und explizite Wartezeiten gewährleisten die Zuverlässigkeit des Skripts über mehrere Ausführungen hinweg.

Häufig gestellte Fragen