Selenium: How selenium identifies elements visible or not? Is is possible that it is loaded in DOM but not rendered on UI?

Question

1. Selenium: How selenium identifies elements visible or not? Is is possible that it is loaded in DOM but not rendered on UI? I would like to verify a scenario where ele

Answer 1

• Selenium can identify the presence or visibility of the elements as soon as they are present or visible in the HTML DOM. From user perspective you can invoke isDisplayed() method on an WebElement to examine if the intended WebElement is displayed or not. As per current implementation Selenium may not be distinguishing between loaded and rendered elements. The ElementToBeClickable method in ExpectedConditions class sets an expectation for checking if an element is visible and enabled so that you can click it.

• When the element is loaded in the DOM but UI shows loading in progress you still have to wait for the JavaScript and AJAX Calls to complete loading the page so all the WebElements on the page becomes interactable. At most to wait for complete load you can set the pageLoadStrategy to normal but may still have to induce WebDriverWait for the intended WebElement to become present, visible, interactable or clickable.

Here you can find a detailed discussion on Page load strategy

• Of-coarse if the UI is not loaded Selenium may not be able to interact with a few of the DOM elements.

---

Update

As per your counter question here are the different stages of an WebElement and the respective ExpectedConditions to check the stages :

• Presence of an element :

   presenceOfElementLocated(By locator)
   An expectation for checking that an element is present on the DOM of a page. This does not necessarily mean that the element is visible.
  

• Visibility of an element :

   visibilityOf(WebElement element)
   An expectation for checking that an element, known to be present on the DOM of a page, is visible. Visibility means that the element is not only displayed but also has a height and width that is greater than 0.
  

• Element to be Clickable :

   elementToBeClickable(By locator)
   An expectation for checking an element is visible and enabled such that you can click it.
  

Note : As per the docs Element is Clickable - it is Displayed and Enabled.