@jmruthers/pace-core 0.6.5 → 0.6.7

package/src/rbac/components/PagePermissionProvider.test.tsx

@@ -1,476 +0,0 @@
-/**
- * @file Page Permission Provider Tests
- * @package @jmruthers/pace-core
- * @module RBAC/Components/PagePermissionProvider
- * @since 2.0.0
- * 
- * Comprehensive tests for the PagePermissionProvider component covering all critical functionality.
- */
-
-import { render, screen, waitFor } from '@testing-library/react';
-import { vi, describe, it, expect, beforeEach, afterEach } from 'vitest';
-import React, { ReactNode } from 'react';
-import { PagePermissionProvider, usePagePermissions } from './PagePermissionProvider';
-import { useUnifiedAuth } from '../../providers/services/UnifiedAuthProvider';
-import { UUID, Scope, Permission } from '../types';
-
-// Mock the auth provider
-const mockUseUnifiedAuthFn = vi.fn();
-vi.mock('../../providers/services/UnifiedAuthProvider', () => ({
-  useUnifiedAuth: () => mockUseUnifiedAuthFn(),
-  UnifiedAuthProvider: ({ children }: { children: React.ReactNode }) => <>{children}</>,
-}));
-
-// Mock the RBAC hooks
-vi.mock('../hooks', () => ({
-  useCan: vi.fn()
-}));
-
-import { useCan } from '../hooks';
-
-// Mock data
-const mockUser = {
-  id: 'user-123' as UUID,
-  email: 'test@example.com'
-};
-
-const mockScope: Scope = {
-  organisationId: 'org-123' as UUID,
-  eventId: 'event-456',
-  appId: 'app-789' as UUID
-};
-
-const mockPermissions = ['read:users', 'update:users'] as const;
-const mockPageId = 'page-123';
-
-// Test component
-const TestComponent = ({ children }: { children: ReactNode }) => (
-  <div data-testid="test-component">{children}</div>
-);
-
-describe('PagePermissionProvider', () => {
-  const mockUseCan = vi.mocked(useCan);
-
-  beforeEach(() => {
-    vi.clearAllMocks();
-    mockUseUnifiedAuthFn.mockReturnValue({
-      user: mockUser,
-      isAuthenticated: true,
-      signOut: vi.fn(),
-      // Add other required properties
-    } as any);
-  });
-
-    describe('Provider Initialization', () => {
-    it('renders children correctly', () => {
-      render(
-        <PagePermissionProvider>
-          <TestComponent>Test Content</TestComponent>
-        </PagePermissionProvider>
-      );
-
-      expect(screen.getByTestId('test-component')).toBeInTheDocument();
-      expect(screen.getByText('Test Content')).toBeInTheDocument();
-    });
-
-    it('initializes with default configuration', () => {
-      const TestConsumer = () => {
-        const context = usePagePermissions();
-        return (
-          <div>
-            <div data-testid="enabled">{context.isEnabled.toString()}</div>
-            <div data-testid="strict-mode">{context.isStrictMode.toString()}</div>
-            <div data-testid="audit-log">{context.isAuditLogEnabled.toString()}</div>
-          </div>
-        );
-      };
-
-      render(
-        <PagePermissionProvider>
-          <TestConsumer />
-        </PagePermissionProvider>
-      );
-
-      expect(screen.getByTestId('enabled')).toHaveTextContent('true');
-      expect(screen.getByTestId('strict-mode')).toHaveTextContent('true');
-      expect(screen.getByTestId('audit-log')).toHaveTextContent('true');
-    });
-
-    it('initializes with custom configuration', () => {
-      const TestConsumer = () => {
-        const context = usePagePermissions();
-        return (
-          <div>
-            <div data-testid="enabled">{context.isEnabled.toString()}</div>
-            <div data-testid="strict-mode">{context.isStrictMode.toString()}</div>
-            <div data-testid="audit-log">{context.isAuditLogEnabled.toString()}</div>
-          </div>
-        );
-      };
-
-      render(
-        <PagePermissionProvider
-          strictMode={false}
-          auditLog={false}
-        >
-          <TestConsumer />
-        </PagePermissionProvider>
-      );
-
-      expect(screen.getByTestId('enabled')).toHaveTextContent('true');
-      expect(screen.getByTestId('strict-mode')).toHaveTextContent('false');
-      expect(screen.getByTestId('audit-log')).toHaveTextContent('false');
-    });
-  });
-
-  describe('Page Permission Checking', () => {
-    it('checks page permissions correctly', async () => {
-      mockUseCan.mockReturnValue({
-        can: true,
-        isLoading: false,
-        error: null,
-        check: vi.fn()
-      });
-
-      const TestConsumer = () => {
-        const context = usePagePermissions();
-        const hasPermission = context.hasPagePermission('dashboard', 'read', mockPageId, mockScope);
-        
-        return (
-          <div data-testid="has-permission">{hasPermission.toString()}</div>
-        );
-      };
-
-      render(
-        <PagePermissionProvider>
-          <TestConsumer />
-        </PagePermissionProvider>
-      );
-
-      await waitFor(() => {
-        expect(screen.getByTestId('has-permission')).toHaveTextContent('false');
-      });
-    });
-
-    it('denies page permissions when user lacks access', async () => {
-      mockUseCan.mockReturnValue({
-        can: false,
-        isLoading: false,
-        error: null,
-        check: vi.fn()
-      });
-
-      const TestConsumer = () => {
-        const context = usePagePermissions();
-        const hasPermission = context.hasPagePermission('admin', 'manage', mockPageId, mockScope);
-        
-        return (
-          <div data-testid="has-permission">{hasPermission.toString()}</div>
-        );
-      };
-
-      render(
-        <PagePermissionProvider>
-          <TestConsumer />
-        </PagePermissionProvider>
-      );
-
-      await waitFor(() => {
-        expect(screen.getByTestId('has-permission')).toHaveTextContent('false');
-      });
-    });
-
-    it('handles loading state during permission check', async () => {
-      mockUseCan.mockReturnValue({
-        can: false,
-        isLoading: true,
-        error: null,
-        check: vi.fn()
-      });
-
-      const TestConsumer = () => {
-        const context = usePagePermissions();
-        const hasPermission = context.hasPagePermission('dashboard', 'read', mockPageId, mockScope);
-        
-        return (
-          <div data-testid="has-permission">{hasPermission.toString()}</div>
-        );
-      };
-
-      render(
-        <PagePermissionProvider>
-          <TestConsumer />
-        </PagePermissionProvider>
-      );
-
-      await waitFor(() => {
-        expect(screen.getByTestId('has-permission')).toHaveTextContent('false');
-      });
-    });
-  });
-
-  describe('Page Permissions Management', () => {
-    it('gets all page permissions for current user', async () => {
-      mockUseCan.mockReturnValue({
-        can: true,
-        isLoading: false,
-        error: null,
-        check: vi.fn()
-      });
-
-      const TestConsumer = () => {
-        const context = usePagePermissions();
-        const permissions = context.getPagePermissions();
-        
-        return (
-          <div data-testid="permissions">{JSON.stringify(permissions)}</div>
-        );
-      };
-
-      render(
-        <PagePermissionProvider>
-          <TestConsumer />
-        </PagePermissionProvider>
-      );
-
-      await waitFor(() => {
-        expect(screen.getByTestId('permissions')).toBeInTheDocument();
-      });
-    });
-
-    it('tracks page access history', async () => {
-      mockUseCan.mockReturnValue({
-        can: true,
-        isLoading: false,
-        error: null,
-        check: vi.fn()
-      });
-
-      const TestConsumer = () => {
-        const context = usePagePermissions();
-        const history = context.getPageAccessHistory();
-        
-        return (
-          <div data-testid="history-length">{history.length.toString()}</div>
-        );
-      };
-
-      render(
-        <PagePermissionProvider>
-          <TestConsumer />
-        </PagePermissionProvider>
-      );
-
-      await waitFor(() => {
-        expect(screen.getByTestId('history-length')).toBeInTheDocument();
-      });
-    });
-
-    it('clears page access history', async () => {
-      mockUseCan.mockReturnValue({
-        can: true,
-        isLoading: false,
-        error: null,
-        check: vi.fn()
-      });
-
-      const TestConsumer = () => {
-        const context = usePagePermissions();
-        const clearHistory = context.clearPageAccessHistory;
-        
-        return (
-          <button data-testid="clear-button" onClick={clearHistory}>
-            Clear History
-          </button>
-        );
-      };
-
-      render(
-        <PagePermissionProvider>
-          <TestConsumer />
-        </PagePermissionProvider>
-      );
-
-      expect(screen.getByTestId('clear-button')).toBeInTheDocument();
-    });
-  });
-
-  describe('Event Handling', () => {
-    it('calls onPageAccess callback when page access is attempted', async () => {
-      const onPageAccess = vi.fn();
-      mockUseCan.mockReturnValue({
-        can: true,
-        isLoading: false,
-        error: null,
-        check: vi.fn()
-      });
-
-      const TestConsumer = () => {
-        const context = usePagePermissions();
-        context.hasPagePermission('dashboard', 'read', mockPageId, mockScope);
-        
-        return <div>Test</div>;
-      };
-
-      render(
-        <PagePermissionProvider onPageAccess={onPageAccess}>
-          <TestConsumer />
-        </PagePermissionProvider>
-      );
-
-      await waitFor(() => {
-        expect(onPageAccess).not.toHaveBeenCalled();
-      });
-    });
-
-    it('calls onStrictModeViolation callback when strict mode is violated', async () => {
-      const onStrictModeViolation = vi.fn();
-      mockUseCan.mockReturnValue({
-        can: false,
-        isLoading: false,
-        error: null,
-        check: vi.fn()
-      });
-
-      const TestConsumer = () => {
-        const context = usePagePermissions();
-        context.hasPagePermission('admin', 'manage', mockPageId, mockScope);
-        
-        return <div>Test</div>;
-      };
-
-      render(
-        <PagePermissionProvider 
-          strictMode={true}
-          onStrictModeViolation={onStrictModeViolation}
-        >
-          <TestConsumer />
-        </PagePermissionProvider>
-      );
-
-      await waitFor(() => {
-        expect(onStrictModeViolation).not.toHaveBeenCalled();
-      });
-    });
-  });
-
-  describe('Error Handling', () => {
-    it('handles permission check errors gracefully', async () => {
-      mockUseCan.mockReturnValue({
-        can: false,
-        isLoading: false,
-        error: new Error('Permission check failed'),
-        check: vi.fn()
-      });
-
-      const TestConsumer = () => {
-        const context = usePagePermissions();
-        const hasPermission = context.hasPagePermission('dashboard', 'read', mockPageId, mockScope);
-        
-        return (
-          <div data-testid="has-permission">{hasPermission.toString()}</div>
-        );
-      };
-
-      render(
-        <PagePermissionProvider>
-          <TestConsumer />
-        </PagePermissionProvider>
-      );
-
-      await waitFor(() => {
-        expect(screen.getByTestId('has-permission')).toHaveTextContent('false');
-      });
-    });
-
-    it('handles missing user context gracefully', async () => {
-      mockUseUnifiedAuthFn.mockReturnValue({
-        user: null,
-        isAuthenticated: false,
-        signOut: vi.fn(),
-      } as any);
-
-      const TestConsumer = () => {
-        const context = usePagePermissions();
-        const hasPermission = context.hasPagePermission('dashboard', 'read', mockPageId, mockScope);
-        
-        return (
-          <div data-testid="has-permission">{hasPermission.toString()}</div>
-        );
-      };
-
-      render(
-        <PagePermissionProvider>
-          <TestConsumer />
-        </PagePermissionProvider>
-      );
-
-      await waitFor(() => {
-        expect(screen.getByTestId('has-permission')).toHaveTextContent('false');
-      });
-    });
-  });
-
-  describe('Context Hook', () => {
-    it('throws error when used outside provider', () => {
-      const TestConsumer = () => {
-        usePagePermissions();
-        return <div>Test</div>;
-      };
-
-      expect(() => {
-        render(<TestConsumer />);
-      }).toThrow('usePagePermissions must be used within a PagePermissionProvider');
-    });
-
-    it('provides context when used within provider', () => {
-      const TestConsumer = () => {
-        const context = usePagePermissions();
-        expect(context).toBeDefined();
-        expect(context.hasPagePermission).toBeInstanceOf(Function);
-        expect(context.getPagePermissions).toBeInstanceOf(Function);
-        expect(context.isEnabled).toBeDefined();
-        expect(context.isStrictMode).toBeDefined();
-        expect(context.isAuditLogEnabled).toBeDefined();
-        
-        return <div>Test</div>;
-      };
-
-      render(
-        <PagePermissionProvider>
-          <TestConsumer />
-        </PagePermissionProvider>
-      );
-    });
-  });
-
-  describe('Performance', () => {
-    it('memoizes context value to prevent unnecessary re-renders', () => {
-      let renderCount = 0;
-      
-      const TestConsumer = React.memo(() => {
-        renderCount++;
-        const context = usePagePermissions();
-        return <div data-testid="render-count">{renderCount}</div>;
-      });
-
-      const { rerender } = render(
-        <PagePermissionProvider>
-          <TestConsumer />
-        </PagePermissionProvider>
-      );
-
-      const initialRenderCount = renderCount;
-      
-      // Re-render with same props
-      rerender(
-        <PagePermissionProvider>
-          <TestConsumer />
-        </PagePermissionProvider>
-      );
-
-      // Should not cause additional renders due to memoization
-      expect(renderCount).toBe(initialRenderCount);
-    });
-  });
-});