run pnpm run test:unit

Author: mrkeshav-05

frontend/__tests__/unit/components/CardDetailsPage.test.tsx

@@ -891,7 +891,8 @@ describe('CardDetailsPage', () => {
       expect(mainContainer).toHaveClass(
         'min-h-screen',
         'bg-white',
-        'p-8',
+        'px-4',
+        'py-6',
         'text-gray-600',
         'dark:bg-[#212529]',
         'dark:text-gray-300'
@@ -902,7 +903,7 @@ describe('CardDetailsPage', () => {
       render(<CardDetailsPage {...defaultProps} />)
 
       const title = screen.getByRole('heading', { level: 1 })
-      expect(title).toHaveClass('text-4xl', 'font-bold')
+      expect(title).toHaveClass('text-2xl', 'font-bold', 'sm:text-3xl', 'md:text-4xl')
     })
 
     it('applies correct CSS classes to description', () => {

frontend/__tests__/unit/components/ContributionHeatmap.test.tsx

@@ -138,8 +138,8 @@ describe('ContributionHeatmap', () => {
 
       await waitFor(() => {
         const chart = screen.getByTestId('contribution-heatmap-chart')
-        expect(chart).toHaveAttribute('data-height', '200')
-        expect(chart).toHaveAttribute('data-width', '1200px')
+        expect(chart).toHaveAttribute('data-height', '220')
+        expect(chart).toHaveAttribute('data-width', '100%')
       })
     })
 
@@ -148,7 +148,7 @@ describe('ContributionHeatmap', () => {
 
       await waitFor(() => {
         const chart = screen.getByTestId('contribution-heatmap-chart')
-        expect(chart).toHaveAttribute('data-height', '100%')
+        expect(chart).toHaveAttribute('data-height', '180')
         expect(chart).toHaveAttribute('data-width', '100%')
       })
     })
@@ -158,8 +158,8 @@ describe('ContributionHeatmap', () => {
 
       await waitFor(() => {
         const chart = screen.getByTestId('contribution-heatmap-chart')
-        expect(chart).toHaveAttribute('data-height', '200')
-        expect(chart).toHaveAttribute('data-width', '1200px')
+        expect(chart).toHaveAttribute('data-height', '220')
+        expect(chart).toHaveAttribute('data-width', '100%')
       })
     })
   })
@@ -556,7 +556,7 @@ describe('ContributionHeatmap', () => {
 
       const container = screen.getByTestId('contribution-heatmap-chart').parentElement
         ?.parentElement
-      expect(container).toHaveClass('max-w-5xl')
+      expect(container).toHaveClass('w-full', 'overflow-x-auto')
     })
   })
 
@@ -567,7 +567,7 @@ describe('ContributionHeatmap', () => {
       await waitFor(() => {
         const chart = screen.getByTestId('contribution-heatmap-chart')
         const container = chart.parentElement
-        expect(container).toHaveClass('heatmap-container-default')
+        expect(container).toHaveClass('inline-block', 'min-w-[640px]', 'md:min-w-full')
       })
     })
 
@@ -577,7 +577,7 @@ describe('ContributionHeatmap', () => {
       await waitFor(() => {
         const chart = screen.getByTestId('contribution-heatmap-chart')
         const container = chart.parentElement
-        expect(container).toHaveClass('heatmap-container-compact')
+        expect(container).toHaveClass('inline-block', 'min-w-full')
       })
     })
   })