fix: broken tests

src/components/base/index.test.ts

@@ -3,8 +3,8 @@ import { EVENT_BUS_MOCK } from '../../../__mocks__/event-bus.mock';
 import { MOCK_OBSERVER_HELPER } from '../../../__mocks__/observer-helper.mock';
 import { MOCK_GROUP, MOCK_LOCAL_PARTICIPANT } from '../../../__mocks__/participants.mock';
 import { ABLY_REALTIME_MOCK } from '../../../__mocks__/realtime.mock';
-import { Group } from '../../common/types/participant.types';
 import { Logger } from '../../common/utils';
+import { useStore } from '../../common/utils/use-store';
 import { Configuration } from '../../services/config/types';
 import { EventBus } from '../../services/event-bus';
 import { AblyRealtimeService } from '../../services/realtime';
@@ -66,6 +66,7 @@ describe('BaseComponent', () => {
         realtime: ABLY_REALTIME_MOCK,
         config: MOCK_CONFIG,
         eventBus: EVENT_BUS_MOCK,
+        useStore,
       });
 
       DummyComponentInstance['start'] = jest.fn(DummyComponentInstance['start']);
@@ -88,6 +89,7 @@ describe('BaseComponent', () => {
         realtime: ablyMock as AblyRealtimeService,
         config: MOCK_CONFIG,
         eventBus: EVENT_BUS_MOCK,
+        useStore,
       });
 
       DummyComponentInstance['start'] = jest.fn();
@@ -105,6 +107,7 @@ describe('BaseComponent', () => {
         realtime: REALTIME_MOCK,
         config: MOCK_CONFIG,
         eventBus: EVENT_BUS_MOCK,
+        useStore,
       });
 
       expect(DummyComponentInstance['realtime']).toEqual(REALTIME_MOCK);
@@ -120,6 +123,7 @@ describe('BaseComponent', () => {
           realtime: null as unknown as AblyRealtimeService,
           config: null as unknown as Configuration,
           eventBus: null as unknown as EventBus,
+          useStore: null as unknown as typeof useStore,
         });
       }).toThrowError();
     });
@@ -134,6 +138,7 @@ describe('BaseComponent', () => {
         realtime: REALTIME_MOCK,
         config: MOCK_CONFIG,
         eventBus: EVENT_BUS_MOCK,
+        useStore,
       });
 
       DummyComponentInstance.detach();
@@ -153,6 +158,7 @@ describe('BaseComponent', () => {
         realtime: REALTIME_MOCK,
         config: MOCK_CONFIG,
         eventBus: EVENT_BUS_MOCK,
+        useStore,
       });
 
       DummyComponentInstance.subscribe('test', callback);

src/components/comments/index.test.ts

@@ -1,5 +1,3 @@
-import { TestScheduler } from 'rxjs/testing';
-
 import { MOCK_ANNOTATION } from '../../../__mocks__/comments.mock';
 import { MOCK_CONFIG } from '../../../__mocks__/config.mock';
 import { EVENT_BUS_MOCK } from '../../../__mocks__/event-bus.mock';
@@ -9,6 +7,7 @@ import { ABLY_REALTIME_MOCK } from '../../../__mocks__/realtime.mock';
 import { CommentEvent } from '../../common/types/events.types';
 import { ParticipantByGroupApi } from '../../common/types/participant.types';
 import sleep from '../../common/utils/sleep';
+import { useStore } from '../../common/utils/use-store';
 import ApiService from '../../services/api';
 import { useGlobalStore } from '../../services/stores';
 import { CommentsFloatButton } from '../../web-components';
@@ -81,6 +80,7 @@ describe('Comments', () => {
       realtime: Object.assign({}, ABLY_REALTIME_MOCK, { isJoinedRoom: true }),
       config: MOCK_CONFIG,
       eventBus: EVENT_BUS_MOCK,
+      useStore,
     });
 
     commentsComponent['element'].updateAnnotations = jest.fn();
@@ -333,6 +333,7 @@ describe('Comments', () => {
       realtime: Object.assign({}, ABLY_REALTIME_MOCK, { isJoinedRoom: true }),
       config: MOCK_CONFIG,
       eventBus: EVENT_BUS_MOCK,
+      useStore,
     });
 
     await sleep(1);
