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")。

错误并不依赖于定位器类型，因为两者都出现：＆＃34; by.repeater＆＃34;和＆＃34; by.css＆＃34;。选择器没问题，在添加“睡眠”后测试通过＆＃39;命令：

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'承诺无论如何完全解决，而不仅仅是在它获得时突破第一个）：

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

量角器：＆＃39;等待＆＃39;没有使用＆＃34; element.all＆＃34;

2 个答案: