used useSendbird for mocking instead of useSendbirdStateContext

Author: HoonBaek

src/modules/ChannelSettings/__test__/ChannelSettings.migration.spec.tsx

@@ -1,7 +1,8 @@
 import React from 'react';
 import { render, renderHook, screen } from '@testing-library/react';
 
-import { ChannelSettingsContextProps, ChannelSettingsProvider, useChannelSettingsContext } from '../context/ChannelSettingsProvider';
+import type { ChannelSettingsContextProps } from '../context/types';
+import { ChannelSettingsProvider, useChannelSettingsContext } from '../context/ChannelSettingsProvider';
 import { match } from 'ts-pattern';
 
 const mockState = {
@@ -18,14 +19,11 @@ const mockState = {
     },
   },
 };
-
-jest.mock('../../../hooks/useSendbirdStateContext', () => ({
-  __esModule: true,
-  default: jest.fn(() => mockState),
-}));
-jest.mock('../../../lib/Sendbird', () => ({
+const mockActions = { connect: jest.fn(), disconnect: jest.fn() };
+jest.mock('../../../lib/Sendbird/context/hooks/useSendbird', () => ({
   __esModule: true,
-  useSendbirdStateContext: jest.fn(() => mockState),
+  default: jest.fn(() => ({ state: mockState, actions: mockActions })),
+  useSendbird: jest.fn(() => ({ state: mockState, actions: mockActions })),
 }));
 
 const mockProps: ChannelSettingsContextProps = {

src/modules/CreateChannel/context/__tests__/CreateChannel.migration.spec.tsx

@@ -7,7 +7,7 @@ import {
   useCreateChannelContext,
 } from '../CreateChannelProvider';
 
-const mockSendbirdStateContext = {
+const mockState = {
   stores: {
     userStore: {
       user: {
@@ -34,16 +34,12 @@ const mockSendbirdStateContext = {
     },
     isOnline: true,
   },
-};
-
-jest.mock('../../../../hooks/useSendbirdStateContext', () => ({
-  __esModule: true,
-  default: () => mockSendbirdStateContext,
-}));
+};const mockActions = { connect: jest.fn(), disconnect: jest.fn() };
 
-jest.mock('../../../../lib/Sendbird', () => ({
+jest.mock('../../../../lib/Sendbird/context/hooks/useSendbird', () => ({
   __esModule: true,
-  useSendbirdStateContext: () => mockSendbirdStateContext,
+  default: jest.fn(() => ({ state: mockState, actions: mockActions })),
+  useSendbird: jest.fn(() => ({ state: mockState, actions: mockActions })),
 }));
 
 const mockProps: CreateChannelProviderProps = {

src/modules/GroupChannel/context/__tests__/GroupChannel.migration.spec.tsx

@@ -1,10 +1,11 @@
 import React from 'react';
 import { render, screen } from '@testing-library/react';
-import { GroupChannelProvider, GroupChannelProviderProps, useGroupChannelContext } from '../GroupChannelProvider';
+import type { GroupChannelProviderProps } from '../types'
+import { GroupChannelProvider, useGroupChannelContext } from '../GroupChannelProvider';
 import { ThreadReplySelectType } from '../const';
 import { match } from 'ts-pattern';
 
-const mockSendbirdStateContext = {
+const mockState = {
   config: {
     pubSub: { subscribe: () => ({ remove: () => {} }) },
     isOnline: true,
@@ -31,14 +32,11 @@ const mockSendbirdStateContext = {
     },
   },
 };
-
-jest.mock('../../../../lib/Sendbird', () => ({
-  __esModule: true,
-  useSendbirdStateContext: () => mockSendbirdStateContext,
-}));
-jest.mock('../../../../hooks/useSendbirdStateContext', () => ({
+const mockActions = { connect: jest.fn(), disconnect: jest.fn() };
+jest.mock('../../../../lib/Sendbird/context/hooks/useSendbird', () => ({
   __esModule: true,
-  default: () => mockSendbirdStateContext,
+  default: jest.fn(() => ({ state: mockState, actions: mockActions })),
+  useSendbird: jest.fn(() => ({ state: mockState, actions: mockActions })),
 }));
 
 const mockProps: GroupChannelProviderProps = {

src/modules/GroupChannelList/context/__tests__/GroupChannelList.migration.spec.tsx

@@ -7,7 +7,7 @@ import {
   useGroupChannelListContext,
 } from '../GroupChannelListProvider';
 
-const mockSendbirdStateContext = {
+const mockState = {
   stores: {
     userStore: {
       user: {
@@ -35,15 +35,11 @@ const mockSendbirdStateContext = {
     isOnline: true,
   },
 };
-
-jest.mock('../../../../hooks/useSendbirdStateContext', () => ({
-  __esModule: true,
-  default: () => mockSendbirdStateContext,
-}));
-
-jest.mock('../../../../lib/Sendbird', () => ({
+const mockActions = { connect: jest.fn(), disconnect: jest.fn() };
+jest.mock('../../../../lib/Sendbird/context/hooks/useSendbird', () => ({
   __esModule: true,
-  useSendbirdStateContext: () => mockSendbirdStateContext,
+  default: jest.fn(() => ({ state: mockState, actions: mockActions })),
+  useSendbird: jest.fn(() => ({ state: mockState, actions: mockActions })),
 }));
 
 jest.mock('@sendbird/uikit-tools', () => ({

src/modules/MessageSearch/context/__tests__/MessageSearch.migration.spec.tsx

@@ -3,9 +3,16 @@ import { render, screen } from '@testing-library/react';
 import { MessageSearchProvider, useMessageSearchContext } from '../MessageSearchProvider';
 import { match } from 'ts-pattern';
 
-jest.mock('../../../../hooks/useSendbirdStateContext', () => ({
+const mockState = {
+  stores: { sdkStore: {} },
+  config: { logger: console, groupChannel: {} },
+};
+const mockActions = { connect: jest.fn(), disconnect: jest.fn() };
+
+jest.mock('../../../../lib/Sendbird/context/hooks/useSendbird', () => ({
   __esModule: true,
-  default: () => ({}),
+  default: jest.fn(() => ({ state: mockState, actions: mockActions })),
+  useSendbird: jest.fn(() => ({ state: mockState, actions: mockActions })),
 }));
 
 const mockProps = {

src/modules/Thread/context/__test__/Thread.migration.spec.tsx

@@ -5,7 +5,7 @@ import React from 'react';
 import { ThreadProvider, ThreadProviderProps, useThreadContext } from '../ThreadProvider';
 import { SendableMessageType } from '../../../../utils';
 
-const mockSendbirdStateContext = {
+const mockState = {
   stores: {
     userStore: {
     },
@@ -30,15 +30,12 @@ const mockSendbirdStateContext = {
     isOnline: true,
   },
 };
+const mockActions = { connect: jest.fn(), disconnect: jest.fn() };
 
-jest.mock('../../../../hooks/useSendbirdStateContext', () => ({
+jest.mock('../../../../lib/Sendbird/context/hooks/useSendbird', () => ({
   __esModule: true,
-  default: () => mockSendbirdStateContext,
-}));
-
-jest.mock('../../../../lib/Sendbird', () => ({
-  __esModule: true,
-  useSendbirdStateContext: () => mockSendbirdStateContext,
+  default: jest.fn(() => ({ state: mockState, actions: mockActions })),
+  useSendbird: jest.fn(() => ({ state: mockState, actions: mockActions })),
 }));
 
 jest.mock('../hooks/useThreadFetchers', () => ({