柏树单击具有SPRC的表中的nth图像

Question

我在表中有一个项目列表，每个项目都有一个图像，活动（蓝色）和非活动（黑色），如何对 cypress 进行此查询。

这是表格列表的图像：

然后这是表的 html 代码：

当展开图像时，它的 src 路径为 /static/images/icon_profile.png

我当前的测试是这样的：

it('Should create a legal form of a Customer profile', ()=>{
    cy.get('th').eq(50).find('img').should('have.attr', 'src', '/static/images/icon_profile.png').first().click()
  })

但是当我运行它时，我收到此错误：

Answer 1

您可以通过组合选择器来更轻松地完成此操作。

cy.get('tr img[src="/static/images/icon_profile.png"]')
  .first()
  .parent('a')  // click the link not the img
  .click()

使用 .eq(50) 运行时确认您拥有正确的索引

cy.get('tr img[src="/static/images/icon_profile.png"]')
  .first()
  .parent('tr')
  .invoke('index')  // which row is it?
  .log()

Answer 2

你可以做这样的事情

cy.get('tr').each(($ele) => {
  if ($ele.attr('src') == '/static/images/icon_profile.png') {
    cy.wrap($ele).parent('a').click()
  }
})