如何结合async/await使用cypress-wait-until？

在Cypress.io中，`async/await`和`cy.wait()`或`cy.waitUntil()`一起使用可以帮助你优雅地处理异步操作，确保UI元素加载完成或满足特定条件后再继续测试。以下是如何结合它们使用的步骤：

1. **定义等待函数**：
使用`cy.waitUntil()`，你可以提供一个返回Promise的函数，这个函数会被持续检查直到满足指定的条件。例如，如果你想等待某个元素可见，可以这样做：

async function waitForElementToBeVisible(selector) {
  await cy.get(selector).then((elements) => {
    return elements.visible();
  });
}

2. **在测试用例中使用**：
在测试代码中，使用`async/await`来调用这个等待函数：

it('should wait for element to be visible', async () => {
  await waitForElementToBeVisible('#myElement');
  // 在这里，测试元素已经被验证为可见，你可以继续执行后续的交互或断言
});

3. **异步链式调用**：
如果有多个异步操作，可以使用`cy.wait()`配合链式操作：

cy.get('#loadingIndicator').should('be.visible').then(() => {
  cy.wait(500); // 等待500毫秒
  await waitForElementToBeVisible('#myElement');
});