时间戳

首页 > 解决方案 > 改进 Cypress 结构并重用多个文件中的给定步骤

reactjs - 改进 Cypress 结构并重用多个文件中的给定步骤

问题描述

我正在使用 Cypress 和 Cucumber 进行端到端测试。

我有以下赛普拉斯结构：

page-one/
another-page/
cypress/integration/page-one/check-hero.js
cypress/integration/page-one/check-custom-block.js
cypress/integration/page-one.feature
cypress/integration/another-page.feature

在这两个文件中check-hero.js，check-custom-block.js我有：

Given('I navigate to page one', () => {
  cy.visit(`${Cypress.env('baseUrl')}/page-one`);
});

我可以改进此结构以使其更加干燥并在多个文件中重用此 Given 步骤吗？

标签： reactjscucumbercypress

解决方案

您可以在cypress-cucumber-preprocessor的官方文档中创建可重用的步骤定义。

cypress/integration/common/您可以在步骤中创建一个文件，Given然后在cypress/integration/page-one/check-hero.js和中使用它cypress/integration/page-one/check-custom-block.js。如果我很好地理解了文档，那么具有可重用步骤的文件实际上可以具有任何名称，让我们visit.js在您的示例中说。

推荐阅读