如何使用量角器检查下拉列表的内容？

Question

我试图编写一个可重用的量角器函数，它将确定下拉列表中是否存在具有指定文本的选项。这是我在尝试检查选项时创建的函数。

public expectDropdownListOptionPresence(dropdownListID: string, isPresent: boolean, optionText: string) {
    // Determine if the desired option text is present or missing from the target list.
    // Set isPresent to true when it should appear, and false when it shouldn't appear.

    // Attempt 1
    element.all(by.id(dropdownListID)).filter(function (lists) {
        // Make sure the list is visible.
        return lists.isDisplayed().then(function (isVisible) {
            return isVisible;
        }).then(function (visibleLists) {
            // Nope, "Property 'all' does not exist on type 'Boolean'."
            // visibleLists.all.getItem(by.css('option')) 
        })
    });

    // Attempt 2
    element(by.id(dropdownListID)).$('option').filter(function (listOptions) {
        // Nope, "Property 'filter' does not exist on type 'ElementFinder'."
    });
}

您可以看到一些尝试，我已经在一些我尝试过的事情中包含了WebStorm发出的警告。

我已经调查了这个关于选择一个选项的SO帖子。（如何在下拉protractorjs e2e测试中选择选项）与这篇文章不同，我的目标不是选择选项，而是检查下拉列表，确定列表中是否存在选项，或者列表中是否不存在选项。

==编辑日期：2016年12月16日===

下面是我根据@alecxe提供的解决方案改编的代码。我更改了函数名以使其更具可读性。这可以按预期工作。非常感谢。

public expectDropdownListContains(dropdownListID: string, isPresent: boolean, optionText: string) {
    // Determine if the desired option text is present or missing from the target list.
    // Set isPresent to true when it should appear, and false when it shouldn't appear.
    var foundOptions = element(by.id(dropdownListID)).$$('option').filter(function (option) {
        return option.getText().then(function (text) {
            return text === optionText;
        });
    });

    if (isPresent === true) {
        expect(foundOptions.count()).toBeGreaterThan(0);
    } else {
        expect(foundOptions.count()).toEqual(0);
    }
}

Answer 1

你可以用不同的方法来处理它，但是这里有一个想法——使用map（）来获取所有的选项文本，然后使用toContain（）jasmine匹配器来检查是否有所需的选项：

public expectDropdownListOptionPresence(dropdownListID: string, optionText: string) {
    var allOptions = element(by.id(dropdownListID)).$$('option').map(function (option) {
        return option.getText();
    });

    expect(allOptions).toContain(optionText);
}

或者，您可以通过文本过滤（）所需的选项，然后期望您找到一些东西：

public expectDropdownListOptionPresence(dropdownListID: string, optionText: string) {
    var foundOptions = element(by.id(dropdownListID)).$$('option').filter(function (option) {
        return option.getText().then(function (text) {
            return text === optionText;
        });
    });

    expect(foundOptions.count()).toBeGreaterThan(0);
}

还有一种选择-