Question

我在Angular应用程序中使用Protractor进行端到端测试。我试图点击选择框中的选项，但我有下面的错误元素当前不可见，可能无法操纵。

我有html的这一部分：

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

我在Protractor测试中有这行代码：

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

我想点击带有值＆＃34;草稿＆＃34;的选项。你知道可能是什么问题吗？

Answer 1

var option = element.all(by.options('obj as obj.name for obj in allBegStatuses'));
var selectOption = option.get(1);
selectOption.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

这个怎么样：

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

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

希望它有所帮助。

Answer 4

按型号选择：

element(by.select("selectedAction.begStatus"))

Answer 5

这对我有用：

    function selectOptionByText (selectBox, optionText) {
        selectBox.element(by.cssContainingText('option', optionText)).click();
    }

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

5 个答案: