Verification of Element in Viewport in Selenium
Thanks Florent B. Converted to python:
def is_element_visible_in_viewpoint(driver, element) -> bool:
return driver.execute_script("var elem = arguments[0], "
" box = elem.getBoundingClientRect(), "
" cx = box.left + box.width / 2, "
" cy = box.top + box.height / 2, "
" e = document.elementFromPoint(cx, cy); "
"for (; e; e = e.parentElement) { "
" if (e === elem) "
" return true; "
"} "
"return false; "
, element)
It's not possible directly via the API, so you'll have to use a script injection.
The best way to determine if an element is visible in the viewport is to get the element at the supposed location with document.elementFromPoint. It returns null if it's not within the viewport and your element or a descendant if it is.
public static Boolean isVisibleInViewport(WebElement element) {
WebDriver driver = ((RemoteWebElement)element).getWrappedDriver();
return (Boolean)((JavascriptExecutor)driver).executeScript(
"var elem = arguments[0], " +
" box = elem.getBoundingClientRect(), " +
" cx = box.left + box.width / 2, " +
" cy = box.top + box.height / 2, " +
" e = document.elementFromPoint(cx, cy); " +
"for (; e; e = e.parentElement) { " +
" if (e === elem) " +
" return true; " +
"} " +
"return false; "
, element);
}