title: Unable to click a link residing inside a <li element
body: <p>I am not able to click on the link nestled inside a list tag.
  Here is the HTML code:</p>
  
  <pre><code>&lt;div class="sideBarContent" ng-include="'routes/sidebar/sidebar.tpl.html'"&gt;
  &lt;div id="innerSidebarContent" ng-controller="SidebarController"&gt;
  &lt;div&gt;
  &lt;ul class="menuItems bounceInDown"&gt;
  &lt;li id="menuHome" class="" ui-sref="home" ng-click="closeMobileMenu()" href="/home/"&gt;
  &lt;li id="menuConfigurator" ui-sref="configurator" ng-click="closeMobileMenu()" href="/configurator/"&gt;
  &lt;span class="menuIcon regularImage blueHighlight activated icon-selectAndTailor"&gt;&lt;/span&gt;
  &lt;span class="menuIcon icon-selectAndTailor_active activeImage"&gt;
  &lt;p class="mainMenuLabel multiLine"&gt;Select &amp; Tailor Methods&lt;/p&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>I tried all these ways to locate the text and click on it:</p>
  
  <pre><code>describe('Test objects in /configurator/ route', function() {
  it('Click on select and tailor banner icon', function(){
      //element(by.css('ul.menuItems &gt; li[href=/configurator/]')).click();
      //element(by.className('menuIcon icon-selectAndTailor_active activeImage')).click();
      //element(by.css("li[@id='menuConfigurator' and @href='/configurator/']")).click();
      //element(by.id('menuConfigurator')).click();
      //element(by.xpath("//div[@class='sideBarContent']/p")).click();
      //element(by.css("#menuConfigurator &gt; p")).click();
      //element(by.partialLinkText('Select &amp; Tailor Methods')).click();
      element(by.linkText("Select &amp; Tailor Methods")).click();
      console.log('in the configspec ...');
  })});
  </code></pre>
  
  <p>Can someone help me resolve this?</p>