量角器 - 选择“下拉列表”时“不可见元素”。（但手动选择时可见）

Question

我一直在搜索2天，但我无法找到解决方案，我想要一个下拉列表被选中。当我使用某些元素.all css定位器单击下拉列表时，它会单击下拉列表（下拉列表打开但显示错误）。所以我试图使用链接文本打开下拉列表（完美地打开）。但在那之后，我无法在下拉列表中选择该选项。（显示“不可见元素”）。我也无法通过链接文本选择该选项。以下是详细信息

<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right" style="margin-right:0px">
 <li>
    <div uib-dropdown="" style="margin-right: 5px;" class="dropdown">
                                Tenant
    <a href="" id="simple-dropdown" uib-dropdown-toggle="" class="dropdown-toggle" aria-haspopup="true" aria-expanded="false">
    <span class="breadcrumb ng-binding" style="padding-bottom: 2px; padding-top: 2px;">cust1</span>
    </a>
      <ul class="uib-dropdown-menu dropdown-menu" role="menu" aria-labelledby="single-button">
    <!-- ngRepeat: tenant in tenantList --><li ng-repeat="tenant in tenantList" class="ng-scope">
    <a ng-click="selectTenant(0)" href="">
    <span ng-show="selectedTenant.Identity == tenant.Identity" class="glyphicon glyphicon-ok"></span>
    <span ng-show="selectedTenant.Identity != tenant.Identity" style="margin-left: 17px" class="ng-hide"></span>
    <span class="ng-binding">cust1</span>
    </a>
    </li><!-- end ngRepeat: tenant in tenantList --><li ng-repeat="tenant in tenantList" class="ng-scope">
    <a ng-click="selectTenant(1)" href="">
    <span ng-show="selectedTenant.Identity == tenant.Identity" class="glyphicon glyphicon-ok ng-hide"></span>
    <span ng-show="selectedTenant.Identity != tenant.Identity" style="margin-left: 17px" class=""></span>
    <span class="ng-binding">NewTenant1</span>
     </a>
    </li><!-- end ngRepeat: tenant in tenantList --><li ng-repeat="tenant in tenantList" class="ng-scope">
    <a ng-click="selectTenant(2)" href="">
    <span ng-show="selectedTenant.Identity == tenant.Identity" class="glyphicon glyphicon-ok ng-hide"></span>
    <span ng-show="selectedTenant.Identity != tenant.Identity" style="margin-left: 17px" class=""></span>
    <span class="ng-binding">cust2</span>
    </a>
    </li><!-- end ngRepeat: tenant in tenantList -->
    </ul>
    </div> 

我试图通过以下方法来选择，但我不能让它工作。

1. 等待元素变为可见。
2. 链接文本
3. 要选择的选项。（通过中继器名称作为选项）请帮助我

Answer 1

这就够了吗？我用它来标识包含特定标签值的下拉元素...

this.clickDropChoice = function(dropdown, optionChoice) {
    dropdown.element(by.cssContainingText('option', optionChoice)).click()
};

Answer 2

元素（按.partialLinkText（'cust2'））；我不知道为什么linktext不起作用，但partialLinkText起作用了。谢谢你的回复。