Why JavaScript execution handles edge cases in Selenium Java - Test Execution Impact

Test Overview

This test verifies that JavaScript execution in Selenium can handle edge cases where normal element interaction fails, such as hidden or overlapped elements. It confirms that JavaScript can click a button even if Selenium's standard click method cannot.

Test Code - JUnit with Selenium WebDriver

Selenium Java

import org.openqa.selenium.By;
import org.openqa.selenium.JavascriptExecutor;
import org.openqa.selenium.WebDriver;
import org.openqa.selenium.WebElement;
import org.openqa.selenium.chrome.ChromeDriver;
import org.openqa.selenium.support.ui.ExpectedConditions;
import org.openqa.selenium.support.ui.WebDriverWait;
import org.junit.jupiter.api.AfterEach;
import org.junit.jupiter.api.BeforeEach;
import org.junit.jupiter.api.Test;
import static org.junit.jupiter.api.Assertions.assertTrue;

public class JavaScriptExecutionEdgeCaseTest {
    WebDriver driver;
    WebDriverWait wait;

    @BeforeEach
    public void setUp() {
        driver = new ChromeDriver();
        wait = new WebDriverWait(driver, 10);
    }

    @Test
    public void testJavaScriptClickHandlesHiddenButton() {
        driver.get("https://example.com/hidden-button");

        // Wait for button to be present
        WebElement button = wait.until(ExpectedConditions.presenceOfElementLocated(By.id("hiddenBtn")));

        try {
            // Try normal click - expected to fail if button is hidden or overlapped
            button.click();
        } catch (Exception e) {
            // Use JavaScript click as fallback
            JavascriptExecutor js = (JavascriptExecutor) driver;
            js.executeScript("arguments[0].click();", button);
        }

        // Verify that clicking the button triggered expected result
        WebElement message = wait.until(ExpectedConditions.visibilityOfElementLocated(By.id("resultMessage")));
        assertTrue(message.getText().contains("Success"));
    }

    @AfterEach
    public void tearDown() {
        if (driver != null) {
            driver.quit();
        }
    }
}

Execution Trace - 6 Steps

Step	Action	System State	Assertion	Result
1	Test starts and Chrome browser opens	Browser window is open and ready	-	PASS
2	Navigates to https://example.com/hidden-button	Page with hidden button loads	Waits until button with id 'hiddenBtn' is present in DOM	PASS
3	Attempts to click the hidden button using Selenium's click()	Button is present but hidden or overlapped, click throws exception	-	FAIL
4	Catches exception and executes JavaScript to click the button	JavaScript click triggers button action despite hidden state	-	PASS
5	Waits for result message to become visible	Result message with id 'resultMessage' appears on page	Verifies message text contains 'Success'	PASS
6	Test ends and browser closes	Browser window closes cleanly	-	PASS

Failure Scenario

Failing Condition: JavaScript execution fails to click the hidden button or result message does not appear

Execution Trace Quiz - 3 Questions

Why does the test use JavaScript to click the button?

A Because the button is disabled

B Because JavaScript clicks are faster than Selenium clicks

C Because the button is hidden or overlapped and Selenium's normal click fails

D Because the test wants to test JavaScript execution only

Key Result

Using JavaScript execution in Selenium helps handle edge cases where normal element interactions fail, such as clicking hidden or overlapped elements, improving test robustness.