Cypress中如何通过标签文本定位关联的复选框元素？

你的问题根源很明确：复选框（input元素）本身没有文本内容，目标文本TEXT TO FIND属于它的父元素label，所以直接从input调用.text()只会得到空字符串，自然无法匹配。

下面是两种可行的解决方案，都适配你在cy.get(...).then()回调中的使用场景：

方法1：使用:contains快速定位 #

先找到包含目标文本的label，再在其中筛选复选框：

cy.get('body ...').then((edit) => {
  // 定位到包含目标文本的label下的复选框
  const targetCheckbox = edit.find('label:contains("TEXT TO FIND") input[type="checkbox"]');
  
  if (targetCheckbox.length > 0) {
    // 复选框存在时的逻辑
    console.log("带指定文本的复选框存在");
  } else {
    // 复选框不存在时的逻辑
    console.log("带指定文本的复选框不存在");
  }
});

注意：:contains是模糊匹配，如果页面中有包含TEXT TO FIND子串的其他label，会被误匹配。

方法2：精确匹配文本（推荐） #

用jQuery的.filter()方法，去除文本首尾空白后精确匹配，避免模糊匹配的问题：

cy.get('body ...').then((edit) => {
  const targetCheckbox = edit.find('label').filter(function() {
    // 去除文本前后空白后精确对比
    return Cypress.$(this).text().trim() === 'TEXT TO FIND';
  }).find('input[type="checkbox"]');
  
  if (targetCheckbox.length > 0) {
    // 复选框存在的处理逻辑
  }
});

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