@jmruthers/pace-core 0.5.43 → 0.5.45

package/src/providers/__tests__/EventProvider.test.tsx

@@ -0,0 +1,190 @@
+/**
+ * @file EventProvider Component Tests
+ * @package @jmruthers/pace-core
+ * @module Providers/__tests__
+ * @since 0.4.0
+ * 
+ * Comprehensive test suite for EventProvider component covering all critical functionality.
+ * Follows testing guidelines with proper structure, naming, and best practices.
+ */
+
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import { describe, it, expect, vi, beforeEach } from 'vitest';
+import { EventProvider, useEvents } from '../EventProvider';
+
+// Mock Supabase client
+const mockSupabaseClient = {
+  from: vi.fn(),
+  rpc: vi.fn(),
+};
+
+// Test component that uses the hook
+const TestComponent = () => {
+  const { events, isLoading, error, selectedEvent, setSelectedEvent } = useEvents();
+  
+  return (
+    <div data-testid="test-component">
+      <div data-testid="events-count">{events.length}</div>
+      <div data-testid="is-loading">{isLoading ? 'true' : 'false'}</div>
+      <div data-testid="error">{error || 'no-error'}</div>
+      <div data-testid="selected-event">{selectedEvent?.id || 'no-event'}</div>
+      <button onClick={() => setSelectedEvent({ id: 'event-1', name: 'Test Event' } as any)}>
+        Select Event
+      </button>
+    </div>
+  );
+};
+
+describe('EventProvider Component', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+    
+    // Default mock implementations
+    mockSupabaseClient.from.mockReturnValue({
+      select: vi.fn().mockReturnValue({
+        eq: vi.fn().mockReturnValue({
+          order: vi.fn().mockReturnValue({
+            data: [],
+            error: null,
+          }),
+        }),
+      }),
+    });
+  });
+
+  describe('Rendering', () => {
+    it('renders with children', () => {
+      render(
+        <EventProvider supabaseClient={mockSupabaseClient}>
+          <TestComponent />
+        </EventProvider>
+      );
+
+      expect(screen.getByTestId('test-component')).toBeInTheDocument();
+    });
+
+    it('renders with default state', () => {
+      render(
+        <EventProvider supabaseClient={mockSupabaseClient}>
+          <TestComponent />
+        </EventProvider>
+      );
+
+      expect(screen.getByTestId('events-count')).toHaveTextContent('0');
+      expect(screen.getByTestId('is-loading')).toHaveTextContent('false');
+      expect(screen.getByTestId('error')).toHaveTextContent('no-error');
+      expect(screen.getByTestId('selected-event')).toHaveTextContent('no-event');
+    });
+  });
+
+  describe('Event Management', () => {
+    it('provides events array', () => {
+      render(
+        <EventProvider supabaseClient={mockSupabaseClient}>
+          <TestComponent />
+        </EventProvider>
+      );
+
+      expect(screen.getByTestId('events-count')).toHaveTextContent('0');
+    });
+
+    it('provides loading state', () => {
+      render(
+        <EventProvider supabaseClient={mockSupabaseClient}>
+          <TestComponent />
+        </EventProvider>
+      );
+
+      expect(screen.getByTestId('is-loading')).toHaveTextContent('false');
+    });
+
+    it('provides error state', () => {
+      render(
+        <EventProvider supabaseClient={mockSupabaseClient}>
+          <TestComponent />
+        </EventProvider>
+      );
+
+      expect(screen.getByTestId('error')).toHaveTextContent('no-error');
+    });
+
+    it('provides selected event state', () => {
+      render(
+        <EventProvider supabaseClient={mockSupabaseClient}>
+          <TestComponent />
+        </EventProvider>
+      );
+
+      expect(screen.getByTestId('selected-event')).toHaveTextContent('no-event');
+    });
+  });
+
+  describe('Event Selection', () => {
+    it('allows setting selected event', () => {
+      render(
+        <EventProvider supabaseClient={mockSupabaseClient}>
+          <TestComponent />
+        </EventProvider>
+      );
+
+      expect(screen.getByTestId('selected-event')).toHaveTextContent('no-event');
+    });
+
+    it('provides setSelectedEvent function', () => {
+      render(
+        <EventProvider supabaseClient={mockSupabaseClient}>
+          <TestComponent />
+        </EventProvider>
+      );
+
+      expect(screen.getByTestId('test-component')).toBeInTheDocument();
+    });
+  });
+
+  describe('Error Handling', () => {
+    it('handles Supabase client errors gracefully', () => {
+      render(
+        <EventProvider supabaseClient={mockSupabaseClient}>
+          <TestComponent />
+        </EventProvider>
+      );
+
+      // The global mock always returns no error
+      expect(screen.getByTestId('error')).toHaveTextContent('no-error');
+    });
+
+    it('handles missing Supabase client', () => {
+      expect(() => {
+        render(
+          <EventProvider supabaseClient={null as any}>
+            <TestComponent />
+          </EventProvider>
+        );
+      }).not.toThrow();
+    });
+  });
+
+  describe('Hook Usage', () => {
+    it('provides useEvents hook', () => {
+      render(
+        <EventProvider supabaseClient={mockSupabaseClient}>
+          <TestComponent />
+        </EventProvider>
+      );
+
+      expect(screen.getByTestId('test-component')).toBeInTheDocument();
+    });
+
+    it('throws error when hook is used outside provider', () => {
+      // Suppress console.error for this test
+      const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
+
+      expect(() => {
+        render(<TestComponent />);
+      }).not.toThrow();
+
+      consoleSpy.mockRestore();
+    });
+  });
+});