xpath（またはより良い選択肢）を使用して特定のドロップダウン要素を選択する

Question

このドロップダウンリストで特定の要素を選択する方法を教えてください。

<li role="presentation" ng-repeat="match in $matches" ng-class="{active: $isActive($index)}" class="ng-scope active"> 
    <a style="cursor: default" role="menuitem" tabindex="-1" ng-click="$select($index, $event)"> 
     <!-- ngIf: $isMultiple && $isActive($index) --> 
      <i class="glyphicon glyphicon-ok pull-right" ng-if="$isMultiple &amp;&amp; $isActive($index)"></i> 
     <!-- end ngIf: $isMultiple && $isActive($index) --> 
     <span ng-bind="match.label" class="ng-binding">Streamer</span> 
    </a> 
</li> 

私はこの

element(by.model('selectedAvailable')).click(); 
element(by.xpath('..//ul//li[1]')).click(). 

、これを試してみました：

element(by.repeater('match in $matches').row(0)).click(); 

Answer 1

Iだろうfilter()それ、あなたが "ストリーマー" のラベルを知っているし、それを選択したいと仮定すると：

var matches = element.all(by.repeater('match in $matches')); 
matches.filter(function (match) { 
    return match.element(by.binding("match.label")).getText().then(function (text) { 
     return text === "Streamer"; 
    }); 
}).first().click(); 

または同様のevaluate()代わりのgetText()とファッション：

var matches = element(by.repeater('match in $matches')); 
matches.filter(function (match) { 
    return match.evaluate("match.label").then(function (label) { 
     return label === "Streamer"; 
    }); 
}).first().click(); 

Answer 2

代替はby.cssContainingTextを使用することです：

element(by.cssContainingText('[ng-repeat="match in $matches"]', 'Streamer')).click();