量角器：'wait' 不适用于 "element.all"

Question

我在编写 Protractor 自动化测试时遇到了问题。 Wait command 实际上并不等待数组元素之一。请参见下面的示例：导航到网页后，我尝试等待第一个元素。

var category = element.all(by.repeater('category in listCtrl.categories'));
var category2 = $$('.category-name.custom-tooltip-link.ng-binding');
var EC = protractor.ExpectedConditions;

describe('wait for the first category', function() {

    it('wait', function() {
        browser.get('http://www.deep.mg/');

        browser.wait(EC.visibilityOf(category.get(0)), 20000);

        browser.wait(EC.visibilityOf(category2.get(0)), 20000);
    });
});

但是测试失败并出现以下错误：Failed: Index out of bound. Trying to access element at index: 0, but there are only 0 elements that match locator by.repeater("category in listCtrl.categories")。

错误不依赖于定位器类型，因为同时出现：“by.repeater”和“by.css”。选择器没问题，添加 'sleep' 命令后测试通过：

var category = element.all(by.repeater('category in listCtrl.categories'));
var category2 = $$('.category-name.custom-tooltip-link.ng-binding');
var EC = protractor.ExpectedConditions;

describe('wait for the first category', function() {

    it('wait', function() {
        browser.get('http://www.deep.mg/');

        browser.sleep(15000);

        browser.wait(EC.visibilityOf(category.get(0)), 20000);

        browser.wait(EC.visibilityOf(category2.get(0)), 20000);

        category.count().then(function(count1) {
            console.log(count1);  //count returns 5, which means there are actually elements in array
        });

        category2.count().then(function(count2) {
            console.log(count2);
        });
    });
});

超时参数也没有帮助，它只是忽略它并立即失败。

那么问题来了，如何等待数组的某个元素呢？我错过了什么吗？谢谢。

Answer 1

制作自定义预期条件以等待数组中的元素数大于 0：

function presenceOfAll(elementArrayFinder) {
    return function () {
        return elementArrayFinder.count(function (count) {
            return count > 0;
        });
    };
}

用法：

browser.wait(presenceOfAll(category), 10000);
browser.wait(presenceOfAll(category2), 10000);

适合我。

Answer 2

如果 'get' 没有元素，

element.all(by.repeater('category in listCtrl.categories')).get(0) 将始终抛出错误（来源：element.js ElementArrayFinder.prototype.get）

你可以这样做：

browser.wait(function() {
    return category.count().then(function(catCount) {
        if (catCount > 0) {
            return EC.visibilityOf(category.get(0));
        }
    }
}, 20000);

或者你可能只是等到所有元素都可见，它会做你要求它做的事情（因为它会等待 'all' promise 完全解析，而不仅仅是 break当它得到第一个时就出来了）：

browser.wait(EC.visibilityOf(category), 20000);

量角器：'wait' 不适用于 "element.all"

Protractor: 'wait' doesn't work with "element.all"

selenium

automated-tests

jasmine

angularjs

protractor