isDisplayedInViewport
Return true if the selected DOM-element found by given selector is visible and within the viewport.
Usage
browser.isDisplayedInViewport(selector)
Parameters
Param | Type | Details |
---|---|---|
selector optional | param | DOM-element |
Example
<div id="notDisplayed" style="display: none"></div>
<div id="notVisible" style="visibility: hidden"></div>
<div id="notInViewport" style="position:absolute; left: 9999999"></div>
<div id="zeroOpacity" style="opacity: 0"></div>
it('should detect if an element is visible', function () {
let isVisibleWithinViewport = browser.isVisibleWithinViewport('#notDisplayed');
console.log(isVisibleWithinViewport); // outputs: false
isVisibleWithinViewport = browser.isVisibleWithinViewport('#notVisible');
console.log(isVisibleWithinViewport); // outputs: false
isVisibleWithinViewport = browser.isVisibleWithinViewport('#notExisting');
console.log(isVisibleWithinViewport); // outputs: false
isVisibleWithinViewport = browser.isVisibleWithinViewport('#notInViewport');
console.log(isVisibleWithinViewport); // outputs: false
isVisibleWithinViewport = browser.isVisibleWithinViewport('#zeroOpacity');
console.log(isVisibleWithinViewport); // outputs: false
});