@@ -350,6 +351,7 @@ describe('Comments', () => {
       realtime: Object.assign({}, ABLY_REALTIME_MOCK, { isJoinedRoom: true }),
       config: MOCK_CONFIG,
       eventBus: EVENT_BUS_MOCK,
+      useStore,
     });
 
     await sleep(1);

src/components/presence-mouse/canvas/index.test.ts

@@ -1,8 +1,9 @@
 import { MOCK_CANVAS } from '../../../../__mocks__/canvas.mock';
 import { MOCK_CONFIG } from '../../../../__mocks__/config.mock';
 import { EVENT_BUS_MOCK } from '../../../../__mocks__/event-bus.mock';
-import { MOCK_GROUP, MOCK_LOCAL_PARTICIPANT } from '../../../../__mocks__/participants.mock';
+import { MOCK_LOCAL_PARTICIPANT } from '../../../../__mocks__/participants.mock';
 import { ABLY_REALTIME_MOCK } from '../../../../__mocks__/realtime.mock';
+import { useStore } from '../../../common/utils/use-store';
 import { ParticipantMouse } from '../types';
 
 import { PointersCanvas } from './index';
@@ -35,6 +36,7 @@ const createMousePointers = (): PointersCanvas => {
     realtime: ABLY_REALTIME_MOCK,
     config: MOCK_CONFIG,
     eventBus: EVENT_BUS_MOCK,
+    useStore,
   });
 
   presenceMouseComponent['canvas'] = {

src/components/presence-mouse/html/index.test.ts

@@ -1,8 +1,9 @@
 import { MOCK_CONFIG } from '../../../../__mocks__/config.mock';
 import { EVENT_BUS_MOCK } from '../../../../__mocks__/event-bus.mock';
-import { MOCK_GROUP, MOCK_LOCAL_PARTICIPANT } from '../../../../__mocks__/participants.mock';
+import { MOCK_LOCAL_PARTICIPANT } from '../../../../__mocks__/participants.mock';
 import { ABLY_REALTIME_MOCK } from '../../../../__mocks__/realtime.mock';
 import { INDEX_IS_WHITE_TEXT } from '../../../common/types/meeting-colors.types';
+import { useStore } from '../../../common/utils/use-store';
 import { ParticipantMouse, Element } from '../types';
 
 import { PointersHTML } from '.';
@@ -15,6 +16,7 @@ const createMousePointers = (): PointersHTML => {
     realtime: ABLY_REALTIME_MOCK,
     config: MOCK_CONFIG,
     eventBus: EVENT_BUS_MOCK,
+    useStore,
   });
 
   return presenceMouseComponent;

src/components/realtime/index.test.ts

@@ -1,7 +1,7 @@
 import { MOCK_CONFIG } from '../../../__mocks__/config.mock';
 import { EVENT_BUS_MOCK } from '../../../__mocks__/event-bus.mock';
-import { MOCK_GROUP, MOCK_LOCAL_PARTICIPANT } from '../../../__mocks__/participants.mock';
 import { ABLY_REALTIME_MOCK } from '../../../__mocks__/realtime.mock';
+import { useStore } from '../../common/utils/use-store';
 
 import { Realtime } from '.';
 
@@ -31,6 +31,7 @@ describe('realtime component', () => {
       realtime: Object.assign({}, ABLY_REALTIME_MOCK, { isJoinedRoom: true }),
       config: MOCK_CONFIG,
       eventBus: EVENT_BUS_MOCK,
+      useStore,
     });
   });
 
@@ -76,6 +77,7 @@ describe('realtime component', () => {
       realtime: Object.assign({}, ABLY_REALTIME_MOCK, { isJoinedRoom: false }),
       config: MOCK_CONFIG,
       eventBus: EVENT_BUS_MOCK,
+      useStore,
     });
 
     RealtimeComponentInstance.subscribe('test', callback);
