如何在执行npx cypress open时隐藏API请求步骤？

以下是几种实用方案，帮你把频繁的轮询API请求从测试步骤列表中隐藏，只保留你编写的UI操作步骤：

方案1：用cy.intercept()标记请求不日志 #

针对你的轮询API，在测试代码开头或者support/e2e.js中添加拦截规则，通过log: false禁用该请求的日志输出：

// 匹配你的轮询API路径，比如/api/polling-data，有动态参数可改用通配符/api/polling-data/*
cy.intercept('GET', '/api/polling-data', { log: false }).as('pollingRequest');

这样所有匹配该路径的轮询请求都不会出现在步骤列表里，完全不干扰UI步骤展示。

方案2：全局配置批量隐藏轮询请求日志 #

如果多个测试文件都涉及相同的轮询请求，可以在全局层面统一处理：

1. 在cypress/support/e2e.js中添加前置拦截逻辑：

beforeEach(() => {
  // 拦截所有轮询API并禁用日志
  cy.intercept('GET', '/api/polling-data', { log: false });
});

2. 确保配置文件cypress.config.js没有覆盖相关日志规则：

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

module.exports = defineConfig({
  e2e: {
    setupNodeEvents(on, config) {},
    modifyObstructiveCode: false
  },
});

这样所有测试用例执行前都会自动拦截并隐藏轮询请求的日志。

方案3：自定义命令封装轮询拦截逻辑 #

如果需要更灵活的开关控制，可以封装一个自定义命令：

1. 在cypress/support/commands.js中定义命令：

Cypress.Commands.add('hidePollingRequests', () => {
  cy.intercept('GET', '/api/polling-data', { log: false });
});

2. 在测试用例中按需调用：

beforeEach(() => {
  cy.hidePollingRequests();
});

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