Question

当我单击导出按钮时，它会对我们的端点进行REST调用，然后几秒钟后，我收到响应，然后我也会渲染表。不幸的是，我读到每个调用都是异步的，这意味着即使表还没有呈现，我的期望也会被执行。期望我写了检查字符串是否在桌子上，但它失败了，因为它还没有。什么是正确的方法？

it('should generate global user report', function() {
    element(by.css('button#exportButton')).click();

    expect(element(by.css("th[name*=Date]")).getText()).
        toEqual('Date');
})

控制台上的错误是

NoSuchElementError: No element found using locator: By.cssSelector("th[name*=Date]")

我注意到表尚未呈现，这就是它失败的原因。

Answer 1

Protractor 1.7引入了一个名为"Expected Conditions"的功能，可以在这里应用。

等待元素变得可见：

var EC = protractor.ExpectedConditions;
var elm = element(by.css("th[name*=Date]"));

browser.wait(EC.visibilityOf(elm), 5000);
expect(elm.getText()).toEqual('Date');

Answer 2

我在等待动态元素出现时遇到问题。让驱动程序等待它出现或显示。最后的数字是超时。

element(by.css('button#exportButton')).click();
var header = element(by.css("th[name*=Date]"));
browser.driver.wait(function() {
    return header.isPresent();
}, 1000);
expect(header.getText()).toEqual('Date');

我必须等到它出现并在测试完全稳定之前显示。你可以这样做：

var header = element(by.css("th[name*=Date]"));        
browser.driver.wait(function() {
    return header.isPresent().then(function(present) {
        if (present) {
            return header.isDisplayed().then(function(visible) {                   
                return visible;
            });
        } else {
            return false;
        }
    });
}, 1000);

告诉Protractor在执行expect之前等待页面

2 个答案: