量角器 - ScriptTimeoutError：异步脚本超时：20 秒内未收到结果

Question

我是 Protractor 的新手，我正在尝试运行我的脚本。

describe('Navigator homepage', function() {
it('should proceed to login', function() {
browser.get('url');
})
it('Clicks the proceed button',function() {
const proceedButton = element(by.id('auth-login-page-button'));

proceedButton.click();
});
});

但每当我运行它时，浏览器就会打开并进入网站，然后等待 20 秒，然后我得到错误：ScriptTimeoutError: asynchronous script timeout: result was not received in 20 seconds。该元素显然存在并且可以单击，但不能用于量角器。难道我做错了什么？ 配置文件如下所示：

// An example configuration file.
exports.config = {
  directConnect: true,

  // Capabilities to be passed to the webdriver instance.
  capabilities: {
    'browserName': 'chrome'
  },

  // Framework to use. Jasmine is recommended.
  framework: 'jasmine',

  // Spec patterns are relative to the current working directory when
  // protractor is called.
  specs: ['login_spec.js'],

  allScriptsTimeout: 20000,
  getPageTimeout: 15000,
  framework: 'jasmine',
  jasmineNodeOpts: {
    isVerbose: false,
    showColors: true,
    includeStackTrace: false,
    defaultTimeoutInterval: 40000
  }
  };

Answer 1

鉴于您添加的错误消息（请参阅评论），原因似乎是持续轮询 $timeout，这使得承诺无限期未解决，因此导致量角器异步超时 (see details here)。

解决方案

正确的解决方案是避免使用$timeout，而使用$interval。这样量角器就可以继续负责控制流，管理你的异步任务。所以这是一种软件错误，而不是量角器错误。

您的错误信息：

Failed: Timed out waiting for asynchronous Angular tasks to finish after 20 seconds. This may be because the current page is not an Angular application. Please see the FAQ for more details: https://github.com/angular/protractor/blob/master/docs/timeo‌​uts.md#waiting-for-a‌​ngular While waiting for element with locator - Locator: By(css selector, md-raised md-primary md-button md-ink-ripple). *The following tasks were pending: - $timeout: function (){return _this.getVersion()}*

解决方法

不太好的解决方法是通过设置browser.waitForAngularEnabled(false);（在 beforeEach 中或直接在规范中）来关闭 Protractor 的 waitForAngular 部分。

但这也意味着，在测试规范本身中手动处理 controlFlow。这需要大量使用.then()和ExpectedConditions，失去了Protractor的主要优势之一。

调试可能性

检查描述here for potential causes and workarounds。 特别尝试browser.waitForAngularEnabled(false); 排除角度量角器问题。

如果您找不到原因，则可能是时间问题（不太可能，但此时值得检查）。

您可以尝试添加日志消息以缩小有效执行顺序：

describe('Navigator homepage', function() {
    it('should proceed to login', function() {
    browser.get('url').then(function(){
        console.log("Page is fully loaded");
        });
    });
    it('Clicks the proceed button',function() {
        console.log("Start 2nd Test");
        const proceedButton = element(by.id('auth-login-page-button'));
        proceedButton.click();
    });
});

或者你把动作放在同一个测试用例中，使用then()同步执行它们：

describe('Navigator homepage', function() {
    it('should proceed to login', function() {
    browser.get('url').then(function(){
        const proceedButton = element(by.id('auth-login-page-button'));
        proceedButton.click();
    });
});

在onPrepare内打开主页

顺便说一句：如果您总是先加载主页，只需将其放入 conf.js 的 onPrepare-part 中，它将始终在您的测试开始前执行一次：

onPrepare: function () {
    browser.driver.manage().window().maximize();
    browser.get('url');
},

Answer 2

我遇到了类似的问题，我通过打开忽略同步解决了它

browser.ignoreSynchronization = true