如何根据结果循环执行cy.task获取可用的5位唯一ID

核心问题分析 #

你遇到的死循环问题，本质是Cypress命令（如cy.task）是异步执行的，同步的do-while循环会在cy.task的回调函数修改available变量前，就已经完成了多次循环判断，导致available始终为false。

正确解决方案：使用递归函数适配Cypress异步流程 #

利用Cypress的链式异步特性，通过递归函数重复执行ID检查逻辑，直到找到可用ID或达到重试上限。

步骤1：封装生成5位随机ID的辅助函数

const generateRandomClientId = () => {
  // 生成10000-99999之间的随机5位数字
  return Math.floor(Math.random() * 90000) + 10000;
};

步骤2：实现递归查找逻辑

const findAvailableClientId = (retries = 10) => {
  // 防止无限递归，设置重试次数上限
  if (retries <= 0) {
    throw new Error("无法找到可用的客户端ID，重试次数已耗尽");
  }

  const clientId = generateRandomClientId();

  cy.task(
    "sqlQuery",
    `select count(*) as "count" from clients where client_id = '${clientId}'`
  ).then((result) => {
    if (result.rows[0].count === 0) {
      // 找到可用ID，执行表单提交逻辑
      cy.log(`找到可用客户端ID：${clientId}`);
      // 替换为你的表单提交代码
      // cy.get("#client-id").type(clientId);
      // cy.get("#submit-form").click();
    } else {
      cy.log(`ID ${clientId}已被占用，剩余重试次数：${retries - 1}`);
      // 递归调用，继续查找
      findAvailableClientId(retries - 1);
    }
  });
};

// 启动查找流程
findAvailableClientId();

方案优势 #

1. 适配Cypress异步模型：递归调用会在cy.task执行完成后触发，确保每次判断都基于最新的数据库查询结果。
2. 避免无限循环：通过重试次数上限，防止极端场景（如所有5位ID都被占用）导致的无限递归。
3. 代码可读性高：逻辑清晰，每一步的目的明确。

可选优化：直接通过SQL获取可用ID #

如果数据库支持，也可以直接通过SQL查询获取一个未被使用的ID，减少前端循环次数：

SELECT 
  FLOOR(RAND() * 90000) + 10000 AS available_id
FROM clients
WHERE (FLOOR(RAND() * 90000) + 10000) NOT IN (SELECT client_id FROM clients)
LIMIT 1;

调用时直接执行该SQL任务，无需前端循环：

cy.task("sqlQuery", `SELECT FLOOR(RAND() * 90000) + 10000 AS available_id FROM clients WHERE (FLOOR(RAND() * 90000) + 10000) NOT IN (SELECT client_id FROM clients) LIMIT 1`)
  .then((result) => {
    const clientId = result.rows[0].available_id;
    // 执行表单提交逻辑
  });

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