From 0185646fd275e6885c7a7509a1f858c2aef10257 Mon Sep 17 00:00:00 2001
From: Syed Ali Ul Hasan <syedaliulhasan19@gmail.com>
Date: Mon, 20 Jan 2025 23:18:17 +0530
Subject: [PATCH] refactored
 src/screens/UserPortal/Campaigns/PledgeModal.test.tsx from jest to vitest
 (#3355)

---
 ...dgeModal.test.tsx => PledgeModal.spec.tsx} | 39 +++++++++++--------
 1 file changed, 22 insertions(+), 17 deletions(-)
 rename src/screens/UserPortal/Campaigns/{PledgeModal.test.tsx => PledgeModal.spec.tsx} (92%)

diff --git a/src/screens/UserPortal/Campaigns/PledgeModal.test.tsx b/src/screens/UserPortal/Campaigns/PledgeModal.spec.tsx
similarity index 92%
rename from src/screens/UserPortal/Campaigns/PledgeModal.test.tsx
rename to src/screens/UserPortal/Campaigns/PledgeModal.spec.tsx
index b9fd7a7d4d..c4829d46b7 100644
--- a/src/screens/UserPortal/Campaigns/PledgeModal.test.tsx
+++ b/src/screens/UserPortal/Campaigns/PledgeModal.spec.tsx
@@ -22,26 +22,28 @@ import PledgeModal from './PledgeModal';
 import React from 'react';
 import { USER_DETAILS } from 'GraphQl/Queries/Queries';
 import { CREATE_PlEDGE, UPDATE_PLEDGE } from 'GraphQl/Mutations/PledgeMutation';
+import { vi } from 'vitest';
 
-jest.mock('react-toastify', () => ({
+vi.mock('react-toastify', () => ({
   toast: {
-    success: jest.fn(),
-    error: jest.fn(),
+    success: vi.fn(),
+    error: vi.fn(),
   },
 }));
 
-jest.mock('@mui/x-date-pickers/DateTimePicker', () => {
+vi.mock('@mui/x-date-pickers/DateTimePicker', async () => {
+  const { DesktopDateTimePicker } = await vi.importActual(
+    '@mui/x-date-pickers/DesktopDateTimePicker',
+  );
   return {
-    DateTimePicker: jest.requireActual(
-      '@mui/x-date-pickers/DesktopDateTimePicker',
-    ).DesktopDateTimePicker,
+    DateTimePicker: DesktopDateTimePicker,
   };
 });
 
 const pledgeProps: InterfacePledgeModal[] = [
   {
     isOpen: true,
-    hide: jest.fn(),
+    hide: vi.fn(),
     pledge: {
       _id: '1',
       amount: 100,
@@ -57,7 +59,7 @@ const pledgeProps: InterfacePledgeModal[] = [
         },
       ],
     },
-    refetchPledge: jest.fn(),
+    refetchPledge: vi.fn(),
     campaignId: 'campaignId',
     userId: 'userId',
     endDate: new Date(),
@@ -65,7 +67,7 @@ const pledgeProps: InterfacePledgeModal[] = [
   },
   {
     isOpen: true,
-    hide: jest.fn(),
+    hide: vi.fn(),
     pledge: {
       _id: '1',
       amount: 100,
@@ -81,7 +83,7 @@ const pledgeProps: InterfacePledgeModal[] = [
         },
       ],
     },
-    refetchPledge: jest.fn(),
+    refetchPledge: vi.fn(),
     campaignId: 'campaignId',
     userId: 'userId',
     endDate: new Date(),
@@ -210,14 +212,18 @@ const renderPledgeModal = (
 
 describe('PledgeModal', () => {
   beforeAll(() => {
-    jest.mock('react-router-dom', () => ({
-      ...jest.requireActual('react-router-dom'),
-      useParams: () => ({ orgId: 'orgId', fundCampaignId: 'fundCampaignId' }),
-    }));
+    vi.mock('react-router-dom', async () => {
+      const actual = await vi.importActual('react-router-dom');
+      return {
+        ...actual,
+        useParams: () => ({ orgId: 'orgId', fundCampaignId: 'fundCampaignId' }),
+        useNavigate: vi.fn(),
+      };
+    });
   });
 
   afterAll(() => {
-    jest.clearAllMocks();
+    vi.clearAllMocks();
   });
 
   afterEach(() => {
@@ -300,7 +306,6 @@ describe('PledgeModal', () => {
     expect(screen.getByTestId('submitPledgeBtn')).toBeInTheDocument();
 
     fireEvent.click(screen.getByTestId('submitPledgeBtn'));
-
     await waitFor(() => {
       expect(toast.success).toHaveBeenCalled();
       expect(pledgeProps[0].refetchPledge).toHaveBeenCalled();