Question

我已经为这个错误苦苦挣扎了一段时间，而我的法力耗尽了。我目前正在尝试使用量角器和async / await测试 Angular 应用。根据文档，我必须通过将以下内容添加到配置文件中来禁用控制流：

SELENIUM_PROMISE_MANAGER: false，但这样做会产生以下错误：

UnhandledPromiseRejectionWarning: Error: Error while waiting for Protractor to sync with the page: "both angularJS testability and angular testability are undefined. This could be either because this is a non-angular page or because your test involves client-side navigation, which can interfere with Protractor's bootstrapping. See https://github.com/angular/protractor/issues/2643 for details"我访问了URL（https://github.com/angular/protractor/issues/2643），但结果却没有很大帮助。

在这一点上，我不确定我做错了什么还是量角器本身有错误。因此，我也opened an issue on GitHub。

这是我的考试：

import {
    browser,
    ExpectedConditions,
    $
} from 'protractor';

describe('When user click \"Test\" button', async () => {
  beforeAll(async () => {
    expect(browser.getCurrentUrl()).toContain('myawesomewebsite');
  });

  it ("should click the button", async () => {
    var button = $(".button");
    button.click();
  });
});

这是我的完整配置：

exports.config = {
  capabilities: {
    'browserName': 'chrome'
  },
  seleniumAddress: 'http://localhost:4444/wd/hub',
  framework: 'jasmine',
  specs: ['test.spec.ts'],
  SELENIUM_PROMISE_MANAGER: false,
  jasmineNodeOpts: {
    defaultTimeoutInterval: 30000
  },    
  beforeLaunch: function () {
    require('ts-node/register')
  }
};

Answer 1

在每次量角器api调用之前，您错过了await。

describe('When user click \"Test\" button', async () => {
  beforeAll(async () => {
    expect(await browser.getCurrentUrl()).toContain('myawesomewebsite');
  });

  it ("should click the button", async () => {
    var button = $(".button");
    await button.click();
  });
});

Answer 2

因此，多亏了GitHub上的@CrispusDH，我发现我可以在配置文件中使用waitForAngularEnabled，而不仅仅是在spec文件中使用。在规范文件中使用它不起作用，但是如果在配置文件的onPrepare挂钩中使用它，该错误就会消失。

许多在线资源都在说将其设置为false，但这对我不起作用，因为量角器在不等待Angular的情况下找不到元素，因此我在配置和文件中确实将其设置为false，但调用了browser.waitForAngularEnabled(true);在我的规格文件中（beforeAll挂钩）。现在错误消失了，我可以使用async/await。

这是要使用的正确配置：

  SELENIUM_PROMISE_MANAGER: false,
  onPrepare: async () => {
    await browser.waitForAngularEnabled(false);
  }

这是在规范文件中调用的代码：

  beforeAll(async () => {
    browser.waitForAngularEnabled(true);
  });

量角器在禁用流控制以测试Angular应用时产生错误

2 个答案: