Double Click and Right Click in Selenium with Examples

In this tutorial, we will learn how to double click and right click in Selenium WebDriver with examples.

Selenium has emerged as a very powerful opensource that is widely being accepted across the world as the first choice of automation tool for automating web-based applications.

In this tutorial, I will explain to you how to perform mouse events like Right Click and Double Click in Selenium Webdriver. While automating an application sometimes we need to perform right-click or double-click on certain elements to accomplish certain tasks. We will use the actions class in Selenium to perform double click and right-click. If you want to know more about actions please refer to my post Actions Class in Selenium WebDriver.

How to Right Click in Selenium Using Action Class?

A right click operation is also called a Context Click. In order to perform a right click in Selenium, we will have to use contextClick() method that requires a WebElement as an argument. The ContextClick() emulates the behavior of doing a right click.

The syntax for doing right click in Selenium is as follows.

Actions actions = new Actions(driver);
WebElement element = driver.findElement(“By any locator”));
actions.contextClick(element).perform();

Example of Doing Right Click in Selenium WebDriver

To do a hands-on to verify right click please copy the following HTML code in notepad and save it with the file name rightclick.html.

<!DOCTYPE html> 
<html> 

<head> 
	<style type="text/css"> 
		.context-menu { 
			position: absolute; 
			text-align: center; 
			background: lightgray; 
			border: 1px solid black; 
		} 

		.context-menu ul { 
			padding: 0px; 
			margin: 0px; 
			min-width: 150px; 
			list-style: none; 
		} 

		.context-menu ul li { 
			padding-bottom: 7px; 
			padding-top: 7px; 
			border: 1px solid black; 
		} 

		.context-menu ul li a { 
			text-decoration: none; 
			color: black; 
		} 

		.context-menu ul li:hover { 
			background: darkgray; 
		} 
	</style> 

</head> 

<body> 
	<h1 style="text-align: center;"> 
		Welcome to MySkillPoint. 
	</h1> 
	<h2 style="text-align: center; color: #4CAF50;"> 
		We will Test Right Click.Right Click anywhere on the Page to open a list menu
	</h2> 

	<div id="contextMenu" class="context-menu"
		style="display:none"> 
		<ul> 
			<li><a href="https://www.facebook.com/">Click Me To Open Facebook</a></li> 
			<li><a href="https://www.google.com/">Click Me To Open Google</a></li> 
			<li><a href="https://www.instagram.com/">Click Me To Open Instagram</a></li>			
			<li><a href="https://en.wikipedia.org/">Click Me To Open Wikipedia</a></li> 
			
		</ul> 
	</div> 

	<script> 
		document.onclick = hideMenu; 
		document.oncontextmenu = rightClick; 

		function hideMenu() { 
			document.getElementById( 
				"contextMenu").style.display = "none" 
		} 

		function rightClick(e) { 
			e.preventDefault(); 

			if (document.getElementById( 
				"contextMenu").style.display == "block") 
				hideMenu(); 
			else { 
				var menu = document 
					.getElementById("contextMenu") 
					
				menu.style.display = 'block'; 
				menu.style.left = e.pageX + "px"; 
				menu.style.top = e.pageY + "px"; 
			} 
		} 
	</script> 
</body> 

</html>

<!DOCTYPE html>

<html>

<head>

.context-menu {

position: absolute;

text-align: center;

background: lightgray;

border: 1px solid black;

}

.context-menu ul {

padding: 0px;

margin: 0px;

min-width: 150px;

list-style: none;

}

.context-menu ul li {

padding-bottom: 7px;

padding-top: 7px;

border: 1px solid black;

}

.context-menu ul li a {

text-decoration: none;

color: black;

}

.context-menu ul li:hover {

background: darkgray;

}

</style>

</head>

<body>

Welcome to MySkillPoint.

</h1>

We will Test Right Click.Right Click anywhere on the Page to open a list menu

</h2>

<div id="contextMenu" class="context-menu"

style="display:none">

<ul>

<li><a href="https://www.facebook.com/">Click Me To Open Facebook</a></li>

<li><a href="https://www.google.com/">Click Me To Open Google</a></li>

<li><a href="https://www.instagram.com/">Click Me To Open Instagram</a></li>

<li><a href="https://en.wikipedia.org/">Click Me To Open Wikipedia</a></li>

</ul>

</div>

document.onclick = hideMenu;

document.oncontextmenu = rightClick;

function hideMenu() {

document.getElementById(

"contextMenu").style.display = "none"

}

