penpot/frontend/playwright/helpers/MockWebSocket.js

export class MockWebSocket extends EventTarget {
  static #mocks = new Map();

  static async init(page) {
    await page.exposeFunction("MockWebSocket$$constructor", (url, protocols) => {
      console.log("MockWebSocket$$constructor", MockWebSocket, url, protocols);
      const webSocket = new MockWebSocket(page, url, protocols);
      this.#mocks.set(url, webSocket);
    });
    await page.exposeFunction("MockWebSocket$$spyMessage", (url, data) => {
      console.log("MockWebSocket$$spyMessage", url, data);
      this.#mocks.get(url).dispatchEvent(new MessageEvent("message", { data }));
    });
    await page.exposeFunction("MockWebSocket$$spyClose", (url, code, reason) => {
      console.log("MockWebSocket$$spyClose", url, code, reason);
      this.#mocks.get(url).dispatchEvent(new CloseEvent("close", { code, reason }));
    });
    await page.addInitScript({ path: "playwright/scripts/MockWebSocket.js" });
  }

  static waitForURL(url) {
    return new Promise((resolve) => {
      const intervalID = setInterval(() => {
        for (const [wsURL, ws] of this.#mocks) {
          console.log('waitForURL', wsURL);
          if (wsURL.includes(url)) {
            clearInterval(intervalID);
            return resolve(ws);
          }
        }
      }, 30);
    });
  }

  #page = null;
  #url;
  #protocols;

  constructor(page, url, protocols) {
    super();
    this.#page = page;
    this.#url = url;
    this.#protocols = protocols;
  }

  mockOpen(options) {
    return this.#page.evaluate(({ url, options }) => {
      if (typeof WebSocket.getByURL !== 'function') {
        throw new Error('WebSocket.getByURL is not a function. Did you forget to call MockWebSocket.init(page)?')
      }
      WebSocket.getByURL(url).mockOpen(options);
    }, { url: this.#url, options });
  }

  mockMessage(data) {
    return this.#page.evaluate(({ url, data }) => {
      if (typeof WebSocket.getByURL !== 'function') {
        throw new Error('WebSocket.getByURL is not a function. Did you forget to call MockWebSocket.init(page)?')
      }
      WebSocket.getByURL(url).mockMessage(data);
    }, { url: this.#url, data });
  }

  mockClose() {
    return this.#page.evaluate(({ url }) => {
      if (typeof WebSocket.getByURL !== 'function') {
        throw new Error('WebSocket.getByURL is not a function. Did you forget to call MockWebSocket.init(page)?')
      }
      WebSocket.getByURL(url).mockClose();
    }, { url: this.#url });
  }
}