量角器中的 browser.ignoreSynchronization 是什么?

IT技术 javascript angularjs testing protractor end-to-end
2021-01-20 19:39:31

我已经多次看到人们建议使用它:

browser.ignoreSynchronization=true;  // or false

但我不明白为什么我们需要它?

3个回答

简单的答案是,它使量角器不会等待 Angular Promise,例如那些来自$http$timeout解决的Promise,如果您在$http期间测试行为$timeout(例如,“加载”消息),或测试非- Angular 站点或页面,例如单独的登录页面。

例如,要测试在请求期间设置加载消息的按钮,您可以true在获取元素 + 检查其内容时将其设置为

element(by.css('button[type="submit"]')).click();
browser.ignoreSynchronization = true;
expect(element(by.css('.message')).getText().toBe('Loading...');    
browser.ignoreSynchronization = false;
expect(element(by.css('.message')).getText().toBe('Loaded'); 

一个更复杂的答案是将其设置为true意味着对控制流的后续添加/注入也不会添加browser.waitForAngular. 在某些情况下,了解控制流以及何时/如何向其中添加/注入内容很重要。例如,如果您browser.wait用于测试多阶段过程,则在测试中的其余函数添加到wait控制流之后传递给的函数将被注入到控制流中。

element(by.css('button[type="submit"]')).click();
browser.ignoreSynchronization = true;
expect(element(by.css('.message')).getText().toBe('Stage 1');
browser.wait(function () {
   // This function is added to the control flow after the final
   // browser.ignoreSynchronization = false in the test
   // so we need to set it again here 
   browser.ignoreSynchronization = true;
   return element(by.cssContainingText('.message', 'Stage 2')).isPresent().then(function(isPresent) { 
     // Cleanup so later tests have the default value of false
     browser.ignoreSynchronization = false;
     return !isPresent;
   });
});
expect(element(by.css('.message')).getText().toBe('Stage 2');
browser.ignoreSynchronization = false;
expect(element(by.css('.message')).getText().toBe('Stage 3');

使用的替代方法browser.ignoreSynchronization是直接访问标准的 webdriver API

element(by.css('button[type="submit"]')).click();
expect(browser.driver.findElement(by.css('.message')).getText().toBe('Loading...');    
expect(element(by.css('.message')).getText().toBe('Loaded'); 

直接使用驱动程序方法来查找元素意味着系统将尝试查找它们,而无需等待任何正在进行的$http请求完成,就像设置browser.ignoreSynchronization = true.

此设置控制量角器是否应等待页面上的角度。它没有正确记录,但这里是代码中文档字符串

/**
   * If true, Protractor will not attempt to synchronize with the page before
   * performing actions. This can be harmful because Protractor will not wait
   * until $timeouts and $http calls have been processed, which can cause
   * tests to become flaky. This should be used only when necessary, such as
   * when a page continuously polls an API using $timeout.
   *
   * @type {boolean}
   */

换句话说,如果您针对非角度站点进行测试,请将ignoreSynchronization设置设置为true. 作为一个现实世界的例子,看看我在从一个有角度的页面打开一个非角度页面时遇到的挑战之一:点击后打开非角度页面

2021 答案

browser.ignoreSynchronization这几天没什么。字面上地

此命令已在 2018 年 1 月 25 日v5.3.0发布量角器时弃用

相反browser.waitForAngularEnabled()应该使用

但是它所做的和ignoreSynchronization过去所做的,它启用了 Protractor 的内置处理来等待 Angular 应用程序。想象一下,你点击登录按钮,你不需要使用“睡眠 10 秒”命令,或者“等待加载动画消失”等。理论上所有这些都应该由量角器处理

但实际上,当你不能依赖这个的时候,有太多的边缘情况,不得不禁用这个功能,因为它会使脚本挂起。这就是await browser.waitForAngularEnabled(false)发挥作用的时候。或者await browser.waitForAngularEnabled(true)重新启用它

阅读如何使用它