fixed test cases

glific · Mar 14, 2024 · 2904d21 · 2904d21
1 parent 82d392f
commit 2904d21
Show file tree

Hide file tree

Showing 5 changed files with 40 additions and 21 deletions.
diff --git a/src/containers/Collection/Collection.test.tsx b/src/containers/Collection/Collection.test.tsx
@@ -9,6 +9,7 @@ import { getOrganizationLanguagesQuery, getOrganizationQuery } from 'mocks/Organ
 import * as FormLayout from 'containers/Form/FormLayout';
 import { Collection } from './Collection';
 import { getRoleNamesMock } from 'containers/StaffManagement/StaffManagement.test.helper';
+import { MemoryRouter } from 'react-router';
 
 const mocks = [
   getRoleNamesMock,
@@ -31,9 +32,11 @@ vi.mock('react-router-dom', async () => {
 });
 
 const wrapper = (
-  <MockedProvider mocks={mocks} addTypename={false}>
-    <Collection />
-  </MockedProvider>
+  <MemoryRouter>
+    <MockedProvider mocks={mocks} addTypename={false}>
+      <Collection />
+    </MockedProvider>
+  </MemoryRouter>
 );
 
 describe('<Collection />', () => {

diff --git a/src/containers/ContactField/ContactField.test.tsx b/src/containers/ContactField/ContactField.test.tsx
@@ -3,13 +3,16 @@ import { MockedProvider } from '@apollo/client/testing';
 
 import { setUserSession } from 'services/AuthService';
 import { ContactField } from './ContactField';
+import { MemoryRouter } from 'react-router';
 
 setUserSession(JSON.stringify({ organization: { id: '1' }, roles: ['Admin'] }));
 
 const wrapper = (
-  <MockedProvider mocks={[]} addTypename={false}>
-    <ContactField setOpenDialog={vi.fn()} />
-  </MockedProvider>
+  <MemoryRouter>
+    <MockedProvider mocks={[]} addTypename={false}>
+      <ContactField setOpenDialog={vi.fn()} />
+    </MockedProvider>
+  </MemoryRouter>
 );
 
 test('it renders contact form successfully', async () => {

diff --git a/src/containers/Extensions/Extensions.test.tsx b/src/containers/Extensions/Extensions.test.tsx
@@ -9,6 +9,7 @@ import {
 } from 'mocks/Extension';
 import { setUserSession } from 'services/AuthService';
 import { Extensions } from './Extensions';
+import { MemoryRouter } from 'react-router';
 
 vi.mock('react-router-dom', async () => {
   return {
@@ -26,9 +27,11 @@ const props = {
 };
 
 const wrapper = (
-  <MockedProvider mocks={createMocks} addTypename={false}>
-    <Extensions {...props} />
-  </MockedProvider>
+  <MemoryRouter>
+    <MockedProvider mocks={createMocks} addTypename={false}>
+      <Extensions {...props} />
+    </MockedProvider>
+  </MemoryRouter>
 );
 test('it should render form correctly', async () => {
   render(wrapper);
@@ -65,9 +68,11 @@ test('it should render form correctly', async () => {
 
 test('it should render filled form with extension details', async () => {
   render(
-    <MockedProvider mocks={updateMocks} addTypename={false}>
-      <Extensions {...props} />
-    </MockedProvider>
+    <MemoryRouter>
+      <MockedProvider mocks={updateMocks} addTypename={false}>
+        <Extensions {...props} />
+      </MockedProvider>
+    </MemoryRouter>
   );
   await waitFor(() => {});
 

diff --git a/src/containers/Organization/OrganizationCustomer/OrganizationCustomer.test.tsx b/src/containers/Organization/OrganizationCustomer/OrganizationCustomer.test.tsx
@@ -4,6 +4,7 @@ import { MockedProvider } from '@apollo/client/testing';
 import { setUserSession } from 'services/AuthService';
 import { organizationCustomerMock } from 'mocks/Billing';
 import { OrganizationCustomer } from './OrganizationCustomer';
+import { MemoryRouter } from 'react-router';
 
 const mocks = [...organizationCustomerMock];
 
@@ -17,9 +18,11 @@ setUserSession(JSON.stringify({ organization: { id: '1' }, roles: ['Glific_admin
 
 test('it renders organization-customer component successfully without form data', async () => {
   const app = (
-    <MockedProvider mocks={mocks} addTypename={false}>
-      <OrganizationCustomer openDialog />
-    </MockedProvider>
+    <MemoryRouter>
+      <MockedProvider mocks={mocks} addTypename={false}>
+        <OrganizationCustomer openDialog />
+      </MockedProvider>
+    </MemoryRouter>
   );
   render(app);
   await waitFor(async () => await new Promise((resolve) => setTimeout(resolve, 0)));
@@ -42,9 +45,11 @@ test('it renders organization-customer component successfully without form data'
 
 test('it renders organization-customer component successfully with form data', async () => {
   render(
-    <MockedProvider mocks={mocks} addTypename={false}>
-      <OrganizationCustomer openDialog />
-    </MockedProvider>
+    <MemoryRouter>
+      <MockedProvider mocks={mocks} addTypename={false}>
+        <OrganizationCustomer openDialog />
+      </MockedProvider>
+    </MemoryRouter>
   );
   await waitFor(async () => await new Promise((resolve) => setTimeout(resolve, 0)));
 

diff --git a/src/containers/Ticket/Ticket.test.tsx b/src/containers/Ticket/Ticket.test.tsx
@@ -7,6 +7,7 @@ import { getTicketQuery } from 'mocks/Ticket';
 import { getUsersQuery } from 'mocks/User';
 import { getRoleNamesMock } from 'containers/StaffManagement/StaffManagement.test.helper';
 import { getOrganizationLanguagesQuery } from 'mocks/Organization';
+import { MemoryRouter } from 'react-router';
 
 afterEach(cleanup);
 
@@ -17,9 +18,11 @@ const mocks = [getTicketQuery, getUsersQuery, getRoleNamesMock, getOrganizationL
 test('Render component correctly with the values', async () => {
   const setOpenDialogMock = vi.fn();
   render(
-    <MockedProvider mocks={mocks}>
-      <Ticket selectedTicket={'1'} setOpenDialog={setOpenDialogMock} />
-    </MockedProvider>
+    <MemoryRouter>
+      <MockedProvider mocks={mocks}>
+        <Ticket selectedTicket={'1'} setOpenDialog={setOpenDialogMock} />
+      </MockedProvider>
+    </MemoryRouter>
   );
 
   expect(screen.getByText('Loading...')).toBeInTheDocument();