fixed test cases

Author: akanshaaa19

src/components/floweditor/FlowEditor.test.tsx

@@ -29,6 +29,13 @@ import * as Notification from 'common/notification';
 
 window.location = { assign: vi.fn() } as any;
 
+beforeEach(() => {
+  Object.defineProperty(window, 'location', {
+    writable: true,
+    value: { reload: vi.fn() },
+  });
+});
+
 vi.mock('react-router', async () => {
   return {
     ...(await vi.importActual<any>('react-router')),
@@ -263,7 +270,7 @@ test('reset flow counts', async () => {
   fireEvent.click(getByTestId('ok-button'));
 
   await waitFor(() => {
-    // need to have an assertion after the query ran
+    expect(window.location.reload).toHaveBeenCalled();
   });
 });
 

src/containers/Organization/Onboarding/Form.test.tsx

@@ -234,7 +234,7 @@ test('it should submit the form', async () => {
   await waitFor(() => {
     expect(getByText('Success!')).toBeInTheDocument();
   });
-});
+}, 1500);
 
 test('it should disgree and send an email', async () => {
   const { getByTestId, getAllByRole, getAllByTestId } = render(renderForm);

src/containers/SettingList/Billing/Billing.test.tsx

@@ -55,7 +55,12 @@ const mockStripe = () => ({
     };
   }),
   confirmCardPayment: vi.fn(),
-  confirmCardSetup: vi.fn(),
+  confirmCardSetup: vi.fn((props) => {
+    return Promise.resolve({
+      error: null,
+      setupIntent: { status: 'succeeded' },
+    });
+  }),
   paymentRequest: vi.fn(),
   _registerWrapper: vi.fn(),
 });

src/containers/SettingList/Providers/Providers.test.tsx

@@ -182,6 +182,10 @@ describe('update credentials', () => {
       expect(screen.getByText('Token')).toBeInTheDocument();
     });
 
+    await waitFor(() => {
+      expect(screen.getByText('Product ID')).toBeInTheDocument();
+    });
+
     const inputs = screen.getAllByRole('textbox');
 
     fireEvent.change(inputs[0], { target: { value: 'token2' } });
@@ -225,6 +229,10 @@ describe('update credentials', () => {
       expect(screen.getByText('Token')).toBeInTheDocument();
     });
 
+    await waitFor(() => {
+      expect(screen.getByText('Product ID')).toBeInTheDocument();
+    });
+
     const inputs = screen.getAllByRole('textbox');
 
     fireEvent.change(inputs[0], { target: { value: 'token2' } });

src/containers/SpeedSend/SpeedSend.test.tsx

@@ -182,7 +182,7 @@ describe('test creating a speed send', () => {
     await waitFor(() => {
       expect(screen.getByTestId('translation')).toBeInTheDocument();
     });
-  });
+  }, 1500);
 
   test('it should display warning message', async () => {
     render(addSpeedSendContainer);

src/containers/WaGroups/WaPolls/WaPollsList/WaPollsList.test.tsx

@@ -76,7 +76,7 @@ test('it navigates to create a copy', async () => {
   fireEvent.click(screen.getAllByTestId('duplicate-icon')[0]);
 
   await waitFor(() => {
-    expect(screen.getByText('Copy Poll')).toBeInTheDocument();
+    expect(mockedUsedNavigate).toHaveBeenCalled();
   });
 });
 

src/mocks/Organization.tsx

@@ -965,7 +965,14 @@ export const createMaytapiCredentialsMock = (error: boolean = false) => ({
               keys: '{}',
               secrets: '{"token":"token","product_id":"product_id"}',
             },
-        errors: error ? new Error('Something went wrong') : null,
+        errors: error
+          ? [
+              {
+                message: 'Something went wrong',
+                key: 0,
+              },
+            ]
+          : null,
       },
     },
   },
@@ -1043,7 +1050,14 @@ export const updateMaytapiCredentials = (error: boolean = false) => ({
               keys: '{}',
               secrets: '{"token":"token2","product_id":"product_id2"}',
             },
-        errors: error ? new Error('Something went wrong') : null,
+        errors: error
+          ? [
+              {
+                message: 'Something went wrong',
+                key: 0,
+              },
+            ]
+          : null,
       },
     },
   },

src/routes/AuthenticatedRoute/AuthenticatedRoute.test.tsx

@@ -6,7 +6,7 @@ import { vi } from 'vitest';
 
 import { getOrganizationBSP, walletBalanceQuery, walletBalanceSubscription } from 'mocks/Organization';
 import { setUserSession } from 'services/AuthService';
-import { CONVERSATION_MOCKS } from 'mocks/Chat';
+import { CONVERSATION_MOCKS, markAsReadMock } from 'mocks/Chat';
 import { Loading } from 'components/UI/Layout/Loading/Loading';
 import AuthenticatedRoute from './AuthenticatedRoute';
 import { getNotificationCountQuery } from 'mocks/Notifications';
@@ -19,6 +19,7 @@ const mocks = [
   ...CONVERSATION_MOCKS,
   getOrganizationBSP,
   getNotificationCountQuery,
+  markAsReadMock('2'),
 ];
 window.HTMLElement.prototype.scrollIntoView = function () {};
 describe('<AuthenticatedRoute />', () => {

src/routes/AuthenticatedRoute/AuthenticatedRoute.tsx

@@ -200,7 +200,7 @@ export const AuthenticatedRoute = () => {
   );
 
   let userRole: any[] = [];
-  let route = routeStaff;
+  let route;
 
   if (getUserRole()) {
     userRole = getUserRole();

src/setupTests.ts

@@ -4,7 +4,7 @@ import { TextEncoder, TextDecoder } from 'util';
 import '@testing-library/jest-dom/vitest';
 
 import { cleanup } from '@testing-library/react';
-import { afterEach } from 'node:test';
+import { afterEach } from 'vitest';
 
 // runs a cleanup after each test case (e.g. clearing jsdom)
 afterEach(() => {