selecting element in uib-dropdown menu
<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>