如何在Cypress中校验所有动态复选框均未勾选？

你尝试的方法问题分析 #

• cy.get('[type="checkbox"]').not("checked");：.not()需要传入合法CSS选择器，正确的勾选状态选择器是:checked，但该方法仅过滤元素，未做断言校验，因此即使有复选框勾选也不会触发错误。
• cy.get('[type="checkbox"]').should('have.attr', 'checked', false)：未勾选的复选框本身不存在checked属性，只有勾选时才会出现该属性（值通常为"checked"），所以用have.attr断言false必然失败。

正确实现方案 #

方案1：使用Cypress内置状态断言（推荐）

直接对所有匹配的复选框应用not.be.checked断言，Cypress会自动遍历每个元素校验：

cy.get('[type="checkbox"]').should('not.be.checked');

如果需要更细致的遍历操作，也可以用.each()逐个处理：

cy.get('[type="checkbox"]').each(($checkbox) => {
  cy.wrap($checkbox).should('be.not.checked');
});

方案2：校验不存在checked属性

通过断言元素不具备checked属性来判断未勾选状态：

cy.get('[type="checkbox"]').should('not.have.attr', 'checked');

以上两种方法都能适配1-20个动态数量的复选框，Cypress会等待所有匹配元素加载完成后执行校验，只要有任意一个复选框处于勾选状态，断言就会失败并抛出错误。

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