使用带循环的量角器填写从 Cucumber.js 表中获取数据的表单

Question

（我看过这个 SO 讨论，但不确定如何将其应用于我的案例，所以我提出了一个新问题。希望它不是重复的）

我正在使用带有 Cucumber.js 的量角器测试用 Angular 编写的表单。

所以我想要做的是告诉量角器点击一个字段的标题（这是一个链接），然后，当该字段出现时，在其中输入一些文本，然后转到下一个字段的标题，等等。

这是我在黄瓜中的步骤：

When I fill the form with the following data
    | field            | content           |
    | First Name       | John              |
    | Last Name        | Doe               |
    | Address          | Some test address |
# and so forth

这是对步骤定义的一个半心半意的尝试：

this.When(/^I fill the form with the following data$/, function (table, callback) {
    data = table.hashes();
    # that gives me an array of objects such as this one:
    # [ { field: 'First Name', content: 'John' },...]

    for (var i = 0; i < data.length; i++){
        var el = element(by.cssContainingText('#my-form a', data[i].field));
          el.click().then(function(){
                var fieldEl = el.element(by.xpath("../.."))
                    .element(by.css('textarea'));
                fieldEl.sendKeys(data[i].content);
            });
        }
    };
    callback();
});

但当然，这行不通，因为即使在 Protractor 有时间单击字段名称并将必要的数据输入字段之前，回调函数就会被调用，并且 Cucumber 会进入下一步。

所以我的问题是，我如何使用带有 Cucumber.js 的量角器，编写将 Cucumber 表中定义的数据插入表单字段的步骤？使用 for 循环是否可行？

Answer 1

您的循环正在排队承诺，因此循环在发生任何“单击”或发送键之前完成。您需要callback在所有承诺都解决后调用。

我看到两个解决方案（我认为）。您可以跟踪数组中的承诺，然后使用protractor.promise.all（请参阅http://spin.atomicobject.com/2014/12/17/asynchronous-testing-protractor-angular/）来等待承诺数组完成。首先将承诺保存在var promises = []数组中：

var p = el.click().then(function(){ ... });
promises.push(p)

然后在循环外：

protractor.promise.all(promises).then(callback);

或者，您可以依靠 ControlFlow 来保持循环中的 Promise 有序，并在循环的最后一次迭代中调用回调：

var p = fieldEl.sendKeys(data[i].content);
if (i === data.length - 1) { // beware: you want to check "i" inside the loop and not in a promise created in the loop.
     p.then(callback);
}

尽管所有文字都与此相反，但我不能保证其中任何一个都有效。希望他们至少为您指明了正确的方向。