能否一次性覆写所有Cypress命令？添加日志遇报错求助

你遇到的错误是因为Cypress的Cypress.Commands.overwrite()不支持用*作为通配符批量覆盖命令，必须指定具体的命令名称。下面是可行的解决方案：

核心思路 #

通过获取所有已注册的Cypress命令（包括内置命令和自定义命令），逐个对它们进行覆盖，添加日志逻辑。同时要注意Cypress命令的异步特性，确保结束日志在命令执行完成后再输出。

修改后的代码 #

// 定义添加日志的包装函数
const wrapCommandWithLogs = (commandName, originalFn) => {
  return function (...args) {
    // 输出命令开始日志
    cy.log(`Command: ${commandName} - Started`);
    
    // 执行原始命令，并用then确保结束日志在命令完成后执行
    return originalFn.apply(this, args).then(() => {
      cy.log(`Command: ${commandName} - Ended`);
    });
  };
};

// 批量覆盖所有Cypress命令
Object.keys(Cypress.Commands._commands).forEach((commandName) => {
  Cypress.Commands.overwrite(commandName, (originalFn, ...args) => {
    return wrapCommandWithLogs(commandName, originalFn).apply(this, args);
  });
});

关键说明 #

1. 获取所有命令: Cypress.Commands._commands是Cypress存储所有已注册命令的对象，通过Object.keys()可以拿到所有命令名称。
2. 异步处理: 由于Cypress命令是异步的，直接在originalFn.apply()后调用cy.log()会导致结束日志先于命令执行完成，所以要用.then()来衔接，保证日志顺序正确。
3. 命令名准确性: 直接使用遍历得到的commandName，比依赖originalFn.name更可靠，因为部分内置命令的函数名称可能为空或不准确。

把这段代码放在你的cypress/support/index.js文件中，之后所有Cypress命令执行时都会自动输出首尾日志。

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