量角器等待页面完全加载

Question

我尝试转到https://docs.angularjs.org/tutorial后在Tutorial下单击“ 0-Bootstrapping” ，但是Protractor没有等待页面完全加载，因此出现错误

失败：无法读取未定义的属性“ click”

我尝试手动等待页面加载使用

browser.driver.sleep（10000）;

但我仍然遇到相同的错误。

conf.js

exports.config = {
// seleniumAddress: 'http://localhost:4444/wd/hub',
getPageTimeout : 12000000,
capabilities: {
    'browserName': 'chrome'
},
specs: ['todo-spec.js'],
jasmineNodeOpts: {
    showColors: true,
    defaultTimeoutInterval: 1440000,
}
};

todo-spec.js

describe('angularjs homepage', function () {
it('should greet the named user', function () {
    var dropdown = element.all(by.css('.dropdown')).first(),
        dropdownToggle = dropdown.element(by.css('.dropdown-toggle')),
        dropdownMenu = dropdown.element(by.css('.dropdown-menu')),
        menuItem = dropdownMenu.all(by.tagName('li')).first();

    browser.get('http://www.angularjs.org');
    dropdownToggle.click();
    menuItem.click();

    expect(browser.getCurrentUrl()).toEqual('https://docs.angularjs.org/tutorial');
    //waiting 10 seconds for the page to fully load
    browser.driver.sleep(10000);
    browser.waitForAngular();
});
it('', async function () {

    /*  tried waiting for the element to be present
    var EC = protractor.ExpectedConditions;
    var e = element.all(by.css('.nav-index-listing'))[0];
    browser.wait(EC.presenceOf(e), 10000);

    Failed: Cannot read property 'isPresent' of undefined
    */

    //clicking '0 - Bootstrapping' under Tutorial
    element.all(by.css('.nav-index-listing'))[0].click();
    expect(element(by.cssContainingText('.pln', 'npm install')).isEnabled()).toBe(true);
    // Failed: Cannot read property 'click' of undefined

});
});

编辑

已更换

element.all(by.css('.nav-index-listing'))[0].click();
    expect(element(by.cssContainingText('.pln', 'npm install')).isEnabled()).toBe(true);

通过

        element.all(by.css('.nav-index-listing')).get(0).click();
    browser.wait(protractor.ExpectedConditions.urlIs("https://docs.angularjs.org/tutorial/step_00"), 5000);
    expect(browser.getCurrentUrl()).toEqual('https://docs.angularjs.org/tutorial/step_00');
    expect(element(by.cssContainingText('.pln', 'npm install')).isEnabled()).toBe(true);

并得到一个错误

失败：等待时间超过5001ms

如果我删除browser.wait我得到

预期“ https://docs.angularjs.org/tutorial ”等于“ https://docs.angularjs.org/tutorial/step_00 ”。

Answer 1

首先browser.driver.sleep(10000)不需要。对于页面加载，可以使用protractor.ExpectedConditions。如果页面已经加载，它将减少不必要的等待10秒钟。

其次，您的代码中有一个小错误，这是问题的根本原因。

更改此行

element.all(by.css('.nav-index-listing'))[0].click();

对此

 element.all(by.css('.nav-index-listing')).get(0).click();

更新：

1. element.all(by.css('.nav-index-listing'))只会给您li可以通过测试的元素。但是单击它不会引导您到所需的页面。
   更改为：

   element.all(by.css('.nav-index-listing a')).get(0).click();  
   

2. 在这种情况下，[0]由于返回的值不是数组，因此将不起作用。它是类型的ElementArrayFinder。因此，这就是为什么.get(0)需要。

3. 如果您也检查以下条件，则效果会更好。

   browser.wait(EC.urlIs("https://docs.angularjs.org/tutorial/step_00"), 5000);    
   expect(browser.getCurrentUrl()).toEqual('https://docs.angularjs.org/tutorial/step_00');  
   

   这些条件检查您当前的URL是否https://docs.angularjs.org/tutorial/step_00存在。