Перейти к основному содержимому

waitForDisplayed

Обзор

Используйте команду waitForDisplayed, чтобы подождать, пока элемент в течение указанного количества миллисекунд не станет отображаемым или не отображаемым.

warning

В отличие от других команд элемента, testplane не будет дожидаться существования элемента, чтобы выполнить эту команду.

Использование

await browser.$(selector).waitForDisplayed({ timeout, reverse, timeoutMsg, interval });

Параметры команды

ИмяТипОписание
timeoutNumber500Таймаут в миллисекундах.
reverseBooleanfalseЕсли значение true, то команда будет ждать противоположного условия: что элемент не отображается.
timeoutMsgStringN/AСообщение об ошибке, которое нужно бросить при таймауте.
intervalNumberwaitforIntervalИнтервал в миллисекундах между проверками условия.

Примеры использования

index.html

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

waitForDisplayed.js

it("should detect when element is visible", async ({ browser }) => {
const elem = await browser.$("#elem");
await elem.waitForDisplayed({ timeout: 3000 });
});

it("should detect when element is no longer visible", async ({ browser }) => {
const elem = await browser.$("#elem");
await elem.waitForDisplayed({ reverse: true });
});