在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-dropdown选择有关的问题。 我写这样的代码：

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();