分度器のスピンをクリック

Question

<hs-details-item ng-repeat="item in amenities" style="overflow:hidden" class="ng-scope"> 
      <hs-label class="ng-binding">Coca-Cola</hs-label> 
      <hs-value-block> 
       <hs> 
        <hs-spin ng-class="{'disabled': isAmenityPosting}" spin- ontrol="{changeCallback:setQuantity, value: item.quantity, min:0, params: item.amenity_id, title:'Quantity'}"><span class="disabled">-</span><span>+</span> 
         <!--<span hs-placeholder="0" localize="{data: item.quantity > 0 ? item.quantity:null, format: 'int', operation:'text'}"></span>--> 
         <span localize="{data: item.quantity, format: 'int', operation:'text'}">0</span> 
        </hs-spin> 
       </hs> 
      </hs-value-block> 
     </hs-details-item> 

シナリオ：クリックするたびに数字を増分する「+」ボタンをクリックする必要があります。 挑戦：私は異なるアイテムのために10回のスピンを持っています。自分のコードを一意にすることで、正しいスピンをクリックすることができますか？私はアイテムの名前がユニークである（水、コカコーラ、...）ことがわかりますが、それらはクリックされたものではありません。分派器でこれをどのようにすることができますか？次のスニペットコードは、スピンをクリックするとコカコーラの数を増やすための例です。私は、「+」ボタンである私の要素を選択すると、それはそれについてのユニークなノッティングあり、以下の男女共学を参照してくださいになります。

<hs-spin ng-class="{'disabled': isAmenityPosting}" spin- ontrol="{changeCallback:setQuantity, value: item.quantity, min:0, params: item.amenity_id, title:'Quantity'}">< 

Answer 1

をiがm '（コカを（by.binding（「コカ・コーラ」を）要素を結合することによって：これが動作するようにADEと、「+」ボタンをクリックすることができました：

element(by.xpath("//hs-details-item[hs-label='Coca-Cola']//hs-spin/span[2]")).click(); 

Answer 2

あなたは、ラベルに基づいて、所望のスピン要素をfilter()ことができます。

var desiredLabel = "Coca-Cola"; 
var desiredSpin = element.all(by.repeater("item in amenities")).filter(function (spin) { 
    return spin.element(by.tagName("hs-label")).getText().then(function (label) { 
     return label === desiredLabel; 
    }); 
}).first(); 

desiredSpin.element(by.tagName("hs-spin")).click(); 

あるいは、分度器でnon-welcomed方法の一種 - 一度にXPath式を使用して、それを取得：alecxeの提案に若干の変更に伴い

var desiredSpin = element(by.xpath("//hs-details-item[hs-label = 'Coca-Cola']//hs-spin")); 
desiredSpin.click();