如何在量角器测试中点击选择框中的选项？

Question

我使用量角器在角应用端到端测试。我试图点击选择框中的选项，但我有以下错误元素目前不可见，可能无法操纵。

我有这部分html：

<select class="form-control" ng-required="true" ng-model="selectedAction.begStatus"
        ng-options="obj as obj.name for obj in allBegStatuses">
</select>

在量角器测试中我有一行代码：

element(by.xpath('//select/option[text()="Draft"]')).click();

我想点击值为“草稿”的选项。你知道可能是什么问题吗？

Answer 1

这个怎么样：

element(by.xpath('//*[@id="controlId"]/option[3]')).click();

这应该选择下拉列表中的值。

希望能有帮助。

Answer 2

我为select（按id）创建了一个函数，并通过文本比较单击了一个选项。

this.selectOption = function (selector, item) {
        var selectList, desiredOption;
        selectList = element(by.id(selector));
        selectList.all(protractor.By.tagName('option'))
            .then(function (options) {
                options.some(function (option) {
                    option.getText().then(function (text) {
                        if (item.toLowerCase() === text.toLowerCase()) {
                            desiredOption = option;
                            return true;
                        }
                        return true;
                    });
                });
            })
            .then(function () {
                if (desiredOption) {
                    desiredOption.click();
                }
            });
    };

希望它对你有用

Answer 3

var option = element.all(by.options('obj as obj.name for obj in allBegStatuses'));
var selectOption = option.get(1);
selectOption.click();