如何在Cypress（cypress open）中按事件类型过滤日志？

当然可以过滤，以下是几种实用的解决方法：

方法1：通过自定义浏览器日志拦截过滤 #

在测试的全局支持文件（cypress/support/e2e.js）或单个测试文件开头，覆盖浏览器的console.log方法，直接过滤掉包含目标URL的日志：

Cypress.on('window:before:load', (win) => {
  const originalLog = win.console.log
  win.console.log = (...args) => {
    // 过滤掉包含表单页面URL参数的日志
    if (typeof args[0] === 'string' && args[0].includes('demande-immersion?')) {
      return
    }
    originalLog(...args)
  }
})

方法2：禁用单个操作的日志输出 #

针对表单输入这类会触发大量日志的操作，在调用type命令时添加{ log: false }选项，直接隐藏该步骤的日志：

// 单个输入操作禁用日志
cy.get('[data-testid="firstName"]').type('Archib', { log: false })

如果要批量处理多个输入，可以自定义一个无日志的输入命令：

// 在cypress/support/commands.js中定义
Cypress.Commands.add('typeSilent', { prevSubject: 'element' }, (subject, text) => {
  cy.wrap(subject).type(text, { log: false })
})

// 测试中使用自定义命令
cy.get('[data-testid="firstName"]').typeSilent('Archib')
cy.get('[data-testid="dateStart"]').typeSilent('2023-04-27')

方法3：调整Cypress全局日志级别 #

在cypress.config.js中设置全局日志级别，只保留警告及以上级别的日志，过滤掉普通信息日志：

module.exports = {
  e2e: {
    logger: {
      level: 'warn' // 仅显示warn、error级别的日志
    }
  }
}

注意：这种方式会过滤所有普通信息日志，可能会影响其他有用日志的查看，建议结合前两种方法针对性使用。

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