Handling Dynamic Web Elements in Selenium

July 02, 2025

Testing modern web applications can be tricky due to dynamic content that loads asynchronously or changes frequently. Selenium, a powerful web automation tool, offers several strategies to handle these dynamic web elements effectively.

Use Explicit Waits

Dynamic elements may not be immediately present in the DOM. Use WebDriverWait with ExpectedConditions to wait for specific conditions like visibility or clickability:

WebDriverWait wait = new WebDriverWait(driver, Duration.ofSeconds(10));

WebElement element = wait.until(ExpectedConditions.visibilityOfElementLocated(By.id("dynamicElement")));

This ensures Selenium interacts with the element only when it's ready.

Avoid Using Hard-Coded Delays

Using Thread.sleep() may cause test failures or slow execution. Always prefer explicit waits over hard waits as they are more efficient and adaptive to real-time changes.

Use Dynamic XPath or CSS Selectors

Dynamic elements often have changing attributes like id or class. Use XPath functions like contains(), starts-with(), or CSS selectors that rely on stable parent/child relationships:

driver.findElement(By.xpath("//button[contains(text(),'Submit')]"));

Or:

driver.findElement(By.cssSelector("div[class*='active']"));

Handle Stale Element Reference Exception

This occurs when the element is no longer attached to the DOM. To handle it:

Re-locate the element before interacting.

Use try-catch to retry the action:

try {

element.click();

} catch (StaleElementReferenceException e) {

element = driver.findElement(By.id("dynamicElement"));

element.click();

}

Wait for Page Load or AJAX Completion

Use JavaScriptExecutor to ensure the page or AJAX request has finished loading:

JavascriptExecutor js = (JavascriptExecutor) driver;

js.executeScript("return document.readyState").equals("complete");

Or wait for jQuery AJAX:

js.executeScript("return jQuery.active == 0");

Use Relative Locators (Selenium 4+)

Relative locators allow you to identify elements based on their position relative to others, which is helpful for dynamic layouts:

WebElement label = driver.findElement(By.id("usernameLabel"));

WebElement input = driver.findElement(with(By.tagName("input")).below(label));

Conclusion

Handling dynamic web elements in Selenium is essential for building robust and reliable test scripts. By using waits, smart locators, and JavaScript checks, you can effectively manage dynamic behavior and reduce flaky test failures. Keep practicing with real-world dynamic sites to sharpen your skills.

Learn Selenium Java Training in Hyderabad

Automating E-commerce Website Checkout Flows

Java Basics Every Selenium Tester Should Know

Integrating Selenium with Jenkins for CI/CD

Generating Extent Reports in Selenium Java

Debugging Selenium Scripts: Tips and Tools

Visit our IHub Talent Training Institute

Get Direction