Add MessageSearch.migration test

Author: AhyoungRyu

jest-setup.js

@@ -1,4 +1,5 @@
 import './__mocks__/intersectionObserverMock';
+import '@testing-library/jest-dom';
 
 const { JSDOM } = require('jsdom');
 

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

@@ -0,0 +1,92 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { MessageSearchProvider, useMessageSearchContext } from '../MessageSearchProvider';
+
+jest.mock('../../../../hooks/useSendbirdStateContext', () => ({
+  __esModule: true,
+  default: () => ({}),
+}));
+
+describe('MessageSearch Migration Compatibility Tests', () => {
+  // 1. Provider Props Interface test
+  describe('MessageSearchProvider Props Compatibility', () => {
+    const mockProps = {
+      channelUrl: 'channel-1',
+      searchString: 'test',
+      messageSearchQuery: {},
+      onResultLoaded: jest.fn(),
+      onResultClick: jest.fn(),
+    };
+
+    it('should accept all legacy props without type errors', () => {
+      const { rerender } = render(
+        <MessageSearchProvider {...mockProps}>
+          <div>Child Component</div>
+        </MessageSearchProvider>,
+      );
+
+      // Props change scenario test
+      rerender(
+        <MessageSearchProvider
+          {...mockProps}
+          searchString="updated"
+          onResultLoaded={() => {}}
+        >
+          <div>Child Component</div>
+        </MessageSearchProvider>,
+      );
+    });
+  });
+
+  // 2. Context Hook return value test
+  describe('useMessageSearchContext Hook Return Values', () => {
+    const TestComponent = () => {
+      const context = useMessageSearchContext();
+
+      // Check if all properties used by previous users exist
+      const expectedProps: Array<keyof typeof context> = [
+        'searchString',
+        'allMessages',
+        'loading',
+        'isInvalid',
+        'currentChannel',
+        'hasMoreResult',
+        'onScroll',
+        'onResultClick',
+        'selectedMessageId',
+      ];
+
+      return (
+        <div>
+          {expectedProps.map(prop => (
+            <div key={prop} data-testid={`prop-${prop}`}>
+              {typeof context[prop]}
+            </div>
+          ))}
+        </div>
+      );
+    };
+
+    it('should provide all legacy context values', () => {
+      render(
+        <MessageSearchProvider channelUrl="channel-1">
+          <TestComponent />
+        </MessageSearchProvider>,
+      );
+
+      // Check if all required properties exist
+      const expectedProps = [
+        'searchString',
+        'allMessages',
+        'loading',
+        'isInvalid',
+        'currentChannel',
+        'hasMoreResult',
+      ];
+
+      expectedProps.forEach(prop => {
+        expect(screen.getByTestId(`prop-${prop}`)).toBeInTheDocument();
+      });
+    });
+  });
+});