如何解决使用 Cypress.io 在 shadow DOM 中找不到按钮
我正在尝试使用 Cypress.io 查找并单击 shadow DOM 内的按钮。
我尝试了各种类名,结合了 get/find 和 .shadow() 命令。
我在 Cypress 中收到此错误:
"4000 毫秒后重试超时:预计主题将主持一个 影子根,但从未找到它。”
这是我正在测试的 React 应用程序的一些代码(突出显示按钮 ID)
以下是我尝试过的最新 Cy 代码。
cy.get('*[class^="MuiInputBase-input"]').shadow()
cy.find('div[id="search-clear"]')
.invoke('show')
.click()
我试图找到并点击的按钮(鼠标悬停时它变得可见)。
关于如何定位这个元素有什么想法吗?
解决方法
你必须在 .find(selector)
之后链接 .shadow()
喜欢:
cy.get('.MuiInputBase-input').shadow()
.find('#search-clear')
.invoke('show')
.click()
附注:
你为什么使用 *[class^="MuiInputBase-input"]
和 div[id="search-clear"]
而不是 .MuiInputBase-input
和 #search-clear
?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。