Question

（我看过this SO discussion,，但不知道如何将它应用到我的案例中，所以我问了一个新问题。希望它不是重复的一部分）

我正在使用Protractor和Cucumber.js测试一个用Angular编写的表单。

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

这是我在Cucumber中的一步：

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进入下一步。

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

Answer 1

你的循环正在排列承诺，所以循环在任何＆＃34;点击＆＃34;之前结束。或发送密钥。在所有承诺解决后，您需要调用callback。

我看到两种解决方案（我认为）。您可以跟踪数组中的promise，然后使用protractor.promise.all（请参阅http://spin.atomicobject.com/2014/12/17/asynchronous-testing-protractor-angular/）等待promise数组完成。首先将保证保存在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);
}

尽管所有文本都相反，但我不能保证其中任何一项都有效。希望他们至少能指出你正确的方向。

使用带有循环的Protractor来填充从Cucumber.js表中获取数据的表单

1 个答案: