赛普拉斯确定了多个选项文本

Question

当我传递以下命令时，.get（'。mat-option-text'）Cy甚至可以识别下拉菜单中没有重点显示的选项。因此，Cy试图单击甚至不可见的选项，并且测试失败。有什么帮助吗？我要单击当前处于焦点的选项。

cy.contains('Test Options')
.click({force: true})
.get('.mat-option-text').and('be.visible')
.contains('NOT SURE')
.click({force: true})

Answer 1

我认为您将focus一词与该元素在视口中可见相混淆。

如果要选择重点选项，可以通过cy.focused()，more info

进行操作

但是我认为您指的是能够单击下拉菜单中不可见的内容。如果您知道位置或坐标，则可以在此处使用scrollTo到下拉列表的navigate to some position

cy.contains('Test Options')
.click()
.scrollTo('bottom')

或者您可以滚动到具有以下元素的视图：

cy.contains('Test Options')
.click()
.get('.mat-option-text')
.contains('NOT SURE')
.scrollIntoView()
.click();

希望这会有所帮助