adding vitest in avatar.spec.test

src/components/Avatar/Avatar.spec.tsx

@@ -0,0 +1,91 @@
+import React from 'react';
+import { render } from '@testing-library/react';
+import '@testing-library/jest-dom';
+import { describe, test, expect, vi } from 'vitest';
+import Avatar from './Avatar';
+
+/**
+ * Unit tests for the `Avatar` component.
+ *
+ * The tests ensure the `Avatar` component renders correctly with various props.
+ * Mocked dependencies are used to isolate the component and verify its behavior.
+ */
+
+vi.mock('state/store', () => ({
+  store: {
+    getState: vi.fn(() => ({
+      auth: {
+        user: null,
+        loading: false,
+      },
+    })),
+    subscribe: vi.fn(),
+    dispatch: vi.fn(),
+  },
+}));
+
+vi.mock('utils/i18nForTest', () => ({
+  __esModule: true,
+  default: vi.fn(() => ({
+    t: (key: string) => key,
+  })),
+}));
+
+describe('Avatar component', () => {
+  /**
+   * Test: Verifies the `Avatar` component renders correctly with the `name` and `alt` attributes.
+   *
+   * Steps:
+   * 1. Render the `Avatar` component with `name`, `alt`, and `size` props.
+   * 2. Check if the avatar image is present in the document.
+   * 3. Validate the `src` attribute is defined.
+   */
+  test('renders with name and alt attribute', () => {
+    const testName = 'John Doe';
+    const testAlt = 'Test Alt Text';
+    const testSize = 64;
+
+    const { getByAltText } = render(
+      <Avatar name={testName} alt={testAlt} size={testSize} />,
+    );
+
+    const avatarElement = getByAltText(testAlt);
+
+    expect(avatarElement).toBeInTheDocument();
+    expect(avatarElement.getAttribute('src')).toBeDefined();
+  });
+
+  /**
+   * Test: Verifies the `Avatar` component renders correctly with custom style and `data-testid`.
+   *
+   * Steps:
+   * 1. Render the `Avatar` component with `avatarStyle` and `dataTestId` props.
+   * 2. Check if the avatar image is present in the document.
+   * 3. Validate the `className` contains the custom style.
+   * 4. Validate the `data-testid` attribute matches the expected value.
+   */
+
+  test('renders with custom style and data-testid', () => {
+    const testName = 'Jane Doe';
+    const testStyle = 'custom-avatar-style';
+    const testDataTestId = 'custom-avatar-test-id';
+
+    const { getByAltText } = render(
+      <Avatar
+        name={testName}
+        alt="Dummy Avatar"
+        avatarStyle={testStyle} // Pass custom style
+        dataTestId={testDataTestId} // Pass data-testid
+      />,
+    );
+
+    const avatarElement = getByAltText('Dummy Avatar');
+
+    expect(avatarElement).toBeInTheDocument();
+    expect(avatarElement.getAttribute('src')).toBeDefined();
+
+    expect(avatarElement.className).toContain(testStyle);
+
+    expect(avatarElement.getAttribute('data-testid')).toBe(testDataTestId);
+  });
+});

src/components/EventCalendar/EventCalendar.test.tsx

@@ -1,10 +1,9 @@
-import Calendar from './EventCalendar';
+import Calendar, { Role } from './EventCalendar';
 import { render, screen, fireEvent, act } from '@testing-library/react';
 import { MockedProvider } from '@apollo/react-testing';
 import { I18nextProvider } from 'react-i18next';
 import React from 'react';
 import { ViewType } from 'screens/OrganizationEvents/OrganizationEvents';
-
 import {
   DELETE_EVENT_MUTATION,
   UPDATE_EVENT_MUTATION,
@@ -100,6 +99,253 @@ async function wait(ms = 200): Promise<void> {
   });
 }
 
