如何在DOM中添加新属性时等待元素？

Question

我的应用程序中的

功能是用户将看到“加载”通知，直到将数据加载到表中。通知“加载”是DOM中的可见元素，看起来像

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

当它不可见时，新属性“隐藏”被添加

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

在其他表中，当“加载”通知是不可见的新属性“style =”display：none;“添加”

<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);