如何等待元素可见

Question

是否可以等到元素可见？

cy.get('[data-test=submitIsVisible]').should('be.visible');应该错误，如果看不见提交按钮。我想等到提交按钮可见。 （主要用例是视觉测试，即截取页面的屏幕截图）

Answer 1

您可以等待元素像这样可见：

// Give this element 10 seconds to appear
cy.get('[data-test=submitIsVisible]', { timeout: 10000 }).should('be.visible');

根据Cypress's Documentation：

[[DOM的命令将自动重试，并等待其对应的元素存在才失败。Cypress为您提供了许多可靠的查询DOM的方法，所有方法都用

重试和超时

逻辑包装。等待元素在

DOM

中出现的其他方法是通过timeouts。赛普拉斯命令的default timeout为4秒，但是，大多数赛普拉斯命令具有可自定义的timeout选项。超时可以全局配置，也可以基于每个命令配置。在某些情况下，您的

DOM

元素将不可操作。赛普拉斯为您提供了功能强大的{force:true}选项，您可以将其传递给大多数操作命令。