使用Chai作为承诺来实现量角器和黄瓜中的承诺

Question

最近，我和一位同事在使用Protractor和Chai作为Promised来实现黄瓜步骤定义的“正确”方法上存在一些分歧。 我们的争论源于相互之间缺乏对Cucumber环境中诺言解决方案的确切了解。

我们正在针对AngularJS应用进行测试，因此解决承诺和异步行为是必不可少的。 我们遇到的最大问题是强制同步测试行为，并使Cucumber等待步骤定义之间的承诺。 在某些情况下，我们已经观察到Cucumber似乎在Webdriver甚至没有执行它们之前就直接浏览步骤定义。 我们针对这个问题的解决方案各不相同...

考虑假设的情况：

Scenario: When a user logs in, they should see search form
  Given a user exists in the system
  When the user logs into the application
  Then the search form should be displayed

大多数混乱源自“然后”步骤。 在此示例中，定义应断言搜索表单的所有字段都在页面上，这意味着要进行多次isPresent（）检查。

从我可以找到的文档和示例中，我认为断言应该看起来像这样：

this.Then(/the search form should be displayed/, function(next) {
    expect(element(by.model('searchTerms')).isPresent()).to.eventually.be.true;
    expect(element(by.model('optionsBox')).isPresent()).to.eventually.be.true;
    expect(element(by.button('Run Search')).isPresent()).to.eventually.be.true.and.notify(next);
});

但是，我的同事争辩说，为了满足承诺解决方案，您需要使用then（）链接期望，如下所示：

this.Then(/the search form should be displayed/, function(next) {
    element(by.model('searchTerms')).isPresent().then(function(result) {
        expect(result).to.be.true;

    }).then(function() {
        element(by.model('optionsBox')).isPresent().then(function(result) {
            expect(result).to.be.true;

        }).then(function() {
            element(by.button('Run Search')).isPresent().then(function(result) {
                expect(result).to.be.true;
                next;
            });
        });
    });
});

后者对我来说真的很不对劲，但是我真的不知道前者是否正确。 我对finally（）的理解是，它的工作方式与then（）类似，因为它在继续执行之前要等待诺言解决。 我希望前面的示例按顺序等待每个Expect（）调用，然后在最终的Expect（）中通过notify（）调用next（），以发出信号通知黄瓜继续进行下一步。

更令人困惑的是，我观察到其他同事这样写他们的期望：

expect(some_element).to.eventually.be.true.then(function() {
    expect(some_other_element).to.eventually.be.true.then(function() {
        expect(third_element).to.eventually.be.true.then(function() {
            next();
        });
    });
});

所以我想提到的问题是：

• 以上任何一种还算对吗？
• 最终（）实际上是做什么的？ 是否会强制执行then（）之类的同步行为？
• and.notify（next）真正做什么？ 与在then（）内部调用next（）有什么不同？
• 有没有我们尚未找到的最佳实践指南，可以使其中的任何内容更加清晰？

提前谢谢了。

Answer 1

• 您的感觉是正确的，您的同事是错误的（尽管这是一个合理的错误！）。 量角器自动等待一个WebDriver命令解析，然后再运行第二个。 因此，在你的第二个代码块， element(by.button('Run Search')).isPresent()将不能解决直到两个element(by.model('optionsBox')).isPresent()和element(by.model('searchTerms')).isPresent()完成。
• eventually兑现诺言。 解释在这里： https : //stackoverflow.com/a/30790425/1432449
• 我认为这与将next()放在then()内没有什么不同
• 我认为没有最佳做法指南。 黄瓜不是量角器团队的核心重点，它的支持大部分由GitHub上的社区提供。 如果您或您认识的某个人想编写最佳实践指南，我们（量角器团队）将欢迎您参加PR！

Answer 2

对我有用的是-如果存在html标记，则下面的函数将搜索始终等于true的内容。 我在每次测试结束时都调用此函数，并传入回调

function callbackWhenDone(callback) {
    browser.wait(EC.presenceOf(element(by.css('html'))))
        .then(function () {callback();})
}

这是一个简单测试中的用法：

this.Given(/^I go on "([^"]*)"$/, function (arg1, callback) {
    browser.get('/' + arg1);
    callbackWhenDone(callback);
});

我知道一点技巧，但是可以完成工作，并且在任何地方使用时看起来都非常干净