From f4aafd76e3c2ef3018aeb3159ee36ab38b3bc472 Mon Sep 17 00:00:00 2001
From: Abhishek Raj <113784630+abbi4code@users.noreply.github.com>
Date: Fri, 13 Dec 2024 21:32:58 +0530
Subject: [PATCH] Refactor: src/screens/UserPortal/Volunteer/UpcomingEvents
 from Jest to Vitest (#2623)

* migrated UpcomingEvents tests from Jest to Vitest

* Rename UpcomingEvents.test.tsx to UpcomingEvents.spec.tsx

* add header comments for UpcomingEvents component tests
---
 ...vents.test.tsx => UpcomingEvents.spec.tsx} | 28 +++++++++++++------
 1 file changed, 20 insertions(+), 8 deletions(-)
 rename src/screens/UserPortal/Volunteer/UpcomingEvents/{UpcomingEvents.test.tsx => UpcomingEvents.spec.tsx} (90%)

diff --git a/src/screens/UserPortal/Volunteer/UpcomingEvents/UpcomingEvents.test.tsx b/src/screens/UserPortal/Volunteer/UpcomingEvents/UpcomingEvents.spec.tsx
similarity index 90%
rename from src/screens/UserPortal/Volunteer/UpcomingEvents/UpcomingEvents.test.tsx
rename to src/screens/UserPortal/Volunteer/UpcomingEvents/UpcomingEvents.spec.tsx
index 43e0b15cdb..f636d8d8d4 100644
--- a/src/screens/UserPortal/Volunteer/UpcomingEvents/UpcomingEvents.test.tsx
+++ b/src/screens/UserPortal/Volunteer/UpcomingEvents/UpcomingEvents.spec.tsx
@@ -21,11 +21,20 @@ import {
 } from './UpcomingEvents.mocks';
 import { toast } from 'react-toastify';
 import useLocalStorage from 'utils/useLocalstorage';
+import { vi } from 'vitest';
 
-jest.mock('react-toastify', () => ({
+/**
+ * Unit tests for the UpcomingEvents component.
+ *
+ * This file contains tests to verify the functionality and behavior of the UpcomingEvents component
+ * under various scenarios, including successful data fetching, error handling, and user interactions.
+ * Mocked dependencies are used to ensure isolated testing of the component.
+ */
+
+vi.mock('react-toastify', () => ({
   toast: {
-    success: jest.fn(),
-    error: jest.fn(),
+    success: vi.fn(),
+    error: vi.fn(),
   },
 }));
 
@@ -81,10 +90,13 @@ const renderUpcomingEvents = (link: ApolloLink): RenderResult => {
 
 describe('Testing Upcoming Events Screen', () => {
   beforeAll(() => {
-    jest.mock('react-router-dom', () => ({
-      ...jest.requireActual('react-router-dom'),
-      useParams: () => ({ orgId: 'orgId' }),
-    }));
+    vi.mock('react-router-dom', async () => {
+      const actual = await vi.importActual('react-router-dom');
+      return {
+        ...actual,
+        useParams: () => ({ orgId: 'orgId' }),
+      };
+    });
   });
 
   beforeEach(() => {
@@ -92,7 +104,7 @@ describe('Testing Upcoming Events Screen', () => {
   });
 
   afterAll(() => {
-    jest.clearAllMocks();
+    vi.clearAllMocks();
   });
 
   it('should redirect to fallback URL if URL params are undefined', async () => {