isDisplayed

Обзор

Используйте команду isDisplayed, чтобы определить, отображается ли заданный DOM-элемент.

Команда возвращает true, если выбранный DOM-элемент отображается, иначе возвращает false.

warning

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

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

await browser.$(selector).isDisplayed();

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

index.html

<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>

isDisplayed.js

it("should detect if an element is displayed", async ({ browser }) => {
    let elem = await browser.$("#notDisplayed");
    let isDisplayed = await elem.isDisplayed();
    console.log(isDisplayed); // выведет: false

    elem = await browser.$("#notVisible");
    isDisplayed = await elem.isDisplayed();
    console.log(isDisplayed); // выведет: false

    elem = await browser.$("#notExisting");
    isDisplayed = await elem.isDisplayed();
    console.log(isDisplayed); // выведет: false

    elem = await browser.$("#notInViewport");
    isDisplayed = await elem.isDisplayed();
    console.log(isDisplayed); // выведет: true

    elem = await browser.$("#zeroOpacity");
    isDisplayed = await elem.isDisplayed();
    console.log(isDisplayed); // выведет: true
});