基于CucumberJS与Selenium WebDriver复用步骤实现多输入测试

Great question! Since you're new to combining Cucumber with Selenium, let's walk through exactly how to reuse steps, avoid duplicate code, and run your gender-specific test cases in order—this is exactly what Cucumber's design is made for.

1. 用Background复用公共步骤 #

首先，把所有测试用例（包括你的测试用例1、A、B）都需要执行的重复步骤抽出来放到Background里。比如打开测试页面、填写表单里的公共输入项（比如姓名、年龄这些不随性别变化的字段），这样每个测试场景都会自动先执行这些步骤，不用重复写。

示例.feature文件片段：

Feature: 性别分支表单测试
  Background: 初始化公共表单步骤
    Given 我打开表单测试页面
    And 我填写公共表单字段：姓名为"张三"，年龄为"25"

  Scenario: 测试用例1 - 默认表单提交
    When 我点击默认提交按钮
    Then 我看到默认提交成功提示

  Scenario Outline: 测试用例A/B - 性别分支表单提交
    When 我选择性别"<gender>"
    And 我填写对应性别专属字段：<fieldValue>
    And 我点击提交按钮
    Then 我看到"<expectedResult>"提示

    Examples: 性别分支数据
      | gender | fieldValue | expectedResult       |
      | Male   | 是         | 男性表单提交成功     |
      | Female | 否         | 女性表单提交成功     |

2. 用Scenario Outline + Examples生成多测试用例 #

上面的Scenario Outline就是一个测试模板，Examples表格里的每一行都会自动生成一个独立的测试用例（测试用例A对应Male行，测试用例B对应Female行）。Cucumber会按表格里的顺序依次执行这两个测试，完全符合你按顺序执行的需求。

3. 步骤定义的参数化与分支处理 #

在Selenium的步骤定义代码里，我们可以通过参数接收性别、字段值等数据，然后根据性别判断要操作的专属字段。以Java为例：

@When("我选择性别\"(.*)\"")
public void selectGender(String gender) {
    // 定位性别选择控件，比如单选按钮
    WebElement genderRadio = driver.findElement(By.id(gender.toLowerCase() + "-radio"));
    genderRadio.click();
    // 等待页面元素动态变化（选择性别后表单会更新）
    new WebDriverWait(driver, 10).until(
        ExpectedConditions.visibilityOfElementLocated(By.id(gender + "-specific-field"))
    );
}

@When("我填写对应性别专属字段：(.*)")
public void fillSpecificField(String value) {
    // 根据页面显示的元素判断要填写哪个专属字段
    if (driver.findElement(By.id("Male-specific-field")).isDisplayed()) {
        driver.findElement(By.id("Male-specific-field")).sendKeys(value);
    } else if (driver.findElement(By.id("Female-specific-field")).isDisplayed()) {
        driver.findElement(By.id("Female-specific-field")).sendKeys(value);
    }
}

4. 关于步骤复用的可行性 #

完全可行！ Cucumber的核心思想就是通过Gherkin语言的场景描述来复用步骤，不管是公共的初始化步骤，还是不同场景下的参数化步骤，都可以做到高度复用。你甚至可以把更细粒度的步骤抽出来（比如“填写指定输入框”这样的通用步骤），在多个场景里调用，进一步减少重复代码。

执行顺序说明 #

Cucumber默认会按照.feature文件里的顺序执行场景：先跑Background + 测试用例1，然后依次跑Scenario Outline生成的测试用例A和B。如果需要更复杂的执行顺序控制，也可以通过标签（比如@run-first）配合Cucumber的运行参数来调整，但对于你的需求，默认顺序就足够了。

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