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陣列來依次取得這些引數

比如：

function(){

    console.log("我是一個方法，我有三個引數")
    var p1=arguments[0];
    var p2=arguments[1];
    var p3=arguments[2];
};

所以，第一個引數的完整樣子應該是

function(){
    console.log("我是一個方法，我有三個引數")
    var p1=arguments[0];
    var p2=arguments[1];
    var p3=arguments[2];
    var callback=arguments[arguments.lenght-1];
    callback("返回");
};
 

所以整個函式呼叫起來應該是這個樣子的

browser.executeAsyncScript("function(){console.log("前面寫過了我就不寫了")}",p1,p2,p3)

    .then(function(result){
        console.log("結果是"+result);
    });

如果不用protractor只用webdriver應該也是一樣的。

好了，寫了半天沒有進正題，就先這樣，在下一篇再寫。