cypress的waitUtil如何使用

在Cypress测试框架中，`waitUntil` 方法是一个非常有用的工具，它允许你编写异步测试并确保某个条件在特定的时间内得到满足。当你需要等待某个元素、状态或行为发生变化时，你可以使用`waitUntil` 来确保测试不会因为这些条件未达到而失败。

基本的使用语法如下：

cy.waitUntil(options, callback)

- `options`: 这是一个对象，包含了你想要检查的各种条件。常见的选项包括：
- `visible` 或 `hidden`：元素是否可见或隐藏。
- `not_visible` 或 `visible`：相反的状态，如隐藏变为可见。
- `text`, `contains` 或 `doesntContain`：元素内的文本内容匹配。
- `timeout`：设置等待的最大时间，单位为毫秒。
- `interval`：每隔多久检查一次条件，默认为100ms。
- `callback`: 一旦满足提供的条件，就会被回调函数执行。你可以在这个函数中访问当前的`cy`实例，继续其他测试操作。

例如，如果你想等待一个按钮显示并可点击，你可以这样写：

cy.get('.my-button').waitUntil({
  visible: true,
  enabled: true,
}, () => {
  cy.get('.my-button').click();
});

这样做的好处是，即使按钮稍晚出现或变得可用，测试也不会立即失败，而是会等待直到条件满足再继续后续操作。如果超时了还未满足条件，测试将会失败。