Javascript 如何使用sinon.js伪造图像响应

我正在学习如何使用sinon.js。我可以假装普通的AJAX，但我需要请求一个图像，但我没有得到xhr.response（它是未定义的）。如何使用sinon.js来伪造图像的响应

var url = 'http://www.google.com.hk/logos/2013/antoni_gauds_161st_birthday-1539005.2-  hp.jpg';
server.respondWith("GET", url, [200, {}, '']);
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.responseType = 'arraybuffer';
xhr.addEventListener('load', function() {
//this.response is undefined
})
xhr.send(null);

我怎样才能伪造这个图像请求？

我想有个主意：

describe('...',function(){
    var xhr;
    before(function(){
       xhr = sinon.useFakeXMLHttpRequest();
       xhr.onCreate = function (x) {
      console.log(x)
       };
       //....
    }
    after(function(){
      xhr.restore();
    });
    it('....',function(){
       xhr.prototype.response = new ArrayBuffer(1024)
       // ... 
    });
}