javascript – 量角器：等待在Canvas上加载图像

2019年7月28日 232次阅读

在Protractor中,我需要打开一个带有画布的非角度页面,该画布将填充图像.然后我需要操纵图像并进行屏幕截图比较.但是,我的问题是让测试等待图像加载.如果我使用预期条件等待元素即

browser.wait(expectedConditions.visibilityOf(element(by.tagName('canvas'), 20000);

browser.wait(expectedConditions.presenceOf(element(by.tagName('canvas'), 20000);

要显示或可见,canvas元素存在且可见,但图像仍然加载到其中,因此屏幕截图比较失败,因为图像通常会在发生时加载一半.我可以通过在我的代码中插入大量的browser.sleep(20000)语句来确保图像完全加载,但这太可怕了.

有没有人知道如何使量角器等到图像完成加载后再继续？或者至少有一个更好的方式吗？

谢谢

最佳答案 您可以通过自定义预期条件来解决它.我认为你可以使用画布的getImageData()方法并等待它真实(未经测试)：

function waitForCanvasToLoad(elm) {
    return function () {
        return browser.executeScript("!!arguments[0].getImageData();", elm.getWebElement());
    }
}

var canvas = element(by.tagName('canvas'));
browser.wait(waitForCanvasToLoad(elm), 5000);
点赞