Как заменить cy.wait () на утверждения в кипарисе для видимости выпадающих меню? ⇐ Javascript

[Anonymous]

У меня есть проблема с моим тестом Cypress, где я использую Cy.Wait () , чтобы убедиться, что выпадающее меню полностью загружено перед взаимодействием с ним. Тем не менее, я знаю, что использование cy.wait () не является наилучшей практикой. Вот соответствующая часть моего кода-я использую TypeScript: < /p>

Код: Выделить всё

 cy.get(this.searchBarDropdownOptions).within(() => {
// searchBarDropdownOptions = ".cdk-overlay-connected-position-bounding-box";
cy.wait(1000);
cy.contains("li", siteName).click();
cy.wait(1000);
cy.contains("li", location).click();
cy.wait(1000);
cy.contains("li", connectionStatus).click();
cy.wait(1000);
cy.contains("li", offline).click();
});

Проблема:
Тест не удается, потому что раскрывающееся меню не всегда загружается и видимо, когда Cypress пытается взаимодействовать с это. Я хочу заменить cy.wait () более надежным методом, таким как утверждения, чтобы дождаться видимых элементов.
Вопрос:
Как заменить cy.wait () на утверждения или лучший подход для обеспечения полностью загруженного и видимого раскрывающегося меню?
Что я пробовал:
Я уже пробовал следующие методы, но ни один из них не работал надежно:

• Использование {timeout: 1000} < /code> < /li>

  Код: Выделить всё

  cy.get('li').contains(...).should('be.visible')

• Код: Выделить всё

  cy.get('li').contains(...).should('exist')

• cy.waitUntil(() => ...) ​​

Подробнее здесь: https://stackoverflow.com/questions/794 ... visibility