несколько вариантов текста определены Cypress

Question

Когда я передаю команду ниже .get ('. Mat-option-text') 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(), больше информации

Но я думаю, что вы имеете в виду, что вы можете нажать нато, что не отображается в раскрывающемся списке.Здесь вы можете использовать от scrollTo до , чтобы перейти к некоторой позиции раскрывающегося списка, если вы знаете позицию или координаты:

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

Или вы можете прокрутить вид, используя элемент, подобный этому:

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

Надеюсь, что это поможет