Как проверить, существует ли элемент через определенное время с помощью Cypress

Question

Я недавно на кипарисе и столкнулся с проблемой. Мне нужно проверить полученное письмо и щелкнуть по нему. В случае получения письма сразу же, просто проверяю наличие этого элемента и нажимаю на письмо. Я использовал что-то вроде этого

**cy.get("body").then($body => {
    if ($body.find("button[data-cy=appDrawerOpener]").length > 0) { 
      cy.get("button[data-cy=appDrawerOpener]")
        .click();
    }**  

Но я не понимаю, как я могу проверить письмо, если я получу его, например, через 2 минуты. Какое логическое условие я должен создать?

Answer 1

Просто добавьте 2-х минутный тайм-аут. Как только элемент появляется, тест проходит успешно, если он не появляется через 2 минуты, тест не проходит.

cy.get("button[data-cy=appDrawerOpener]", { timeout: 120000 }) // in ms
  .click();

Answer 2

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

function find(){
    if ($body.find("button[data-cy=appDrawerOpener]").length > 0) { 
      cy.get("button[data-cy=appDrawerOpener]")
        .click();
    } else {
      setTimeout(find, 500);//500 millisecond delay
    }
}
find();