如何使用量角器测试AngularJS中的闪烁div

Question

通过说“flicker div”，我的意思是div显示几秒钟然后消失，就像加载叠加层一样。给出一个真实的例子，我正在为一个简单的演示登录页面http://pinkyjie.com/generator-aio-angular/#/login进行E2E测试，这里是场景：

  

当用户第一次访问此页面时，登录表单顶部会有一个加载覆盖。 （此覆盖元素的显示/隐藏由ng-if）

控制

我想用量角器测试一下：

function waitForElement (element) {
    browser.wait(function () {
        return browser.isElementPresent(element);
    }, browser.params.timeout);
}

it('should display the loading view for login', function () {
    // try 1: explicitly wait
    waitForElement(by.css('.login-checking'));
    // result 1: Error: Wait timed out after 10024ms

    // try 2: not wait
    expect(element.by.css('.login-checking').isPresent()).toBe(true);
    // result 2: Expected false to be true.
});

请参阅有关量角器结果错误的注释。

如何测试这种闪烁div？