当禁用流量控制以测试角应用程序时，量角器会产生错误。

Question

我已经为这个错误挣扎了一段时间了，我已经没有法力了。我目前正在尝试测试一个角形应用程序与量角器和异步/等待。根据文档，我必须通过在我的配置文件中添加以下内容来禁用控制流：

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)，但结果并没有多大帮助。

在这一点上，我不确定我是否做错了什么，或它是否是一个错误与量角器本身。出于这个原因，我也是在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，而不仅仅是在规范文件中。在规范文件中使用它不起作用，但是如果在配置文件的onPrepare钩子中使用，错误就会消失。

很多在线资源都说要将其设置为false，但这对我是行不通的，因为Protractor在不等待角的情况下无法找到元素，所以我在配置和文件中将其设置为false，但在我的规范文件(beforeAll钩子)中调用了beforeAll。现在错误消失了，允许我使用async/await。

下面是要使用的适当配置：

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

下面是在spec文件中调用的代码：

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