Как извлечь родительский элемент с помощью Cypress

Question

Я пытаюсь автоматизировать базовые тесты приложения с помощью Cypress. Все до сих пор прошло гладко (даже извлечение токена CSRF). Хотя я ударил стену при выборе элемента.

У меня есть ситуация, когда один и тот же элемент name возвращает несколько результатов. В этом случае HTML ниже возвращает 7 экземпляров. Мне нужно выбрать один, как мне это сделать?

<div class="EventAddButton__hover___11l17" style="opacity: 0; transform: translateY(-55px);">Add an entry</div>

Сценарий Cypress, который я пытаюсь запустить:

it ('Create an event', function() {
    cy.get('.EventAddButton__hover___11l17').click()
  })

Кипарис предлагает пропустить переключатель multiple:true, но мне нужен один щелчок.

Может быть, идти по пути, выбирая родителя?

Любые предложения будут очень признательны!

Answer 1

Если есть родительский элемент для этих элементов, который делает их уникальными. Вы могли бы

it ('Create an event', function() {
    cy.get('PARENT ELEMENT SELECTOR').get('.EventAddButton__hover___11l17').click()
  })

или

it ('Create an event', function() {
        cy.get('PARENT ELEMENT SELECTOR').find('.EventAddButton__hover___11l17').click()
      })

или если вы знаете индекс элемента, который хотите нажать

 it ('Create an event', function() {
        cy.eq(0).get('.EventAddButton__hover___11l17').click()
      })

** Если вы собираетесь сделать это по индексу, выберите ответ по T GURUNG, .. '

Answer 2

Пожалуйста, попробуйте это:

cy
 .get('.EventAddButton__hover___11l17')
 .eq(0) // To click on the first element and then so on 
 .click()

Примечание: см. этот документ PLS