量角器 - 选择下拉时元素不可见。(但手动选择时可见)
Protractor - Element Not Visible when selecting Drop down.(but visible when selected manually)
我已经搜索了 2 天,但我无法找到解决方案,我想要一个下拉列表 selected。当我使用某些 element.all css 定位器单击下拉菜单时,它会单击下拉菜单(下拉菜单打开但显示错误)。所以我尝试使用 linkText 打开下拉菜单(完美打开)。但在那之后我无法 select 下拉菜单中的选项。 (显示元素不可见)。我也无法通过 linkText select 选项。下面是详细信息
<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>
我尝试通过以下方式实现 select 但我无法实现。
- 等待元素变为可见。
- 链接文本
- select 选项。 (通过中继器名称作为选项)
请帮帮我
这就够了吗?我用它来识别包含特定标签值的下拉元素...
this.clickDropChoice = function(dropdown, optionChoice) {
dropdown.element(by.cssContainingText('option', optionChoice)).click()
};
元素(by.partialLinkText('cust2'));我不知道为什么 linktext 不工作但 partialLinkText 工作。谢谢回复。
我已经搜索了 2 天,但我无法找到解决方案,我想要一个下拉列表 selected。当我使用某些 element.all css 定位器单击下拉菜单时,它会单击下拉菜单(下拉菜单打开但显示错误)。所以我尝试使用 linkText 打开下拉菜单(完美打开)。但在那之后我无法 select 下拉菜单中的选项。 (显示元素不可见)。我也无法通过 linkText select 选项。下面是详细信息
<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>
我尝试通过以下方式实现 select 但我无法实现。
- 等待元素变为可见。
- 链接文本
- select 选项。 (通过中继器名称作为选项) 请帮帮我
这就够了吗?我用它来识别包含特定标签值的下拉元素...
this.clickDropChoice = function(dropdown, optionChoice) {
dropdown.element(by.cssContainingText('option', optionChoice)).click()
};
元素(by.partialLinkText('cust2'));我不知道为什么 linktext 不工作但 partialLinkText 工作。谢谢回复。