title: selecting element in uib-dropdown menu
body: <p>I Have a HTML code like this.</p>
  
  <pre><code>&lt;div ng-if="!hide" class="dropdown pull-right" uib-dropdown&gt;
      &lt;a uib-dropdown-toggle href="" &gt;
      &lt;div class="btn btn-primary-outline btn-circle btn-xs pull-right comment-button"&gt; 
          &lt;span class="icon icon-chevron-down"&gt;&lt;/span&gt;
      &lt;/div&gt;
      &lt;/a&gt;
      &lt;ul class="dropdown-menu " style="text-align: center;" role="menu" uib-dropdown-menu&gt;
          &lt;li role="divider" ng-if="showDelete"&gt;&lt;a href="" ng-click="deleteItem($index)"&gt;delete &lt;/a&gt;&lt;/li&gt;
          &lt;li role="divider"&gt;&lt;a href="" ng-click="Report()"&gt; report&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>When using in protractor facing an issue with uib-dropdown selection.
  I written code like this:</p>
  
  <pre><code>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);
  </code></pre>