Skip to content

Commit

Permalink
Migrated src/components/EventListCard from Jest to Vitest (#2853)
Browse files Browse the repository at this point in the history 
* Refactor: Migrated src/components/EventListCard/EventListCard.test.tsx from Jest to Vitest

* Removed all istanbul ignore comments
  • Loading branch information
@PratapRathi
PratapRathi authored Dec 25, 2024
1 parent 8dd63e9 commit c57559e
Show file tree
Hide file tree
Showing 2 changed files with 32 additions and 37 deletions.
60 changes: 30 additions & 30 deletions ...ents/EventListCard/EventListCard.test.tsx → ...ents/EventListCard/EventListCard.spec.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,16 +17,17 @@ import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
import useLocalStorage from 'utils/useLocalstorage';
import { props } from './EventListCardProps';
import { ERROR_MOCKS, MOCKS } from './EventListCardMocks';
import { vi, beforeAll, afterAll, expect, it } from 'vitest';

const { setItem } = useLocalStorage();

const link = new StaticMockLink(MOCKS, true);
const link2 = new StaticMockLink(ERROR_MOCKS, true);

jest.mock('react-toastify', () => ({
vi.mock('react-toastify', () => ({
toast: {
success: jest.fn(),
error: jest.fn(),
success: vi.fn(),
error: vi.fn(),
},
}));

Expand Down Expand Up @@ -101,18 +102,17 @@ describe('Testing Event List Card', () => {
};

beforeAll(() => {
jest.mock('react-router-dom', () => ({
...jest.requireActual('react-router-dom'),
useParams: () => ({ orgId: 'orgId' }),
vi.mock('react-router-dom', async () => ({
...(await vi.importActual('react-router-dom')),
}));
});

afterAll(() => {
localStorage.clear();
jest.clearAllMocks();
vi.clearAllMocks();
});

test('Testing for event modal', async () => {
it('Testing for event modal', async () => {
renderEventListCard(props[1]);

userEvent.click(screen.getByTestId('card'));
Expand All @@ -129,7 +129,7 @@ describe('Testing Event List Card', () => {
});
});

test('Should navigate to "/" if orgId is not defined', async () => {
it('Should navigate to "/" if orgId is not defined', async () => {
render(
<MockedProvider addTypename={false} link={link}>
<I18nextProvider i18n={i18n}>
Expand Down Expand Up @@ -163,15 +163,15 @@ describe('Testing Event List Card', () => {
});
});

test('Should render default text if event details are null', async () => {
it('Should render default text if event details are null', async () => {
renderEventListCard(props[0]);

await waitFor(() => {
expect(screen.getByText('Dogs Care')).toBeInTheDocument();
});
});

test('should render props and text elements test for the screen', async () => {
it('should render props and text elements test for the screen', async () => {
renderEventListCard(props[1]);

expect(screen.getByText(props[1].eventName)).toBeInTheDocument();
Expand All @@ -198,7 +198,7 @@ describe('Testing Event List Card', () => {
});
});

test('Should render truncated event name when length is more than 100', async () => {
it('Should render truncated event name when length is more than 100', async () => {
const longEventName = 'a'.repeat(101);
renderEventListCard({ ...props[1], eventName: longEventName });

Expand All @@ -221,7 +221,7 @@ describe('Testing Event List Card', () => {
});
});

test('Should render full event name when length is less than or equal to 100', async () => {
it('Should render full event name when length is less than or equal to 100', async () => {
const shortEventName = 'a'.repeat(100);
renderEventListCard({ ...props[1], eventName: shortEventName });

Expand All @@ -242,7 +242,7 @@ describe('Testing Event List Card', () => {
});
});

test('Should render truncated event description when length is more than 256', async () => {
it('Should render truncated event description when length is more than 256', async () => {
const longEventDescription = 'a'.repeat(257);

renderEventListCard({
Expand All @@ -268,7 +268,7 @@ describe('Testing Event List Card', () => {
});
});

test('Should render full event description when length is less than or equal to 256', async () => {
it('Should render full event description when length is less than or equal to 256', async () => {
const shortEventDescription = 'a'.repeat(256);

renderEventListCard({
Expand All @@ -294,7 +294,7 @@ describe('Testing Event List Card', () => {
});
});

test('Should navigate to event dashboard when clicked (For Admin)', async () => {
it('Should navigate to event dashboard when clicked (For Admin)', async () => {
renderEventListCard(props[1]);

userEvent.click(screen.getByTestId('card'));
Expand All @@ -311,7 +311,7 @@ describe('Testing Event List Card', () => {
});
});

test('Should navigate to event dashboard when clicked (For User)', async () => {
it('Should navigate to event dashboard when clicked (For User)', async () => {
setItem('userId', '123');
renderEventListCard(props[2]);

Expand All @@ -329,7 +329,7 @@ describe('Testing Event List Card', () => {
});
});

test('Should update a non-recurring event', async () => {
it('Should update a non-recurring event', async () => {
renderEventListCard(props[1]);

userEvent.click(screen.getByTestId('card'));
Expand Down Expand Up @@ -372,7 +372,7 @@ describe('Testing Event List Card', () => {
});
});

test('Should update a non all day non-recurring event', async () => {
it('Should update a non all day non-recurring event', async () => {
renderEventListCard(props[1]);

userEvent.click(screen.getByTestId('card'));
Expand Down Expand Up @@ -425,7 +425,7 @@ describe('Testing Event List Card', () => {
});
});

test('should update a single event to be recurring', async () => {
it('should update a single event to be recurring', async () => {
renderEventListCard(props[1]);

userEvent.click(screen.getByTestId('card'));
Expand Down Expand Up @@ -469,7 +469,7 @@ describe('Testing Event List Card', () => {
});
});

test('should show different update options for a recurring event based on different conditions', async () => {
it('should show different update options for a recurring event based on different conditions', async () => {
renderEventListCard(props[5]);

userEvent.click(screen.getByTestId('card'));
Expand Down Expand Up @@ -595,7 +595,7 @@ describe('Testing Event List Card', () => {
});
});

test('should show recurrenceRule as changed if the recurrence weekdays have changed', async () => {
it('should show recurrenceRule as changed if the recurrence weekdays have changed', async () => {
renderEventListCard(props[4]);

userEvent.click(screen.getByTestId('card'));
Expand Down Expand Up @@ -656,7 +656,7 @@ describe('Testing Event List Card', () => {
});
});

test('should update all instances of a recurring event', async () => {
it('should update all instances of a recurring event', async () => {
renderEventListCard(props[6]);

userEvent.click(screen.getByTestId('card'));
Expand Down Expand Up @@ -706,7 +706,7 @@ describe('Testing Event List Card', () => {
});
});

test('should update thisAndFollowingInstances of a recurring event', async () => {
it('should update thisAndFollowingInstances of a recurring event', async () => {
renderEventListCard(props[5]);

userEvent.click(screen.getByTestId('card'));
Expand Down Expand Up @@ -772,7 +772,7 @@ describe('Testing Event List Card', () => {
});
});

test('should render the delete modal', async () => {
it('should render the delete modal', async () => {
renderEventListCard(props[1]);

userEvent.click(screen.getByTestId('card'));
Expand Down Expand Up @@ -807,7 +807,7 @@ describe('Testing Event List Card', () => {
});
});

test('should call the delete event mutation when the "Yes" button is clicked', async () => {
it('should call the delete event mutation when the "Yes" button is clicked', async () => {
renderEventListCard(props[1]);

userEvent.click(screen.getByTestId('card'));
Expand All @@ -833,7 +833,7 @@ describe('Testing Event List Card', () => {
});
});

test('select different delete options on recurring events & then delete the recurring event', async () => {
it('select different delete options on recurring events & then delete the recurring event', async () => {
renderEventListCard(props[4]);

await wait();
Expand Down Expand Up @@ -873,7 +873,7 @@ describe('Testing Event List Card', () => {
});
});

test('should show an error toast when the delete event mutation fails', async () => {
it('should show an error toast when the delete event mutation fails', async () => {
// Destructure key from props[1] and pass it separately to avoid spreading it
const { key, ...otherProps } = props[1];
render(
Expand Down Expand Up @@ -908,7 +908,7 @@ describe('Testing Event List Card', () => {
});
});

test('handle register should work properly', async () => {
it('handle register should work properly', async () => {
setItem('userId', '456');

renderEventListCard(props[2]);
Expand All @@ -933,7 +933,7 @@ describe('Testing Event List Card', () => {
});
});

test('should show already registered text when the user is registered for an event', async () => {
it('should show already registered text when the user is registered for an event', async () => {
renderEventListCard(props[3]);

userEvent.click(screen.getByTestId('card'));
Expand Down
9 changes: 2 additions & 7 deletions src/components/EventListCard/EventListCardModals.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -292,7 +292,6 @@ function EventListCardModals({
}
}
} catch (error: unknown) {
/* istanbul ignore next */
errorHandler(t, error);
}
};
Expand Down Expand Up @@ -362,7 +361,6 @@ function EventListCardModals({
hideViewModal();
}
} catch (error: unknown) {
/* istanbul ignore next */
errorHandler(t, error);
}
}
Expand Down Expand Up @@ -491,9 +489,7 @@ function EventListCardModals({
recurrenceStartDate: date?.toDate(),
weekDays: [Days[date?.toDate().getDay()]],
weekDayOccurenceInMonth: weekDayOccurenceInMonth
? /* istanbul ignore next */ getWeekDayOccurenceInMonth(
date?.toDate(),
)
? getWeekDayOccurenceInMonth(date?.toDate())
: undefined,
});
}
Expand Down Expand Up @@ -531,8 +527,7 @@ function EventListCardModals({
endTime:
timeToDayJs(formState.endTime) < time
? time?.format('HH:mm:ss')
: /* istanbul ignore next */
formState.endTime,
: formState.endTime,
});
}
}}
Expand Down

0 comments on commit c57559e

Please sign in to comment.