6

我正在使用 cypress 为我们的新应用程序创建 E2E 测试。

该应用程序有一个菜单，其中包含用于在地图屏幕上显示不同数据的按钮。所有这些按钮都有相同的 div 名称，我可以通过输入按钮的文本名称来区分：

cy.get('div.sb-item-body').contains('Historical Land Uses').click()
cy.get('div.sb-item-body').contains('Potentially Contaminative Industrial Uses (Past Land Use)').click()
cy.get('div.sb-item-body').contains('Potentially Infilled Land (Water)').click()

更复杂的是，其中两个按钮具有相同的标题（垃圾填埋场和废物），因为该数据集位于两个不同的部分中。因此，当我尝试访问第二个时-

cy.get('div.sb-item-body').contains('Landfill and Waste').click()

它正在尝试选择具有该名称的第一个按钮，但由于该按钮已折叠且不再可选择，因此失败。

任何帮助，将不胜感激。

4

1 回答 1

8

请参阅.eq()语法。

You can use this when the selector returns multiple elements, eg

cy.get('div.sb-item-body').contains('Landfill and Waste').eq(0).click()
cy.get('div.sb-item-body').contains('Landfill and Waste').eq(1).click()

我不确定“折叠”的第一个按钮是否会干扰它。

一个更冗长的方法是用来.then()处理返回值的数组，例如

cy.get('div.sb-item-body').contains('Landfill and Waste').then(els => {
  const buttons = [...els];
  cy.wrap(buttons[0]).click()
  expect(..).to...
  cy.wrap(buttons[1]).click()
  expect(..).to...
})

展开运算符将包装的元素转换为您可以使用的数组，并cy.wrap()重新包装选定的项目，使其可点击。

于 2018-03-15T05:45:43.987 回答