如果有许多可用元素，如何使用cypress单击一个唯一元素？

Question

我试图点击一个独特的元素，但有许多相同的元素。 我是赛普拉斯的新人。

document.querySelectorAll('md-input-container md-datepicker input')

它有2个元素，我想选择一个元素， Console image

Answer 1

首先，我可以建议尝试采用用户的观点。在您的测试用例中，用户将如何知道要点击的元素？它是在特定容器中，还是在感兴趣的项目旁边，还是在项目集合中的特定索引处，......？然后尝试在赛普拉斯实现相同的逻辑。

逐渐缩小搜索范围的示例：

cy.contains('div', 'content of interest')
  .find('md-input-container md-datepicker input')
  .click();

将元素获取到集合中特定索引的示例：

cy.get('md-input-container md-datepicker input')
  .eq(1)
  .click();

兄弟姐妹定位的例子：

cy.contains('div', 'element of interest')
  .parent()
  .find('md-input-container md-datepicker input')
  .click();