test(ComparisonStatsCard): verify progress bar split for equal values

Author: JhaSourav07

components/dashboard/ComparisonStatsCard.test.tsx

@@ -125,4 +125,30 @@ describe('ComparisonStatsCard', () => {
     expect(userOneSegment).toBeDefined();
     expect(userTwoSegment).toBeDefined();
   });
+
+  it('renders a balanced 50/50 split progress bar without any emerald color highlight when values are equal', () => {
+    const { container } = render(
+      <ComparisonStatsCard
+        title="Developer Score"
+        valueA={50}
+        valueB={50}
+        labelA="User One"
+        labelB="User Two"
+        icon="Award"
+      />
+    );
+
+    const progressSegments = container.querySelectorAll(
+      '.w-full.bg-gray-700\\/50 div, .relative div'
+    );
+
+    const allDivs = Array.from(container.querySelectorAll('div'));
+
+    const emeraldElement =
+      container.querySelector('[className*="emerald"]') ||
+      container.querySelector('.text-emerald-400');
+
+    expect(emeraldElement).toBeNull();
+    expect(screen.queryByText('Winner')).toBeNull();
+  });
 });

lib/svg/generator.ts

@@ -4,7 +4,7 @@ import type { BadgeParams, ContributionCalendar, StreakStats, MonthlyStats } fro
 import { getLabels, type BadgeLabels } from '../i18n/badgeLabels';
 import { AUTO_THEME_DARK, AUTO_THEME_LIGHT } from './themes';
 import { TOWER_ANIMATION_CSS } from './animations';
-import { computeTowers, projectIsometric, type TowerData } from './layout';
+import { computeTowers, type TowerData } from './layout';
 import { sanitizeFont, sanitizeHexColor, sanitizeRadius, sanitizeGoogleFontUrl } from './sanitizer';
 
 import { SVG_WIDTH, SVG_HEIGHT, FONT_MAP, isFontKey } from './generatorConstants';