Double Click on element using Webdriver

We will take an example to double click on element. We will use WebDriver Action Class to perform double click. It is also very important to check the element we have double clicked is performed successfully.

In the below example we have followed the below steps :

Step 1. Navigate to the URL

Step 2. Check if the element is in a frame if so, we need to navigate to the frame. Earlier we have seen examples Working with Frames
Step 3. If the element is located some where in bottom, we need to scroll to element. We have multiple ways of scrolling a webpage.
Step 4. Now proceed to double click on the element.
Step 5. After double click, check by taking any of the element that will be changed after double click.

First create an instance of Actions class by passing the driver instance. And the use Action class object to perform mouse/keyboard actions on a WebElement. Let us look into the below example :-

package com.pack.doubleclick;

import org.openqa.selenium.By;
import org.openqa.selenium.JavascriptExecutor;
import org.openqa.selenium.NoSuchElementException;
import org.openqa.selenium.StaleElementReferenceException;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.openqa.selenium.interactions.Actions;
import org.testng.annotations.AfterClass;
import org.testng.annotations.BeforeClass;
import org.testng.annotations.Test;

public class DoubleClickExample {

	WebDriver driver;

	@BeforeClass
	public void Setup() {
		driver = new FirefoxDriver();
		driver.manage().window().maximize();
	}

	@Test
	public void testDoubleClick() throws InterruptedException {

		driver.navigate().to("http://api.jquery.com/dblclick/");
		driver.switchTo().frame(0);
		WebElement element = driver.findElement(By.cssSelector("html>body>div"));
		((JavascriptExecutor) driver).executeScript(
				"arguments[0].scrollIntoView();", element);
		
		doubleClick(element);
		WebElement ele = driver.findElement(By.cssSelector(".dbl"));
		if (ele.isDisplayed()) {
			System.out.println("Color Changed successfully after we double clicked");
		}

	}

	public void doubleClick(WebElement element) {
		try {
			Actions action = new Actions(driver).doubleClick(element);
			action.build().perform();

			System.out.println("Double clicked the element");
		} catch (StaleElementReferenceException e) {
			System.out.println("Element is not attached to the page document "
					+ e.getStackTrace());
		} catch (NoSuchElementException e) {
			System.out.println("Element " + element + " was not found in DOM "
					+ e.getStackTrace());
		} catch (Exception e) {
			System.out.println("Element " + element + " was not clickable "
					+ e.getStackTrace());
		}
	}

	@AfterClass
	public void tearDown() {
		driver.quit();
	}
}

If the above doubleClick is not work, Please try using the below one

Actions action = new Actions(driver);
WebElement element=driver.findElement(By.id("locator"));
//Double click
action.doubleClick(element).perform();

There are chances where a locator changes after single click and when you try to doubleClick on that locator it may end up just clicking once. So please choose the perfect locator before trying to execute.

Do share your experience on the above example. It will help others who are looking for similar example or workaround to doubleClick on element.

Selenium Tutorials: 

Add new comment