無法從量角器的ui列表下拉列表中選擇選項值或文本

Question

這是我的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();

請提出解決方案以按文本或索引選擇選項。 提前致謝。

Answer 1

對於按文本選擇，請使用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替換為父元素。