Как ждать исчезновения элемента в TestCafe?

Question

Когда мне нужно дождаться, пока элемент станет видимым, я могу просто вызвать селектор как функцию, подобную этой:

await element.with({ visibilityCheck: true })();

Но как мне ждать, пока элемент исчезнет?

Answer 1

Чтобы дождаться исчезновения элемента, вы можете использовать наш встроенный механизм ожидания для утверждений.Пожалуйста, смотрите документацию для получения дополнительной информации о том, как это работает.

import { Selector } from 'testcafe';

fixture `fixture`
    .page `http://localhost/testcafe/`;

test('test 2', async t => {
    //step 1

    //wait for the element to disappear (assertion with timeout)
    await t.expect(Selector('element').exists).notOk({ timeout: 5000 });

    //next steps
});

Или вы можете использовать ClientFunction:

import { ClientFunction } from 'testcafe';

fixture `fixture`
    .page `http://localhost/testcafe/`;

const elementVisibilityWatcher = ClientFunction(() => {
    return new Promise(resolve => {
        var interval = setInterval(() => {
            if (document.querySelector('element'))
                return;

            clearInterval(interval);
            resolve();
        }, 100);
    });
});

test('test 1', async t => {
    //step 1

    //wait for the element to disappear
    await elementVisibilityWatcher();

    //next steps
});