🐛 fix tests

src/components/search/__test__/ComplexTextSearch.test.tsx

@@ -13,14 +13,6 @@ vi.mock("../../common/filters/AdvanceFilters.tsx", () => {
   return { default: mockAdvanceFilters };
 });
 
-const ResizeObserverMock = vi.fn(() => ({
-  observe: vi.fn(),
-  unobserve: vi.fn(),
-  disconnect: vi.fn(),
-}));
-
-vi.stubGlobal("ResizeObserver", ResizeObserverMock);
-
 beforeAll(() => {
   server.listen();
 });

src/components/search/__test__/InputWithSuggester.test.tsx

@@ -21,14 +21,6 @@ import InputWithSuggester from "../InputWithSuggester";
 import { server } from "../../../__mocks__/server";
 import { userEvent } from "@testing-library/user-event";
 
-const ResizeObserverMock = vi.fn(() => ({
-  observe: vi.fn(),
-  unobserve: vi.fn(),
-  disconnect: vi.fn(),
-}));
-
-vi.stubGlobal("ResizeObserver", ResizeObserverMock);
-
 beforeAll(() => {
   server.listen();
 });

src/setupTests.ts

@@ -3,3 +3,22 @@
 // expect(element).toHaveTextContent(/react/i)
 // learn more: https://github.com/testing-library/jest-dom
 import "@testing-library/jest-dom";
+
+class ResizeObserver {
+  callback: ResizeObserverCallback;
+
+  constructor(callback: ResizeObserverCallback) {
+    this.callback = callback;
+  }
+
+  observe() {
+    // Trigger the callback immediately to simulate observing behavior
+    this.callback([], this);
+  }
+
+  unobserve() {}
+
+  disconnect() {}
+}
+
+(global as any).ResizeObserver = ResizeObserver;