既然Cypress提供元素未找到前的自动等待，为何还要使用cy.wait()？

Cypress的默认超时机制会自动等待元素出现、命令完成，但cy.wait()依然有不可替代的作用，主要适用于以下场景：

1. 等待特定网络请求完成 #

很多页面的渲染依赖API返回的数据，虽然DOM元素可能提前出现，但数据还未填充。这时用cy.wait()配合请求别名，可以确保数据完全加载后再执行断言或操作。

示例：

// 拦截API请求并设置别名
cy.intercept('/api/user-profile').as('getProfile')
// 触发请求（比如进入个人页）
cy.visit('/profile')
// 等待请求完成
cy.wait('@getProfile')
// 此时断言数据已渲染
cy.get('.profile-name').should('contain', '张三')

2. 处理非Cypress可自动检测的异步行为 #

有些页面的异步逻辑不是基于DOM变化或标准事件（比如第三方插件的回调、自定义定时器、复杂动画过渡），Cypress的自动重试机制无法感知这些行为。这时cy.wait()可以明确等待这些异步操作完成。

比如点击按钮后，页面通过自定义JS延迟2秒显示弹窗：

cy.get('.open-modal-btn').click()
// 等待自定义异步逻辑完成
cy.wait(2000)
cy.get('.modal').should('be.visible')

注：优先寻找可检测的信号（比如弹窗的DOM变化），只有当无可靠信号时才用固定时长等待。

3. 优化不稳定测试（Flaky Tests） #

有时元素虽然满足可见条件，但页面后台仍在处理（比如大型表格渲染、复杂计算），直接操作会导致测试失败。添加短时间的cy.wait()可以让页面状态稳定后再执行后续命令，减少测试波动。

4. 调试测试代码 #

在编写测试时，cy.wait()可以临时暂停测试执行，方便你查看当前页面状态、检查元素是否正确渲染、确认请求是否正常发送，是调试测试的实用工具。

内容的提问来源于stack exchange，提问作者Muneeb Akhtar