JavaScriptExecutor in Selenium WebDriver With Examples

JavaScriptExecutor in Selenium WebDriver:

In general, we do click on an element using click() method in Selenium.

For example:

driver.findElement(By.id("Id Value")).click();

1	driver.findElement(By.id("Id Value")).click();

Sometimes web controls don’t react well against selenium commands and we may face issues with the above statement (click()). To overcome such kind of situation, we use JavaScriptExecutor interface.

It provides mechanism to execute Javascript through Selenium driver. It provides “executescript” & “executeAsyncScript” methods, to run JavaScript in the context of the currently selected frame or window.

There is no need to write separate script to execute JavaScript within the browser using Selenium WebDriver script. Just use predefined interface named ‘Java Script Executor’. We need to import the below package in the script.

Package:

import org.openqa.selenium.JavascriptExecutor;

1	import org.openqa.selenium.JavascriptExecutor;

Syntax:

JavascriptExecutor js = (JavascriptExecutor) driver;  
js.executeScript(Script,Arguments);

1 2	JavascriptExecutor js = (JavascriptExecutor) driver; js.executeScript(Script,Arguments);

Script – The JavaScript to execute
Arguments –The arguments to the script(Optional). May be empty.
Returns –One of Boolean, Long, String, List, WebElement, or null.

Let’s see some scenarios we could handle using this Interface:

To type Text in Selenium WebDriver without using sendKeys() method

js.executeScript("document.getElementById('some id').value='someValue';");
js.executeScript("document.getElementById('Email').value='SoftwareTestingMaterial.com';");*/

1 2	js.executeScript("document.getElementById('some id').value='someValue';"); js.executeScript("document.getElementById('Email').value='SoftwareTestingMaterial.com';");*/

To click a Button in Selenium WebDriver using JavaScript

js.executeScript("document.getElementById('enter your element id').click();");
//or
js.executeScript("arguments[0].click();", loginButton);

js.executeScript("document.getElementById('enter your element id').click();");

//or

js.executeScript("arguments[0].click();", loginButton);

To handle Checkbox

js.executeScript("document.getElementById('enter element id').checked=false;");

1	js.executeScript("document.getElementById('enter element id').checked=false;");

To generate Alert Pop window in selenium

js.executeScript("alert('Welcome To SoftwareTestingMaterial');");

1	js.executeScript("alert('Welcome To SoftwareTestingMaterial');");

To refresh browser window using Javascript

js.executeScript("history.go(0)");

1	js.executeScript("history.go(0)");

To get innertext of the entire webpage in Selenium

String sText =  js.executeScript("return document.documentElement.innerText;").toString();
System.out.println(sText);

1 2	String sText = js.executeScript("return document.documentElement.innerText;").toString(); System.out.println(sText);

To get the Title of our webpage

String sText =  js.executeScript("return document.title;").toString();
System.out.println(sText);

1 2	String sText = js.executeScript("return document.title;").toString(); System.out.println(sText);

To get the domain

String sText =  js.executeScript("return document.domain;").toString();
System.out.println(sText);

1 2	String sText = js.executeScript("return document.domain;").toString(); System.out.println(sText);

To get the URL of a webpage

String sText =  js.executeScript("return document.URL;").toString();
System.out.println(sText);

1 2	String sText = js.executeScript("return document.URL;").toString(); System.out.println(sText);

To perform Scroll on application using Selenium

//Vertical scroll - down by 500  pixels
js.executeScript("window.scrollBy(0,500)");
// for scrolling till the bottom of the page we can use the code like
//js.executeScript("window.scrollBy(0,document.body.scrollHeight)");

//Vertical scroll - down by 500 pixels

js.executeScript("window.scrollBy(0,500)");

// for scrolling till the bottom of the page we can use the code like

//js.executeScript("window.scrollBy(0,document.body.scrollHeight)");

To click on a SubMenu which is only visible on mouse hover on Menu

 js.executeScript("$('ul.menus.menu-secondary.sf-js-enabled.sub-menu li').hover()");

1	js.executeScript("$('ul.menus.menu-secondary.sf-js-enabled.sub-menu li').hover()");

To navigate to different page using Javascript

js.executeScript("window.location = 'https://www.softwaretestingmaterial.com");

1	js.executeScript("window.location = 'https://www.softwaretestingmaterial.com");

To find hidden element in selenium using JavaScriptExecutor

js.executeScript("arguments[0].click();", element);

1	js.executeScript("arguments[0].click();", element);

Below program will guide you to handle some of the scenarios we do use in while writing scripts.

package softwareTestingMaterial;

import org.openqa.selenium.By;
import org.openqa.selenium.JavascriptExecutor;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.firefox.FirefoxDriver;
import org.testng.annotations.Test;

