Edit

waitForDisplayed

Wait for an element for the provided amount of milliseconds to be displayed or not displayed.

Usage

$(selector).waitForDisplayed(ms, reverse, error)

Parameters

Name	Type	Details
ms optional	Number, undefined	time in ms (default: 500)
reverse optional	Boolean, undefined	if true it waits for the opposite (default: false)
error optional	String, undefined	if exists it overrides the default error message

Examples

<div id="elem" style="visibility: hidden;">Hello World!</div>
<script type="text/javascript">
    setTimeout(() => {
        document.getElementById('elem').style.visibility = 'visible';
    }, 2000);
</script>

it('should detect when element is visible', () => {
    const elem = $('#elem')
    elem.waitForDisplayed(3000);
});
it('should detect when element is no longer visible', () => {
    const elem = $('#elem')
    // passing 'undefined' allows us to keep the default timeout value without overwriting it
    elem.waitForDisplayed(undefined, true);
});