如何使用量角器選擇單個元素

Question

我是量角器的新手，並且嘗試選擇「收件箱」元素的angularjs腳本。這是3手風琴類型下降的第二個。

<div class="container"> 
<div class="ng-scope" ui-view="" style=""> 
    <div class="logo-container ng-scope"> 
    <img class="img-responsive center-block" src="images/logo.png"> 
</div> 
    <a class="ng-scope" ng-click="toggleNav('/inboxes/alerts')"> 
    <div class="inboxes inbox-alerts panel"> 
    <div class="panel-body"> 
    <span class="glyphicon glyphicon-exclamation-sign" aria-hidden="true"></span> 
<span class="panel-text ng-binding"> 
Alerts 
<span class="badge ng-binding">3</span> 
</span> 
</div> 
</div> 
</a> 
<a class="ng-scope" ng-click="toggleNav('/inboxes/inbox')"> 
    <div class="inboxes inbox panel"> 
    <div class="panel-body"> 
     <span class="glyphicon glyphicon-inbox" aria-hidden="true"></span> 
     <span class="panel-text ng-binding"> 
     Inbox 
    <span class="badge ng-binding">41</span> 
    </span> 
    </div> 
</div> 
</a> 

我是能夠做到這一點使用element.all，但這返回元件的陣列 「[ '提醒3'， '3'， '41收件箱'， '41'，「觀看List104 」，‘104’]」 但我真的希望是獲得特定元素。 下面是我的代碼

it('should open & close the Inbox panel', function() { 
    var inbox_elm1 = element.all(by.binding('Inbox')).get(2); 
     inbox_elm1.click(); 
]); 
}); 

由於我使用get（2）獲得第二個元素提及。但我想不使用element.all來獲得這個元素。
我試過其他的東西，返回一個零UCH作爲

var inbox_elm1 = element(by.binding('Inbox')); 

或

var inbox_elm1 = element.all(by.binding('Inbox')).first(); 

它返回一個錯誤。

考慮到這一點

現在，我已經成功地選擇了警報元素很容易的，因爲它是用第一面板：

var alrt_elm = element.all(by.binding('Alerts')).first(); 
alrt_elm.click(); 

但上述重複的代碼，改變「提醒」到「收件箱」只是不停選擇警報手風琴而不是收件箱手風琴。建議？對不起，長時間閱讀。

Answer 1

你可以使用cssContainingText這需要一個CSS定位器作爲第一個參數，以及文本作爲第二個參數。

var alerts = element(by.cssContainingText('span.panel-text', 'Alerts')); 
var inbox = element(by.cssContainingText('span.panel-text', 'Inbox')); 

來源：http://www.protractortest.org/#/api?view=ProtractorBy.prototype.cssContainingText

Answer 2

var alerts = element(by.xpath('//a[@ng-click='toggleNav('/inboxes/alerts')']')); 
var inbox = element(by.xpath('//a[@ng-click='toggleNav('/inboxes/inbox')']'));