如何使用Cypress datatables遍历多个测试场景并按预期执行？

你当前的写法将输入、点击、校验三个步骤完全拆分，输入步骤一次性把表格里的所有值连续输入到输入框，点击按钮只执行1次，校验步骤里的清空操作也没有和新值输入逻辑绑定，完全不符合预期的循环测试流程。

这种写法会让每组测试数据独立跑完完整的操作流程，自动实现你要的「输入→点击→校验→下一轮自动清空重输」的逻辑，且单条数据失败时可以快速定位问题。

1. 修改Feature文件 #

Scenario Outline: The one where the user enters a value to calculate the factorial
    Given the user navigates to the Factoriall calculator screen
    When the user enters <value> into the input box
    And the user clicks the Calculate button
    Then the message <message> is displayed to the user
    
    Examples:
        | value  | message                           |
        | 12     | The factorial of 12 is: 479001600 |
        | 34.56  | Please enter an integer           |

2. 修改步骤定义代码 #

去掉原来的遍历逻辑，改为单值处理：

When('the user enters {string} into the input box', (myValue) => {
    // 输入前先清空，避免上一轮测试的内容残留
    factoriall.getInputBox().clear().type(myValue)
});

When('the user clicks the Calculate button', () => {
    factoriall.getBtnCalculate().click();
});

Then('the message {string} is displayed to the user', (myMessage) => {
    factoriall.getResultParagraph().should('have.text', myMessage)
});

如果你不想改Feature文件结构，可以把输入、点击、校验的逻辑合并到同一个步骤里做遍历，但这种写法耦合度高，单条数据失败时定位成本更高：

When('the user enters a value into the input box', (userInputs) => {
    const testCases = userInputs.hashes()
    testCases.forEach((testCase, index) => {
        factoriall.getInputBox().clear().type(testCase.value)
        factoriall.getBtnCalculate().click()
        // 注意要和表格顺序对应，第N条输入对应第N条预期信息
        factoriall.getResultParagraph().should('have.text', expectedMessages.hashes()[index].message)
    })
});

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