如何验证数组值对应下拉复选框是否被选中并获取选中标签文本

我来帮你搞定这个问题，先说说你现有代码里的坑，再给你可行的解决方案：

问题出在哪？ #

你当前的代码有几个关键问题：

• 你用$$('.custom-checkbox')拿到的是包裹复选框和标签的div元素，直接调用element.isSelected()根本没用——isSelected()只能用在input、select这类表单元素上，得先定位到div里的<input type="checkbox">才行。
• element.$('label').get(index)这逻辑错了：element.$('label')已经是单个label元素了，不需要再加get(index)，而且这里的index是filter的参数，这么用会导致索引乱套。
• 异步操作没处理好：getText()返回的是Promise，在filter里直接处理异步，根本没法正确收集结果，得用Promise.all来统一处理所有异步任务。

修正后的完整解决方案 #

下面是能正确获取选中项文本数组，还能验证这些文本是否在目标数组里的代码：

// 假设你的目标验证数组是这个，按需修改
const targetValidationArray = ['Dog', 'Horse'];

this.assertSelectedItems = function () {
  // 获取所有包含复选框的容器div
  const checkboxContainers = $$('.custom-checkbox');
  
  // 遍历容器，收集选中项文本的Promise
  const selectedTextPromises = checkboxContainers.map(container => {
    // 找到容器里的复选框input
    const checkboxInput = container.$('input[type="checkbox"]');
    return checkboxInput.isSelected().then(isChecked => {
      if (isChecked) {
        // 选中的话，返回标签文本的Promise
        return container.$('label').getText();
      } else {
        // 未选中就返回null，后面过滤掉
        return null;
      }
    });
  });
  
  // 等待所有异步操作完成，处理结果
  return browser.wait(Promise.all(selectedTextPromises), 5000).then(texts => {
    // 过滤掉未选中项的null值，得到纯净的选中文本数组
    const selectedTexts = texts.filter(text => text !== null);
    
    // 验证每个选中项都在目标数组里
    selectedTexts.forEach(text => {
      expect(targetValidationArray).to.include(text);
      console.log(`✅ 验证通过：${text} 存在于目标数组中`);
    });

    // 如果需要验证目标数组的项是否都被选中，取消下面注释
    // targetValidationArray.forEach(text => {
    //   expect(selectedTexts).to.include(text);
    // });
  });
}

关键步骤拆解 #

1. 定位正确元素：先拿复选框容器，再从中找到对应的input元素，用它来调用isSelected()判断状态。
2. 异步结果收集：用map生成所有选中项文本的Promise数组，再通过Promise.all等待所有异步任务完成，避免异步导致的结果混乱。
3. 结果过滤与验证：把未选中项的null值过滤掉，得到真正的选中文本数组，再用断言库（比如Chai的expect）做验证。

简化版（仅收集选中项文本） #

如果你只是需要生成选中标签的文本数组，也可以用更简洁的写法：

this.getCheckedLabels = function () {
  return $$('.custom-checkbox input[type="checkbox"]')
    .filter(checkbox => checkbox.isSelected())
    .map(selectedCheckbox => {
      // 通过input的id找到对应的label
      const checkboxId = selectedCheckbox.getAttribute('id');
      return $(`label[for="${checkboxId}"]`).getText();
    })
    .then(texts => {
      console.log('当前选中的标签：', texts);
      return texts;
    });
}

这个版本直接定位所有复选框input，过滤出选中的，再通过input的id关联到对应的label，获取文本，逻辑更直接。

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