Cypress测试中如何根据单元格值定位表格行并操作同行元素

推荐最简写法 #

直接利用Cypress的contains定位能力匹配目标行，再在当前行范围内查找菜单元素，代码简洁且鲁棒性强：

// 定位文本包含John的表格行，在该行内查找菜单按钮并点击
cy.contains('tr', 'John')
  .find('.activity-burger-menu')
  .click()

写法说明 #

• cy.contains('tr', 'John') 会自动匹配内部文本包含John的最近<tr>元素，精准锁定用户名对应的目标行，不会误匹配其他无关行
• 链式调用.find('.activity-burger-menu') 只会在已定位到的目标行范围内查找菜单图标，避免全局查找导致点错其他行菜单的问题

更严谨的精准匹配写法 #

如果表格其他列可能出现John文本，可以先精准匹配用户名列的链接，再向上追溯到所属行后操作：

cy.get('table a[ng-click^="onViewItemDetails"]') // 匹配用户名列的详情点击链接
  .contains('John')
  .closest('tr') // 向上查找最近的tr父元素，即当前记录行
  .find('.activity-burger-menu')
  .click()

原伪代码问题说明 #

原伪代码中直接全局调用cy.get('.activity-burger-menu')会查找页面上所有匹配的菜单元素，默认只会操作第一个匹配项，无法保证是John所在行的按钮，不符合需求。

内容的提问来源于stack exchange，提问作者user9847788