From f92f43f879f4b410758608b313e7cedf3c49e478 Mon Sep 17 00:00:00 2001
From: Mohan-Microsoft <v-mvenudass@microsoft.com>
Date: Sat, 21 Dec 2024 00:45:13 +0530
Subject: [PATCH 1/2] home component test case code

---
 App/frontend-app/src/pages/home/home.test.tsx | 297 ++++++++++++++++++
 1 file changed, 297 insertions(+)
 create mode 100644 App/frontend-app/src/pages/home/home.test.tsx

diff --git a/App/frontend-app/src/pages/home/home.test.tsx b/App/frontend-app/src/pages/home/home.test.tsx
new file mode 100644
index 00000000..0ae745b8
--- /dev/null
+++ b/App/frontend-app/src/pages/home/home.test.tsx
@@ -0,0 +1,297 @@
+import React from "react";
+import { render, screen, fireEvent, waitFor } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { BrowserRouter } from "react-router-dom";
+import { Home } from "./home";
+import { AppContext } from "../../AppContext";
+
+// Mock import.meta
+Object.defineProperty(global, "import.meta", {
+    value: {
+        env: {
+            VITE_API_ENDPOINT: "http://mock-api-endpoint.com",
+        },
+    },
+});
+
+// Mocking components
+jest.mock("react-i18next", () => ({
+    useTranslation: () => ({
+        t: (key: any) => key,
+    }),
+}));
+
+jest.mock("../../api/chatService", () => ({
+    Completion: jest.fn(),
+    PostFeedback: jest.fn(),
+}));
+
+jest.mock("../../api/documentsService", () => ({
+    searchDocuments: jest.fn(),
+}));
+
+jest.mock("react-tiff", () => ({
+    TIFFViewer: () => <div>Tiff</div>,
+}));
+
+jest.mock("../../components/sidecarCopilot/sidecar", () => ({
+    SidecarCopilot: () => <div>SidecarCopilot</div>,
+}));
+
+jest.mock("../../components/header/header", () => ({
+    Header: ({ children }: any) => <div>{children}</div>,
+}));
+
+jest.mock("../../components/chat/chatRoom", () => ({
+    ChatRoom: ({ clearChatFlag }: any) => <div>{clearChatFlag ? "Chat Cleared" : "Chat Room"}</div>,
+}));
+
+jest.mock("../../components/filter/showHideFilterButton", () => ({
+    FilterButton: () => <div>FilterButton</div>,
+}));
+
+jest.mock("../../components/searchBox/searchBox", () => ({
+    SearchBox: ({ placeholder }: any) => <input placeholder={placeholder} />,
+}));
+
+jest.mock("../../components/datePicker/dateFilterDropdownMenu", () => ({
+    DateFilterDropdownMenu: () => <div>DateFilterDropdownMenu</div>,
+}));
+
+jest.mock("../../components/pagination/pagination", () => ({
+    Pagination: () => <div>Pagination</div>,
+}));
+
+jest.mock("../../components/uploadButton/uploadButton2", () => ({
+    UploadFilesButton: () => <div>UploadFilesButton</div>,
+}));
+const mockSetCurrentPage = jest.fn();
+const mockSetPersistedFilters = jest.fn();
+const mockSetConversationAnswers = jest.fn();
+
+describe("Home Component", () => {
+    it("renders the Home component with search box and filter button", async () => {
+        render(
+            <BrowserRouter>
+                <AppContext.Provider value={mockAppContext}>
+                    <Home />
+                </AppContext.Provider>
+            </BrowserRouter>
+        );
+
+        // Check for header and filter button
+        expect(screen.getByText(/components.header-bar.title/i)).toBeInTheDocument();
+        expect(screen.getByText(/components.header-bar.sub-title/i)).toBeInTheDocument();
+        expect(screen.getByText(/FilterButton/i)).toBeInTheDocument();
+
+        // Check for the Search box
+        expect(screen.getByPlaceholderText("Search...")).toBeInTheDocument();
+
+        // Test clicking the filter button and updating persisted filters
+        const selectedKeywords = { category: ["tech"] };
+        fireEvent.click(screen.getByText(/FilterButton/i));
+        await waitFor(() => {
+            expect(mockSetPersistedFilters).toHaveBeenCalledWith(selectedKeywords);
+        });
+    });
+
+    it("updates query when typing in the search box", async () => {
+        render(
+            <BrowserRouter>
+                <AppContext.Provider value={mockAppContext}>
+                    <Home />
+                </AppContext.Provider>
+            </BrowserRouter>
+        );
+
+        const searchBox = screen.getByPlaceholderText("Search...");
+
+        // Simulate typing into the search box
+        userEvent.type(searchBox, "new query");
+
+        expect(mockAppContext.setQuery).toHaveBeenCalledWith("new query");
+    });
+
+    it("filters documents based on the selected date filter", async () => {
+        render(
+            <BrowserRouter>
+                <AppContext.Provider value={mockAppContext}>
+                    <Home />
+                </AppContext.Provider>
+            </BrowserRouter>
+        );
+
+        // Click on the DateFilterDropdownMenu
+        fireEvent.click(screen.getByText(/DateFilterDropdownMenu/i));
+
+        // Assuming the onFilterChange method gets called with a specific filter
+        const selectedDateFilter = "last 7 days";
+        await waitFor(() => {
+            expect(mockAppContext.setFilters).toHaveBeenCalledWith({ dateFilter: selectedDateFilter });
+        });
+    });
+
+    it("clears all filters when clicking the 'Clear all' button", async () => {
+        render(
+            <BrowserRouter>
+                <AppContext.Provider value={mockAppContext}>
+                    <Home />
+                </AppContext.Provider>
+            </BrowserRouter>
+        );
+
+        // Simulate clicking the 'Clear all' button
+        fireEvent.click(screen.getByText(/Clear all/i));
+
+        // Verify that the appropriate reset functions are called
+        await waitFor(() => {
+            expect(mockAppContext.setFilters).toHaveBeenCalledWith({});
+            expect(mockAppContext.setQuery).toHaveBeenCalledWith("");
+        });
+    });
+
+    const mockAppContext = {
+        query: "",
+        setQuery: jest.fn(),
+        filters: {},
+        setFilters: mockSetPersistedFilters,
+        conversationAnswers: [],
+        setConversationAnswers: mockSetConversationAnswers,
+        isLoading: true, // You can now include isLoading here
+    };
+
+    render(
+        <BrowserRouter>
+            <AppContext.Provider value={mockAppContext}>
+                <Home />
+            </AppContext.Provider>
+        </BrowserRouter>
+    );
+
+    it("selects and deselects documents", async () => {
+        const mockDocument = { documentId: 1, sourceName: "Document 1" };
+
+        // Set up the mock for setSelectedDocuments
+        const mockSetSelectedDocuments = jest.fn();
+
+        const mockAppContext = {
+            query: "",
+            setQuery: jest.fn(),
+            filters: {},
+            setFilters: jest.fn(),
+            conversationAnswers: [],
+            setConversationAnswers: jest.fn(),
+            isLoading: false,
+            setCurrentPage: jest.fn(),
+            setSelectedDocuments: mockSetSelectedDocuments, // Make sure setSelectedDocuments is here
+        };
+
+        render(
+            <BrowserRouter>
+                <AppContext.Provider value={mockAppContext}>
+                    <Home />
+                </AppContext.Provider>
+            </BrowserRouter>
+        );
+
+        // Get the document card by its text
+        const documentCard = screen.getByText("Document 1");
+
+        // Initially, the document is not selected, so clicking it should select it
+        fireEvent.click(documentCard);
+        expect(mockSetSelectedDocuments).toHaveBeenCalledWith([mockDocument]);
+
+        // Clicking again should deselect it
+        fireEvent.click(documentCard);
+        expect(mockSetSelectedDocuments).toHaveBeenCalledWith([]); // Expecting empty array to deselect
+    });
+
+    it("paginates through the search results", async () => {
+        render(
+            <BrowserRouter>
+                <AppContext.Provider value={mockAppContext}>
+                    <Home />
+                </AppContext.Provider>
+            </BrowserRouter>
+        );
+
+        // Ensure that the pagination component is rendered
+        const paginationButton = screen.getByText(/Pagination/i); // Replace with a specific selector if necessary
+
+        // Simulate a click on the pagination element (assuming it's a button or page number)
+        fireEvent.click(paginationButton);
+
+        // Check if setCurrentPage was called with the correct page number (e.g., 2)
+        expect(mockSetCurrentPage).toHaveBeenCalledWith(2);
+    });
+});
+
+// test("handles filter change", () => {
+//     render(
+//         <Router>
+//             <Home />
+//         </Router>
+//     );
+
+//     const filterButton = screen.getByText(/filter/i);
+//     userEvent.click(filterButton);
+
+//     const filterOption = screen.getByText(/some filter option/i);
+//     userEvent.click(filterOption);
+
+//     expect(screen.getByText(/filtered documents/i)).toBeInTheDocument();
+// });
+
+// test("clear all button resets filters and search", () => {
+//     render(
+//         <Router>
+//             <Home />
+//         </Router>
+//     );
+
+//     const searchInput = screen.getByPlaceholderText(/search/i);
+//     userEvent.type(searchInput, "Document 1");
+
+//     const filterButton = screen.getByText(/filter/i);
+//     userEvent.click(filterButton);
+//     const filterOption = screen.getByText(/some filter option/i);
+//     userEvent.click(filterOption);
+
+//     const clearAllButton = screen.getByText(/clear all/i);
+//     userEvent.click(clearAllButton);
+
+//     expect(screen.getByText(/no filters applied/i)).toBeInTheDocument();
+// });
+
+//     test("handles pagination correctly", () => {
+//         render(
+//             <Router>
+//                 <Home />
+//             </Router>
+//         );
+
+//         const paginationNextButton = screen.getByText(/next/i);
+
+//         userEvent.click(paginationNextButton);
+
+//         expect(screen.getByText(/document 6/i)).toBeInTheDocument();
+//     });
+
+//     test("chat room scrolls to the bottom on document selection", async () => {
+//         render(
+//             <Router>
+//                 <Home />
+//             </Router>
+//         );
+
+//         const document = screen.getByText(/document title/i);
+
+//         const chatContainer = screen.getByTestId("chat-container");
+
+//         userEvent.click(document);
+
+//         await waitFor(() => {
+//             expect(chatContainer.scrollTop).toBeGreaterThan(0);
+//         });
+//     });
+// });

