How to click on an image using Selenium in Java?

Selenium, a popular tool for automating web application testing across browsers, often requires image interaction. In this article we will discuss how to clicking on image using Selenium in Java.

Prerequisites

• Java Development Kit (JDK) installed.
• Selenium WebDriver library added to your project.
• A supported browser, such as Google Chrome or Mozilla Firefox, is installed, along with its corresponding driver.

A supported browser, such as Google Chrome or Mozilla Firefox, is installed, along with its corresponding driver.

Import Required Libraries

You must import the necessary classes to interact with the web elements using Selenium. Below are the key imports you will need:

package seleniumdemo;

import org.openqa.selenium.By;

import org.openqa.selenium.WebDriver;

import org.openqa.selenium.WebElement;

Steps to Click on Image using Selenium

Step 1: Open Inspect Element

First step is to open any website which you want to click through the image, next right click on it and open the "Inspect element" option.

Step 2: Get Image Source

Once the inspect options open we will have to find the code for the location of the image, in this case following is the code for location of the image.

Step 3: Copy Element By.className:

Once the image source is located we will have to right click on it and then go to Copy > By.className. this will give us the className of the image which is used for accessing the image in selenium using java.

Step 4: Code to Click on Image:

Following is the code for clicking the image in java using selenium, simply change the details of the code such as website URL and XPath of the image in the code:

package seleniumpractice;

import org.openqa.selenium.By;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.support.ui.ExpectedConditions;
import org.openqa.selenium.support.ui.WebDriverWait;
import java.time.Duration;

public class HandleImage1 {
    public static void main(String[] args) {

        // Set the path to ChromeDriver executable
        System.setProperty("webdriver.chrome.driver", "/path/to/chromedriver"); // Replace with the correct path

        // Initialize ChromeDriver
        WebDriver driver = new ChromeDriver();

        // Maximize the browser window
        driver.manage().window().maximize();

        // Navigate to GeeksforGeeks website
        driver.navigate().to("https://www.geeksforgeeks.org/");

        // Initialize WebDriverWait
        WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(10));

        // Try to click the GeeksforGeeks logo
        try {
            // Wait for and click on the GeeksforGeeks logo
            WebElement geeksforgeeks = driver.findElement(By.className("headerMainLogo"));
            geeksforgeeks.click();
            System.out.println("GeeksforGeeks logo clicked successfully.");
        } catch (Exception e) {
            System.out.println("GeeksforGeeks logo not found or could not be clicked.");
        } finally {
            // Close the browser
            driver.quit();
        }
    }
}

Explanation

• System.setProperty(): This method is used to set the path for the browser driver (in this case, ChromeDriver).
• ChromeDriver: This is an implementation of the WebDriver interface for Google Chrome.
• driver.get(): Opens the specified URL in the browser.
• driver.findElement(): This method locates the image using the ClassName provided (you can also use other locators like CSS selectors or ID).
• imageElement.click(): Once the image is located, the click() method is called to interact with it.

Output

Conclusion

Clicking on an image using Selenium in Java is straightforward once you have identified the element properly. By using different locators, such as XPath, CSS selectors, or ID, you can interact with the image on the webpage. This approach can be used to automate various test scenarios where images are clickable or trigger specific events.