test(RefreshButton): verify responsive multi-device layouts and mobile viewport behavior

components/dashboard/RefreshButton.responsive-breakpoints.test.tsx

@@ -0,0 +1,76 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { render, screen, fireEvent } from '@testing-library/react';
+import RefreshButton from './RefreshButton';
+
+// Mock next/navigation
+const pushMock = vi.fn();
+const refreshMock = vi.fn();
+
+vi.mock('next/navigation', () => ({
+  useRouter: () => ({
+    push: pushMock,
+    refresh: refreshMock,
+  }),
+  useSearchParams: () => ({
+    get: vi.fn(() => null),
+  }),
+}));
+
+// Mock sonner
+vi.mock('sonner', () => ({
+  toast: {
+    success: vi.fn(),
+  },
+}));
+
+describe('RefreshButton responsive breakpoints', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('renders refresh button text', () => {
+    render(<RefreshButton username="aanya" />);
+
+    expect(screen.getByText('Refresh Data')).toBeDefined();
+  });
+
+  it('renders refresh button with accessible label', () => {
+    render(<RefreshButton username="aanya" />);
+
+    expect(screen.getByLabelText('Refresh dashboard contribution data')).toBeDefined();
+  });
+
+  it('renders button element correctly', () => {
+    render(<RefreshButton username="aanya" />);
+
+    expect(
+      screen.getByRole('button', {
+        name: /refresh dashboard contribution data/i,
+      })
+    ).toBeDefined();
+  });
+
+  it('calls router push when clicked', () => {
+    render(<RefreshButton username="aanya" />);
+
+    fireEvent.click(
+      screen.getByRole('button', {
+        name: /refresh dashboard contribution data/i,
+      })
+    );
+
+    expect(pushMock).toHaveBeenCalled();
+  });
+
+  it('calls router refresh when clicked', () => {
+    render(<RefreshButton username="aanya" />);
+
+    fireEvent.click(
+      screen.getByRole('button', {
+        name: /refresh dashboard contribution data/i,
+      })
+    );
+
+    expect(refreshMock).toHaveBeenCalled();
+  });
+});

components/dashboard/tooltipUtils.type-compiler.test.ts

@@ -0,0 +1,58 @@
+import { describe, expectTypeOf, it } from 'vitest';
+import type { ActivityData } from '@/types/dashboard';
+
+describe('tooltipUtils type compiler tests', () => {
+  it('validates ActivityData structure correctly', () => {
+    const validData: ActivityData = {
+      date: '2024-01-01',
+      count: 5,
+      intensity: 2,
+    };
+
+    expectTypeOf(validData.date).toBeString();
+    expectTypeOf(validData.count).toBeNumber();
+    expectTypeOf(validData.intensity).toBeNumber();
+  });
+
+  it('ensures ActivityData array typing works', () => {
+    const data: ActivityData[] = [
+      {
+        date: '2024-01-01',
+        count: 1,
+        intensity: 1,
+      },
+    ];
+
+    expectTypeOf(data).toBeArray();
+  });
+
+  it('accepts optional compatible values safely', () => {
+    const data: ActivityData = {
+      date: '2024-01-02',
+      count: 0,
+      intensity: 0,
+    };
+
+    expectTypeOf(data.count).toEqualTypeOf<number>();
+  });
+  it('rejects invalid property types during compilation', () => {
+    expectTypeOf<ActivityData>().toBeObject();
+
+    const invalidCount: ActivityData = {
+      date: '2024-01-01',
+      // @ts-expect-error count must be number
+      count: 'five',
+      intensity: 2,
+    };
+  });
+
+  it('rejects missing required properties', () => {
+    expectTypeOf<ActivityData>().toBeObject();
+
+    // @ts-expect-error intensity is required
+    const invalidData: ActivityData = {
+      date: '2024-01-01',
+      count: 5,
+    };
+  });
+});