de-type body to allow use of ArrayBuffer, Blob or something else

.prettierrc.js

@@ -0,0 +1,4 @@
+module.exports = {
+  printWidth: 120,
+  singleQuote: true
+};

packages/xhr-mock-tests/src/native.test.ts

@@ -0,0 +1,26 @@
+import {expect} from 'chai';
+import mock from 'xhr-mock';
+
+describe('native', () => {
+  beforeEach(() => mock.setup());
+  afterEach(() => mock.teardown());
+
+  it('should get a blob', done => {
+    mock.get('/myfile.png', {
+      body: new ArrayBuffer(0)
+    });
+
+    // sourced from https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/Sending_and_Receiving_Binary_Data
+    const req = new XMLHttpRequest();
+    req.open('GET', '/myfile.png', true);
+    req.responseType = 'arraybuffer';
+
+    req.onload = function(oEvent) {
+      const arrayBuffer = req.response; // Note: not oReq.responseText
+      expect(arrayBuffer).to.be.an('ArrayBuffer');
+      done();
+    };
+
+    req.send(null);
+  });
+});

packages/xhr-mock/CHANGELOG.md

@@ -1,5 +1,9 @@
 # Change log
 
+# 2.2.0
+
+* added "support" for `responseType` of `arraybuffer`, `blob` and `document` by returning whatever object `res.body(body)` is set to
+
 ## 2.1.0
 
 * added support for `responseType="json"`

packages/xhr-mock/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xhr-mock",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "Utility for mocking XMLHttpRequest.",
   "keywords": [
     "mock",

packages/xhr-mock/src/MockResponse.ts

@@ -6,7 +6,7 @@ export default class MockResponse {
   private _status: number = 200;
   private _reason: string = 'OK';
   private _headers: MockHeaders = {};
-  private _body: null | string = null;
+  private _body: any = null;
 
   status(): number;
   status(status: number): MockResponse;
@@ -69,9 +69,9 @@ export default class MockResponse {
     }
   }
 
-  body(): null | string;
-  body(body: null | string): MockResponse;
-  body(body?: null | string): null | string | MockResponse {
+  body(): any;
+  body(body: any): MockResponse;
+  body(body?: any): any | MockResponse {
     if (typeof body !== 'undefined') {
       this._body = body;
       return this;

packages/xhr-mock/src/MockXMLHttpRequest.test.ts

@@ -100,6 +100,33 @@ describe('MockXMLHttpRequest', () => {
       xhr.open('get', '/');
       xhr.send();
     });
+
+    it('should return null when the type is other and the request is not done', () => {
+      const fakeBuffer = {};
+      MockXMLHttpRequest.addHandler((req, res) => res.body(fakeBuffer));
+      const xhr = new MockXMLHttpRequest();
+      xhr.responseType = 'blob';
+      xhr.open('get', '/');
+      expect(xhr.response).toEqual(null);
+    });
+
+    it('should return an object when the type is other and the request is done', done => {
+      const fakeBuffer = {};
+      MockXMLHttpRequest.addHandler((req, res) => res.body(fakeBuffer));
+      const xhr = new MockXMLHttpRequest();
+      xhr.responseType = 'blob';
+      xhr.onload = () => {
+        try {
+          expect(xhr.response).toBe(fakeBuffer);
+          done();
+        } catch (error) {
+          done.fail(error);
+        }
+      };
+      xhr.onerror = failOnEvent(done);
+      xhr.open('get', '/');
+      xhr.send();
+    });
   });
 
   describe('.setRequestHeader()', () => {

packages/xhr-mock/src/MockXMLHttpRequest.ts

@@ -156,7 +156,8 @@ export default class MockXMLHttpRequest extends MockXMLHttpRequestEventTarget
       }
     }
 
-    throw notImplementedError;
+    // rely on the mock to do the right thing with an arraybuffer, blob or document
+    return body;
   }
 
   get responseText(): string {

packages/xhr-mock/src/MockXMLHttpRequestEventTarget.ts

@@ -6,7 +6,7 @@ export default class MockXMLHttpRequestEventTarget extends MockEventTarget
   implements XMLHttpRequestEventTarget {
   onabort: (this: XMLHttpRequestEventTarget, ev: ProgressEvent) => any;
   // @ts-ignore: https://github.com/jameslnewell/xhr-mock/issues/45
-  onerror: (this: XMLHttpRequestEventTarget, ev: ProgressEvent) => any;
+  onerror: (this: XMLHttpRequestEventTarget, ev: ErrorEvent) => any;
   onload: (this: XMLHttpRequestEventTarget, ev: ProgressEvent) => any;
   onloadend: (this: XMLHttpRequestEventTarget, ev: ProgressEvent) => any;
   onloadstart: (this: XMLHttpRequestEventTarget, ev: ProgressEvent) => any;

packages/xhr-mock/src/types.ts

@@ -10,7 +10,7 @@ export type MockObject = {
   status?: number;
   reason?: string;
   headers?: MockHeaders;
-  body?: string;
+  body?: any;
 };
 
 export type MockFunction = (