Using JavaScript Executor in Selenium with Java - part 4

To Clear the History Of the Browser:
Syntax: JavascriptExecutor js = (JavascriptExecutor) driver;
                js.executeScript("history.clear()");

- Next Page: JavaScript FindElements

Read More

Using JavaScript Executor in Selenium with Java - part 3

---

---

1. Web Page Scroll to a particular element:

    Syntax: JavascriptExecutor js = (JavascriptExecutor) driver;

                    WebElement ele = driver.findElement(By.id("123"));

                    js.executeScript("arguments[0].scrollIntoView(true);", ele);

Example:

    class JavaScript

    {

        public static void main(String[] args)

        {

            WebDriver driver = new ChromeDriver();

            JavascriptExecutor js = (JavascriptExecutor) driver;

            driver.get("https://testingcolleges.blogspot.com/p/testingform.html");

            WebElement src = driver.findElement(By.linkText("Blogger"));

            js.executeScript("arguments[0].scrollIntoView(true);", src);

        }

    }

---

---

---

2. Scroll to the Top:

    Syntax: JavascriptExecutor js = (JavascriptExecutor) driver;

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

Example:

    class JavaScript

    {

        public static void main(String[] args)

        {

            System.setProperty("webdriver.chrome.driver" , "path");

            WebDriver driver = new ChromeDriver();

            JavascriptExecutor js = (JavascriptExecutor) driver;

            driver.get("https://testingcolleges.blogspot.com/p/testingform.html");

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

        }

    }

---

---

---

3. Scroll to the Down:

    Syntax: JavascriptExecutor js = (JavascriptExecutor) driver;

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

Example:

    class JavaScript

    {

        public static void main(String[] args)

        {

            System.setProperty("webdriver.chrome.driver" , "path");

            WebDriver driver = new ChromeDriver();

            JavascriptExecutor js = (JavascriptExecutor) driver;

            driver.get("https://testingcolleges.blogspot.com/p/testingform.html");

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

        }

    }

- Next Page: JavaScript Part 4

Read More

Using JavaScript Executor in Selenium with Java - part 2

---

---

1. To HighLighting Element

    Syntax: JavascriptExecutor js = (JavascriptExecutor) driver;

                    WebElement ele = driver.findElement(By.id("123"));

                    js.executeScript("arguments[0].style.border='2px solid red' " , ele);

                    //js.executeScript("Script", Arguments);

Example:

    class JavaScript

    {

        public static void main(String[] args)

        {

            WebDriver driver = new ChromeDriver();

            JavascriptExecutor js = (JavascriptExecutor) driver;

            driver.get("https://testingcolleges.blogspot.com/p/testingform.html");

            WebElement src = driver.findElement(By.id("mail"));

            js.executeScript("arguments[0].style.border='2px solid red' " , src);

        }

    }

Output: 

---

---

---

