{"id":221286,"date":"2022-06-22T18:15:16","date_gmt":"2022-06-22T18:15:16","guid":{"rendered":"https:\/\/www.softwaretestinghelp.com\/?page_id=221286"},"modified":"2025-04-01T09:46:59","modified_gmt":"2025-04-01T09:46:59","slug":"javascriptexecutor-in-selenium","status":"publish","type":"page","link":"https:\/\/www.softwaretestinghelp.com\/javascriptexecutor-in-selenium\/","title":{"rendered":"How to use JavaScriptExecutor in Selenium: A Complete Guide"},"content":{"rendered":"

In this hands-on tutorial you will learn what is JavaScriptExecutor, how to use JavaScriptExecutor in Selenium WebDriver, its types, syntax, and usage scenarios with programming code examples.<\/strong><\/p>\n

What is Selenium?<\/span><\/strong><\/p>\n

Selenium is an open-source web automation testing tool used to validate web applications across different browsers, such as Google Chrome, Microsoft Edge, Firefox, Safari, etc.<\/p>\n

Selenium also supports different platforms like Windows, macOS, and Linux.<\/p>\n

<\/em><\/strong><\/p>\n

Why JavaScriptExecutor?<\/strong><\/p>\n

In certain cases, selenium drivers can fail to handle a small number of web elements, such as when opening a webpage, and if in that place an unpredicted popup window arises, that will stop the selenium driver from finding the specified elements and this will cause inaccurate results.<\/p>\n

\"JavaScriptExecutor<\/a><\/p>\n

Here comes the usage of JavaScriptExecutor for handling these types of web elements.<\/p>\n

What is JavaScriptExecutor<\/h2>\n

JavaScriptExecutor simply acts like a terminal that is used to implement the JavaScript code through the Selenium driver. Generally, the selenium webdriver uses locators like XPath, id, CSS selector, etc.<\/p>\n

In case these locators failed to work, we can use JavaScriptExector. It does not need any extensions, we only need to import the package \u201corg.openqa.selenium.JavascriptExecutor\u201d<\/strong> in the script to use JavaScriptExecutor.<\/p>\n

Types of JavaScriptExecutor<\/h2>\n

JavaScriptExecutor provides two types of methods that can handle any type of interaction using JavaScript in Selenium.<\/p>\n

    \n
  1. ExecuteScript<\/li>\n
  2. ExecuteAsyncScript<\/li>\n<\/ol>\n

    #1) ExecuteScript<\/strong><\/p>\n

    The ExecuteScript is used only to execute JS in the subject of the presently accessed webpage in Selenium. This script runs as an unnamed function and the script can return different types of values.<\/p>\n

    #2) ExecuteAsyncScript<\/strong><\/p>\n

    The ExecuteAsync Script method is used to execute the asynchronous JS in the present webpage. The major difference in the ExecuteAsync script is that the webpage continues parsing even while the Async script runs in the background, which improves the overall performance of the application.<\/p>\n

    The ExecuteAsyncScript is mostly used when the sleep function has to be performed in the browser under test.<\/p>\n

    Both methods return some value and store them in a variable.<\/p>\n

    The datatypes returned are:<\/strong><\/p>\n