cypress - 单击由于 md-backdrop 类而隐藏的元素

Question

无法点击“ stage1 ”。

CypressError: Timed out retrying: cy.click() failed 因为这个元素：

<img class="add-achievement" src="images/gamification/add-entry-icon.e4f22ffd.png"
   alt="add stage achievement" ng-click="addStage(achievement.stage)" role="button"
   tabindex="0">

被另一个元素覆盖：

<md-backdrop class="md-select-backdrop md-click-catcher ng-scope" style="position: fixed;">
  </md-backdrop>

修复此问题，或使用 {force: true} 禁用错误检查。

https://on.cypress.io/element-cannot-be-interacted-with

代码：

cy.get('#stage').click({force: true})
cy.get('#select_container_218 > md-select-menu > md-content')
  .invoke('show')
  .should('not.be.visible')
cy.contains('stage1')
  .invoke('show')
  .click({force: true})

标签： cypress