如何使用赛普拉斯为图标编写点击功能

Question

我有3个图标

和html部分是

需要点击这 3 个图标？如何操作，它们具有相同的 class 名称，相同的 ID

Answer 1

如果您想解决第一个问题，请使用 .eq(0)，解决第二个问题 .eq(1)，依此类推。

cy.get('#panelid-header).eq(0).click()

如果要连续点击所有

cy.get('#panelid-header).each(($el) => {
   cy.get($el).click()
   })

Answer 2

您可以为此使用 src 属性。我可以在 html 图像中看到有两种不同类型的图标 - GlobalCOnfig 和 Customer。所以你可以这样做：

cy.get('[src*="/static/media/GlobalConfig"]').click()
cy.get('[src*="/static/media/Customer"]').click()

How to write click function for icon using cypress