Я не могу переключать значения в выпадающем меню в кипарис. В раскрывающемся списке не выбран тип

Question

В моем сценарии мне нужно переключиться на значения, доступные в раскрывающемся списке, и проверить результаты на основе выбора. У меня есть значения «В сети» и «Вне сети» в раскрывающемся списке. По умолчанию будет показано одно значение, а другое скрыто. Этот раскрывающийся список не является выбранным типом. Поэтому, когда я пытаюсь,

cy.get ('# response-select-dropdown-value-value'). Select ('Out-of-Network');- Сбой сценария и ошибка говорит, что элемент не выбран тип. Затем попытался, cy.get ('# response-select-dropdown-value-value'). Eq (0) .click ();- он щелкает по раскрывающемуся списку и не щелкает по предполагаемому значению. Я пытался нажать ({несколько: правда}). но не сработало. force: true, тоже не щелкает.

cy.get ('#act-select-dropdown-value-value'). содержит (Out-of-Network '). click ();- не работает, говорит, что элемент не найден

cy.get ('# dropdown-value') .should ('be.visible') .eq (0) .contains ('Out-of-Сеть ') .click ();CypressError: Тайм-аут повторной попытки: ожидается, что '' будет 'видимым'

Этот элемент '' не виден, поскольку его содержимое обрезается одним из его родительских элементов, у которого есть свойство CSS overflow: 'hidden',' scroll 'или' auto '

Answer 1

Реакция-выбор-выпадение действительно немного особенная. Чтобы выбрать значение из раскрывающегося списка реагировать на выбор, необходимо выполнить следующие действия:

cy.get('[id*="start-shift-floats"]').click()
cy.get('[id^="react-select-"]')
    .contains('Out-of-Network')
    .click()

Что вы должны знать об этом: cy.get('[id*="start-shift-floats"]') - это фактическое значение get(), открывающее раскрывающийся список. Так что он будет называться по-другому в вашем приложении. cy.get('[id^="react-select-"]') - это обычный get() для параметров в раскрывающемся списке «реакция-выбор». Проверяя его, который содержит «Out-of-Network», мы можем позволить Cypress щелкнуть эту конкретную опцию.