Cypress：如何在两个不同URL上运行同一测试以避免代码复制粘贴

你想避免重复代码的思路非常棒，Cypress本身没有内置像cy.rerun()这样的运行时重执行API，但我们可以通过封装可复用的测试逻辑来优雅解决这个问题，完全不用复制粘贴代码。

下面给你两种常用的实现方式：

方式一：把测试逻辑封装成函数 #

将你需要重复运行的测试用例打包成一个独立函数，然后在不同的测试组（describe）里调用它，每个测试组对应不同的URL：

// 封装可复用的测试逻辑，所有需要重复运行的测试都写在这里
const runCoreTests = () => {
  it('验证页面核心元素可见', () => {
    cy.get('.main-content').should('be.visible');
  });

  it('检查导航栏功能正常', () => {
    cy.get('nav a').first().click();
    cy.url().should('include', '/expected-path');
  });

  // 这里可以添加更多需要重复执行的测试用例
};

// 第一个URL的测试组
describe('针对初始URL的测试系列', () => {
  before(() => {
    cy.visit('/');
  });

  runCoreTests(); // 调用封装好的测试逻辑
});

// 第二个URL的测试组
describe('针对其他URL的测试系列', () => {
  before(() => {
    cy.visit('other url');
  });

  runCoreTests(); // 同样调用封装好的测试逻辑
});

这种方式的优势是逻辑单一职责，后续修改测试内容时，只需要修改runCoreTests函数，所有测试组都会同步更新，完全避免重复代码。

方式二：用循环遍历URL列表 #

如果以后可能需要针对更多URL运行相同测试，用循环遍历URL数组的方式会更灵活：

// 定义需要测试的URL集合
const targetUrls = ['/', 'other url'];

// 遍历每个URL，自动生成对应的测试组
targetUrls.forEach(url => {
  describe(`针对URL: ${url} 的测试系列`, () => {
    before(() => {
      cy.visit(url);
    });

    it('验证页面标题符合预期', () => {
      cy.title().should('contain', '站点标题');
    });

    it('确保表单提交按钮可用', () => {
      cy.get('button[type="submit"]').should('be.enabled');
    });

    // 更多重复测试用例...
  });
});

这种方式只需要在targetUrls数组里添加新的URL，就会自动生成对应的完整测试组，扩展性拉满。

为什么你的原始思路不可行？ #

Cypress的测试是预编译执行的，所有describe和it块在测试运行前就已经被解析完成，运行时无法动态触发describe块的重新执行，所以cy.rerun()这类API是不存在的。上面两种封装方式才是符合Cypress运行机制的最佳实践。

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