编辑:请注意，我在@ernst-zwingli 的帮助下找到了问题的根源，因此如果您遇到相同的错误，他的一个修复程序可能会对您有所帮助。我的问题是 Protractor 本身的一个已知问题，如果您认为这可能是您，我已经扩展了我的步骤以在我最初提出问题后查明问题的根源。

我正在尝试在使用 angular-cli 构建的 Angular2(只是 Angular)应用程序中使用 Protractor 。

我的问题:当 browser.waitForAngularEnabled 时找不到 Angular 应用程序页面上的元素处于默认设置 true (就像“我相信我在一个 Angular 页面上并且希望 Protractor 做到这一点很神奇”)。如果我设置 browser.waitForAngularEnabled，它们会被发现很好至 false (如“我不在一个 Angular 页面上，想自己处理这个问题，请坐 Protractor”)。如何在我的绝对 Angular 页面上追踪导致此问题的原因？

我有一个带有非 Angular Auth0 登录页面的产品，该页面可以访问用 Angular 编写的产品的其余部分(准确地说是 Angular 4.3.2)。我已经成功遍历了非 Angular 登录页面的登录。我翻转了 waitForAngularEnabled切换到 false方便非Angular登录。我把它转回 true在单击提交按钮后，我预计我的初始登录页面 (Angular) 将被加载。代码如下:

        browser.waitForAngularEnabled(false);
        browser.driver.get('https://dashboard.net/projects');
        browser.driver.sleep(10000);
        browser.driver.findElement(By.css("[type='email']"));
        browser.driver.findElement(By.css("[type='email']")).sendKeys("email@example.com");
        browser.driver.findElement(By.css(".auth0-label-submit")).click();

        browser.driver.findElement(By.id("passwordInput")).sendKeys("password");
        browser.driver.findElement(By.id("submitButton")).click();
        browser.driver.sleep(5000);  // needed if not waiting for Angular
        //browser.waitForAngularEnabled(true);  // Back to Protractor land we go
        let elementToFind = element(by.className("header-text"));
        elementToFind.isDisplayed().then(function() {grabTheDarnLocalStorage()});
        expect(elementToFind.isDisplayed()).toBeTruthy();

Failed: Timed out waiting for asynchronous Angular tasks to finish after 30 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/timeouts.md#waiting-for-angular
While waiting for element with locator - Locator: By(css selector, .header-text)
ScriptTimeoutError: asynchronous script timeout: result was not received in 30 seconds
  (Session info: chrome=61.0.3163.100)
  (Driver info: chromedriver=2.32.498550 (9dec58e66c31bcc53a9ce3c7226f0c1c5810906a),platform=Windows NT 10.0.14393 x86_64)
    at WebDriverError (C:\Users\c-shouston\AppData\Roaming\npm\node_modules\protractor\node_modules\selenium-webdriver\lib\error.js:27:5)
    at ScriptTimeoutError (C:\Users\c-shouston\AppData\Roaming\npm\node_modules\protractor\node_modules\selenium-webdriver\lib\error.js:203:5)
    at Object.checkLegacyResponse (C:\Users\c-shouston\AppData\Roaming\npm\node_modules\protractor\node_modules\selenium-webdriver\lib\error.js:505:15)
    at parseHttpResponse (C:\Users\c-shouston\AppData\Roaming\npm\node_modules\protractor\node_modules\selenium-webdriver\lib\http.js:509:13)
    at doSend.then.response (C:\Users\c-shouston\AppData\Roaming\npm\node_modules\protractor\node_modules\selenium-webdriver\lib\http.js:440:13)
    at process._tickCallback (internal/process/next_tick.js:109:7)
From: Task: Protractor.waitForAngular() - Locator: By(css selector, .header-text)

for Angular(2) Check if the object window.getAllAngularRootElements returns at least one value.

useAllAngular2AppRoots: true,

And if $interval or other long lasting asynchronous tasks are used, there can be issues, because of the zones

t:
  _callbacks:...,
  _didWork:true,
  _isZoneStable: true (this looks promising, but why isn't Protractor working then?!?)
  _ngZone:
    hasPendingMacrotasks: true,
    hasPendingMicrotasks: false,
    isStable: true

i.e. setTimeout, setInterval, setImmediate

最佳答案

在下面我列出了一组潜在的原因和修复/解决它们的可能性。

AngularJS 和 Angular(2) 如何工作/我可以在浏览器开发模式中检查什么

我无法解释它以及Andrey Agibalov in his Blog here ，所以检查一下(也适用于开发人员)。

基本上，Protractor 所需的对象可以在 Chrome Dev 中检查。

对于 AngularJS
检查对象是否window.angular正确定义，即查找 window.angular.version并尝试 window.angular.getTestability你的根元素

对于 Angular(2)
检查对象是否window.getAllAngularRootElements至少返回一个值。

根元素 (AngularJS)

可能你的 Angular 应用程序被包裹在 Body 中的某个地方，比如 <div ng-app="my-app"> .
在这种情况下，您必须调整您的 rootElement: body内config.ts . Check this answer for details .

Angular (2)

如果您使用的是 Angular(又名 Angular2)，那么引入了 ngZone。在这种情况下，您的 config.js还应包含以下内容:

exports.config = {
    framework: 'jasmine',
    seleniumAddress: 'http://localhost:4444/wd/hub',
    specs: ['spec.js'],
    useAllAngular2AppRoots: true,
    // rootElement: 'root-element'
};

关于javascript - 如何调试等待异步 Angular 任务超时？无法在 Angular 页面上找到元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46588749/