нажмите на элемент, скрытый из-за класса md-background

Question

Невозможно нажать на « stage1 ».

CypressError: Тайм-аут повторной попытки: cy.click () не удалось, потому что этот элемент:

<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})