fix tests by updating queries, dates, imports

Author: rudransh-shrivastava

frontend/__tests__/unit/data/mockProgramData.ts

@@ -7,7 +7,7 @@ export const mockPrograms = [
     description: 'This is a summary of Program 1.',
     startedAt: '2025-01-01',
     endedAt: '2025-12-31',
-    status: 'published',
+    status: ProgramStatusEnum.Published,
     modules: ['Module A', 'Module B'],
   },
 ]

frontend/__tests__/unit/pages/About.test.tsx

@@ -6,8 +6,11 @@ import { useRouter } from 'next/navigation'
 import { act } from 'react'
 import { render } from 'wrappers/testUtil'
 import About from 'app/about/page'
-import { GET_PROJECT_METADATA, GET_TOP_CONTRIBUTORS } from 'server/queries/projectQueries'
-import { GET_LEADER_DATA } from 'server/queries/userQueries'
+import {
+  GetProjectMetadataDocument,
+  GetTopContributorsDocument,
+} from 'types/__generated__/projectQueries.generated'
+import { GetLeaderDataDocument } from 'types/__generated__/userQueries.generated'
 
 jest.mock('@apollo/client/react', () => ({
   ...jest.requireActual('@apollo/client/react'),
@@ -116,15 +119,15 @@ describe('About Component', () => {
     ;(useQuery as unknown as jest.Mock).mockImplementation((query, options) => {
       const key = options?.variables?.key
 
-      if (query === GET_PROJECT_METADATA) {
+      if (query === GetProjectMetadataDocument) {
         if (key === 'nest') {
           return mockProjectData
         }
-      } else if (query === GET_TOP_CONTRIBUTORS) {
+      } else if (query === GetTopContributorsDocument) {
         if (key === 'nest') {
           return mockTopContributorsData
         }
-      } else if (query === GET_LEADER_DATA) {
+      } else if (query === GetLeaderDataDocument) {
         return mockUserData(key)
       }
 
@@ -530,7 +533,7 @@ describe('About Component', () => {
 
   test('triggers toaster error when GraphQL request fails for project', async () => {
     ;(useQuery as unknown as jest.Mock).mockImplementation((query, options) => {
-      if (query === GET_PROJECT_METADATA && options?.variables?.key === 'nest') {
+      if (query === GetProjectMetadataDocument && options?.variables?.key === 'nest') {
         return { loading: false, data: null, error: new Error('GraphQL error') }
       }
       return {
@@ -556,7 +559,7 @@ describe('About Component', () => {
 
   test('triggers toaster error when GraphQL request fails for topContributors', async () => {
     ;(useQuery as unknown as jest.Mock).mockImplementation((query, options) => {
-      if (query === GET_TOP_CONTRIBUTORS && options?.variables?.key === 'nest') {
+      if (query === GetTopContributorsDocument && options?.variables?.key === 'nest') {
         return { loading: false, data: null, error: new Error('GraphQL error') }
       }
       return {

frontend/__tests__/unit/pages/ApiKeysPage.test.tsx

@@ -6,7 +6,10 @@ import { format, addDays } from 'date-fns'
 import React from 'react'
 import { render } from 'wrappers/testUtil'
 import ApiKeysPage from 'app/settings/api-keys/page'
-import { CREATE_API_KEY, REVOKE_API_KEY } from 'server/queries/apiKeyQueries'
+import {
+  CreateApiKeyDocument,
+  RevokeApiKeyDocument,
+} from 'types/__generated__/apiKeyQueries.generated'
 
 jest.mock('@apollo/client/react', () => ({
   ...jest.requireActual('@apollo/client/react'),
@@ -65,10 +68,10 @@ describe('ApiKeysPage Component', () => {
     })
 
     mockUseMutation.mockImplementation((mutation) => {
-      if (mutation === CREATE_API_KEY) {
+      if (mutation === CreateApiKeyDocument) {
         return [mockCreateMutation, { loading: false }]
       }
-      if (mutation === REVOKE_API_KEY) {
+      if (mutation === RevokeApiKeyDocument) {
         return [mockRevokeMutation, { loading: false }]
       }
       return [jest.fn(), { loading: false }]
@@ -169,7 +172,7 @@ describe('ApiKeysPage Component', () => {
       expect(mockCreateMutation).toHaveBeenCalledWith({
         variables: expect.objectContaining({
           name: expectedVariables.name,
-          expiresAt: expect.any(Date),
+          expiresAt: expect.any(String),
         }),
       })
     })
@@ -196,7 +199,7 @@ describe('ApiKeysPage Component', () => {
       expect(mockCreateMutation).toHaveBeenCalledWith({
         variables: {
           name: 'Test Key with Expiry',
-          expiresAt: new Date('2025-12-31'),
+          expiresAt: new Date('2025-12-31T00:00:00.000Z').toISOString(),
         },
       })
     })

frontend/__tests__/unit/pages/CreateModule.test.tsx

@@ -1,5 +1,4 @@
-import { useMutation, useQuery } from '@apollo/client/react'
-import { useApolloClient } from '@apollo/client/react'
+import { useMutation, useQuery, useApolloClient } from '@apollo/client/react'
 import { screen, fireEvent, waitFor, act } from '@testing-library/react'
 import { useRouter, useParams } from 'next/navigation'
 import { useSession } from 'next-auth/react'
@@ -17,7 +16,6 @@ jest.mock('next/navigation', () => ({
 }))
 
 jest.mock('@apollo/client/react', () => ({
-  ...jest.requireActual('@apollo/client/react'),
   useMutation: jest.fn(),
   useQuery: jest.fn(),
   useApolloClient: jest.fn(),

frontend/__tests__/unit/pages/EditModule.test.tsx

@@ -1,5 +1,4 @@
-import { useMutation, useQuery } from '@apollo/client/react'
-import { useApolloClient } from '@apollo/client/react'
+import { useMutation, useQuery, useApolloClient } from '@apollo/client/react'
 import { screen, fireEvent, waitFor, act } from '@testing-library/react'
 import { useRouter, useParams } from 'next/navigation'
 import { useSession } from 'next-auth/react'
@@ -18,13 +17,12 @@ jest.mock('next/navigation', () => ({
 }))
 
 jest.mock('@apollo/client/react', () => ({
-  ...jest.requireActual('@apollo/client/react'),
   useMutation: jest.fn(),
   useQuery: jest.fn(),
+  useApolloClient: jest.fn(),
 }))
 
 jest.mock('@apollo/client', () => ({
-  useApolloClient: jest.fn(),
   gql: jest.requireActual('@apollo/client').gql,
 }))
 

frontend/__tests__/unit/utils/structuredData.test.ts

@@ -26,8 +26,8 @@ describe('generateProfilePageStructuredData', () => {
     expect(result).toEqual({
       '@context': 'https://schema.org',
       '@type': 'ProfilePage',
-      dateCreated: '1970-01-01T00:33:40.000Z',
-      dateModified: '1970-01-01T00:33:41.000Z',
+      dateCreated: '2020-01-01T00:00:00.000Z',
+      dateModified: '2021-02-03T00:00:00.000Z',
       mainEntity: {
         '@type': 'Person',
         address: 'San Francisco, CA, USA',

frontend/src/app/mentorship/programs/[programKey]/page.tsx

@@ -69,7 +69,7 @@ const ProgramDetailsPage = () => {
   }
 
   const programDetails = [
-    { label: 'Status', value: upperFirst(program.status) },
+    { label: 'Status', value: upperFirst(program.status.toLowerCase()) },
     { label: 'Start Date', value: formatDate(program.startedAt) },
     { label: 'End Date', value: formatDate(program.endedAt) },
     { label: 'Mentees Limit', value: String(program.menteesLimit) },

frontend/src/app/my/mentorship/programs/[programKey]/page.tsx

@@ -80,7 +80,7 @@ const ProgramDetailsPage = () => {
       })
 
       addToast({
-        title: `Program status updated to ${upperFirst(newStatus)}`,
+        title: `Program status updated to ${upperFirst(newStatus.toLowerCase())}`,
         description: 'The status has been successfully updated.',
         variant: 'solid',
         color: 'success',
@@ -128,9 +128,9 @@ const ProgramDetailsPage = () => {
   }
 
   const programDetails = [
-    { label: 'Status', value: upperFirst(program.status) },
-    { label: 'Start Date', value: formatDate(program.startedAt as string) },
-    { label: 'End Date', value: formatDate(program.endedAt as string) },
+    { label: 'Status', value: upperFirst(program.status.toLowerCase()) },
+    { label: 'Start Date', value: formatDate(program.startedAt) },
+    { label: 'End Date', value: formatDate(program.endedAt) },
     { label: 'Mentees Limit', value: String(program.menteesLimit) },
     {
       label: 'Experience Levels',

frontend/src/components/SingleModuleCard.tsx

@@ -51,7 +51,7 @@ const SingleModuleCard: React.FC<SingleModuleCardProps> = ({
   }
 
   const moduleDetails = [
-    { label: 'Experience Level', value: upperFirst(module.experienceLevel) },
+    { label: 'Experience Level', value: upperFirst(module.experienceLevel.toLowerCase()) },
     { label: 'Start Date', value: formatDate(module.startedAt) },
     { label: 'End Date', value: formatDate(module.endedAt) },
     { label: 'Duration', value: getSimpleDuration(module.startedAt, module.endedAt) },