如何等待元素可见 [英] How to wait for element to be visible

问题描述

是否可以等到元素可见？

cy.get('[data-test=submitIsVisible]').should('be.visible');如果提交按钮不可见，则会出错。我想等到"提交"按钮可见。(主要使用案例是视觉测试，即为页面截图)

推荐答案

您可以按如下方式等待元素可见：

// 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。CYPRESS命令的default timeout为4秒，但是，大多数CYPRESS命令都有可自定义的timeout选项。超时可以全局配置，也可以按命令配置。检查可自定义的timeout选项列表here。

在某些情况下，您的DOM元素将不可操作。Cypress为您提供了一个强大的{force:true}选项，您可以将其传递给大多数操作命令。

这篇关于如何等待元素可见的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！