リピータのng-clickボタンを見つけてクリックするには

Question

Selenium WebDriverと分度器を使用してAngularJS Webページをテストする必要があります。

HTMLスニペットテストする：

screenshot of the html angular page

私はすでに、ドキュメントを通じてユーチューブ上のチュートリアルを行って、それをグーグルが、私はまだドン：

<tr ng-repeat="item in items" class="ng-scope"> 
    <td class="ng-binding"> 
     Item1 
    </td> 
    <td class="ng-binding"> 
     description 
    </td> 
    <td class="ng-binding"> 
     1234 
    </td> 
    <td> 
     <div ng-click="AddItem(item.id)" class="btn">Add Item</div> 
    </td> 
</tr> 

<tr ng-repeat="item in items" class="ng-scope"> 
    <td class="ng-binding"> 
     Item2 
    </td> 
    <td class="ng-binding"> 
     description 
    </td> 
    <td class="ng-binding"> 
     1235 
    </td> 
    <td> 
     <div ng-click="AddItem(item.id)" class="btn">Add Item</div> 
    </td> 
</tr> 

それはこのようになります特定のアイテムIDを持つ特定のアイテムの「アイテムの追加」を探してクリックする方法を理解しています。

どうすればいいですか？

Answer 1

あなたが探している特定のIDはDOM内に存在しません。つまり、そのアプローチを使用して要素を見つけることはできません。

次は私が個人的に使用するコードです：ダニーの答え@に加えて

element.all(by.repeater('item in items')).filter(function(row){ 
return row.all(by.tagName('td')).first().getText().then(function(val){ 
    return val === "Item1" //this can be your per your wish 
    }) 
}).first().$('[ng-click="AddItem(item.id)"]').click(); 

Answer 2

、evaluate() method.Tryに以下のコードを使用してDOMからitem.idを見つけることが可能です。

element.all(by.repeater('item in items')).filter(function(row){ 
    return row.evaluate('item.id').then(function(id){ 
     return val === "1234"; 
    }) 
}).first().$('.btn').click(); 

出典：http://www.protractortest.org/#/api?view=ElementArrayFinder.prototype.evaluate