Clicking via JavaScript in Selenium Java - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ Predict Output

intermediate

JavaScript click execution result

What will be the output of this Selenium Java code snippet that clicks a button using JavaScript?

Selenium Java

WebElement button = driver.findElement(By.id("submitBtn"));
JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("arguments[0].click();", button);
System.out.println("Clicked");

A Clicked

B No output, throws ElementNotInteractableException

C No output, throws NullPointerException

D Clicked, but button does not respond

💡 Hint

JavaScript click bypasses normal Selenium click issues.

The JavaScript click executes successfully on the button element, so the print statement runs and outputs 'Clicked'.

❓ assertion

intermediate

Valid assertion after JS click

Which assertion correctly verifies that a button was clicked using JavaScript in Selenium Java?

Selenium Java

WebElement button = driver.findElement(By.id("submitBtn"));
JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("arguments[0].click();", button);
// Which assertion is correct here?

A assertTrue(button.isDisplayed());

B assertTrue(driver.findElement(By.id("result")).getText().contains("Success"));

C assertEquals(button.getText(), "Submit");

D assertTrue(button.isEnabled());

💡 Hint

Check the page state change after clicking, not the button itself.

After clicking the button, the page updates an element with id 'result' to show 'Success'. Verifying this text confirms the click worked.

🔧 Debug

advanced

Fixing JavaScript click failure

Given this Selenium Java code, what is the cause of the JavaScript click not working?

Selenium Java

WebElement button = driver.findElement(By.id("submitBtn"));
JavascriptExecutor js = (JavascriptExecutor) driver;
js.executeScript("arguments[1].click();", button);

A The click method is deprecated and cannot be used

B The button element is not found, causing NullPointerException

C The driver is not cast to JavascriptExecutor properly

D The JavaScript argument index is wrong; should be arguments[0]

💡 Hint

Check the JavaScript argument index used in executeScript.

JavaScript arguments are zero-indexed. Using arguments[1] when only one argument is passed causes undefined reference and failure.

🧠 Conceptual

advanced

Why use JavaScript click in Selenium?

Why might testers prefer clicking elements via JavaScript instead of Selenium's native click method?

A JavaScript click is faster and always more reliable than Selenium click

B JavaScript click automatically waits for elements to be clickable

C JavaScript click can interact with hidden or overlapped elements that Selenium click cannot

D JavaScript click triggers browser alerts automatically

💡 Hint

Think about Selenium click limitations with element visibility.

Selenium click requires the element to be visible and not overlapped. JavaScript click bypasses these restrictions by directly invoking the click event.

❓ framework

expert

Integrating JavaScript click in Page Object Model

In a Selenium Java Page Object Model, which method correctly encapsulates clicking a button via JavaScript?

Selenium Java

public class LoginPage {
    private WebDriver driver;
    private WebElement loginButton;

    public LoginPage(WebDriver driver) {
        this.driver = driver;
        this.loginButton = driver.findElement(By.id("loginBtn"));
    }

    // Which method correctly clicks loginButton using JavaScript?
    public void clickLogin() {
        // ???
    }
}

A ((JavascriptExecutor) driver).executeScript("arguments[0].click();", loginButton);

B loginButton.click();

C driver.findElement(By.id("loginBtn")).click();

D driver.executeScript("document.getElementById('loginBtn').click();");

💡 Hint

Use the driver cast to JavascriptExecutor and pass the WebElement.

Option A correctly casts driver to JavascriptExecutor and clicks the stored WebElement. Option A is invalid because WebDriver does not have executeScript method directly.