如何获得量角器可靠的结果？答案

【问题标题】：How to have protractor reliable results?如何获得量角器可靠的结果？
【发布时间】：2015-03-19 17:46:00
【问题描述】：

我正在使用 Protractor (v 1.3.1) 为我的 Angular 1.2.26 应用程序运行 E2E 测试。

但有时，测试还可以，有时不行。似乎有时检查是在显示更新之前完成的（或类似“同步”问题）。我尝试了很多选择：

添加browser.driver.sleep说明，
用browser.executeScript('$.fx.off = true')禁用效果
添加browser.waitForAngular()说明

没有成功。

使用量角器进行可靠的 E2E 测试的最佳做法是什么？

JM.

【问题讨论】：

标签： javascript angularjs testing selenium-webdriver protractor

【解决方案1】：

每次遇到类似问题时，我都会使用 browser.wait() 和 "Expected Conditions" (introduced in protractor 1.7)。有一组内置的预期条件通常就足够了，但您可以轻松定义自定义预期条件。

例如，等待一个元素变得可见：

var EC = protractor.ExpectedConditions;
var e = element(by.id('xyz'));

browser.wait(EC.visibilityOf(e), 10000);
expect(e.isDisplayed()).toBeTruthy();

几点说明：

您可以指定自定义错误消息，以防不满足条件并引发超时错误，请参阅Custom message on wait timeout error：
```
browser.wait(EC.visibilityOf(e), 10000, "Element 'xyz' has not become visible");
```
您可以将EC 设置为指向protractor.ExpectedConditions 的全局可用变量。将此行添加到配置中的onPrepare()：
```
onPrepare: function () {
    global.EC = protractor.ExpectedConditions;
}
```
作为自定义预期条件的示例，请参阅this answer

【讨论】：

感谢您的解决方案！我会试试这个，但我必须更新我的量角器版本。我会和你保持联系

【解决方案2】：

在使用 Protractor 进行测试时非常重要的另一点是理解 ControlFlow。您可以在这里找到解释和代码示例：When should we use .then with Protractor Promise?

让-马克

【讨论】：

【解决方案3】：

有两件事需要考虑。

首先，您应该正确地对所有量角器操作进行排序（@jmcollin92 也暗示了这一点）。为此，我通常在每个步骤中使用.then。

第二个重要的事情是确保新的测试it(...) 仅在之前的it(...) 完成后开始。

如果您使用最新版本的 Protractor，您可以使用 Jasmine 2.x 及其对测试完成信号的支持：

it('should do something', function(done) {
   clicksomething().then(function() {
     expect(...);
     done();
   });
});

这里调用done 参数来表示测试已准备就绪。如果没有这个，Protractor 将安排clicksomething 命令，然后立即继续下一个测试，只有在clicksomething 完成后才返回当前测试。

由于通常两个测试都检查并可能修改同一个浏览器/页面，如果您让它们同时发生，您的测试将变得不可预测（一个测试点击到下一页，而另一个测试仍在检查前一页）。

如果您使用早期版本的 Protractor（如您所指的 1.3），则可以使用 Jasmine 1.3 runs 和 waitsFor 函数来模拟此行为。

请注意，使用 Protractor 的全部意义在于 Protractor 应该知道 Angular 何时完成。所以原则上，应该没有必要调用waitForAngular（我自己的有几十个场景的测试套件不包括单个wait/waitForAngular）。您的被测应用程序越符合 Angular 的设计原则，您需要的 WaitForAngular 就越少。

【讨论】：

非常有趣！我正在使用 Mocha，我猜这里解释的完成原则对 Mocha 有效。
是的。我自己没有使用过 Mocha，但我认为 Jasmine 2.x 采用了 Mocha 的 done 方法。

【解决方案4】：

我要补充一点，禁用 ngAnimate 可能还不够。您可能还必须通过注入 CSS (What is the cleanest way to disable CSS transition effects temporarily?) 来禁用所有过渡动画。

【讨论】：