如何在Cypress中实现复选框的随机勾选/取消勾选？

要实现随机对复选框执行勾选、取消或跳过操作，你可以通过遍历所有复选框元素+随机数判断操作类型来实现，具体代码如下：

基础实现（三种操作概率均等） #

cy.get('[type="checkbox"]').each(($checkbox) => {
  // 生成0、1、2三个随机值，分别对应跳过、勾选、取消勾选
  const randomChoice = Math.floor(Math.random() * 3);

  switch(randomChoice) {
    case 1:
      cy.wrap($checkbox).check(); // 勾选
      break;
    case 2:
      cy.wrap($checkbox).uncheck(); // 取消勾选
      break;
    // case 0 不执行任何操作，直接跳过
  }
});

关键细节说明 #

• Math.floor(Math.random() * 3)：生成0到2的整数，三种结果概率均等，你可以根据需求调整数值来改变操作概率（比如想提高勾选概率，就改成Math.floor(Math.random() * 4)，用两个数值对应勾选）
• cy.wrap($checkbox)：把遍历得到的jQuery对象转换为Cypress可操作的对象，这样才能调用check()/uncheck()方法
• 如果遇到复选框被禁用或被元素覆盖的情况，可以添加{ force: true }参数强制操作，比如cy.wrap($checkbox).check({ force: true })

自定义概率示例（提高勾选概率） #

如果希望勾选的概率更高，比如60%勾选、20%取消、20%跳过，可以这么写：

cy.get('[type="checkbox"]').each(($checkbox) => {
  const randomNum = Math.random(); // 生成0-1的随机小数

  if (randomNum < 0.6) {
    cy.wrap($checkbox).check();
  } else if (randomNum < 0.8) {
    cy.wrap($checkbox).uncheck();
  }
  // 剩下0.2-1.0的范围直接跳过
});

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