+describe('Role Enum', () => {
+  it('should have correct values', () => {
+    expect(Role.USER).toBe('USER');
+    expect(Role.SUPERADMIN).toBe('SUPERADMIN');
+    expect(Role.ADMIN).toBe('ADMIN');
+  });
+
+  it('should work in conditional logic', () => {
+    const getRoleDescription = (role: Role): string => {
+      switch (role) {
+        case Role.SUPERADMIN:
+          return 'Super Admin Access';
+        case Role.ADMIN:
+          return 'Admin Access';
+        default:
+          return 'User Access';
+      }
+    };
+
+    expect(getRoleDescription(Role.USER)).toBe('User Access');
+    expect(getRoleDescription(Role.ADMIN)).toBe('Admin Access');
+    expect(getRoleDescription(Role.SUPERADMIN)).toBe('Super Admin Access');
+  });
+});
+describe('Month and Year Navigation', () => {
+  let setCurrentMonth: jest.Mock;
+  let setCurrentYear: jest.Mock;
+
+  beforeEach(() => {
+    setCurrentMonth = jest.fn();
+    setCurrentYear = jest.fn();
+  });
+
+  it('should set the month to December of the previous year when the current month is January (0)', () => {
+    const currentMonth = 0;
+    const currentYear = 2024;
+
+    if (currentMonth === 0) {
+      setCurrentMonth(11);
+      setCurrentYear(currentYear - 1);
+    } else {
+      setCurrentMonth(currentMonth - 1);
+    }
+
+    expect(setCurrentMonth).toHaveBeenCalledWith(11);
+    expect(setCurrentYear).toHaveBeenCalledWith(2023);
+  });
+
+  it('should decrement the month when the current month is not January (0)', () => {
+    const currentMonth = 5; // June
+    const currentYear = 2024;
+
+    if (Number(currentMonth) === 0) {
+      setCurrentMonth(11);
+      setCurrentYear(currentYear - 1);
+    } else {
+      setCurrentMonth(currentMonth - 1);
+    }
+
+    expect(setCurrentMonth).toHaveBeenCalledWith(4); // May
+    expect(setCurrentYear).not.toHaveBeenCalled();
+  });
+
+  it('should set the month to January of the next year when the current month is December (11)', () => {
+    const currentMonth = 11; // December
+    const currentYear = 2024;
+
+    if (currentMonth === 11) {
+      setCurrentMonth(0);
+      setCurrentYear(currentYear + 1);
+    } else {
+      setCurrentMonth(currentMonth + 1);
+    }
+
+    expect(setCurrentMonth).toHaveBeenCalledWith(0); // January
+    expect(setCurrentYear).toHaveBeenCalledWith(2025);
+  });
+});
+
+describe('Date Navigation', () => {
+  let setCurrentDate: jest.Mock;
+  let setCurrentMonth: jest.Mock;
+  let setCurrentYear: jest.Mock;
+
+  beforeEach(() => {
+    setCurrentDate = jest.fn();
+    setCurrentMonth = jest.fn();
+    setCurrentYear = jest.fn();
+  });
+
+  it('should decrement the current date if it is greater than 1', () => {
+    const currentDate = 15; // Any date greater than 1
+    const currentMonth = 5; // Any month
+    const currentYear = 2024; // Any year
+
+    if (currentDate > 1) {
+      setCurrentDate(currentDate - 1);
+    } else if (currentMonth > 0) {
+      const lastDayOfPrevMonth = new Date(
+        currentYear,
+        currentMonth,
+        0,
+      ).getDate();
+      setCurrentDate(lastDayOfPrevMonth);
+      setCurrentMonth(currentMonth - 1);
+    } else {
+      setCurrentDate(31);
+      setCurrentMonth(11);
+      setCurrentYear(currentYear - 1);
+    }
+
+    expect(setCurrentDate).toHaveBeenCalledWith(14);
+    expect(setCurrentMonth).not.toHaveBeenCalled();
+    expect(setCurrentYear).not.toHaveBeenCalled();
+  });
+
+  it('should set the date to the last day of the previous month and decrement the month if currentDate is 1 and currentMonth > 0', () => {
+    const currentDate = 1;
+    const currentMonth = 5; // June
+    const currentYear = 2024; // Any year
+
+    if (currentDate > 1) {
+      setCurrentDate(currentDate - 1);
+    } else if (currentMonth > 0) {
+      const lastDayOfPrevMonth = new Date(
+        currentYear,
+        currentMonth,
+        0,
+      ).getDate();
+      setCurrentDate(lastDayOfPrevMonth);
+      setCurrentMonth(currentMonth - 1);
+    } else {
+      setCurrentDate(31);
+      setCurrentMonth(11);
+      setCurrentYear(currentYear - 1);
+    }
+
+    expect(setCurrentDate).toHaveBeenCalledWith(31); // Last day of May
+    expect(setCurrentMonth).toHaveBeenCalledWith(4); // May
+    expect(setCurrentYear).not.toHaveBeenCalled();
+  });
+
+  it('should set the date to 31, month to December, and decrement the year if currentDate is 1 and currentMonth is 0', () => {
+    const currentDate = 1;
+    const currentMonth = 0; // January
+    const currentYear = 2024;
+
+    if (currentDate > 1) {
+      setCurrentDate(currentDate - 1);
+    } else if (currentMonth > 0) {
+      const lastDayOfPrevMonth = new Date(
+        currentYear,
+        currentMonth,
+        0,
+      ).getDate();
+      setCurrentDate(lastDayOfPrevMonth);
+      setCurrentMonth(currentMonth - 1);
+    } else {
+      setCurrentDate(31);
+      setCurrentMonth(11);
+      setCurrentYear(currentYear - 1);
+    }
+
+    expect(setCurrentDate).toHaveBeenCalledWith(31);
+    expect(setCurrentMonth).toHaveBeenCalledWith(11); // December
+    expect(setCurrentYear).toHaveBeenCalledWith(2023);
+  });
+
+  it('should correctly handle February and leap years when currentDate is 1 and currentMonth is 1 (February)', () => {
+    const currentDate = 1;
+    const currentMonth = 1; // February
+    const currentYear = 2024; // Leap year
+
+    if (currentDate > 1) {
+      setCurrentDate(currentDate - 1);
+    } else if (currentMonth > 0) {
+      const lastDayOfPrevMonth = new Date(
+        currentYear,
+        currentMonth,
+        0,
+      ).getDate();
+      setCurrentDate(lastDayOfPrevMonth);
+      setCurrentMonth(currentMonth - 1);
+    } else {
+      setCurrentDate(31);
+      setCurrentMonth(11);
+      setCurrentYear(currentYear - 1);
+    }
+
+    expect(setCurrentDate).toHaveBeenCalledWith(31); // January 31st
+    expect(setCurrentMonth).toHaveBeenCalledWith(0); // January
+    expect(setCurrentYear).not.toHaveBeenCalled();
+  });
+
+  it('should correctly handle the transition from March 1st to February 28th (non-leap year)', () => {
+    const currentDate = 1;
+    const currentMonth = 2; // March
+    const currentYear = 2023; // Non-leap year
+
+    if (currentDate > 1) {
+      setCurrentDate(currentDate - 1);
+    } else if (currentMonth > 0) {
+      const lastDayOfPrevMonth = new Date(
+        currentYear,
+        currentMonth,
+        0,
+      ).getDate();
+      setCurrentDate(lastDayOfPrevMonth);
+      setCurrentMonth(currentMonth - 1);
+    } else {
+      setCurrentDate(31);
+      setCurrentMonth(11);
+      setCurrentYear(currentYear - 1);
+    }
+
+    expect(setCurrentDate).toHaveBeenCalledWith(28); // February 28th
+    expect(setCurrentMonth).toHaveBeenCalledWith(1); // February
+    expect(setCurrentYear).not.toHaveBeenCalled();
+  });
+
+  it('should handle the transition from April 1st to March 31st', () => {
+    const currentDate = 1;
+    const currentMonth = 3; // April
+    const currentYear = 2024;
+
+    if (currentDate > 1) {
+      setCurrentDate(currentDate - 1);
+    } else if (currentMonth > 0) {
+      const lastDayOfPrevMonth = new Date(
+        currentYear,
+        currentMonth,
+        0,
+      ).getDate();
+      setCurrentDate(lastDayOfPrevMonth);
+      setCurrentMonth(currentMonth - 1);
+    } else {
+      setCurrentDate(31);
+      setCurrentMonth(11);
+      setCurrentYear(currentYear - 1);
+    }
+
+    expect(setCurrentDate).toHaveBeenCalledWith(31); // March 31st
+    expect(setCurrentMonth).toHaveBeenCalledWith(2); // March
+    expect(setCurrentYear).not.toHaveBeenCalled();
+  });
+});
+
 describe('Calendar', () => {
   it('renders weekdays', () => {
     render(<Calendar eventData={eventData} viewType={ViewType.MONTH} />);

src/components/EventCalendar/EventCalendar.tsx

@@ -47,7 +47,7 @@ interface InterfaceCalendarProps {
   viewType?: ViewType;
 }
 
-enum Role {
+export enum Role {
   USER = 'USER',
   SUPERADMIN = 'SUPERADMIN',
   ADMIN = 'ADMIN',
@@ -130,7 +130,6 @@ const Calendar: React.FC<InterfaceCalendarProps> = ({
    * Moves the calendar view to the previous month.
    */
   const handlePrevMonth = (): void => {
-    /*istanbul ignore next*/
     if (currentMonth === 0) {
       setCurrentMonth(11);
       setCurrentYear(currentYear - 1);
@@ -143,7 +142,6 @@ const Calendar: React.FC<InterfaceCalendarProps> = ({
    * Moves the calendar view to the next month.
    */
   const handleNextMonth = (): void => {
-    /*istanbul ignore next*/
     if (currentMonth === 11) {
       setCurrentMonth(0);
       setCurrentYear(currentYear + 1);