2. Disable a Web Element:  To disable a web element we use the following method.

    Syntax: JavascriptExecutor js = (JavascriptExecutor) driver;

                    WebElement ele = driver.findElement(By.id("123");

                    js.executeScript("arguments[0].setAttribute('disabled',' ');" , ele);

                    //js.executeScript("Script", Arguments);

    Syntax 2: JavascriptExecutor js = (JavascriptExecutor) driver;

                      js.executeScript("document.getElementById('123').setAttribute('disabled',' ');" );

Example:

    class JavaScript

    {

        public static void main(String[] args)

        {

            System.setProperty("webdriver.chrome.driver" , "path");

            WebDriver driver = new ChromeDriver();

            JavascriptExecutor js = (JavascriptExecutor) driver;

            driver.get("https://testingcolleges.blogspot.com/p/testingform.html");

            WebElement FirstName = driver.findElement(By.name("fname"));

            js.executeScript("arguments[0].setAttribute('disabled', ' ');" , FirstName);

        }

    }

---

---

---

3. Disable to Enable:  To enable, the disabled web element we use the following method.

    Syntax: JavascriptExecutor js = (JavascriptExecutor) driver;

                    WebElement ele = driver.findElement(By.id("123");

                    js.executeScript("arguments[0].removeAttribute('disabled',' ');" , ele);

                    //js.executeScript("Script", Arguments);

    Syntax 2: JavascriptExecutor js = (JavascriptExecutor) driver;

                      js.executeScript("document.getElementById('123').removeAttribute('disabled',' ');" );

Example:

    class JavaScript

    {

        public static void main(String[] args)

        {

            System.setProperty("webdriver.chrome.driver" , "path");

            WebDriver driver = new ChromeDriver();

            JavascriptExecutor js = (JavascriptExecutor) driver;

            driver.get("https://testingcolleges.blogspot.com/p/testingform.html");

            

            //to disable

            WebElement FirstName = driver.findElement(By.name("fname"));

            js.executeScript("arguments[0].setAttribute('disabled', ' ');" , FirstName);

            //to enable

            js.executeScript("arguments[0].removeAttribute('disabled', ' ');" , FirstName);

        }

    }

- Next Page: JavaScript Part 3

Read More

Using JavaScript Executor in Selenium with Java - part 1

    Sometimes, Selenium WebDriver alone will not be able to perform some operations. In that case, by using the JavaScriptExecutor interface we can handle web drivers in the different scenarios as below.

    To run JavascriptExecutor we need to import the package:

    import org.openqa.selenium.JavascriptExecutor;

---

---

1. To Perform click operation:

    Syntax: JavascriptExecutor js = (JavascriptExecutor) driver;

                    WebElement ele = driver.findElement(By.id("123"));

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

                    //js.executeScript("Script", Arguments);

    Syntax 2: JavascriptExecutor js = (JavascriptExecutor) driver;

                      js.executeScript("document.getElementById('123').click();");

Example:

    class JavaScript

    {

        public static void main(String[] args)

        {

            System.setProperty("webdriver.chrome.driver" , "path");

            WebDriver driver = new ChromeDriver();

            JavascriptExecutor js = (JavascriptExecutor) driver;

            driver.get("https://testingcolleges.blogspot.com/p/testingform.html");

            WebElement btn = driver.findElement(By.id("fem"));

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

            // instead of the above two lines we can also write the following line

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

        }

    }

---

---

---

2. To Perform value operation(just like sendKeys()): Fill an element with text in a webpage by executing javaScript.

    Syntax: JavascriptExecutor js = (JavascriptExecutor) driver;

                    WebElement ele = driver.findElement(By.id("123"));

                    js.executeScript("arguments[0].value='Hello';" , ele);

                    //js.executeScript("Script", Arguments);

    Syntax 2: JavascriptExecutor js = (JavascriptExecutor) driver;

                      js.executeScript("document.getElementById('123').value='Hello';");

Example:

    class JavaScript

    {

        public static void main(String[] args)

        {

            System.setProperty("webdriver.chrome.driver" , "path");

            WebDriver driver = new ChromeDriver();

            JavascriptExecutor js = (JavascriptExecutor) driver;

            driver.get("https://testingcolleges.blogspot.com/p/testingform.html");

            WebElement FirstName = driver.findElement(By.name("fname"));

            js.executeScript("arguments[0].value='Testing';" , FirstName);

            // instead of the above two lines we can also write the following line

            //js.executeScript("document.getElementByName('fname')[0].value='Testing';");

        }

    }

---

---

---

3. Creating an Alert box using JavaScript:

    Syntax: JavascriptExecutor js = (JavascriptExecutor) driver;

                    js.executeScript("alert('your message');");

Example:

    class JavaScript

    {

        public static void main(String[] args)

        {

            System.setProperty("webdriver.chrome.driver" , "path");

            WebDriver driver = new ChromeDriver();

            JavascriptExecutor js = (JavascriptExecutor) driver;

            js.executeScript("alert('welcome to Testing Colleges ! ...');");

        }

    }

- Next Page: JavaScript Part 2

Read More