如何在Cypress Cloud中录制并查看测试全程网络请求？

1. 检查Cypress配置 #

在cypress.config.js（或cypress.config.ts）里，无需额外编写拦截特定请求的代码——Cypress在录制模式下默认会自动捕获所有网络请求。就算之前写过cy.intercept的配置也不用删除，这不会影响Cloud端的全局请求捕获。

如果想要明确确认配置，保留基础结构即可：

const { defineConfig } = require('cypress')

module.exports = defineConfig({
  e2e: {
    setupNodeEvents(on, config) {
      // 无需额外配置，默认已开启网络请求捕获
    },
    video: true, // 你已在使用视频功能，保持开启即可
  },
})

2. 调整Jenkins运行命令 #

在Jenkins的构建步骤中，确保使用带--record参数的启动命令，同时配置好Cypress Cloud的录制密钥和项目ID：

npx cypress run --record --key YOUR_RECORDING_KEY --project YOUR_PROJECT_ID

执行这个命令后，测试过程中的所有网络请求、视频、截图都会被自动上传到Cypress Cloud。

3. 在Cypress Cloud查看全量请求 #

测试运行完成后登录Cypress Cloud，找到对应项目的运行记录：

• 点击具体测试用例进入详情页
• 切换到Network标签卡，就能看到该用例执行时的所有网络请求，包含请求方法、URL、状态码、响应时间等核心信息
• 点击单个请求，还能查看完整的请求头、响应头、请求体和响应体内容

注意事项 #

• 确保Cypress版本在v10及以上，旧版本的Cloud集成逻辑存在差异
• 大部分HTTP/HTTPS请求都能被捕获，WebSockets这类特殊请求可能无法被捕获
• 网络请求数据会和测试记录一起存档，历史运行记录的请求信息也能随时查看

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