Cypress：判断复选框是否选中的代码失效原因及修复方案

• 异步执行顺序问题：Cypress的命令都是异步的，cy.get().then()里的代码会在后续事件循环执行，但你的函数会直接先返回初始的checked = false，等then里的代码把checked改成true时，返回值已经确定了，所以永远返回false。
• 选中状态判断错误：用el.val() === "on"判断复选框是否选中不靠谱——复选框的value属性是固定值（默认是"on"，也可自定义），不管选中与否这个值都存在，不能用来判断选中状态。正确判断方式应该是获取元素的checked属性。

方案1：返回异步结果（符合Cypress异步风格） #

别试图直接返回布尔值，让函数返回Cypress的链式调用，后续用.then()接收结果：

function isChecked(locator: string) {
  return cy.get(locator).then(el => {
    return el.prop('checked'); // 正确获取选中状态
  });
}

// 使用示例
isChecked('#my-checkbox').then(isChecked => {
  if (isChecked) {
    // 选中后的逻辑
  } else {
    // 未选中的逻辑
  }
});

方案2：直接用断言（Cypress最佳实践） #

如果你的目的是验证复选框状态，直接用Cypress断言更简洁，不用单独写函数：

// 验证复选框已选中
cy.get('#my-checkbox').should('be.checked');

// 验证复选框未选中
cy.get('#my-checkbox').should('not.be.checked');

方案3：同步获取状态（不推荐，仅作参考） #

如果一定要同步返回布尔值，可借助cy.wrap()，但不符合Cypress异步设计思路，不建议在测试中使用：

function isChecked(locator: string): Cypress.Chainable<boolean> {
  let checked: boolean;
  return cy.get(locator).then(el => {
    checked = el.prop('checked');
    return cy.wrap(checked);
  });
}

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