public class JavaScriptExecutorClassDummy {
	static WebDriver driver;
	@Test
	public static void javaScriptExeMethod(){
		System.setProperty("webdriver.gecko.driver","D://Selenium Environment//Drivers//geckodriver.exe");
		driver = new FirefoxDriver();
		driver.get("https://www.gmail.com");
		WebElement loginButton = driver.findElement(By.xpath("//*[@id='next']"));
		
		/*Syntax:
		JavascriptExecutor js = (JavascriptExecutor) driver;  
		js.executeScript(Script,Arguments);
		script - The JavaScript to execute
		Arguments - The arguments to the script.(Optional)*/

                JavascriptExecutor js = (JavascriptExecutor)driver;
                //Uncomment each scenario by using Ctrl + Shift + \ (backslash) and find the solution

                *//to type text in Selenium WebDriver without using sendKeys() method
                js.executeScript("document.getElementById('some id').value='someValue';");
                js.executeScript("document.getElementById('Email').value='SoftwareTestingMaterial.com';");*/

                /*//to click a button in Selenium WebDriver using JavaScript
                //js.executeScript("arguments[0].click();", loginButton);
                //or
                js.executeScript("document.getElementById('enter your element id').click();");
                js.executeScript("document.getElementById('next').click();");*/
 
                /*//to handle checkbox
                js.executeScript("document.getElementById('enter element id').checked=false;");*/
		
		/*//to generate Alert Pop window in selenium
		js.executeScript("alert('hello world');");*/
		
		/*//to refresh browser window using Javascript 
		js.executeScript("history.go(0)");*/
		
		/*// to get innertext of the entire webpage in Selenium
		String sText =  js.executeScript("return document.documentElement.innerText;").toString();
		System.out.println(sText);*/

		/*//to get the Title of our webpage
		String sText =  js.executeScript("return document.title;").toString();
		System.out.println(sText);*/
		
		/*//to get the domain
		String sText =  js.executeScript("return document.domain;").toString();
		System.out.println(sText);*/
		
		/*//to get the URL of our webpage
		String sText =  js.executeScript("return document.URL;").toString();
		System.out.println(sText);*/
		
		/*//to perform Scroll on application using  Selenium
		//Vertical scroll - down by 50  pixels
		js.executeScript("window.scrollBy(0,50)");
		// for scrolling till the bottom of the page we can use the code like
		//js.executeScript("window.scrollBy(0,document.body.scrollHeight)");*/
		
		/* // to click on a SubMenu which is only visible on mouse hover on Menu?
		//Hover on Automation Menu on the MenuBar
	        js.executeScript("$('ul.menus.menu-secondary.sf-js-enabled.sub-menu li').hover()");*/
		
		/*//to navigate to different page using Javascript?
	        //Navigate to new Page
	        js.executeScript("window.location = 'https://www.softwaretestingmaterial.com");*/
	}
}

package softwareTestingMaterial;

import org.openqa.selenium.By;

import org.openqa.selenium.JavascriptExecutor;

import org.openqa.selenium.WebDriver;

import org.openqa.selenium.WebElement;

import org.openqa.selenium.firefox.FirefoxDriver;

import org.testng.annotations.Test;

public class JavaScriptExecutorClassDummy {

static WebDriver driver;

@Test

public static void javaScriptExeMethod(){

System.setProperty("webdriver.gecko.driver","D://Selenium Environment//Drivers//geckodriver.exe");

driver = new FirefoxDriver();

driver.get("https://www.gmail.com");

WebElement loginButton = driver.findElement(By.xpath("//*[@id='next']"));

/*Syntax:

JavascriptExecutor js = (JavascriptExecutor) driver;

js.executeScript(Script,Arguments);

script - The JavaScript to execute

Arguments - The arguments to the script.(Optional)*/

JavascriptExecutor js = (JavascriptExecutor)driver;

//Uncomment each scenario by using Ctrl + Shift + \ (backslash) and find the solution

*//to type text in Selenium WebDriver without using sendKeys() method

js.executeScript("document.getElementById('some id').value='someValue';");

js.executeScript("document.getElementById('Email').value='SoftwareTestingMaterial.com';");*/

/*//to click a button in Selenium WebDriver using JavaScript

//js.executeScript("arguments[0].click();", loginButton);

//or

js.executeScript("document.getElementById('enter your element id').click();");

js.executeScript("document.getElementById('next').click();");*/

/*//to handle checkbox

js.executeScript("document.getElementById('enter element id').checked=false;");*/

/*//to generate Alert Pop window in selenium

js.executeScript("alert('hello world');");*/

/*//to refresh browser window using Javascript

js.executeScript("history.go(0)");*/

/*// to get innertext of the entire webpage in Selenium

String sText = js.executeScript("return document.documentElement.innerText;").toString();

System.out.println(sText);*/

/*//to get the Title of our webpage

String sText = js.executeScript("return document.title;").toString();

System.out.println(sText);*/

/*//to get the domain

String sText = js.executeScript("return document.domain;").toString();

System.out.println(sText);*/

/*//to get the URL of our webpage

String sText = js.executeScript("return document.URL;").toString();

System.out.println(sText);*/

/*//to perform Scroll on application using Selenium

//Vertical scroll - down by 50 pixels

js.executeScript("window.scrollBy(0,50)");

// for scrolling till the bottom of the page we can use the code like

//js.executeScript("window.scrollBy(0,document.body.scrollHeight)");*/

/* // to click on a SubMenu which is only visible on mouse hover on Menu?

//Hover on Automation Menu on the MenuBar

js.executeScript("$('ul.menus.menu-secondary.sf-js-enabled.sub-menu li').hover()");*/

/*//to navigate to different page using Javascript?

//Navigate to new Page

js.executeScript("window.location = 'https://www.softwaretestingmaterial.com");*/

}

If you are not regular reader of my blog then I highly recommend you to signup for the free email newsletter using the below link.

JavaScriptExecutor in Selenium WebDriver With Examples

SUBSCRIBE TO GET FREE EBOOK AND REGULAR UPDATES ON SOFTWARE TESTING

About the Author

TUTORIALS

INTERVIEW QUESTIONS

TESTING TOOLS