如何在特定行上查找 Cypress 中的元素

Question

我正在寻找一种使用 Cypress 识别垃圾桶图标的方法，前提是您必须 select 包含特定文本的行，在本例中为 Cypress。我尝试的解决方案如下：

var btndelete = cy.get('#SCGrouGrid').find('.dx-data-row').contains('UICypress').then("td").eq(5).find(".dx-icon-trash");

Answer 1

你可以这样做：

cy.contains('td[role="gridcell"]', 'Cypress')
  .parent('tr.dx-data-row')
  .within(() => {
    cy.get('.dx-icon-trash').click()
  })

首先，它将搜索文本 Cypress 所在的 td 元素。然后使用 parent，我们转到文本所在元素的 tr 或行。他们使用 within 我们确保我们 运行 的命令仅限于该特定行。然后我们点击里面的垃圾桶图标。