Protractor - Error: Index out of bound exception while using the same function for the second time

Protractor - Error: Index out of bound exception while using the same function for the second time

我有以下功能,可以从可用类别列表中选择一个类别。这个功能在我的第一次测试中运行良好。但是在我的第二次测试中具有不同有效类别名称的相同函数失败并出现以下错误。

错误:索引越界。尝试访问索引处的元素:0,但只有 0 个元素匹配定位器 By.cssSelector(".grid-view-builder__category")

this.categoryElements = element.all(by.css('.grid-view-builder__category'));

this.selectCategory = function (categoryName) {

    var filteredCategories = this.categoryElements.filter(function (category) {
        return category.getText().then(function (text) {
            log.info(text);
            return text === categoryName;
        })
    })

    filteredCategories.first().click().then(function () {
        log.info("Select Category: " + categoryName);
    }).then(null, function (err) {
        log.error("Category: " + categoryName + " Not Found !!" + err);
    });

}

规格文件

var columnSelect = require('pages/grid/columns/columnselector-page')()

it('Add Publisher ID Column to the Grid & Verify', function () {

    var columnCountBefore = columnSelect.getColumnCount();

    columnSelect.openColumnSelector();
    columnSelect.selectCategory('Advanced');
    columnSelect.selectColumn('Publisher ID');
    columnSelect.apply();

    var columnCountAfter = columnSelect.getColumnCount();

    expect(columnCountAfter).toBeGreaterThan(columnCountBefore);

});

看起来这与此处发布的代码无关,只是您使用的 css 选择器未找到任何元素

问题可能出在您定义和使用页面对象的方式上。这是一个可以尝试的快速解决方案 - 如果这有帮助,我们将讨论为什么会这样。

使 categoryElements 成为 函数 而不是 属性:

this.getCategoryElements = function () {
    return element.all(by.css('.grid-view-builder__category'));
};

this.selectCategory = function (categoryName) {

    var filteredCategories = this.getCategoryElements().filter(function (category) {
        return category.getText().then(function (text) {
            log.info(text);
            return text === categoryName;
        })
    })

    filteredCategories.first().click().then(function () {
        log.info("Select Category: " + categoryName);
    }).then(null, function (err) {
        log.error("Category: " + categoryName + " Not Found !!" + err);
    });

}

或者,这可能是 "timing issue" - 让我们通过 browser.wait() to wait for at least a single category to be present 添加显式等待:

var EC = protractor.ExpectedConditions;
var category = element(by.css('.grid-view-builder__category'));

browser.wait(EC.presenceOf(category), 5000);