分度器：複数の.get（）を同時に使用できますか？

Question

私はおそらくこれを非常に悪いと言いましたが、私は<ul>クラスを持っていて、要素内に複数の<li>があります。最初の5つの<li>のエントリを印刷したいと思います。私は.get(1)などを使用して個々のエントリを印刷することができますが、私は一緒に.get(1)``.get(2)``.get(3)を使用する方法やそれが可能であるかどうかはわかりません。 これがあります。これは、HTML

<ul class="deposit"> 
 
\t \t <li>52,694.85</li> 
 
     <li>21,779.65</li> 
 
     <li>12,086.61</li> 
 
     <li>358,314.56</li> 
 
     <li>47,801.12</li> 
 
     <!--anchor--> 
 
</ul>

ある

checkFigures (figures) { 
 
browser.sleep(8000); 
 
    var checkBalance = element.all(by.css('ul.legend-numbers> li')).get(1); 
 
\t checkBalance.getText().then(function (text) { 
 
     console.log(text); 
 
    //prints 2nd <li> item 
 
}); 
 
}

私のページオブジェクトファイルで、私はそれに近づく方法を任意のヘルプ

Answer 1

あなたはElementArrayFinderに（）.each呼び出すことができます。 filter（）またはmap（）を使用すると、探している要素を取得できます。 protractor element.ts

$('ul.deposit').$$('li') //get parent ul then all child li 
      .filter((elements, index) => { //filter out the first 5 elements 
       return index < 5 
      }) 
      .each((element, index) => { //for each of the 5 elements do the following. (order is not guaranteed) 
       return element.getText().then((text) => { 
        console.info(index + " - " + text) 
       }) 
      }); 

Answer 2

のおかげでありますCSSセレクタ "：lt"（より小さい）そのca n jQueryで使用する。

$("ul.deposit li:lt(5)").size(); //5 

あなたはそれを使用できますか？

$("ul.deposit li:lt(5)").each(
    function(i){ 
     console.info(i + " - " + $(this).text()); 
}); 

Answer 3

var combined = ''; 
function combineText(a){ 
    combined = (combined.concat(' ')).concat(a); 
} 
var checkBalance = element.all(by.css('ul.legend-numbers> li')); 
for(var i = 0; i < 5; i++){ 
    combineText(checkBalance[i].getText()); 
} 
browser.driver.sleep(0).then(function() { 
    console.log(combined); 
});