无论如何，柏树禁用的按钮无论如何都单击而无需等待

Question

这不是我期望柏树的行为： 我有一个仅在下表中选中复选框的按钮。 在检查2行之前，请按下按钮：

button[data-e2e-button][disabled=true]

现在，柏树检查2行，并启用了按钮。即“ [disabled = true]”消失。我的代码看起来像这样：

非工作代码：

cy.contains(`[data-e2e-button]`, buttonLabel, BUTTON_OPTS).should('not.be.disabled').should('be.visible').click...

单击此元素时，似乎没有等到启用按钮。

只有当我单独等待残疾人= the true以消失时，它起作用了：

工作代码：

cy.contains('[data-e2e-button][aria-disabled="true"]', buttonLabel, BUTTON_OPTS).should('not.exist');
cy.contains(`[data-e2e-button]`, buttonLabel, BUTTON_OPTS).should('not.be.disabled').should('be.visible').click...

这对我来说似乎很丑陋，因为它可以确保两次残疾消失。

这是HTML代码： 启用：

<span role="tooltip">
<a class="MuiMenuItem-root MuiMenuItem-dense MuiMenuItem-gutters MuiButtonBase-root css-brjsa3" tabindex="-1" role="menuitem"><span>
<span class="MuiBox-root css-1jjwf1f">Two Checkbox button</span>
</span>
<span class="MuiTouchRipple-root css-w0pj6f"></span>
</a>
</span>

禁用

<span role="tooltip">
<a class="MuiMenuItem-root MuiMenuItem-dense Mui-disabled MuiMenuItem-gutters MuiButtonBase-root Mui-disabled css-brjsa3" tabindex="-1" aria-disabled="true" role="menuitem"><span>
<span class="MuiBox-root css-1jjwf1f">Two Checkbox button</span>
</span></a></span>

Answer 1

如果您的属性为aria-disabled =“ true”如下所示

<a class="MuiMenuItem-root MuiMenuItem-dense Mui-disabled MuiMenuItem-gutters MuiButtonBase-root Mui-disabled css-brjsa3" 
  tabindex="-1" 
  aria-disabled="true"                 // this is the attribute being checked
  role="menuitem">
  <span>
    <span class="MuiBox-root css-1jjwf1f">Two Checkbox button</span>
  </span>
</a>

，则。禁用'）不使用该属性。

他们只能使用属性disabled =“ true”，似乎没有存在。

它解释了为什么它起作用

cy.contains('[data-e2e-button][aria-disabled="true"]', buttonLabel, BUTTON_OPTS).should('not.exist');
cy.contains(`[data-e2e-button]`, buttonLabel, BUTTON_OPTS).should('not.be.disabled').should('be.visible').click...

，因为在第一行中确实检查了该属性。

尝试其中一个

cy.contains(`[data-e2e-button]`, buttonLabel, BUTTON_OPTS)
  .should('not.have.attr', 'aria-disabled')
  .click()

或

cy.contains(`[data-e2e-button]`, buttonLabel, BUTTON_OPTS)
  .should('have.attr', 'aria-disabled', 'false')
  .click()

Answer 2

在使用负面断言时要小心，它们通常不太可靠。而不是使用。

cy.contains(`[data-e2e-button]`, buttonLabel, BUTTON_OPTS)
  .should('be.visible')
  .and('be.disabled')
// actions to meet enabled condition
cy.contains(`[data-e2e-button]`, buttonLabel, BUTTON_OPTS)
  .should('be.visible')
  .and('be.enabled')
  // now we know for sure the button is enabled and click on it
  .click()

Answer 3

您可以做这样的事情。您也可以提出其他选择器，如果这不起作用，这个想法仍然相同。

cy.get('a.MuiMenuItem-root').should('exist').and('be.disabled')
//code to click the checkboxes
cy.get('a.MuiMenuItem-root').should('exist').and('be.enabled').click()

如果cy.get（）不起作用，则可以与选择器和按钮标签一起使用，例如：

cy.contains('a', 'button label').should('exist').and('be.disabled')
//code to click the checkboxes
cy.contains('a', 'button label').should('exist').and('be.enabled').click()