@jmruthers/pace-core 0.5.73 → 0.5.75

package/src/providers/__tests__/UnifiedAuthProvider.test.tsx.backup

@@ -1,911 +0,0 @@
-/**
- * @file UnifiedAuthProvider Tests
- * @description Comprehensive tests for UnifiedAuthProvider component
- * @package @jmruthers/pace-core
- * @module Providers/__tests__
- * @since 0.1.0
- * 
- * Comprehensive test suite for UnifiedAuthProvider component covering all critical functionality.
- * Follows testing guidelines with proper structure, naming, and best practices.
- */
-
-import React from 'react';
-import { render, screen, waitFor, act } from '@testing-library/react';
-import userEvent from '@testing-library/user-event';
-import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
-import { BrowserRouter } from 'react-router-dom';
-import { UnifiedAuthProvider, useUnifiedAuth } from '../UnifiedAuthProvider';
-import { createMockSupabaseClient, testDataGenerators } from '../../__tests__/helpers/test-utils';
-
-// Mock the debug logger
-vi.mock('../../utils/debugLogger', () => ({
-  DebugLogger: {
-    log: vi.fn(),
-  },
-}));
-
-// Mock the AuthProvider
-const mockAuthState = {
-  user: null as any,
-  session: null as any,
-  isAuthenticated: false,
-  authLoading: true,
-  authError: null as any,
-  signIn: vi.fn(),
-  signOut: vi.fn(),
-  signUp: vi.fn(),
-  resetPassword: vi.fn(),
-  updatePassword: vi.fn(),
-  refreshSession: vi.fn(),
-  supabase: null as any,
-};
-
-vi.mock('../AuthProvider', () => ({
-  AuthProvider: ({ children }: { children: React.ReactNode }) => <div data-testid="auth-provider">{children}</div>,
-  useAuth: () => mockAuthState,
-}));
-
-// Mock the RBAC provider
-const mockRBACState = {
-  rbacLoading: false,
-  rbacError: null,
-  hasPermission: vi.fn(() => true),
-  hasRole: vi.fn(() => true),
-  hasAccessLevel: vi.fn(() => 'ADMIN'),
-  validatePermission: vi.fn(() => Promise.resolve(true)),
-  canAccess: vi.fn(() => true),
-  permissions: [],
-  roles: [],
-  accessLevel: 'ADMIN',
-  userEventAccess: null,
-  setSelectedEventId: vi.fn(),
-};
-
-vi.mock('../../rbac/providers/RBACProvider', () => ({
-  RBACProvider: ({ children }: { children: React.ReactNode }) => <div data-testid="rbac-provider">{children}</div>,
-  useRBAC: () => mockRBACState,
-}));
-
-// Mock the inactivity provider
-const mockInactivityState = {
-  showInactivityWarning: false,
-  inactivityTimeRemaining: 0,
-  isIdle: false,
-  timeRemaining: 0,
-  showWarning: false,
-  isTracking: false,
-  resetActivity: vi.fn(),
-  startTracking: vi.fn(),
-  stopTracking: vi.fn(),
-  handleIdleLogout: vi.fn(),
-  handleStaySignedIn: vi.fn(),
-  handleSignOutNow: vi.fn(),
-};
-
-vi.mock('../InactivityProvider', () => ({
-  InactivityProvider: ({ children }: { children: React.ReactNode }) => <div data-testid="inactivity-provider">{children}</div>,
-  useInactivity: () => mockInactivityState,
-}));
-
-// Mock react-router-dom
-vi.mock('react-router-dom', () => ({
-  BrowserRouter: ({ children }: { children: React.ReactNode }) => <div data-testid="browser-router">{children}</div>,
-  useNavigate: () => vi.fn(),
-}));
-
-// Test component that uses the unified auth context
-const TestComponent = () => {
-  const auth = useUnifiedAuth();
-  
-  return (
-    <div data-testid="test-component">
-      <div data-testid="user">{auth.user?.email || 'No user'}</div>
-      <div data-testid="isAuthenticated">{auth.isAuthenticated ? 'true' : 'false'}</div>
-      <div data-testid="isLoading">{auth.isLoading ? 'true' : 'false'}</div>
-      <div data-testid="hasErrors">{auth.hasErrors ? 'true' : 'false'}</div>
-      <div data-testid="appName">{auth.appName}</div>
-      <div data-testid="hasPermission">{auth.hasPermission('test:permission') ? 'true' : 'false'}</div>
-      <div data-testid="hasRole">{auth.hasRole('admin') ? 'true' : 'false'}</div>
-      <div data-testid="accessLevel">{auth.accessLevel}</div>
-      <div data-testid="showInactivityWarning">{auth.showInactivityWarning ? 'true' : 'false'}</div>
-      <div data-testid="isIdle">{auth.isIdle ? 'true' : 'false'}</div>
-      <button onClick={() => auth.signIn('test@example.com', 'password')}>
-        Sign In
-      </button>
-      <button onClick={() => auth.signOut()}>
-        Sign Out
-      </button>
-      <button onClick={() => auth.signUp('test@example.com', 'password')}>
-        Sign Up
-      </button>
-      <button onClick={() => auth.resetPassword('test@example.com')}>
-        Reset Password
-      </button>
-      <button onClick={() => auth.updatePassword('newpassword')}>
-        Update Password
-      </button>
-      <button onClick={() => auth.refreshSession()}>
-        Refresh Session
-      </button>
-      <button onClick={() => auth.setSelectedEventId('event-123')}>
-        Set Event
-      </button>
-      <button onClick={() => auth.resetActivity()}>
-        Reset Activity
-      </button>
-    </div>
-  );
-};
-
-// Wrapper component
-const TestWrapper = ({ 
-  children, 
-  supabaseClient, 
-  appName = 'test-app',
-  enableRBAC = false,
-  persistState = true,
-  enablePersistence = true,
-  requireOrganisationContext = true,
-  idleTimeoutMs = 30000,
-  warnBeforeMs = 60000,
-  onIdleLogout = vi.fn(),
-  renderInactivityWarning,
-  dangerouslyDisableInactivity = false,
-  ...props 
-}: { 
-  children: React.ReactNode; 
-  supabaseClient?: any;
-  appName?: string;
-  enableRBAC?: boolean;
-  persistState?: boolean;
-  enablePersistence?: boolean;
-  requireOrganisationContext?: boolean;
-  idleTimeoutMs?: number;
-  warnBeforeMs?: number;
-  onIdleLogout?: (reason: 'inactivity') => void;
-  renderInactivityWarning?: (args: any) => React.ReactNode;
-  dangerouslyDisableInactivity?: boolean;
-  [key: string]: any;
-}) => (
-  <BrowserRouter>
-    <UnifiedAuthProvider 
-      supabaseClient={supabaseClient} 
-      appName={appName}
-      enableRBAC={enableRBAC}
-      persistState={persistState}
-      enablePersistence={enablePersistence}
-      requireOrganisationContext={requireOrganisationContext}
-      idleTimeoutMs={idleTimeoutMs}
-      warnBeforeMs={warnBeforeMs}
-      onIdleLogout={onIdleLogout}
-      renderInactivityWarning={renderInactivityWarning}
-      dangerouslyDisableInactivity={dangerouslyDisableInactivity}
-      {...props}
-    >
-      {children}
-    </UnifiedAuthProvider>
-  </BrowserRouter>
-);
-
-describe('[component] UnifiedAuthProvider', () => {
-  let mockSupabaseClient: any;
-
-  beforeEach(() => {
-    vi.clearAllMocks();
-    
-    // Create mock Supabase client
-    mockSupabaseClient = createMockSupabaseClient();
-    
-    // Reset mock states
-    mockAuthState.user = null;
-    mockAuthState.session = null;
-    mockAuthState.isAuthenticated = false;
-    mockAuthState.authLoading = true;
-    mockAuthState.authError = null;
-    mockAuthState.supabase = mockSupabaseClient;
-    
-    // Mock auth state
-    mockSupabaseClient.auth.getUser = vi.fn().mockResolvedValue({
-      data: { user: testDataGenerators.user({ id: 'user-1' }) },
-      error: null
-    });
-    mockSupabaseClient.auth.getSession = vi.fn().mockResolvedValue({
-      data: { session: testDataGenerators.session() },
-      error: null
-    });
-    mockSupabaseClient.auth.onAuthStateChange = vi.fn(() => ({
-      data: { subscription: { unsubscribe: vi.fn() } }
-    }));
-  });
-
-  afterEach(() => {
-    vi.restoreAllMocks();
-  });
-
-  describe('Rendering', () => {
-    it('renders children without crashing', () => {
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient}>
-          <div>Test content</div>
-        </TestWrapper>
-      );
-      
-      expect(screen.getByText('Test content')).toBeInTheDocument();
-    });
-
-    it('renders without supabase client', () => {
-      render(
-        <TestWrapper>
-          <div>Test content</div>
-        </TestWrapper>
-      );
-      
-      expect(screen.getByText('Test content')).toBeInTheDocument();
-    });
-
-    it('renders with custom app name', () => {
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient} appName="custom-app">
-          <TestComponent />
-        </TestWrapper>
-      );
-      
-      expect(screen.getByTestId('appName')).toHaveTextContent('Custom App');
-    });
-
-    it('renders with all provider components', () => {
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient}>
-          <div>Test content</div>
-        </TestWrapper>
-      );
-      
-      // Should have all providers in the hierarchy
-      expect(screen.getByTestId('auth-provider')).toBeInTheDocument();
-      expect(screen.getByTestId('rbac-provider')).toBeInTheDocument();
-      expect(screen.getByTestId('inactivity-provider')).toBeInTheDocument();
-    });
-  });
-
-  describe('Context Composition', () => {
-    it('provides combined auth context', () => {
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient}>
-          <TestComponent />
-        </TestWrapper>
-      );
-      
-      expect(screen.getByTestId('user')).toBeInTheDocument();
-      expect(screen.getByTestId('isAuthenticated')).toBeInTheDocument();
-      expect(screen.getByTestId('isLoading')).toBeInTheDocument();
-      expect(screen.getByTestId('hasErrors')).toBeInTheDocument();
-      expect(screen.getByTestId('appName')).toBeInTheDocument();
-    });
-
-    it('includes RBAC provider when enabled', () => {
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient} enableRBAC={true}>
-          <TestComponent />
-        </TestWrapper>
-      );
-      
-      expect(screen.getByTestId('rbac-provider')).toBeInTheDocument();
-    });
-
-    it('includes inactivity provider', () => {
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient}>
-          <TestComponent />
-        </TestWrapper>
-      );
-      
-      expect(screen.getByTestId('inactivity-provider')).toBeInTheDocument();
-    });
-  });
-
-  describe('Authentication Integration', () => {
-    it('handles successful authentication', async () => {
-      const mockUser = testDataGenerators.user({ email: 'test@example.com' });
-      const mockSession = testDataGenerators.session({ user: mockUser });
-      
-      // Update mock state
-      mockAuthState.user = mockUser;
-      mockAuthState.session = mockSession;
-      mockAuthState.isAuthenticated = true;
-      mockAuthState.authLoading = false;
-      mockAuthState.authError = null;
-
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient}>
-          <TestComponent />
-        </TestWrapper>
-      );
-
-      await waitFor(() => {
-        expect(screen.getByTestId('user')).toHaveTextContent('test@example.com');
-        expect(screen.getByTestId('isAuthenticated')).toHaveTextContent('true');
-        expect(screen.getByTestId('isLoading')).toHaveTextContent('false');
-        expect(screen.getByTestId('hasErrors')).toHaveTextContent('false');
-      });
-    });
-
-    it('handles authentication errors', async () => {
-      const mockError = new Error('Auth error');
-      
-      // Update mock state
-      mockAuthState.user = null;
-      mockAuthState.session = null;
-      mockAuthState.isAuthenticated = false;
-      mockAuthState.authLoading = false;
-      mockAuthState.authError = mockError;
-
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient}>
-          <TestComponent />
-        </TestWrapper>
-      );
-
-      await waitFor(() => {
-        expect(screen.getByTestId('user')).toHaveTextContent('No user');
-        expect(screen.getByTestId('isAuthenticated')).toHaveTextContent('false');
-        expect(screen.getByTestId('isLoading')).toHaveTextContent('false');
-        expect(screen.getByTestId('hasErrors')).toHaveTextContent('true');
-      });
-    });
-
-    it('handles loading states', async () => {
-      // Update mock state
-      mockAuthState.user = null;
-      mockAuthState.session = null;
-      mockAuthState.isAuthenticated = false;
-      mockAuthState.authLoading = true;
-      mockAuthState.authError = null;
-
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient}>
-          <TestComponent />
-        </TestWrapper>
-      );
-
-      expect(screen.getByTestId('isLoading')).toHaveTextContent('true');
-    });
-  });
-
-  describe('RBAC Integration', () => {
-    it('provides RBAC context when enabled', () => {
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient} enableRBAC={true}>
-          <TestComponent />
-        </TestWrapper>
-      );
-      
-      expect(screen.getByTestId('hasPermission')).toHaveTextContent('true');
-      expect(screen.getByTestId('hasRole')).toHaveTextContent('true');
-      expect(screen.getByTestId('accessLevel')).toHaveTextContent('ADMIN');
-    });
-
-    it('does not provide RBAC context when disabled', () => {
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient} enableRBAC={false}>
-          <TestComponent />
-        </TestWrapper>
-      );
-      
-      // RBAC should still be available but may return different values
-      expect(screen.getByTestId('hasPermission')).toBeInTheDocument();
-      expect(screen.getByTestId('hasRole')).toBeInTheDocument();
-      expect(screen.getByTestId('accessLevel')).toBeInTheDocument();
-    });
-
-    it('handles RBAC errors', async () => {
-      // Update RBAC mock state
-      mockRBACState.rbacError = new Error('RBAC error');
-      mockRBACState.rbacLoading = false;
-
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient} enableRBAC={true}>
-          <TestComponent />
-        </TestWrapper>
-      );
-
-      await waitFor(() => {
-        expect(screen.getByTestId('hasErrors')).toHaveTextContent('true');
-      });
-    });
-  });
-
-  describe('Inactivity Integration', () => {
-    it('provides inactivity context', () => {
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient}>
-          <TestComponent />
-        </TestWrapper>
-      );
-      
-      expect(screen.getByTestId('showInactivityWarning')).toHaveTextContent('false');
-      expect(screen.getByTestId('isIdle')).toHaveTextContent('false');
-    });
-
-    it('handles inactivity warning state', async () => {
-      // Update inactivity mock state
-      mockInactivityState.showInactivityWarning = true;
-      mockInactivityState.inactivityTimeRemaining = 30000;
-
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient}>
-          <TestComponent />
-        </TestWrapper>
-      );
-
-      await waitFor(() => {
-        expect(screen.getByTestId('showInactivityWarning')).toHaveTextContent('true');
-      });
-    });
-
-    it('handles idle state', async () => {
-      // Update inactivity mock state
-      mockInactivityState.isIdle = true;
-
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient}>
-          <TestComponent />
-        </TestWrapper>
-      );
-
-      await waitFor(() => {
-        expect(screen.getByTestId('isIdle')).toHaveTextContent('true');
-      });
-    });
-  });
-
-  describe('Loading States', () => {
-    it('combines loading states from all providers', async () => {
-      // Update mock states
-      mockAuthState.authLoading = true;
-      mockRBACState.rbacLoading = false;
-
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient}>
-          <TestComponent />
-        </TestWrapper>
-      );
-
-      expect(screen.getByTestId('isLoading')).toHaveTextContent('true');
-    });
-
-    it('handles mixed loading states', async () => {
-      // Update mock states
-      mockAuthState.authLoading = false;
-      mockRBACState.rbacLoading = true;
-
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient}>
-          <TestComponent />
-        </TestWrapper>
-      );
-
-      expect(screen.getByTestId('isLoading')).toHaveTextContent('true');
-    });
-
-    it('shows no loading when all providers are ready', async () => {
-      // Update mock states
-      mockAuthState.authLoading = false;
-      mockRBACState.rbacLoading = false;
-
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient}>
-          <TestComponent />
-        </TestWrapper>
-      );
-
-      expect(screen.getByTestId('isLoading')).toHaveTextContent('false');
-    });
-  });
-
-  describe('Error States', () => {
-    it('combines error states from all providers', async () => {
-      // Update mock states
-      mockAuthState.authError = new Error('Auth error');
-      mockRBACState.rbacError = null;
-
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient}>
-          <TestComponent />
-        </TestWrapper>
-      );
-
-      await waitFor(() => {
-        expect(screen.getByTestId('hasErrors')).toHaveTextContent('true');
-      });
-    });
-
-    it('handles no errors state', async () => {
-      // Update mock states
-      mockAuthState.authError = null;
-      mockRBACState.rbacError = null;
-
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient}>
-          <TestComponent />
-        </TestWrapper>
-      );
-
-      await waitFor(() => {
-        expect(screen.getByTestId('hasErrors')).toHaveTextContent('false');
-      });
-    });
-
-    it('handles multiple errors', async () => {
-      // Update mock states
-      mockAuthState.authError = new Error('Auth error');
-      mockRBACState.rbacError = new Error('RBAC error');
-
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient}>
-          <TestComponent />
-        </TestWrapper>
-      );
-
-      await waitFor(() => {
-        expect(screen.getByTestId('hasErrors')).toHaveTextContent('true');
-      });
-    });
-  });
-
-  describe('Authentication Methods', () => {
-    it('handles sign in', async () => {
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient}>
-          <TestComponent />
-        </TestWrapper>
-      );
-
-      const signInButton = screen.getByText('Sign In');
-      await userEvent.click(signInButton);
-      
-      expect(mockAuthState.signIn).toHaveBeenCalledWith('test@example.com', 'password');
-    });
-
-    it('handles sign out', async () => {
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient}>
-          <TestComponent />
-        </TestWrapper>
-      );
-
-      const signOutButton = screen.getByText('Sign Out');
-      await userEvent.click(signOutButton);
-      
-      expect(mockAuthState.signOut).toHaveBeenCalled();
-    });
-
-    it('handles sign up', async () => {
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient}>
-          <TestComponent />
-        </TestWrapper>
-      );
-
-      const signUpButton = screen.getByText('Sign Up');
-      await userEvent.click(signUpButton);
-      
-      expect(mockAuthState.signUp).toHaveBeenCalledWith('test@example.com', 'password');
-    });
-
-    it('handles password reset', async () => {
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient}>
-          <TestComponent />
-        </TestWrapper>
-      );
-
-      const resetButton = screen.getByText('Reset Password');
-      await userEvent.click(resetButton);
-      
-      expect(mockAuthState.resetPassword).toHaveBeenCalledWith('test@example.com');
-    });
-
-    it('handles password update', async () => {
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient}>
-          <TestComponent />
-        </TestWrapper>
-      );
-
-      const updateButton = screen.getByText('Update Password');
-      await userEvent.click(updateButton);
-      
-      expect(mockAuthState.updatePassword).toHaveBeenCalledWith('newpassword');
-    });
-
-    it('handles session refresh', async () => {
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient}>
-          <TestComponent />
-        </TestWrapper>
-      );
-
-      const refreshButton = screen.getByText('Refresh Session');
-      await userEvent.click(refreshButton);
-      
-      expect(mockAuthState.refreshSession).toHaveBeenCalled();
-    });
-  });
-
-  describe('RBAC Methods', () => {
-    it('handles permission checking', () => {
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient} enableRBAC={true}>
-          <TestComponent />
-        </TestWrapper>
-      );
-
-      expect(screen.getByTestId('hasPermission')).toHaveTextContent('true');
-      expect(mockRBACState.hasPermission).toHaveBeenCalledWith('test:permission');
-    });
-
-    it('handles role checking', () => {
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient} enableRBAC={true}>
-          <TestComponent />
-        </TestWrapper>
-      );
-
-      expect(screen.getByTestId('hasRole')).toHaveTextContent('true');
-      expect(mockRBACState.hasRole).toHaveBeenCalledWith('admin');
-    });
-
-    it('handles event ID setting', async () => {
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient} enableRBAC={true}>
-          <TestComponent />
-        </TestWrapper>
-      );
-
-      const setEventButton = screen.getByText('Set Event');
-      await userEvent.click(setEventButton);
-      
-      expect(mockRBACState.setSelectedEventId).toHaveBeenCalledWith('event-123');
-    });
-  });
-
-  describe('Inactivity Methods', () => {
-    it('handles activity reset', async () => {
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient}>
-          <TestComponent />
-        </TestWrapper>
-      );
-
-      const resetButton = screen.getByText('Reset Activity');
-      await userEvent.click(resetButton);
-      
-      expect(mockInactivityState.resetActivity).toHaveBeenCalled();
-    });
-  });
-
-  describe('Configuration Options', () => {
-    it('handles custom configuration', () => {
-      render(
-        <TestWrapper 
-          supabaseClient={mockSupabaseClient}
-          persistState={false}
-          enablePersistence={false}
-          requireOrganisationContext={false}
-          enableRBAC={true}
-          idleTimeoutMs={120000}
-          warnBeforeMs={60000}
-        >
-          <div>Test content</div>
-        </TestWrapper>
-      );
-      
-      expect(screen.getByText('Test content')).toBeInTheDocument();
-    });
-
-    it('uses default configuration', () => {
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient}>
-          <div>Test content</div>
-        </TestWrapper>
-      );
-      
-      expect(screen.getByText('Test content')).toBeInTheDocument();
-    });
-
-    it('handles inactivity configuration', () => {
-      const customOnIdleLogout = vi.fn();
-      const customRenderWarning = vi.fn(() => <div>Custom Warning</div>);
-
-      render(
-        <TestWrapper 
-          supabaseClient={mockSupabaseClient}
-          idleTimeoutMs={60000}
-          warnBeforeMs={30000}
-          onIdleLogout={customOnIdleLogout}
-          renderInactivityWarning={customRenderWarning}
-        >
-          <div>Test content</div>
-        </TestWrapper>
-      );
-      
-      expect(screen.getByText('Test content')).toBeInTheDocument();
-    });
-  });
-
-  describe('useUnifiedAuth Hook', () => {
-    it('throws error when used outside provider', () => {
-      // Suppress console.error for this test
-      const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {});
-      
-      expect(() => {
-        render(<TestComponent />);
-      }).toThrow('useUnifiedAuth must be used within a UnifiedAuthProvider');
-      
-      consoleSpy.mockRestore();
-    });
-
-    it('provides all required context values', () => {
-      const TestContextComponent = () => {
-        const auth = useUnifiedAuth();
-        
-        return (
-          <div>
-            <div data-testid="hasUser">{auth.user !== undefined ? 'true' : 'false'}</div>
-            <div data-testid="hasSession">{auth.session !== undefined ? 'true' : 'false'}</div>
-            <div data-testid="hasSupabase">{auth.supabase !== undefined ? 'true' : 'false'}</div>
-            <div data-testid="hasAppName">{typeof auth.appName === 'string' ? 'true' : 'false'}</div>
-            <div data-testid="hasIsLoading">{typeof auth.isLoading === 'boolean' ? 'true' : 'false'}</div>
-            <div data-testid="hasHasErrors">{typeof auth.hasErrors === 'boolean' ? 'true' : 'false'}</div>
-            <div data-testid="hasSignIn">{typeof auth.signIn === 'function' ? 'true' : 'false'}</div>
-            <div data-testid="hasSignOut">{typeof auth.signOut === 'function' ? 'true' : 'false'}</div>
-            <div data-testid="hasHasPermission">{typeof auth.hasPermission === 'function' ? 'true' : 'false'}</div>
-            <div data-testid="hasHasRole">{typeof auth.hasRole === 'function' ? 'true' : 'false'}</div>
-            <div data-testid="hasHasAccessLevel">{typeof auth.hasAccessLevel === 'function' ? 'true' : 'false'}</div>
-            <div data-testid="hasValidatePermission">{typeof auth.validatePermission === 'function' ? 'true' : 'false'}</div>
-            <div data-testid="hasCanAccess">{typeof auth.canAccess === 'function' ? 'true' : 'false'}</div>
-            <div data-testid="hasSetSelectedEventId">{typeof auth.setSelectedEventId === 'function' ? 'true' : 'false'}</div>
-            <div data-testid="hasResetActivity">{typeof auth.resetActivity === 'function' ? 'true' : 'false'}</div>
-            <div data-testid="hasStartTracking">{typeof auth.startTracking === 'function' ? 'true' : 'false'}</div>
-            <div data-testid="hasStopTracking">{typeof auth.stopTracking === 'function' ? 'true' : 'false'}</div>
-          </div>
-        );
-      };
-
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient}>
-          <TestContextComponent />
-        </TestWrapper>
-      );
-
-      expect(screen.getByTestId('hasUser')).toHaveTextContent('true');
-      expect(screen.getByTestId('hasSession')).toHaveTextContent('true');
-      expect(screen.getByTestId('hasSupabase')).toHaveTextContent('true');
-      expect(screen.getByTestId('hasAppName')).toHaveTextContent('true');
-      expect(screen.getByTestId('hasIsLoading')).toHaveTextContent('true');
-      expect(screen.getByTestId('hasHasErrors')).toHaveTextContent('true');
-      expect(screen.getByTestId('hasSignIn')).toHaveTextContent('true');
-      expect(screen.getByTestId('hasSignOut')).toHaveTextContent('true');
-      expect(screen.getByTestId('hasHasPermission')).toHaveTextContent('true');
-      expect(screen.getByTestId('hasHasRole')).toHaveTextContent('true');
-      expect(screen.getByTestId('hasHasAccessLevel')).toHaveTextContent('true');
-      expect(screen.getByTestId('hasValidatePermission')).toHaveTextContent('true');
-      expect(screen.getByTestId('hasCanAccess')).toHaveTextContent('true');
-      expect(screen.getByTestId('hasSetSelectedEventId')).toHaveTextContent('true');
-      expect(screen.getByTestId('hasResetActivity')).toHaveTextContent('true');
-      expect(screen.getByTestId('hasStartTracking')).toHaveTextContent('true');
-      expect(screen.getByTestId('hasStopTracking')).toHaveTextContent('true');
-    });
-  });
-
-  describe('Provider Composition', () => {
-    it('maintains proper provider hierarchy', () => {
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient}>
-          <div>Test content</div>
-        </TestWrapper>
-      );
-      
-      // Should have all providers in the hierarchy
-      expect(screen.getByText('Test content')).toBeInTheDocument();
-    });
-
-    it('passes props correctly to child providers', () => {
-      const TestPropsComponent = () => {
-        const auth = useUnifiedAuth();
-        return (
-          <div>
-            <div data-testid="appName">{auth.appName}</div>
-          </div>
-        );
-      };
-
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient} appName="custom-app">
-          <TestPropsComponent />
-        </TestWrapper>
-      );
-      
-      expect(screen.getByTestId('appName')).toHaveTextContent('Custom App');
-    });
-  });
-
-  describe('Context Value Stability', () => {
-    it('maintains stable context value references', () => {
-      const TestStabilityComponent = () => {
-        const auth = useUnifiedAuth();
-        const [renderCount, setRenderCount] = React.useState(0);
-        
-        React.useEffect(() => {
-          // Limit render count to prevent infinite loops
-          if (renderCount < 5) {
-            setRenderCount(prev => prev + 1);
-          }
-        });
-        
-        return (
-          <div>
-            <div data-testid="renderCount">{renderCount}</div>
-            <div data-testid="hasStableSignIn">{typeof auth.signIn === 'function' ? 'true' : 'false'}</div>
-            <div data-testid="hasStableHasPermission">{typeof auth.hasPermission === 'function' ? 'true' : 'false'}</div>
-          </div>
-        );
-      };
-
-      render(
-        <TestWrapper supabaseClient={mockSupabaseClient}>
-          <TestStabilityComponent />
-        </TestWrapper>
-      );
-
-      // Should render multiple times but maintain stable function references
-      expect(screen.getByTestId('hasStableSignIn')).toHaveTextContent('true');
-      expect(screen.getByTestId('hasStableHasPermission')).toHaveTextContent('true');
-    }, 5000);
-  });
-
-  describe('Cleanup', () => {
-    it('handles component unmount gracefully', () => {
-      const { unmount } = render(
-        <TestWrapper supabaseClient={mockSupabaseClient}>
-          <div>Test content</div>
-        </TestWrapper>
-      );
-
-      // Should not throw errors on unmount
-      expect(() => unmount()).not.toThrow();
-    });
-  });
-
-  describe('Edge Cases', () => {
-    it('handles missing required props', () => {
-      expect(() => {
-        render(
-          <TestWrapper>
-            <div>Test content</div>
-          </TestWrapper>
-        );
-      }).not.toThrow();
-    });
-
-    it('handles null supabase client', () => {
-      expect(() => {
-        render(
-          <TestWrapper supabaseClient={null}>
-            <div>Test content</div>
-          </TestWrapper>
-        );
-      }).not.toThrow();
-    });
-
-    it('handles undefined app name', () => {
-      expect(() => {
-        render(
-          <TestWrapper supabaseClient={mockSupabaseClient} appName={undefined as any}>
-            <div>Test content</div>
-          </TestWrapper>
-        );
-      }).not.toThrow();
-    });
-  });
-});