fix: add mock websockets client (#321)

* fix: add mock websockets client

* fix: add jest cache for speed

.gitignore

@@ -22,6 +22,7 @@ yarn-error.log*
 
 # cache
 .eslintcache
+.jest-cache
 
 # testing and coverage
 cypress/screenshots

jest.config.ts

@@ -11,7 +11,7 @@ export default {
   // bail: 0,
 
   // The directory where Jest should store its cached dependency information
-  // cacheDirectory: "/private/var/folders/8n/0bjjpkw94_97_lywdtll_d0r0000gn/T/jest_dx",
+  cacheDirectory: '.jest-cache',
 
   // Automatically clear mock calls and instances between every test
   // clearMocks: false,

src/index.ts

@@ -5,3 +5,4 @@ export { DATA_KEYS } from './config/keys';
 export { API_ROUTES } from './api/routes';
 
 export * from './types';
+export { MockWebSocket } from './ws';

src/ws/index.ts

@@ -4,3 +4,4 @@
  */
 export * from './hooks';
 export { configureWebsocketClient } from './ws-client';
+export { default as MockWebSocket } from './mock-ws-client';

src/ws/mock-ws-client.ts

@@ -0,0 +1,59 @@
+/**
+ * Mock WebSocket class for Graasp WS protocol
+ */
+
+export default class MockWebSocket {
+  CLOSED: number;
+
+  OPEN: number;
+
+  readyState: number;
+
+  onopen?: () => void;
+
+  onmessage?: (msg: unknown) => void;
+
+  constructor() {
+    this.CLOSED = 0;
+    this.OPEN = 1;
+
+    this.readyState = this.OPEN;
+
+    this.send = this.send.bind(this);
+    this.receive = this.receive.bind(this);
+    this.addEventListener = this.addEventListener.bind(this);
+  }
+
+  send(msg: string) {
+    const req = JSON.parse(msg);
+    // acknowledge request
+    if (req.action.includes('subscribe')) {
+      const res = {
+        data: JSON.stringify({
+          realm: 'notif',
+          type: 'response',
+          status: 'success',
+          request: req,
+        }),
+      };
+      this.onmessage?.(res);
+    }
+  }
+
+  receive(msg: object) {
+    const event = {
+      data: JSON.stringify(msg),
+    };
+    this.onmessage?.(event);
+  }
+
+  addEventListener(
+    event: 'message' | 'open',
+    handler: (message?: unknown) => void,
+  ) {
+    this[`on${event}`] = handler;
+    if (event === 'open') {
+      handler();
+    }
+  }
+}