如何在Cypress中通过精确文本选择表格内的指定Widget行？

针对你的场景，Cypress默认的.contains()是模糊匹配，无法直接实现精确匹配，你可以用以下几种方法解决：

方法1：结合cy.get()与.filter()筛选精确匹配项 #

先定位到Widget名称列的所有单元格，再通过.filter()筛选出文本完全匹配的元素：

const widgetName = "abc";
// 替换成你页面中Widget名称列的实际选择器
cy.get('table tr td.widget-name')
  .filter((_, el) => Cypress.$(el).text().trim() === widgetName)
  .first() // 若存在多个精确匹配，取第一个；按需调整
  .click(); // 执行你需要的操作，比如点击行

注意用.trim()处理文本前后的空白，避免页面渲染的空格干扰匹配结果。

方法2：用正则表达式配合.contains()实现精确匹配 #

.contains()支持传入正则表达式，利用^（开头）和$（结尾）限定匹配范围：

const widgetName = "abc";
// 若文本可能含前后空格，可改用 /^\s*abc\s*$/
cy.contains('table tr', new RegExp(`^${widgetName}$`))
  .click();

方法3：遍历行并检查精确匹配 #

通过.each()遍历所有行，找到文本匹配的行后执行操作并退出循环：

const widgetName = "abc";
cy.get('table tr').each(($row) => {
  const nameText = $row.find('.widget-name').text().trim();
  if (nameText === widgetName) {
    cy.wrap($row).click();
    return false; // 找到目标后终止遍历
  }
});

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