Как ждать, пока элемент будет виден

Question

Можно ли подождать, пока элемент не станет видимым?

cy.get('[data-test=submitIsVisible]').should('be.visible'); должна появиться ошибка, если кнопка отправки не видна. Я хочу подождать, пока не появится кнопка отправки. (основной вариант использования - визуальное тестирование, т.е. создание скриншота страницы)

Answer 1

Вы можете подождать, пока элемент будет виден следующим образом:

// Give this element 10 seconds to appear
cy.get('[data-test=submitIsVisible]', { timeout: 10000 }).should('be.visible');

Согласно Документация Cypress :

Команды, основанные на DOM, будут автоматически повторять попытки и ждать, пока их соответствующие элементы будут существовать, прежде чем произойдет сбой.

Cypress предлагает вам множество надежных способов запроса DOM, все из которых заключены в retry-and -timeout logi c.

Другие способы ожидания присутствия элемента в DOM - через timeouts. Команды Cypress имеют default timeout из 4 секунд, однако большинство команд Cypress имеют настраиваемые параметры timeout. Тайм-ауты могут быть настроены глобально или для каждой команды.

В некоторых случаях ваш элемент DOM не будет активным. Cypress предоставляет вам мощную опцию {force:true}, которую вы можете передать большинству команд действий.