How to mock socket.io-client? window.io is not populated

[erezcohen]

Hi Guys, I'm trying to test a react app which uses socket.io-client (with cypress).
I saw that the recommended approach is to set window.io = SocketIO however it seems like socket.io-client does not use this global var.
I saw that in #169 you recommended setting the mock in the production code however I wanted to know is it possible to mock without touching this code.
Thanks

[angelo-hub]

if using jest you can do

import { Server, SocketIO as mockSocketIO } from 'mock-socket';

export const server = new Server(URL_HERE);

jest.mock('socket.io-client', () => mockSocketIO);

[MonkeyDo]

Building on @angelo-hub's response (thanks!), I had to do the following:

import { SocketIO as mockSocketIO } from "mock-socket";

jest.mock("socket.io-client", () => ({
  ...mockSocketIO,
  io: mockSocketIO.connect,
}));