在 Cypress 中，对于状态 (Given) 和结果 (Then) 的相同 Cucumberjs 定义，哪种最佳实践是？ 双重实现单一实现外部功能

如何解决在 Cypress 中，对于状态 (Given) 和结果 (Then) 的相同 Cucumberjs 定义，哪种最佳实践是？ 双重实现单一实现外部功能

对使用 Cucumber.js 和 Cypress 定义某些步骤的最佳做法有一些疑问。

基本上，测试需要一个状态和一个可以相同实现的结果：

这是一个状态的例子：

Given(
  'the {int} item of the {string} component is visible',(index,ComponentIndex,mapper: ComponentMapper) => {
    cy.get('[data-test^="cmp-"]').eq(cmpMap[mapper]).as(mapper)
    cy.get(`@${mapper}`)
      .find('.component__item')
      .eq(index)
      .should('be.visible')
  }
)

这是一个结果的例子：

Then(
  'the {int} item of the {string} component is visible',mapper: ComponentMapper) => {
    cy.get('[data-test^="cmp-"]').eq(cmpMap[mapper]).as(mapper)
    cy.get(`@${mapper}`)
      .find('.component__item')
      .eq(index)
      .should('be.visible')
  }
)

在这种情况下，我只看到代码重复，因为 Given 和 Then 实现相同的代码，执行相同的检查。我想了解所有可能的解决方案，以最有效的方式实现这一点。

双重实现

保留描述中定义的双步
优点：更清晰
缺点：双重代码\

单一实现

留下一个实现，在Given或Then中，因为cucumber实际上并没有检查特征文件中的Step与定义文件中与step相关的函数的匹配
PRO：代码的单一实现
缺点：步骤定义不太清楚且更加混乱

外部功能

创建一个函数，例如放在 Cypress 的某些命令或 utils 中，并在两个定义中使用它
PRO：单一实现
缺点：过度设计？在 Cucumber.js 中从未见过这种方法

检查所有这些，你会推荐哪一个？谢谢

解决方法

还有一个选项，基本上是“单一实现”，但更清晰一点。我假设您使用的是 cypress-cucumber-preprocessor，除了 Given/When/Then，您还可以导入 defineStep，它的作用完全相同，但从代码角度来看更清楚的是，以这种方式定义的步骤是通用的。

import { defineStep } from "cypress-cucumber-preprocessor/steps";

defineStep('the {int} item of the {string} component is visible',(index,ComponentIndex,mapper: ComponentMapper) => {
    ...
});