如何使用 Cypress 提取 parent 元素

Question

我正在尝试使用 Cypress 自动执行应用程序基本测试。到目前为止一切都很顺利（甚至 CSRF 令牌提取）。虽然我在选择元素时碰壁了。

我遇到同名元素 returns 多个结果的情况。在本例中，html 低于 returns 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 但我需要单击一下。

也许会选择 parent？

如有任何建议，我们将不胜感激！

Answer 1

请试试这个：

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

注意：参考this doc pls

Answer 2

如果这些元素的父元素使它们独一无二。你可以

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()
      })

** 如果您要按索引 select T GURUNG 的回答，..'

How to extract the parent element using Cypress