각도기를 사용하여 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 코드입니다. 나는 아래의 것을 시도했으나 작동하지 않는 분도기를 사용하여 'Job Listing'을 클릭하고 싶다. 도움을 청하십시오. $('li[select="vm.setTab(\'jobListing\']"').click()

Answer 1

이 시도 :

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