新しい属性がDOMに追加されたときに要素を待つ方法は？

Question

私のアプリケーションの機能では、データがテーブルに読み込まれるまで「読み込み中」通知が表示されます。通知「ロード」はDOMに見える要素である一方では、それが見えない新しい属性である場合には、「ロード」の通知が新しい見えないとき、「隠された」と

<div class="loading_message" hidden> 
<i class="loading_gear_symbol"></i> Loading data... 
</div> 

そして、他のテーブル内に追加されます

<div class="loading_message"> 
     <i class="loading_gear_symbol"></i> Loading data... 
    </div> 

のように見えます属性「スタイルは=」表示：なしは、」

<div class="loading_message" style="display: none;"> 
<i class="loading_gear_symbol"></i> Loading data... 
</div> 

を追加されます私がするまで待機する 『ロード』通知が見えず、その後、私のアクションを実行し、私は自動機械用の分度器を使用しています。イオン。 「読み込み中」の通知が見えなくなるまで待つ方法

Answer 1

これを実現するには、分度器のExpectedConditionsをbrowser.waitとともに使用できます。以下のコードを試してください。

var EC = protractor.ExpectedConditions; 
var loadingElement = $(".loading_message"); 
browser.wait(EC.invisibilityOf(loadingElement),waitTime);