阿尔图其网 2245字数 81阅读0分16秒阅读模式
我无法与shadow DOM和iframe中的元素交互。附件是HTML文档片段。我在这里用柏树。我直接与第二个阴影DOM交互，然后是iframe。
我的cypress密码文章源自玩技e族-https://www.playezu.com/196657.html
cy.get('formbuilder-mainpage').should(e => {
console.log(e)
const [dom] = e.get()
console.log(dom)
dom.shadowRoot.querySelector().getIframe('iframe').find('New Organization').click()
})
深圳软件测试文章源自玩技e族-https://www.playezu.com/196657.html 文章源自玩技e族-https://www.playezu.com/196657.html
未知地区 2F
使用Cypress命令，以下可能是您的测试。
第一 A.通知 是一个toat弹出窗口，将设置动画，以便包含 .布局包装器 在它下面，Cypress将等待动画完成。
it(‘test deeply nested shadow DOM’, () => {
cy.get(‘main A.通知 .布局包装器’)
.shadow() // 1st shadow
.find(‘formbuilder-mainpage’)
.shadow() // 2nd shadow
.getIframe(‘iframe’)
.find(‘New Organization’)
.click()
})
未知地区 1F
在cypress配置文件中，添加 includeShadowDom：true，这将确保所有cypress命令将自动遍历影子DOM。
对于iFrame，我建议您使用插件cypress iFrame插件。
cy.iframe(‘iframe’).(‘elmeent-selector’).click()