如果有很多可用的元素，如何使用柏树单击唯一元素?

Question

我正在尝试单击一个唯一的元素，但是有很多相同的元素。
我是赛普拉斯的新人。

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

它有2个元素，我想选择一个元素，
控制台图像

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