单击柏树中的按钮没有任何效果

Question

当 cypress 点击按钮时，点击似乎没有任何效果，因为手动点击按钮我会看到一条确认消息。
这是来自按钮的 HTML 代码：

步骤定义文件：

When("I click Save button",() =>{
    backofficeCreateDeleteClerkPage.saveBtn().click({froce:true})
})

和按钮的 js

saveBtn() {
        return cy.get('im-page.hydrated').shadow().find('im-button.hydrated').contains('Save')
        
    }

感谢任何帮助。

Answer 1

这里的“force”是不是拼错了？

backofficeCreateDeleteClerkPage.saveBtn().click({froce:true})

Answer 2

您可以直接使用按钮文本 Save 并为此使用包含：

cy.get('im-page.hydrated', {includeShadowDom: true})
  .find('im-button', {includeShadowDom: true})
  .eq(2)
  .find('button', {includeShadowDom: true})
  .click({force: true})

如果您不想在代码中添加 {includeShadowDom: true} 或重复它，您可以在 cypress.json 中只写一次，然后默认使用 get、find 等将遍历阴影 DOM。

Answer 3

你有多个阴影。你应该可以找到它。

cy.find('im-button.hydrated')
  .shadow()
  .contains('Save')

单击柏树中的按钮没有任何效果

Clicking button in cypress does not have any effect

javascript

cypress