Selenium Javascriptexecutor Tutorial
1. Introduction
Java Script executor is an interface of Selenium WebDriver that has the functionality similar to that of Java Script and can interact with HTML DOM elements. Instead of using driver.findElement method of the Selenium WebDriver we can use JavaScriptExecutor Interface to perform similar action on the Page.
It provides advantages over FindElement method while handling tricky XPath as well as finding element which are sometimes hidden. Not only that, we can perform several other Java Script actions such as Browser Object Model (BOM), AJAX in addition to HTML DOM actions with the help of JavaScript Executor.
Method available:
executeScript It implements an asynchronous event of JS in current window or frame executeAsynScript It implements JS in context of the selected frame or methods
Reference:https://seleniumhq.github.io/selenium/docs/api/java/org/openqa/selenium/JavascriptExecutor.html
2. Java Script Popup alert
Using executeScript of JavaScriptExecutor, we can send an alert on the webpage. In this code, once the page loads, a pop-up will be shown containing the message “hello java code geeks”. This is a TestNG Project with@BeforeTest,@Test and@AfterTest annotations. First, the block of@BeforeTest will run where the Firefox driver get instantiated andget() method will invoke the given URL. Then,@Test will run where, JavaScriptExecutor gets instantiated andexecuteScript() method will invoke the pop up alert. Finally,@AfterTest block will executed and browser will be closed.
package com.javacodegeeks.seleniumjavascriptexecutor;import org.openqa.selenium.JavascriptExecutor;import org.openqa.selenium.WebDriver;import org.openqa.selenium.firefox.FirefoxDriver;import org.testng.annotations.AfterTest;import org.testng.annotations.BeforeTest;import org.testng.annotations.Test;public class JSExecutor{public WebDriver driver;public String Url = "http://www.ebay.com";@BeforeTestpublic void setDriver(){driver = new FirefoxDriver();driver.get(Url);} @Test public void jspopUp() {JavascriptExecutor jse = ((JavascriptExecutor)driver); jse.executeScript("alert('hello Java Code Geeks');"); } @AfterTest public void atEnd() { driver.quit(); }}
Output
PASSED: jspopUp=============================================== Default test Tests run: 1, Failures: 0, Skips: 0==============================================================================================Default suiteTotal tests run: 1, Failures: 0, Skips: 0===============================================[TestNG] Time taken by org.testng.reporters.SuiteHTMLReporter@e580929: 75 ms[TestNG] Time taken by org.testng.reporters.jq.Main@27f674d: 70 ms[TestNG] Time taken by [FailedReporter passed=0 failed=0 skipped=0]: 1 ms[TestNG] Time taken by org.testng.reporters.EmailableReporter2@39ba5a14: 8 ms[TestNG] Time taken by org.testng.reporters.JUnitReportReporter@5b464ce8: 4 ms[TestNG] Time taken by org.testng.reporters.XMLReporter@7a79be86: 9 ms
3. Refreshing the browser
We can use JavaScript Executor to refresh a browser window. We can perform similar action using driver.navigate().refresh() with WebDriver. Similarly, in this code, once the url gets loaded, the page will refresh again with the JavaScript methodjse.executeScript("history.go(0)"). This is also a TestNG Project with @BeforeTest, @Test and @AfterTest annotations. First, the block of @BeforeTest will run where the Firefox driver get instantiated andget() method will invoke the given URL. Then, @Test method will run where, JavaScriptExecutor gets instantiated and executeScript() method will invoke("history.go(0)"). Finally, @AfterTest block will executed and browser will be closed.
package com.javacodegeeks.seleniumjavascriptexecutor;import org.openqa.selenium.JavascriptExecutor;import org.openqa.selenium.WebDriver;import org.openqa.selenium.firefox.FirefoxDriver;import org.testng.annotations.AfterTest;import org.testng.annotations.BeforeTest;import org.testng.annotations.Test;public class JSExecutor{public WebDriver driver;public String Url = "http://www.ebay.com";@BeforeTestpublic void setDriver(){driver = new FirefoxDriver();driver.get(Url);} @Test public void refresh() {JavascriptExecutor jse = ((JavascriptExecutor)driver);jse.executeScript("history.go(0)"); } @AfterTest public void atEnd() { driver.quit(); }}Output
PASSED: refresh=============================================== Default test Tests run: 1, Failures: 0, Skips: 0==============================================================================================Default suiteTotal tests run: 1, Failures: 0, Skips: 0===============================================[TestNG] Time taken by org.testng.reporters.SuiteHTMLReporter@e580929: 21 ms[TestNG] Time taken by org.testng.reporters.jq.Main@27f674d: 37 ms[TestNG] Time taken by [FailedReporter passed=0 failed=0 skipped=0]: 1 ms[TestNG] Time taken by org.testng.reporters.EmailableReporter2@39ba5a14: 8 ms[TestNG] Time taken by org.testng.reporters.JUnitReportReporter@5b464ce8: 3 ms[TestNG] Time taken by org.testng.reporters.XMLReporter@7a79be86: 7 ms
4. Clicking a button
We can also use JavaScriptExecutor to click on any Web element on the page by passing using executeScript method and passing("arguments[0].click(), element)
import java.util.concurrent.TimeUnit;package com.javacodegeeks.seleniumjavascriptexecutor;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.AfterTest;import org.testng.annotations.BeforeTest;import org.testng.annotations.Test;public class JSExecutor{public WebDriver driver;public String Url = "http://www.ebay.com";@BeforeTestpublic void setDriver(){driver = new FirefoxDriver();driver.get(Url);} @Test public void clickButton() { driver.manage().timeouts().implicitlyWait(15, TimeUnit.SECONDS); WebElement element = driver.findElement(By.xpath(".//*[@id='gh-ug']/a"));JavascriptExecutor jse = ((JavascriptExecutor)driver);jse.executeScript("arguments[0].click();",element ); } @AfterTest public void atEnd() { driver.quit(); }}Output
Thank you!
We will contact you soon.
PASSED: clickButton=============================================== Default test Tests run: 1, Failures: 0, Skips: 0==============================================================================================Default suiteTotal tests run: 1, Failures: 0, Skips: 0===============================================[TestNG] Time taken by org.testng.reporters.SuiteHTMLReporter@e580929: 24 ms[TestNG] Time taken by org.testng.reporters.jq.Main@27f674d: 38 ms[TestNG] Time taken by [FailedReporter passed=0 failed=0 skipped=0]: 0 ms[TestNG] Time taken by org.testng.reporters.EmailableReporter2@39ba5a14: 7 ms[TestNG] Time taken by org.testng.reporters.JUnitReportReporter@5b464ce8: 6 ms[TestNG] Time taken by org.testng.reporters.XMLReporter@7a79be86: 7 ms
5. Scroll the Browser
We can scroll the current page on the browser withexecuteScript("window.scrollBy(0,50)") method and passing the pixels as a parameter. In the code below, once the URL gets loaded, the page will scroll down to the end of the page withexecuteScript("window.scrollBy(0,document.body.scrollHeight)") method. However, if we want to scroll vertically downward or upward using pixels we can just pass it to the parameterscrollby()
import java.util.concurrent.TimeUnit;import org.openqa.selenium.JavascriptExecutor;import org.openqa.selenium.WebDriver;import org.openqa.selenium.firefox.FirefoxDriver;import org.testng.annotations.AfterTest;import org.testng.annotations.BeforeTest;import org.testng.annotations.Test;public class JSExecutor{public WebDriver driver;public String Url = "http://www.ebay.com";@BeforeTestpublic void setDriver(){driver = new FirefoxDriver();driver.get(Url);} @Test public void scrollPage() { driver.manage().timeouts().implicitlyWait(20, TimeUnit.SECONDS);JavascriptExecutor jse = ((JavascriptExecutor)driver);jse.executeScript("window.scrollBy(0,document.body.scrollHeight)"); } @AfterTest public void atEnd() { driver.quit(); }}Output
PASSED: scrollPage=============================================== Default test Tests run: 1, Failures: 0, Skips: 0==============================================================================================Default suiteTotal tests run: 1, Failures: 0, Skips: 0===============================================[TestNG] Time taken by org.testng.reporters.SuiteHTMLReporter@e580929: 45 ms[TestNG] Time taken by org.testng.reporters.jq.Main@27f674d: 42 ms[TestNG] Time taken by [FailedReporter passed=0 failed=0 skipped=0]: 1 ms[TestNG] Time taken by org.testng.reporters.EmailableReporter2@39ba5a14: 4 ms[TestNG] Time taken by org.testng.reporters.JUnitReportReporter@5b464ce8: 2 ms[TestNG] Time taken by org.testng.reporters.XMLReporter@7a79be86: 7 ms
6. Conclusion
This tutorial covered some of the Java Script method that we can implement on the browser by using JavaSriptExecutor interface of the Selenium WebDriver. In this way, we can perform the actions of JavaScript on the HTML DOM, Browser Object Model (BOM) as well as other functionality like getting URL of the page, domain name of the web site, frames etc by using the JavaScriptExecutor interface.
Thank you!
We will contact you soon.
