javascript - 使用 Chai 解决 Protractor 和 Cucumber 中的 promise

Question

最近，我和一位同事对使用 Protractor 和 Chai 实现 Cucumber 步骤定义的“正确”方式存在一些分歧。我们的争论源于对 Cucumber 上下文中 promise 解决方案的确切情况的相互缺乏理解。

我们正在针对 AngularJS 应用程序进行测试，因此解决 promise 和异步行为是不可避免的。我们遇到的最大问题是强制执行同步测试行为并让 Cucumber 在步骤定义之间等待 promise 。在某些情况下，我们观察到这样的情况，即 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

大部分混淆都源于 Then 步骤。在此示例中，定义应断言页面上存在搜索表单的所有字段，这意味着多个 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);
});

但是，我的同事认为，为了满足 promise 解决方案，您需要像这样将您的期望与 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;
            });
        });
    });
});

后者我觉得很不对，但我也不知道前者是否正确。我对 eventually() 的理解是，它的工作方式与 then() 类似，因为它会等待 promise 解决后再继续。我希望前一个示例按顺序等待每个 expect() 调用，然后在最后的 expect() 中通过 notify() 调用 next() 以向 cucumber 发出信号以继续下一步。

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

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();
        });
    });
});

所以我想我暗示的问题是:

• 以上任何一项都有点是对的吗？
• eventually() 到底做了什么？它会强制执行类似 then() 的同步行为吗？
• and.notify(next) 到底做了什么？它与在 then() 内部调用 next() 有什么不同吗？
• 是否有我们尚未找到的最佳实践指南可以更清楚地说明这些问题？

非常感谢。

Answer 1

• 您的感觉是正确的，您的同事是错误的(尽管这是一个合理的错误!)。 Protractor 在运行第二个命令之前自动等待一个 WebDriver 命令解决。因此，在您的第二个代码块中，element(by.button('Run Search')).isPresent() 将不会解析，直到 element(by.model('optionsBox'))。 isPresent() 和 element(by.model('searchTerms')).isPresent() 完成。
• 最终 解决 promise 。解释在这里:https://stackoverflow.com/a/30790425/1432449
• 我不认为这与将 next() 放在 then() 中有什么不同
• 我认为没有最佳实践指南。 Cucumber 不是 Protractor 团队的核心关注点，对它的支持主要由 github 上的社区提供。如果您或您认识的人想编写最佳实践指南，我们( Protractor 团队)欢迎 PR!