test ready status (#9)

mock fetch manually using cross-fetch.Response and change it to jest-fetch-mock if/when jefflau/jest-fetch-mock#223 lands

extension/advanzia-assistant.spec.ts

@@ -1,5 +1,6 @@
-import FetchMock from 'jest-fetch-mock';
-import * as ChromeMock from 'jest-chrome';
+import * as fs from 'fs';
+import * as chromeMock from 'jest-chrome';
+import { Response } from 'cross-fetch';
 import { ContentScript, Script } from './advanzia-assistant';
 
 describe('Content Script', () => {
@@ -16,9 +17,7 @@ describe('Content Script', () => {
 
     let script: ContentScript;
 
-    beforeAll(FetchMock.enableMocks);
-    beforeAll(() => Object.assign(global, ChromeMock));
-
+    beforeAll(() => Object.assign(global, chromeMock));
     beforeEach(jest.restoreAllMocks);
     beforeEach(resetAllRaised);
     beforeEach(() => {
@@ -43,9 +42,19 @@ describe('Content Script', () => {
             ...window.location,
             ...{ pathname: '/retail-app-de' },
         });
+        global.fetch = async () => new Response(fs.readFileSync('../dist/advanzia-assistant.wasm'));
+
+        const simulateAdvanziaAppDoingStuff = () => setTimeout(() => {
+            const div = document.createElement('div');
+            div.className = 'card';
+            document.body.appendChild(div);
+        }, 2000);
+
+        simulateAdvanziaAppDoingStuff();
 
         await script.execute();
 
+        expect(chrome.runtime.getURL).toBeCalledTimes(1);
         expect(eventsRaised.noop).toBe(false);
         expect(eventsRaised.ready).toBe(true);
         expect(eventsRaised.done).toBe(false);

extension/advanzia-assistant.ts

@@ -84,8 +84,12 @@ export class Script extends EventTarget implements ContentScript, EventListenerO
             return;
         }
 
-        const wasmResponse = await fetch(chrome.runtime.getURL('advanzia-assistant.wasm'));
-        const wasm = await WebAssembly.instantiateStreaming(wasmResponse, { env: { memory: this.memory } });
+        const wasmPath = chrome.runtime.getURL('advanzia-assistant.wasm');
+        const wasmResponse = await fetch(wasmPath);
+
+        const wasmResponseArrayBuffer = await wasmResponse.arrayBuffer();
+
+        const wasm = await WebAssembly.instantiate(wasmResponseArrayBuffer, { env: { memory: this.memory } });
         this.wasmExports = wasm.instance.exports as WasmExports;
 
         await this.pageReasonablyLoaded();

extension/package.json

@@ -15,9 +15,9 @@
   "devDependencies": {
     "@types/chrome": "^0.0.164",
     "@types/jest": "^27.0.3",
+    "cross-fetch": "^3.1.4",
     "jest": "^27.3.1",
     "jest-chrome": "^0.7.2",
-    "jest-fetch-mock": "^3.0.3",
     "ts-jest": "^27.0.7",
     "ts-loader": "^9.2.6",
     "typescript": "^4.5.2",