Cypress Iframe - 无法访问“完成”按钮

Question

我已成功上传图片，但无法访问 iframe 中的“完成”按钮。

页面上有多个 iframe，所以我无法使用

cy.iframe()

。即使调用“第 n 个”iframe 也不会让我访问该特定 iframe 中的元素。

iframe 没有 body 字段

所以我创建了一个自定义命令。

网站

我的代码

下面是我得到的 cypress 错误，我将其拆分，因为中间有多个 API 调用，我无法获得完整图像

错误1 错误2

我理解错误是因为主体不存在，因此没有什么可以“包装”。除了编写新的 jQuery 之外，还有其他方法可以解决这个问题吗？

Answer 1

如果您查看 cypress-iframe 文档，您可以了解如何指定要在其中测试的特定 iframe。
通过指定选择器（与

cy.get()

中使用的选择器相同），您可以从页面中选择单个 iframe。

cy.iframe('[data-test="uw-iframe"]')
  .find('.some-button').should('be.visible').click()