無法點擊使用量角器的uib-tabs元素鏈接

Question

<ul class="nav nav-pills" ng-class="{'nav-stacked': vertical, 'nav-justified': justified}" ng-transclude=""> 
    <li ng-class="[{active: active, disabled: disabled}, classes]" 
    class="uib-tab nav-item ng-scope ng-isolate-scope 
    active"index="0" select="vm.setTab('overview')"> 
     <a href="" ng-click="select($event)" class="nav-link ng-binding" uib-tab-heading-transclude=""> 
      <uib-tab-heading class="text-center ng-scope"> 
       <span class="text-overflow">Overview</span> 
      </uib-tab-heading> 
     </a> 
    </li> 
    <li ng-class="[{active: active, disabled: disabled}, classes]" 
    class="uib-tab nav-item ng-scope ng-isolate-scope" index="1" 
    select="vm.setTab('jobListing')"> 
     <a href="" ng-click="select($event)" class="nav-link ng-binding" uib-tab-heading-transclude=""> 
      <uib-tab-heading class="text-center ng-scope"> 
       <span class="text-overflow">Job Listing</span> 
      </uib-tab-heading> 
     </a> 
    </li> 
</ul> 

以上是自動生成的html代碼。我想用量角器點擊「作業列表」，因爲我已經嘗試了下面的東西，但是不行。請幫助。 $('li[select="vm.setTab(\'jobListing\']"').click()

Answer 1

試試這個：

element(by.cssContainingText('.nav .nav-item', 'Job Listing')).click();