如何将Cypress测试失败结果上报到自定义URL

你可以通过两种方式实现需求，优先推荐原生自定义方案，灵活度最高无需额外依赖：

方案1：Cypress内置钩子+自定义请求实现 #

直接在Cypress的全局支持文件中添加测试生命周期钩子，捕获失败用例后主动发起上报请求即可：

• 如果你用的是Cypress v10+版本，打开cypress/support/e2e.js（组件测试对应cypress/support/component.js，旧版本对应cypress/support/index.js），添加以下代码：

afterEach(() => {
  // 仅处理执行失败的用例
  if (Cypress.currentTest.state === 'failed') {
    // 自定义你需要上报的字段
    const failedTestInfo = {
      testFullTitle: Cypress.currentTest.titlePath.join(' > '),
      errorDetail: Cypress.currentTest.err?.message || '无错误详情',
      browserInfo: `${Cypress.browser.name} ${Cypress.browser.version}`,
      runTime: new Date().toISOString()
    }
    // 发起上报请求，failOnStatusCode设为false避免上报失败影响测试结果判定
    cy.request({
      method: 'POST',
      url: 'https://www.myserver.com/failedtest',
      body: failedTestInfo,
      failOnStatusCode: false
    })
  }
})

如果你的上报地址和测试页面存在跨域，建议把上报逻辑移到Node层执行，避免浏览器跨域拦截：

• 先在项目中安装axios用于服务端发起请求：npm install axios --save-dev
• 在cypress.config.js中注册上报任务：

const { defineConfig } = require('cypress')
const axios = require('axios')

module.exports = defineConfig({
  e2e: {
    setupNodeEvents(on, config) {
      on('task', {
        async uploadFailedTest(data) {
          try {
            await axios.post('https://www.myserver.com/failedtest', data)
          } catch (err) {
            console.error('上报失败：', err.message)
          }
          return null
        }
      })
    }
  }
})

• 把之前support文件里的上报逻辑替换成调用task：

afterEach(() => {
  if (Cypress.currentTest.state === 'failed') {
    const failedTestInfo = {
      testFullTitle: Cypress.currentTest.titlePath.join(' > '),
      errorDetail: Cypress.currentTest.err?.message || '无错误详情',
      browserInfo: `${Cypress.browser.name} ${Cypress.browser.version}`,
      runTime: new Date().toISOString()
    }
    cy.task('uploadFailedTest', failedTestInfo)
  }
})

方案2：使用现成上报插件 #

如果不想手写逻辑，可以直接用通用上报插件实现：

• 可以搭配cypress-multi-reporters，自定义上报器配置目标URL即可完成上报，不需要单独适配Slack这类特定平台
• 也可以直接用cypress-terminal-report之类的插件，配置上报回调把测试失败日志推送到你的目标地址

注意事项 #

• 所有上报相关的逻辑都要做异常捕获，不要让上报失败影响测试本身的执行结果
• 如果需要上报测试运行的全量失败数据，可以在全局after()钩子中收集所有失败用例后批量上报，减少请求次数

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