@@ -94,6 +96,7 @@ describe('realtime component', () => {
       realtime: Object.assign({}, ABLY_REALTIME_MOCK, { isJoinedRoom: false }),
       config: MOCK_CONFIG,
       eventBus: EVENT_BUS_MOCK,
+      useStore,
     });
 
     RealtimeComponentInstance.subscribe('test', callback);
@@ -118,6 +121,7 @@ describe('realtime component', () => {
       realtime: Object.assign({}, ABLY_REALTIME_MOCK, { isJoinedRoom: false }),
       config: MOCK_CONFIG,
       eventBus: EVENT_BUS_MOCK,
+      useStore,
     });
 
     RealtimeComponentInstance.publish('test', 'test');

src/components/video/index.test.ts

@@ -15,6 +15,7 @@ import {
 } from '../../common/types/events.types';
 import { MeetingColors } from '../../common/types/meeting-colors.types';
 import { ParticipantType } from '../../common/types/participant.types';
+import { useStore } from '../../common/utils/use-store';
 import { AblyParticipant, AblyRealtimeData } from '../../services/realtime/ably/types';
 import { VideoFrameState } from '../../services/video-conference-manager/types';
 import { ComponentNames } from '../types';
@@ -97,6 +98,7 @@ describe('VideoConference', () => {
       realtime: MOCK_REALTIME,
       config: MOCK_CONFIG,
       eventBus: EVENT_BUS_MOCK,
+      useStore,
     });
   });
 
@@ -120,6 +122,7 @@ describe('VideoConference', () => {
       realtime: MOCK_REALTIME,
       config: MOCK_CONFIG,
       eventBus: EVENT_BUS_MOCK,
+      useStore,
     });
 
     expect(VideoConferenceInstance['videoConfig'].canUseDefaultAvatars).toBeFalsy();

src/components/who-is-online/index.test.ts

@@ -3,14 +3,13 @@ import { EVENT_BUS_MOCK } from '../../../__mocks__/event-bus.mock';
 import {
   MOCK_ABLY_PARTICIPANT,
   MOCK_ABLY_PARTICIPANT_DATA_2,
-  MOCK_GROUP,
   MOCK_LOCAL_PARTICIPANT,
   MOCK_ABLY_PARTICIPANT_DATA_1,
 } from '../../../__mocks__/participants.mock';
 import { ABLY_REALTIME_MOCK } from '../../../__mocks__/realtime.mock';
 import { RealtimeEvent, WhoIsOnlineEvent } from '../../common/types/events.types';
 import { MeetingColorsHex } from '../../common/types/meeting-colors.types';
-import { useGlobalStore } from '../../services/stores';
+import { useStore } from '../../common/utils/use-store';
 
 import { WhoIsOnline } from './index';
 
@@ -25,6 +24,7 @@ describe('Who Is Online', () => {
       realtime: Object.assign({}, ABLY_REALTIME_MOCK, { isJoinedRoom: true }),
       config: MOCK_CONFIG,
       eventBus: EVENT_BUS_MOCK,
+      useStore,
     });
 
     whoIsOnlineComponent['localParticipantId'] = MOCK_LOCAL_PARTICIPANT.id;

src/core/launcher/index.test.ts

@@ -3,6 +3,7 @@ import { EVENT_BUS_MOCK } from '../../../__mocks__/event-bus.mock';
 import { MOCK_GROUP, MOCK_LOCAL_PARTICIPANT } from '../../../__mocks__/participants.mock';
 import { ABLY_REALTIME_MOCK } from '../../../__mocks__/realtime.mock';
 import { ParticipantEvent, RealtimeEvent } from '../../common/types/events.types';
+import { useStore } from '../../common/utils/use-store';
 import { BaseComponent } from '../../components/base';
 import { ComponentNames } from '../../components/types';
 import LimitsService from '../../services/limits';
@@ -96,6 +97,7 @@ describe('Launcher', () => {
         realtime: ABLY_REALTIME_MOCK,
         config: MOCK_CONFIG,
         eventBus: EVENT_BUS_MOCK,
+        useStore,
       });
 
       expect(ABLY_REALTIME_MOCK.updateMyProperties).toHaveBeenCalledWith({