[英]Unable to select options value or text from ui list dropdown in protractor
这是我的HTML代码:
<div class="chosen-container chosen-container-single" style="width: 240px;" title="">
<a class="chosen-single" tabindex="-1">
<span>General Information</span>
<div>
<b></b>
</div>
</a>
<div class="chosen-drop">
<div class="chosen-search">
<input type="text" autocomplete="off">
</div>
<ul class="chosen-results">
<li class="active-result ng-binding" data-option-array-index="0" style="">Please select an option</li>
<li class="group-result">General</li>
<li class="active-result result-selected group-option" data-option-array-index="2" style="">General Information1</li>
<li class="active-result group-option" data-option-array-index="3" style="">General Information2</li>
<li class="active-result group-option" data-option-array-index="4" style="">General Information3</li>
<li class="active-result group-option" data-option-array-index="5" style="">General Information4</li>
<li class="active-result group-option" data-option-array-index="6" style="">General Information5</li>
<li class="active-result group-option" data-option-array-index="7" style="">General Information6</li>
<li class="active-result group-option" data-option-array-index="8" style="">General Information7</li>
<li class="active-result group-option" data-option-array-index="9" style="">General Information8</li>
<li class="active-result group-option" data-option-array-index="10" style="">General Information9</li>
<li class="active-result group-option" data-option-array-index="11" style="">General Information10</li>
</ul>
</div>
</div>
可以点击下拉列表
reportdropdown=element(by.css('a.chosen-single'));
尝试使用以下代码:
reportdropdown.all(by.css("li.active-result.result-selected.ng-binding")).get(1).click();
请提出解决方案以按文本或索引选择选项。 提前致谢。
对于按文本选择,请使用cssContainingText
。
还将定位器中的标识符减少到必要的数量
$('div.chosen-container-single').element(by.cssContainingText("li.active-result"), 'text of option to select').click();
至于索引,只需将get(1)
替换为get(index)
。
$('div.chosen-container-single').all(by.css("li.active-result")).get(index).click();
或者,如果您希望它成为定位器的一部分:
$('div.chosen-container-single').element(by.css('li.active-result[data-opion-array-index="'+index+'"]"')).click();
更新 :我错过了,您的<a>
-tag不是<ul>
父级。 因此,将您的reportdropdown
替换为父元素。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.