Mac终端运行Cypress时console.log无输出的问题求助

Cypress测试代码运行在浏览器环境，终端属于Node.js环境，两者默认隔离，所以直接用console.log()不会把日志输出到终端，下面是几种可行的解决方法：

方法一：用Cypress内置的cy.log()替代console.log() #

cy.log()是Cypress专门提供的日志方法，会同时把内容输出到Cypress测试报告和终端，直接替换原有代码即可：

Given("My demo test", async function (string, string2) {
    cy.log("**************** Test Started ********************")

    if(string === "msn"){
        string = "https://msn.com";
    } else if (string === "google"){
        string = "https://google.com";
    }
    gotoPage(string)
    const imageLinkText = await getText(':nth-child(2) > .gb_q') // 若getText是异步操作需加await
    cy.log(" **************** " + imageLinkText + " **************** " )
})

方法二：配置Cypress转发浏览器日志到终端 #

在项目根目录的cypress.config.js（或cypress.config.ts）中添加日志转发配置，浏览器里的console.log()会同步到终端：

const { defineConfig } = require("cypress");

module.exports = defineConfig({
  e2e: {
    setupNodeEvents(on, config) {
      on('browser:log', (log) => {
        console.log(`[浏览器日志] ${log.message}`);
      });
    },
  },
});

注意：这种方式会把浏览器的所有日志都转发到终端，可能包含大量无关信息。

方法三：调整运行命令的日志级别 #

运行测试时添加--verbose参数，让Cypress输出更详细的运行日志，包含测试内的部分日志内容：

cypress run --headed chrome --env tags="@smoke" --verbose

额外提示：如果你的getText是异步函数，必须加await，否则imageLinkText会是Promise对象，日志里会显示[object Promise]而非实际文本内容。

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