test(themes): add rose theme tests (JhaSourav07#2309)

Author: Priti-007

lib/svg/themes/rose.test.ts

@@ -0,0 +1,97 @@
+// lib/svg/themes/rose.test.ts
+import { describe, it, expect } from 'vitest';
+import { themes } from '../themes';
+import { generateSVG } from '../generator';
+import type { BadgeParams, ContributionCalendar, StreakStats } from '../../../types';
+
+describe('rose theme', () => {
+  const hexRegex = /^#[0-9a-f]{6}$/i;
+
+  const mockStats: StreakStats = {
+    currentStreak: 3,
+    longestStreak: 7,
+    totalContributions: 42,
+    todayDate: '2024-06-12',
+  };
+
+  const mockCalendar = {
+    weeks: [
+      {
+        contributionDays: [
+          { contributionCount: 0, date: '2024-06-10' },
+          { contributionCount: 4, date: '2024-06-11' },
+          { contributionCount: 9, date: '2024-06-12' },
+        ],
+      },
+    ],
+  } as ContributionCalendar;
+
+  it('imports the themes object and asserts the rose key exists', () => {
+    expect(themes).toHaveProperty('rose');
+    expect(themes.rose).toBeDefined();
+  });
+
+  it('verifies themes.rose.bg is a valid 6-character hex color', () => {
+    expect(`#${themes.rose.bg}`, 'rose bg is invalid').toMatch(hexRegex);
+  });
+
+  it('verifies themes.rose.text is a valid 6-character hex color', () => {
+    expect(`#${themes.rose.text}`, 'rose text is invalid').toMatch(hexRegex);
+  });
+
+  it('verifies themes.rose.accent is a valid 6-character hex color', () => {
+    expect(`#${themes.rose.accent}`, 'rose accent is invalid').toMatch(hexRegex);
+  });
+
+  it('generates an SVG using the rose theme and asserts theme hex colors appear in the output', () => {
+    const rose = themes.rose;
+
+    const svg = generateSVG(
+      mockStats,
+      {
+        user: 'tester',
+        bg: rose.bg,
+        text: rose.text,
+        accent: rose.accent,
+        speed: '8s',
+        scale: 'linear',
+      } as unknown as BadgeParams,
+      mockCalendar
+    );
+
+    expect(svg).toBeTypeOf('string');
+    expect(svg.length).toBeGreaterThan(0);
+    // The generator prepends '#' to the sanitized hex values
+    expect(svg).toContain(`#${rose.bg}`);
+    expect(svg).toContain(`#${rose.text}`);
+    expect(svg).toContain(`#${rose.accent}`);
+  });
+
+  it('ensures the contrast between rose bg and text is sufficient (WCAG accessibility)', () => {
+    const hexToRgb = (hex: string): [number, number, number] => {
+      const h = hex.replace('#', '');
+      return [
+        parseInt(h.substring(0, 2), 16),
+        parseInt(h.substring(2, 4), 16),
+        parseInt(h.substring(4, 6), 16),
+      ];
+    };
+
+    const luminance = ([r, g, b]: [number, number, number]): number => {
+      const a = [r, g, b].map((v) => {
+        const s = v / 255;
+        return s <= 0.03928 ? s / 12.92 : Math.pow((s + 0.055) / 1.055, 2.4);
+      });
+      return 0.2126 * a[0] + 0.7152 * a[1] + 0.0722 * a[2];
+    };
+
+    const bgLum = luminance(hexToRgb(themes.rose.bg));
+    const textLum = luminance(hexToRgb(themes.rose.text));
+    const lighter = Math.max(bgLum, textLum);
+    const darker = Math.min(bgLum, textLum);
+    const contrastRatio = (lighter + 0.05) / (darker + 0.05);
+
+    // WCAG AA requires at least 4.5:1 for normal text
+    expect(contrastRatio).toBeGreaterThanOrEqual(4.5);
+  });
+});