如何根据柏树测试中另一个表数据元素的值访问表数据元素

Question

在下面的HTML表中，我试图根据用户名（即john）找到一行，＆amp;然后单击与该TR记录关联的菜单按钮：

<table>
    <tr>
        <td><a ng-click="onViewItemDetails(item, null, $event)">John</a></td>
        <td><a>Smith</a></td>
        <td><a><i class="activity-burger-menu">Menu</i></a></td>
    </tr>
</table>

在伪代码中，应该是：

cy.getRecordBasedOnName('John).then(() => {
    // After finding that record, click the button with this class, on that row
    cy.get('.activity-burger-menu').click()
)

Answer 1

我找到了使用兄弟姐妹的解决方案

cy.contains('td', 'John')
  .siblings().eq(10)
    .click();

Answer 2

要查找带有特定文本的行，您需要使用 .contains。 （选择器，文本） 要找到该行，然后在行中搜索以查找要单击的菜单文本。

注意：.contains（）只会返回第一个匹配的DOM元素，因此，如果您有多个匹配名称，则可能需要使用其他方法。

// depending on your how your text is parsed you may
// need to reconfigure the text used in .contains()
cy.contains('tr', /John Smith/i)
  // use .contains() again to find the menu within returned row
  .contains('td', /Menu/i)
  // always good to add assertions
  .should('be.visible')
  .click()

Answer 3

您也可以在和parent中使用：

cy.contains('td', 'John')
  .parent() //parent gets the tr element
  .within(() => {
    //within scopes the next commands inside the tr
    cy.get('.activity-burger-menu').click()
  })

Answer 4

基于您的siblings（）解决方案，您可以在siblings（）命令中指定选择器

cy.contains('td', 'John')
  .siblings(':contains(Menu)') 
  .click()