用protractor测试canvas绘制(一)

protractor是angular那帮人搞得一个e2e的测试框架，本质上是用的webdriver。

测试canvas，主要就是图像的比较，搜了搜，没有找到太好的nodejs库，所有还是用之前用过的resemblejs。

resemblejs用了Image和Canvas，所以是不能直接在nodejs里用的。

github上有个人搞了个node-resemble，但是用到了一个c写的node-canvas，要编这个又要用安装python和vc的运行库，听上去就很麻烦，也难怪只有2星。

让resemble直接在browser中运行不就ok了吗？

这就要用到browser的executeAsyncScript方法。

先来讲讲executeAsyncScript

这个方法就是把js代码放到browser环境中运行，也就是在浏览器的环境中运行，dom的东西也就都可以用了，Image，Canvas神马的统统不在话下。

而且是异步的，其实有个同步的executeScript，用法差不多。

api就不贴了，直接说用法。

executeAsyncScript方法，是个可变参数的方法

第一个参数必须是一个方法，也就是在浏览器中要执行的代码。

比如：

function(){
    console.log("我是一个方法");
};

然后后面可以写任意个参数，而在第一个参数的方法中可以使用arguments数组来依次取得这些参数

比如：