function rightClick(e) {

e.preventDefault();

if (document.getElementById(

"contextMenu").style.display == "block")

hideMenu();

else {

var menu = document

.getElementById("contextMenu")

menu.style.display = 'block';

menu.style.left = e.pageX + "px";

menu.style.top = e.pageY + "px";

}

</script>

</body>

</html>

When you will open the page and do a right click it will show a menu like the following screenshot.

We will automate the following test scenario

Open the link
Do a right click on the page
Click on the second menu to open the Google search page.

import java.util.concurrent.TimeUnit;

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.interactions.Actions;

public class RightClickExampleInSelenium {

	public static void main(String[] args) throws InterruptedException {
		
		//Setting the path of Chrome Browser Driver
		String BrowserDriverPath= "C:\\SeleniumBrowserDrivers\\chromedriver.exe";
		
		System.setProperty("webdriver.chrome.driver",BrowserDriverPath);	
		
        WebDriver driver = new ChromeDriver();		
		
		driver.manage().timeouts().implicitlyWait(20, TimeUnit.SECONDS);		
				
		
		driver.get("file:///C:/TestFolder/rightclick.html");		
		
		driver.manage().window().maximize();
		        
		WebElement body = driver.findElement(By.xpath("/html/body"));
		
		WebElement linkGoogle=driver.findElement(By.xpath("//a[text()='Click Me To Open Google']"));       
        
        //Do a right click on the body of the page
		Actions actions = new Actions(driver); 
        actions.contextClick(body).perform();
        
        //Switch the the menu option
        driver.switchTo().activeElement();
        linkGoogle.click();
            
	    //Uncomment following line to Close the browser
	    //driver.quit();
	}
}

import java.util.concurrent.TimeUnit;

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.interactions.Actions;

public class RightClickExampleInSelenium {

public static void main(String[] args) throws InterruptedException {

//Setting the path of Chrome Browser Driver

String BrowserDriverPath= "C:\\SeleniumBrowserDrivers\\chromedriver.exe";

System.setProperty("webdriver.chrome.driver",BrowserDriverPath);

WebDriver driver = new ChromeDriver();

driver.manage().timeouts().implicitlyWait(20, TimeUnit.SECONDS);

driver.get("file:///C:/TestFolder/rightclick.html");

driver.manage().window().maximize();

WebElement body = driver.findElement(By.xpath("/html/body"));

WebElement linkGoogle=driver.findElement(By.xpath("//a[text()='Click Me To Open Google']"));

//Do a right click on the body of the page

Actions actions = new Actions(driver);

actions.contextClick(body).perform();

//Switch the the menu option

driver.switchTo().activeElement();

linkGoogle.click();

//Uncomment following line to Close the browser

//driver.quit();

}

How to Double Click in Selenium Using Action Class?

We can do double click using DoubleClick() of actions class.

Example of Doing Double Click in Selenium WebDriver

We can perform a double click using the following syntax.

Actions actions = new Actions(driver);
WebElement element = driver.findElement(“By any locator”));
actions.doubleClick(element).perform();

We will automate the following test scenario

Open the link https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_ondblclick
Double click on the text “Double-click this paragraph to trigger a function.”
It will display a “Hello World” Text message as shown below

import java.util.concurrent.TimeUnit;

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.interactions.Actions;

public class DoubleClickExampleInSelenium {

	public static void main(String[] args) throws InterruptedException {
		
		//Setting the path of Chrome Browser Driver
		String BrowserDriverPath= "C:\\SeleniumBrowserDrivers\\chromedriver.exe";
		
		System.setProperty("webdriver.chrome.driver",BrowserDriverPath);	
		
        WebDriver driver = new ChromeDriver();		
		
		driver.manage().timeouts().implicitlyWait(20, TimeUnit.SECONDS);		
				
		driver.get("https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_ondblclick");		
		
		driver.manage().window().maximize();
		
		//Switching to the iframe as the paragraph is inside an iframe
		driver.switchTo().frame("iframeResult");
		WebElement elementText=driver.findElement(By.xpath("/html/body/p[1]"));       
        
        //Do a right click on the body of the page
		Actions actions = new Actions(driver); 
		
        actions.doubleClick(elementText).perform();
        
        System.out.println(driver.findElement(By.xpath("//*[@id=\"demo\"]")).getText());
        
	    //Uncomment following line to Close the browser
	    //driver.quit();
	}
}

import java.util.concurrent.TimeUnit;

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.interactions.Actions;

public class DoubleClickExampleInSelenium {

public static void main(String[] args) throws InterruptedException {

//Setting the path of Chrome Browser Driver

String BrowserDriverPath= "C:\\SeleniumBrowserDrivers\\chromedriver.exe";

System.setProperty("webdriver.chrome.driver",BrowserDriverPath);

WebDriver driver = new ChromeDriver();

driver.manage().timeouts().implicitlyWait(20, TimeUnit.SECONDS);

driver.get("https://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_ondblclick");

driver.manage().window().maximize();

//Switching to the iframe as the paragraph is inside an iframe

driver.switchTo().frame("iframeResult");

WebElement elementText=driver.findElement(By.xpath("/html/body/p[1]"));

//Do a right click on the body of the page

Actions actions = new Actions(driver);

actions.doubleClick(elementText).perform();

System.out.println(driver.findElement(By.xpath("//*[@id=\"demo\"]")).getText());

//Uncomment following line to Close the browser

//driver.quit();

}

Conclusion

We have learned how to do right click and double click using Actions Class in Selenium Webdriver.Hope you will find this article helpful.If you have any queries please do mention it in the comment box and don’t forget to share this article.

Double Click and Right Click in Selenium with Examples

How to Right Click in Selenium Using Action Class?

Example of Doing Right Click in Selenium WebDriver

How to Double Click in Selenium Using Action Class?

Example of Doing Double Click in Selenium WebDriver

Conclusion

Recommended Posts

Leave a Reply Cancel reply

Please Share This Article Share this content

How to Right Click in Selenium Using Action Class?

Example of Doing Right Click in Selenium WebDriver

How to Double Click in Selenium Using Action Class?

Example of Doing Double Click in Selenium WebDriver

Conclusion

Recommended Posts

Please Share This Article Share this content

You Might Also Like

SendKeys in Selenium WebDriver With Example

How to Set Text Value in TextBox In Selenium WebDriver

Actions Class in Selenium WebDriver

Leave a Reply Cancel reply

Share this content

Share this content