Выбор элемента в uib-выпадающем меню

Question

У меня есть HTML-код, похожий на этот.

<div ng-if="!hide" class="dropdown pull-right" uib-dropdown> 
    <a uib-dropdown-toggle href="" > 
    <div class="btn btn-primary-outline btn-circle btn-xs pull-right comment-button"> 
     <span class="icon icon-chevron-down"></span> 
    </div> 
    </a> 
    <ul class="dropdown-menu " style="text-align: center;" role="menu" uib-dropdown-menu> 
     <li role="divider" ng-if="showDelete"><a href="" ng-click="deleteItem($index)">delete </a></li> 
     <li role="divider"><a href="" ng-click="Report()"> report</a></li> 
    </ul> 
</div> 

При использовании в транспортирщике с проблемой выбора uib-выпадающего списка. я написал такой код:

var dropDown = element(by.css("div[uib-dropdown]")); 
dropDown.element(by.css("a[uib-dropdown-toggle]")); 
dropDown.element(by.css("a[ng-click=deleteItem($index)]")).click(); 
browser.sleep(5000); 

Answer 1

this.selectMenuOption = function (option) { //menu item to click 
    var dropdown = element(by.className('dropdown pull-right'));   
    dropdown.click(); 
    dropdown.element(by.tagName('ul')).all(by.tagName('li')).filter(function (elem) { 
     return elem.getText().then(function (val) { 
      return val.toUpperCase() === option.toUpperCase(); 
     }) 
    }).first().click(); 
} 

Answer 2

a[ng-click=deleteItem($index)] фактически является недействительным селектор CSS, вам необходимо put the attribute value into quotes:

dropDown.element(by.css('a[ng-click="deleteItem($index)"]')).click(); 

---

Хотя, я бы для частичного совпадения что представляется более читаемым:

dropDown.element(by.css('a[ng-click*=deleteItem]')).click(); 

где *= означает «содержит».

---

Или, вы можете даже пойти на «текстовую ссылку» локатор:

dropDown.element(by.linkText('delete')).click(); 
dropDown.element(by.partialLinkText('delete')).click();