Como clicar na imagem em Selenium Driver da Web

Clicar em uma imagem Selenium O WebDriver é uma ferramenta comum quando um ícone, logotipo ou miniatura funciona como um link de navegação. Como as imagens não contêm texto visível, os localizadores tradicionais de texto para links falham e uma estratégia de seleção mais confiável se faz necessária.

Acessando links de imagens

Os links de imagem são âncoras em páginas da web representadas por uma imagem que, ao ser clicada, leva o navegador a uma janela ou página diferente.

Como são imagens, não podemos usar os métodos By.linkText() e By.partialLinkText() porque os links de imagem não têm nenhum texto de link.

Nesse caso, devemos recorrer ao uso de `By.cssSelector` ou `By.xpath`. O primeiro método é geralmente preferido devido à sua simplicidade e legibilidade.

No exemplo abaixo, acessaremos o logotipo “Facebook” na parte superior esquerda da página de recuperação de senha do Facebook.

Usaremos o seletor CSS `By.cssSelector` e o atributo "title" do elemento para acessar o link da imagem. Em seguida, verificaremos se o navegador foi redirecionado para a página inicial do Facebook.

Java Code Exemplo

Os seguintes Selenium O trecho de código do WebDriver inicia o Chrome, abre a página de recuperação de senha do Facebook, clica na imagem do logotipo do Facebook e verifica o título da página resultante.

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

Resultado

Melhores práticas para clicar em imagens

Alguns hábitos tornam a automação de cliques em imagens mais confiável em diferentes navegadores e tamanhos de tela.

• Prefira um atributo estável como title, alt, aria-label ou data-* em vez de caminhos CSS profundamente aninhados.
• Adicione um WebDriverWait explícito para que o ElementToBeClickable seja ativado antes de executar o clique.
• Para imagens com carregamento lento, role o elemento para que ele fique visível com JavascriptPrimeiro o executor.
• Se uma sobreposição transparente interceptar o clique, volte a usar uma camada transparente. JavaClique no elemento subjacente usando o script.
• Valide a navegação com driver.getTitle() ou um elemento único na página de destino.

Como a IA aprimora as estratégias de localização de imagens

Ferramentas de teste assistidas por IA, como TestimMabl e Healenium analisam o DOM ao redor de uma imagem e propõem localizadores com capacidade de autocorreção. Quando um nome de classe ou atributo muda após uma atualização, o framework o substitui automaticamente pela alternativa mais estável, o que reduz falhas intermitentes na navegação baseada em ícones.

Os engenheiros também podem usar o ChatGPT ou o GitHub Copilot para gerar trechos de código WebDriver, sugerir expressões CSS ou XPath robustas para uma imagem e elaborar asserções para a página que será carregada após o clique. O código gerado ainda deve ser revisado quanto à correção e ao tratamento de esperas e sobreposições.

Conclusão

Clicar em links de imagens em Selenium O WebDriver é simples de usar depois que você escolhe um localizador estável. Usar `By.cssSelector` com o atributo `title` ou `alt` é a abordagem mais legível; usar `By.xpath` é a alternativa quando a marcação é complexa; e aguardar explicitamente torna o script confiável em várias execuções.

Perguntas Frequentes