Webdriverio wait until visible

Question

I'm using webdriverio and need to wait for an element to be in the viewport

So I tried

browser.waitUntil(async () => {
    const b = await link.isDisplayedInViewport()
    return b;
}, 5000, 'expected to be visible after 5s');

But somehow waitUntil wants a boolean not a Promise<boolean>

How can I fix this?

Update:

I use WebdriverIO in a NodeJs app as follows

const { remote } = require('webdriverio');

(async () => {
    const browser = await remote({
        logLevel: 'error',
        path: '/',
        capabilities: {
            browserName: 'chrome'
        }
    });

    await browser.url('https://example.com');

    const link = await browser.$('.special-link');
    const ok = await browser.waitUntil(async () => {
        const b = await link.isDisplayedInViewport()
        return b;
    }, 5000, 'expected to be visible after 5s');

    await link.click();

    const title = await browser.getTitle();
    console.log('Title was: ' + title);

    await browser.deleteSession();
})().catch((e) => console.error(e));

source

In the options is don't see anything about with or without async/await. Furthermore I don't use a testing framework!

Are you running the WDIO in standalone mode? or with WDIO-Runner(with inbuilt sync feature enabled)? The understanding is, it takes the callback as the first param and that callback should return a boolean. So give a try without `async/await` once. — Naveen Thiyagarajan, May 12 '19 at 05:24
I've updated my post to show how I use it. Is it possible to do it without async/await in this situation? — Jeanluca Scaljeri, May 12 '19 at 08:08
@JeanlucaScaljeri I am not sure you already tried the `.then .. .catch` approach instead of `async/await` but if not could you please try once. Some reference why i am asking you to do that: https://stackoverflow.com/questions/43422932/async-await-always-returns-promise — Naveen Thiyagarajan, May 13 '19 at 11:16
The error comes because you're returning a `promise` or the result of a promise to `waitUntil`, which a function that accepts in input . I think the @Balachander answer is a nice way to avoid the issue — Don Diego, Mar 17 '22 at 09:04

score 2 · Answer 1 · answered Aug 22 '19 at 06:35

Sorry for the late answer. But if you are still looking for a solution, Please try this if you want to avoid aync/await

 get link() { return browser.element('.special-link'); }

 browser.waitUntil(() => this.link.isVisibleWithinViewport(), 20000, 'link not visible')

Mridul · Answer 2 · 2019-11-12T09:12:46.857

0

const elementWaitingToBeDisplayed = $("some element locators")
elementWaitingToBeDisplayed.waitForDisplayed(10000, false)

If you set the second argument of elementWaitingToBeDisplayed.waitForDisplayed to true it waits for the opposite.

edited Nov 12 '19 at 09:12

answered Oct 18 '19 at 07:04

Mridul

258
3
9

Webdriverio wait until visible

2 Answers2