量角器：'wait'不能与“element.all”一起使用 [英] Protractor: 'wait' doesn't work with "element.all"

问题描述

我写了Protractor自动化测试并面临一个问题。 等待命令实际上并不等待其中一个数组元素。请参阅下面的示例：我尝试在导航到网页后等待第一个元素。

I write Protractor automation tests and faced an issue. Wait command doesn't actually wait for one of the array elements. See the example below: I try to wait for the first element after navigating to webpage.

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);
    });
});

但测试失败并出现以下错误：失败：索引超出范围。尝试访问index：0处的元素，但只有0个元素匹配locator by.repeater（listCtrl.categories中的类别）。

But test fails with the following error: 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'命令后测试通过：

Error doesn't depend on locator type, because appears for both: "by.repeater" and "by.css". The selectors are ok, test passes after adding 'sleep' 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.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);
        });
    });
});

此外，timeout参数没有帮助，只是忽略它并立即失败。

Also timeout parameter doesn't help, it just ignores it and fails immediately.

所以问题是如何等待数组的某个元素？我错过了什么吗？谢谢。

So the question is how to wait for a certain element of an array? Am I missing something? Thanks.

推荐答案

创建自定义预期条件以等待数组中的元素数量为大于0：

Make a custom Expected Condition to wait for count of elements in an array to be more than 0:

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

用法：

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

适合我。

这篇关于量角器：'wait'不能与“element.all”一起使用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！