分度器で単一要素を選択する方法

Question

私は分度器を初めて使い、要素 "受信箱"を選択しようとしているangularjsスクリプトを持っています。 3つのアコーディオン型ドロップダウンのうちの2番目のものです。

<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』]」 しかし、私が本当に希望すると、特定の要素を取得することです。 以下は、私は第二の要素を取得するには、Get（2）を使用しています述べたように私のコード

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

である。しかし、この要素を取得するためにelement.allを使用しないことを望みます。
私はnilを返す他のものを試しました。エラーを返し

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

又は

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

としてUCH。

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

しかし、単に保管上のこのコードを繰り返すと「受信トレイ」に「警告」を変更：今、このことを念頭に置いて、私は成功し、それが使用して最初のパネルだったので、簡単に十分なアラート要素を選択している

受信トレイアコーディオンではなくアラートアコーディオンを選択します。提案？長い読んで申し訳ありません。

Answer 1

cssContainingTextは、最初のパラメータとしてcssロケータを使用し、2番目のパラメータとしてテキストを使用できます。

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')']'));