用protractor测试canvas绘制(二)

混事儿

于 2015-07-01 21:54:29 发布

阅读量1.1k

点赞数

分类专栏：自动化测试 javascript 文章标签： protractor 测试

本文链接：https://blog.youkuaiyun.com/u014761456/article/details/46715471

版权

本文介绍如何使用Protractor结合executeAsyncScript方法，在浏览器环境中进行异步JavaScript调用来测试Canvas元素的绘制。通过将待比较图像的base64编码作为参数传递给resemble.js库，实现图像的比对。测试时，使用代码在浏览器中截取Canvas的toDataUrl，而期望图则从文件系统读取。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

上一篇写了通过webdriver在浏览器环境下异步调用js代码。

今天进入正题。

其实有了executeAsyncScript，一切就呼之欲出了。

直接上代码：

var compareImage=function(){
    return function(){
        eval(arguments[0]);
        var canvasBase64=arguments[1];
        var expectBase64str=arguments[2];
        var callback=arguments[ arguments.length - 1 ];

        this.resemble(canvasBase64)
            .compareTo(expectBase64str)
            .onComplete(function (data) {
                callback(data);
            });
    };
}

然后把resamble代码&