How to Process Java Script Executor in Selenium Test Automation | Devstringx

Back to Blog
Selenium Test Automation

How to Process Java Script Executor in Selenium Test Automation | Devstringx

Methods of Selenium Query Selector 

  • QuerySelector() method in HTML DOM is used to find the first HTML Element.This method function is similar to findElement() in selenium.

 Syntax:  document.querySelector(selector)

  • QuerySelectorAll() method in HTML DOM is used to return the list of HTML Elements. It can access by indexing starting at 0.This method function is similar to findElements() in selenium

Syntax: document.querySelectorAll(selector)

‘document’  is an object of Javascript Document that provides access to all HTML elements of a document.

‘selector’ represents a string containing one or more CSS selectors.

How to Get Started With Query Scripts?

With the help of JavaScript Executor Interface, we can execute query scripts directly in selenium. It provides two methods such as “executeScript” & “executeAsyncScript” to run JavaScript code. To make the availability of these methods we need to downcast JavaScript Executor Interface with Web Driver reference.

Importing the package

import org.openqa.selenium.JavascriptExecutor;

Creating a reference

JavascriptExecutor js = (JavascriptExecutor) driver;

Creating query script

script =document.querySelector(selector)

Calling the method


Read Also:- Write Unit Test Case on Slim 3 to Test API

Query Scripts

click : script =document.querySelector(selector).click();
send text :script =document.querySelector(selector).value=’data’;
get text : script =document.querySelector(selector).textContent;
get attribute : script =document.querySelector(selector).getAttribute("class");
get height : script =document.querySelector(selector).offsetHeight;
get width : script =document.querySelector(selector).offsetWidth;
get style: script =document.querySelector(selector).style;

Create one simple ’QueryScriptsTest‘automation script using Selenium that searches Amazon from google by the JavascriptExecutor method.

package tests;

import org.openqa.selenium.JavascriptExecutor;

import org.openqa.selenium.WebDriver;


import org.openqa.selenium.remote.RemoteWebDriver;

public class QueryScriptsTest {

public static void main(String[] args) {

System.setProperty("", "./drivers/chromedriver.exe");

WebDriver driver=new ChromeDriver();



JavascriptExecutor js = (JavascriptExecutor)driver;

//send text

String sendAmazonText="document.querySelector(\"input[title='Search']\").value=\"Amazon\";";


String clickSearchBtn ="document.querySelectorAll(\"input[value='Google Search']\")[1].click()";

//click button




Read Also:- What is ETL Testing: Importance, Process, and Types


The above program opens the chrome browser and it navigates to executes query scripts ‘sendAmazonText’ and ‘clickSearchBtn’ through JavaScript Executor in selenium.

Share this post

Back to Blog