时间戳

首页 > 解决方案 > 禁用流控制以测试 Angular 应用程序时量角器生成错误

node.js - 禁用流控制以测试 Angular 应用程序时量角器生成错误

问题描述

我已经为这个错误苦苦挣扎了一段时间，我的法力耗尽了。我目前正在尝试使用量角器和 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"我访问了网址（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')
  }
};

标签： node.jsangularseleniumjasmineprotractor

解决方案

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

网上很多资源都说要把它设置为 false，但这对我不起作用，因为 Protractor 在不等待 Angular 的情况下找不到元素，所以我确实在配置和文件中将它设置为 false，但browser.waitForAngularEnabled(true);在我的规范中调用文件（beforeAll 挂钩）。现在错误消失了，允许我使用async/await.

这是要使用的正确配置：

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

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

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

推荐阅读