From 4934f70b851e2ad080a727ca1a8843e3a291bbb1 Mon Sep 17 00:00:00 2001
From: Mohan-Microsoft <v-mvenudass@microsoft.com>
Date: Thu, 2 Jan 2025 23:15:25 +0530
Subject: [PATCH 2/2] home component test case

---
 App/frontend-app/src/pages/home/home.test.tsx | 282 +++++++++++-------
 1 file changed, 170 insertions(+), 112 deletions(-)

diff --git a/App/frontend-app/src/pages/home/home.test.tsx b/App/frontend-app/src/pages/home/home.test.tsx
index 0ae745b8..1eae2ad2 100644
--- a/App/frontend-app/src/pages/home/home.test.tsx
+++ b/App/frontend-app/src/pages/home/home.test.tsx
@@ -1,19 +1,9 @@
-import React from "react";
-import { render, screen, fireEvent, waitFor } from "@testing-library/react";
+import { render, screen, fireEvent, waitFor, act } from "@testing-library/react";
 import userEvent from "@testing-library/user-event";
 import { BrowserRouter } from "react-router-dom";
 import { Home } from "./home";
 import { AppContext } from "../../AppContext";
 
-// Mock import.meta
-Object.defineProperty(global, "import.meta", {
-    value: {
-        env: {
-            VITE_API_ENDPOINT: "http://mock-api-endpoint.com",
-        },
-    },
-});
-
 // Mocking components
 jest.mock("react-i18next", () => ({
     useTranslation: () => ({
@@ -65,12 +55,43 @@ jest.mock("../../components/pagination/pagination", () => ({
 jest.mock("../../components/uploadButton/uploadButton2", () => ({
     UploadFilesButton: () => <div>UploadFilesButton</div>,
 }));
+
+const mockSetSelectedOption = jest.fn();
+const mockSetResetSearchBox = jest.fn();
+const mockSetAreFiltersVisible = jest.fn();
+const mockSetShowCopilot = jest.fn();
+
 const mockSetCurrentPage = jest.fn();
 const mockSetPersistedFilters = jest.fn();
 const mockSetConversationAnswers = jest.fn();
 
+const mockAppContext = {
+    query: "",
+    setQuery: jest.fn(),
+    filters: {},
+    setFilters: mockSetPersistedFilters,
+    conversationAnswers: [],
+    setConversationAnswers: mockSetConversationAnswers,
+    isLoading: true,
+    setSelectedOption: mockSetSelectedOption,
+    setResetSearchBox: mockSetResetSearchBox,
+    setAreFiltersVisible: mockSetAreFiltersVisible,
+    setShowCopilot: mockSetShowCopilot,
+};
+
 describe("Home Component", () => {
-    it("renders the Home component with search box and filter button", async () => {
+    const fixedNow = new Date(2025, 0, 1);
+    const RealDate = Date;
+
+    beforeAll(() => {
+        global.Date = jest.fn(() => fixedNow) as unknown as DateConstructor;
+    });
+
+    afterAll(() => {
+        global.Date = RealDate;
+    });
+
+    it("renders the Home component with search box, filter button, and pagination", async () => {
         render(
             <BrowserRouter>
                 <AppContext.Provider value={mockAppContext}>
@@ -79,20 +100,11 @@ describe("Home Component", () => {
             </BrowserRouter>
         );
 
-        // Check for header and filter button
         expect(screen.getByText(/components.header-bar.title/i)).toBeInTheDocument();
         expect(screen.getByText(/components.header-bar.sub-title/i)).toBeInTheDocument();
         expect(screen.getByText(/FilterButton/i)).toBeInTheDocument();
-
-        // Check for the Search box
         expect(screen.getByPlaceholderText("Search...")).toBeInTheDocument();
-
-        // Test clicking the filter button and updating persisted filters
-        const selectedKeywords = { category: ["tech"] };
-        fireEvent.click(screen.getByText(/FilterButton/i));
-        await waitFor(() => {
-            expect(mockSetPersistedFilters).toHaveBeenCalledWith(selectedKeywords);
-        });
+        expect(screen.getByText(/Pagination/i)).toBeInTheDocument();
     });
 
     it("updates query when typing in the search box", async () => {
@@ -105,13 +117,27 @@ describe("Home Component", () => {
         );
 
         const searchBox = screen.getByPlaceholderText("Search...");
-
-        // Simulate typing into the search box
         userEvent.type(searchBox, "new query");
 
         expect(mockAppContext.setQuery).toHaveBeenCalledWith("new query");
     });
 
+    it("applies the selected filter when clicking the FilterButton", async () => {
+        render(
+            <BrowserRouter>
+                <AppContext.Provider value={mockAppContext}>
+                    <Home />
+                </AppContext.Provider>
+            </BrowserRouter>
+        );
+
+        const selectedKeywords = { category: ["tech"] };
+        fireEvent.click(screen.getByText(/FilterButton/i));
+        await waitFor(() => {
+            expect(mockSetPersistedFilters).toHaveBeenCalledWith(selectedKeywords);
+        });
+    });
+
     it("filters documents based on the selected date filter", async () => {
         render(
             <BrowserRouter>
@@ -121,10 +147,7 @@ describe("Home Component", () => {
             </BrowserRouter>
         );
 
-        // Click on the DateFilterDropdownMenu
         fireEvent.click(screen.getByText(/DateFilterDropdownMenu/i));
-
-        // Assuming the onFilterChange method gets called with a specific filter
         const selectedDateFilter = "last 7 days";
         await waitFor(() => {
             expect(mockAppContext.setFilters).toHaveBeenCalledWith({ dateFilter: selectedDateFilter });
@@ -140,38 +163,16 @@ describe("Home Component", () => {
             </BrowserRouter>
         );
 
-        // Simulate clicking the 'Clear all' button
         fireEvent.click(screen.getByText(/Clear all/i));
-
-        // Verify that the appropriate reset functions are called
         await waitFor(() => {
             expect(mockAppContext.setFilters).toHaveBeenCalledWith({});
             expect(mockAppContext.setQuery).toHaveBeenCalledWith("");
         });
     });
 
-    const mockAppContext = {
-        query: "",
-        setQuery: jest.fn(),
-        filters: {},
-        setFilters: mockSetPersistedFilters,
-        conversationAnswers: [],
-        setConversationAnswers: mockSetConversationAnswers,
-        isLoading: true, // You can now include isLoading here
-    };
-
-    render(
-        <BrowserRouter>
-            <AppContext.Provider value={mockAppContext}>
-                <Home />
-            </AppContext.Provider>
-        </BrowserRouter>
-    );
-
     it("selects and deselects documents", async () => {
         const mockDocument = { documentId: 1, sourceName: "Document 1" };
 
-        // Set up the mock for setSelectedDocuments
         const mockSetSelectedDocuments = jest.fn();
 
         const mockAppContext = {
@@ -183,7 +184,11 @@ describe("Home Component", () => {
             setConversationAnswers: jest.fn(),
             isLoading: false,
             setCurrentPage: jest.fn(),
-            setSelectedDocuments: mockSetSelectedDocuments, // Make sure setSelectedDocuments is here
+            setSelectedDocuments: mockSetSelectedDocuments,
+            resetSearchBox: false,
+            setResetSearchBox: jest.fn(),
+            setAreFiltersVisible: jest.fn(),
+            setShowCopilot: jest.fn(),
         };
 
         render(
@@ -194,16 +199,15 @@ describe("Home Component", () => {
             </BrowserRouter>
         );
 
-        // Get the document card by its text
         const documentCard = screen.getByText("Document 1");
 
-        // Initially, the document is not selected, so clicking it should select it
         fireEvent.click(documentCard);
+
         expect(mockSetSelectedDocuments).toHaveBeenCalledWith([mockDocument]);
 
-        // Clicking again should deselect it
         fireEvent.click(documentCard);
-        expect(mockSetSelectedDocuments).toHaveBeenCalledWith([]); // Expecting empty array to deselect
+
+        expect(mockSetSelectedDocuments).toHaveBeenCalledWith([]);
     });
 
     it("paginates through the search results", async () => {
@@ -215,83 +219,137 @@ describe("Home Component", () => {
             </BrowserRouter>
         );
 
-        // Ensure that the pagination component is rendered
-        const paginationButton = screen.getByText(/Pagination/i); // Replace with a specific selector if necessary
-
-        // Simulate a click on the pagination element (assuming it's a button or page number)
+        const paginationButton = screen.getByText(/Pagination/i);
         fireEvent.click(paginationButton);
 
-        // Check if setCurrentPage was called with the correct page number (e.g., 2)
         expect(mockSetCurrentPage).toHaveBeenCalledWith(2);
     });
-});
 
-// test("handles filter change", () => {
-//     render(
-//         <Router>
-//             <Home />
-//         </Router>
-//     );
+    it("returns the correct date range for Past 24 hours", () => {
+        const fixedNow = new Date(2025, 0, 1, 12, 0, 0);
+
+        const mockCalculateDateRange = jest.fn((option) => {
+            const now = fixedNow;
+            const startDate = new Date(now.getTime() - 24 * 60 * 60 * 1000);
+            return { startDate, endDate: now };
+        });
+
+        const { startDate, endDate } = mockCalculateDateRange("Past 24 hours");
+
+        const expectedStartDate = new Date(fixedNow.getTime() - 24 * 60 * 60 * 1000);
+
+        expect(startDate).toEqual(expectedStartDate);
+        expect(endDate).toEqual(fixedNow);
+    });
+
+    it("returns the correct date range for Past week", () => {
+        const fixedNow = new Date(2025, 0, 1);
+
+        const mockCalculateDateRange = jest.fn((option) => {
+            const now = fixedNow;
+            const startDate = new Date(now.getTime() - 7 * 24 * 60 * 60 * 1000);
+            return { startDate, endDate: now };
+        });
+
+        const { startDate, endDate } = mockCalculateDateRange("Past week");
+
+        const expectedStartDate = new Date(fixedNow.getTime() - 7 * 24 * 60 * 60 * 1000);
+
+        expect(startDate).toEqual(expectedStartDate);
+        expect(endDate).toEqual(fixedNow);
+    });
+
+    it("returns the correct date range for custom date range", () => {
+        const mockCalculateDateRange = jest.fn((option, customStartDate, customEndDate) => {
+            return { startDate: customStartDate, endDate: customEndDate };
+        });
+
+        const customStartDate = new Date(fixedNow.getTime() - 15 * 24 * 60 * 60 * 1000);
+        const customEndDate = new Date(fixedNow.getTime() - 5 * 24 * 60 * 60 * 1000);
+
+        const { startDate, endDate } = mockCalculateDateRange("Custom", customStartDate, customEndDate);
 
-//     const filterButton = screen.getByText(/filter/i);
-//     userEvent.click(filterButton);
+        expect(startDate).toEqual(customStartDate);
+        expect(endDate).toEqual(customEndDate);
+    });
 
-//     const filterOption = screen.getByText(/some filter option/i);
-//     userEvent.click(filterOption);
+    /////
 
-//     expect(screen.getByText(/filtered documents/i)).toBeInTheDocument();
-// });
+    it("applies w-[165%] if window.innerWidth is greater than 2000", () => {
+        global.innerWidth = 2500;
 
-// test("clear all button resets filters and search", () => {
-//     render(
-//         <Router>
-//             <Home />
-//         </Router>
-//     );
+        render(
+            <BrowserRouter>
+                <AppContext.Provider value={mockAppContext}>
+                    <Home />
+                </AppContext.Provider>
+            </BrowserRouter>
+        );
 
-//     const searchInput = screen.getByPlaceholderText(/search/i);
-//     userEvent.type(searchInput, "Document 1");
+        const homeComponent = screen.getByText("Width class is applied based on the window width"); // Assuming this is the text inside your div
+        expect(homeComponent).toHaveClass("w-[165%]");
+    });
+    it("applies w-[125%] if window.innerWidth is 2000 or less", () => {
+        global.innerWidth = 1500;
 
-//     const filterButton = screen.getByText(/filter/i);
-//     userEvent.click(filterButton);
-//     const filterOption = screen.getByText(/some filter option/i);
-//     userEvent.click(filterOption);
+        render(
+            <BrowserRouter>
+                <AppContext.Provider value={mockAppContext}>
+                    <Home />
+                </AppContext.Provider>
+            </BrowserRouter>
+        );
 
-//     const clearAllButton = screen.getByText(/clear all/i);
-//     userEvent.click(clearAllButton);
+        const homeComponent = screen.getByText("Width class is applied based on the window width"); // Assuming this is the text inside your div
+        expect(homeComponent).toHaveClass("w-[125%]");
+    });
+    it("updates widthClass when window is resized", () => {
+        global.innerWidth = 2500;
 
-//     expect(screen.getByText(/no filters applied/i)).toBeInTheDocument();
-// });
+        const { rerender } = render(
+            <BrowserRouter>
+                <AppContext.Provider value={mockAppContext}>
+                    <Home />
+                </AppContext.Provider>
+            </BrowserRouter>
+        );
 
-//     test("handles pagination correctly", () => {
-//         render(
-//             <Router>
-//                 <Home />
-//             </Router>
-//         );
+        let homeComponent = screen.getByText("Width class is applied based on the window width");
+        expect(homeComponent).toHaveClass("w-[165%]");
 
-//         const paginationNextButton = screen.getByText(/next/i);
+        act(() => {
+            global.innerWidth = 1500;
+            window.dispatchEvent(new Event("resize"));
+        });
 
-//         userEvent.click(paginationNextButton);
+        rerender(
+            <BrowserRouter>
+                <AppContext.Provider value={mockAppContext}>
+                    <Home />
+                </AppContext.Provider>
+            </BrowserRouter>
+        );
 
-//         expect(screen.getByText(/document 6/i)).toBeInTheDocument();
-//     });
+        homeComponent = screen.getByText("Width class is applied based on the window width");
+        expect(homeComponent).toHaveClass("w-[125%]");
+    });
+    it("removes the resize event listener when the component is unmounted", () => {
+        const removeEventListenerMock = jest.spyOn(window, "removeEventListener");
 
-//     test("chat room scrolls to the bottom on document selection", async () => {
-//         render(
-//             <Router>
-//                 <Home />
-//             </Router>
-//         );
+        global.innerWidth = 2500;
 
-//         const document = screen.getByText(/document title/i);
+        const { unmount } = render(
+            <BrowserRouter>
+                <AppContext.Provider value={mockAppContext}>
+                    <Home />
+                </AppContext.Provider>
+            </BrowserRouter>
+        );
 
-//         const chatContainer = screen.getByTestId("chat-container");
+        unmount();
 
-//         userEvent.click(document);
+        expect(removeEventListenerMock).toHaveBeenCalledWith("resize", expect.any(Function));
 
-//         await waitFor(() => {
-//             expect(chatContainer.scrollTop).toBeGreaterThan(0);
-//         });
-//     });
-// });
+        removeEventListenerMock.mockRestore();
+    });
+});