如何使用Cypress遍历表格提取STAN对应的数值并存储为变量

示例HTML表格结构 #

假设你的表格结构如下（匹配你描述的两行数据）：

<table>
  <tr>
    <td>OTHER_CODE</td>
    <td>78901</td>
  </tr>
  <tr>
    <td>STAN</td>
    <td>009466</td>
  </tr>
</table>

方案1：快速定位（适合确定STAN唯一出现的场景） #

这种方式利用Cypress的contains()快速定位目标行，代码简洁高效：

// 提取STAN对应的数值并存储到Cypress环境变量
cy.get('table tr')
  .contains('STAN') // 定位到包含"STAN"的单元格
  .parent('tr') // 回到当前行元素
  .find('td').eq(1) // 获取该行的第二个单元格（数值所在列）
  .invoke('text') // 提取单元格文本
  .then(stanText => {
    const stanValue = stanText.trim() // 去除可能的空格
    Cypress.env('STAN_VALUE', stanValue) // 存储到环境变量，供后续使用
    cy.log(`提取到STAN值：${stanValue}`)
  })

// 后续测试中调用示例
cy.get('#target-input').type(Cypress.env('STAN_VALUE'))

方案2：遍历行精确匹配（避免部分文本匹配） #

如果表格中可能存在包含"STAN"的其他文本（比如"STANFORD"），建议用遍历行的方式精确匹配第一列文本：

let extractedStanValue;

cy.get('table tr').each($row => {
  const labelText = $row.find('td').eq(0).text().trim()
  if (labelText === 'STAN') {
    extractedStanValue = $row.find('td').eq(1).text().trim()
    return false // 找到目标行后终止遍历
  }
}).then(() => {
  Cypress.env('STAN_VALUE', extractedStanValue)
  cy.log(`提取到STAN值：${extractedStanValue}`)
})

常见错误排查 #

• 异步变量赋值错误：不要直接把异步结果赋值给普通JS变量，后续代码可能拿到undefined，必须用Cypress环境变量或cy.wrap()传递值
• 定位范围错误：如果contains('STAN')直接定位到单元格，必须用parent('tr')回到行元素，否则无法正确获取同列的数值单元格
• 索引偏移错误：表格单元格索引从0开始，右侧数值在第二列的话要用eq(1)，不要误用eq(0)
• 未处理空白字符：表格单元格可能存在换行或空格，用trim()清理后再存储更可靠

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