Cypress识别多个选项文本

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

我认为您将焦点一词与视口中可见的元素混淆了。

如果你想选择重点选项，你可以选择cy.focused()，更多信息

但我认为你指的是能够点击下拉列表中看不到的东西。在这里，如果您知道位置或坐标，您可以使用scrollTo导航到下拉列表的某个位置：

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

或者，您可以滚动到视图中，给定如下元素：

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

希望这能帮助