Automated Testing with Selenium WebDriver and JavaScript

Selenium is widely recognized as a top choice for automating testing processes. It is specifically designed to facilitate the automation of functional testing for web applications across various browsers and platforms.

    public static WebDriver driver;
    public static void main(String[] args) {
        driver = new FirefoxDriver(); // This opens a window    
        String url = "----";


        /*driver.findElement(By.id("username")).sendKeys("yashwanth.m");
        driver.findElement(By.name("j_password")).sendKeys("yashwanth@123");*/

        JavascriptExecutor jse = (JavascriptExecutor) driver;       
        if (jse instanceof WebDriver) {
            //Launching the browser application
            jse.executeScript("window.location = \'"+url+"\'");
jse.executeScript("document.getElementById('username').value = \"yash\";");
// Tag having name then
driver.findElement(By.xpath(".//input[@name='j_password']")).sendKeys("admin");


//Opend Site and click on some links. then you can apply go(-1)--> back  forword(-1)--> front.
//Refresheing the web-site. driver.navigate().refresh();            
jse.executeScript("window.history.go(0)");
            jse.executeScript("window.history.go(-2)");
            jse.executeScript("window.history.forward(-2)");

            String title = (String)jse.executeScript("return document.title");
            System.out.println(" Title Of site : "+title);

            String domain = (String)jse.executeScript("return document.domain");
            System.out.println("Web Site Domain-Name : "+domain);

            // To get all NodeList[1052] document.querySelectorAll('*');  or document.all
            jse.executeAsyncScript("document.getElementsByTagName('*')");

            String error=(String) jse.executeScript("return window.jsErrors");
            System.out.println("Windowerrors  :   "+error);



            System.out.println("To Find the input tag position from top"); 
            ArrayList<?> al =  (ArrayList<?>) jse.executeScript(
                    "var source = [];"+
                    "var inputs = document.getElementsByTagName('input');"+
                    "for(var i = 0; i < inputs.length; i++) { " +
                       "   source[i] = inputs[i].offsetParent.offsetTop" +      //"    inputs[i].type = 'radio';"
                    "}"+
                    "return source"                 
                    );//inputs[i].offsetParent.offsetTop     inputs[i].type

            System.out.println("next");
            System.out.println("array : "+al);

            // (CTRL + a) to access keyboard keys. org.openqa.selenium.Keys 
            Keys k = null;
            String selectAll = Keys.chord(Keys.CONTROL, "a");
            WebElement body = driver.findElement(By.tagName("body"));
            body.sendKeys(selectAll);

            // Search for text in Site. Gets all ViewSource content and checks their.
            if (driver.getPageSource().contains("login")) {
                System.out.println("Text present in Web Site");
            }

        Long clent_height = (Long) jse.executeScript("return document.body.clientHeight");
        System.out.println("Client Body Height : "+clent_height);

        // using selenium we con only execute script but not JS-functions.

    }
    driver.quit(); // to close browser
}

Incorporating User-Defined Functions in JavaScript via External File

Scanner sc = new Scanner(new FileInputStream(new File("JsFile.txt")));
        String js_TxtFile = ""; 
            while (sc.hasNext()) {          
                String[] s = sc.next().split("\r\n");   
                for (int i = 0; i < s.length; i++) {
                    js_TxtFile += s[i];
                    js_TxtFile += " ";
                }           
            }
        String title =  (String) jse.executeScript(js_TxtFile);
        System.out.println("Title  : "+title);

Utilizing Properties and Methods in Browsers such as document.title & document.getElementById()

JsFile.txt

var title = getTitle();
return title;

function getTitle() {
    return document.title;
}

If you're looking for alternative ways to trigger a click event, consider using JavaScript:

let button = document.getElementById("someid");
button.click();

Alternatively, you can explore the option of using jQuery. In rare instances where traditional methods fail, resorting to a custom executable application might be necessary. However, it's advisable to exhaust all conventional solutions before resorting to extreme measures.

It wasn't immediately clear to me how to include parameters in a method call, but after some searching, I was able to figure it out and thought I'd share the solution here. To pass parameters into a JavaScript function, you can use "arguments[0]" as the placeholder for the parameter and then set the parameter as the input parameter in the executeScript function.

driver.executeScript("function(arguments[0]);","parameter to send in");

To retrieve the text content of a specific element using JavaScript executor, you can utilize the following code snippet:

WebElement element = driver.findElement(By.xpath("//div[@class='infaCompositeViewTitle']"));
String number = (String) js.executeScript("return arguments[0].getElementsByTagName('span')[1].textContent;", element);

In this instance, I have the given HTML snippet and I am extracting the value "156".

<div class="infaCompositeViewTitle">
   <span>All Assets</span>
   <span>156</span>
</div>

Here is the code snippet that successfully solved my issue:

import org.openqa.selenium.JavascriptExecutor;
import org.openqa.selenium.WebDriver;
import org.springframework.beans.factory.annotation.Autowired;

public class SuperAdminLogin {

    @Autowired
    private WebDriver driver;

     public void logInAsSuperAdmin() {
        ((JavascriptExecutor) driver).executeScript("console.log('Test test');");
     }
}