量角器 - 下拉元素不可见（自动完成下拉）答案

【问题标题】：Protractor - Drop down Element Not Visible(auto complete drop down)量角器 - 下拉元素不可见（自动完成下拉）
【发布时间】：2016-04-04 19:59:54
【问题描述】：

我在我的应用程序中遇到了不同类型的元素不可见问题。请帮我解决这个问题。

以下或html代码

下拉菜单

<span class="btn btn-default form-control ui-select-toggle" style="outline: 0;" ng-click="$select.activate()" ng-disabled="$select.disabled" aria-label="Select box activate" tabindex="-1">

在自动完成下拉菜单中键入文本。

<span class="ui-select-placeholder text-muted ng-binding" ng-show="$select.isEmpty()">Select Reseller...</span>

我能够单击下拉菜单并输入文本。但之后它失败，元素不可见错误

【问题讨论】：

我尝试了以下修复，但它不起作用 this.ResellerName = element(by.css('.btn.btn-default.form-control.ui-select-toggle')); this.ResellerName1 =element(by.css('input[ng-model="$select.search"]')); AdSell.ResellerName.click(); browser.sleep(2000); AdSell.ResellerName1.sendKeys(Data.ResellerName); browser.sleep(2000); browser.actions().sendKeys(量角器.Key.ENTER).perform(); browser.sleep(2000);
下拉值 r 上没有中继器，否则我可以通过文本选择

标签： angularjs automation protractor

【解决方案1】：

如果您可以单击“自动完成”下拉菜单，请尝试按文本值选择下拉菜单。

by.linkText('Text to be selected'));

或

尝试使用以下函数（这将通过文本选择值）

this.SelectRowByCellValue = function (Elem, Texts)
{

        Elem.filter(function (element) {
        return element.getText().then(function (text) {
            if (text == Texts && text != null)
            {
                element.click();
                return false;
            }
            else
            {

            }
        });
    }).then(function (filteredElements) {

    });
};

【讨论】：