JavaScriptExecutor in Selenium

The JavaScriptExecutor is an interface in Selenium that enables you to execute JavaScript code within the context of the current page loaded in the browser. When a user opens a website, an unexpected pop-up window may appear, preventing the WebDriver from performing operations and producing inaccurate results. This is where the JavaScriptExecutor comes into use.

JavaScriptExecutor provides two methods:

1. ExecuteScript

This method executes JavaScript in the currently selected window or frame. The script runs as an anonymous function, and the script can return values. Data types returned are :

• WebElement
• List
• String
• Long
• Boolean

2. ExecuteAsyncScript

This method is used to execute the asynchronous JavaScript in the current window or frame. An asynchronous JavaScript execution is a single thread, while the rest of the page continues parsing, which enhances the performance.

JavaScriptExecutor Use Cases

Here are a few more use cases of the JavaScript Executor in Selenium:

1. To refresh the Browser Window

JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("location.reload()");

2. Send Text to an Element

JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("document.getElementById('elementId').value = 'text';");

3. Generate an Alert Popup

JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("alert('Hello World');");

4. Get Inner Text of a WebPage

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

5. Get Title of a WebPage

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

6. Scroll the Page

JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("window.scrollBy(0, 150);"); // Vertical scroll by 150 pixels

How to Use JavaScriptExecutor in Selenium

Step 1. Import the package

Import org.openqa.selenium.JavascriptExecutor;

Step 2. Create a reference

JavascriptExecutor js = (JavascriptExecutor) driver;

Step 3. Call the JavascriptExecutor method

js.executeScript(script, args);

We will use JavaScriptExecutor to enter text into a search field on the GeeksforGeeks website.

JsEnterText.java

Output:

We use JavaScriptExecutor in Selenium to perform advanced actions such as clicking elements, entering text, and interacting with the page in ways that traditional WebDriver methods might struggle with there JavaScriptExecutor will be used.