如何通过 cypress 中的文本查找 iframe 内的元素

Question

我正在尝试使用 Cypress 根据文本在 iframe 中定位元素

以下方法都无法根据元素的文本查找元素或与元素交互：

`

import "cypress-iframe";

cy.iframe('[data-testid="iframe"]').within(() => {
cy.contains('The cost is £500.00.', { timeout: 30000 }).should('be.visible');
});

cy.iframe().contains('The cost is £500.00')
cy.iframe().find('The cost is £500.00')`

Answer 1

鉴于您的 iframe 如下所示：

<iframe data-testid="iframe" ... ></iframe>

您可以尝试通过这样做来查找其中的元素：

cy.get('[data-testid="iframe"]').contains('The cost is £500.00');

根据 iframe 的 src 加载速度，您最终可能会遇到 Cypress 超时的情况。请记住，默认超时为 4 秒。