Question

进入https://docs.angularjs.org/tutorial后，我试图单击Tutorial下的'0-Bootstrapping'，但是Protractor没有等待页面完全加载，所以出现错误

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

我尝试手动等待页面使用

加载

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后超时

如果删除浏览器，请等待

期望'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();

更新：

element.all(by.css('.nav-index-listing'))仅会给您li个可以通过测试的元素。但是单击它不会引导您到所需的页面。
更改为：
```
element.all(by.css('.nav-index-listing a')).get(0).click();  
```
在这种情况下，[0]将不起作用，因为返回的值不是数组。它的类型为ElementArrayFinder。因此，这就是为什么需要.get(0)的原因。

如果还要检查以下条件，则效果会更好。

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。

Answer 2

尝试使用waitForAngualarEnabled(true)而不是预期的等待时间，这样会使量角器等待直到所有角度元素都已加载，然后在测试的每一行中添加await。否决接受

量角器等待页面完全加载

编辑

2 个答案: