Protractor browser.wait 导致角度超时

Question

我有这个代码

    browser.sleep(5000).then(function() {console.log('rotel:' + browser.rootEl)});
    browser.ignoreSynchronization = true;
    browser.rootEl = 'div#overview';
    browser.driver.switchTo().defaultContent().then(function() {console.log('Switch default')});
    browser.sleep(500);
    browser.wait(function() { return browser.isElementPresent(by.css('[class="box-header"]'))}, 10000);
    element(by.model("ssn")).sendKeys(pat + "\n").then(function() {console.log('sendkeys')});
    browser.rootEl = 'body';

如果我用浏览器删除该行，请等待测试继续，否则我会得到

'等待量角器与页面同步时出错：“根元素（主体）没有注入器。这可能意味着它不在 ng-app 内。”'

当“by.model”行执行时，不使用任何角度的东西如何等待？

另外，我几乎可以肯定它今天早上出去办事之前奏效了。

Answer 1

如果您正在测试的页面是有角度的，那么您应该在代码中将ignoreSynchronization 设置为false - browser.ignoreSynchronization = false;。

还要确保您的 html 正文标签上有 ng-app 属性，如果没有该属性，量角器将无法识别它是角页面还是非角页面。如果您的 ng-app 标记位于 body 标记的后代元素上，则使用 conf.js 文件中的属性 rootElement 指示量角器从该标记开始检查角度。方法如下-

rootElement: 'body/div', //if ng-app tag is on a div element under body

isElementPresent() 返回的承诺也未在您的browser.wait() 函数中解决。 wait() 函数始终等待返回布尔值，直到超时值到期，如果它没有返回任何内容，则会引发错误。同样isElementPresent() 根据元素的存在返回一个布尔值。以下是如何使用它-

browser.wait(function() { 
    return browser.isElementPresent(by.css('[class="box-header"]')).then(function(present){
        return present;
    });
}, 10000);

如果您只想使用量角器拥有的ExpectedConditions 对象来检查元素是否存在于 DOM 上，还有另一种简单的方法。以下是其用法的几个示例 -

var EC = protractor.ExpectedConditions;
var element = element(by.css('[class="box-header"]'));

browser.wait(EC.visibilityOf(element), 10000); //Checks if element is present and enabled on DOM
browser.wait(EC.presenceOf(element), 10000); //Checks if element is present on DOM
browser.wait(EC.elementToBeClickable(element), 10000); //Use it if you want to wait for element to be clickable Checks if element is present and enabled on DOM

希望对你有帮助。