@jmruthers/pace-core 0.5.86 → 0.5.88

package/src/components/__tests__/SuperAdminGuard.test.tsx

@@ -1,627 +0,0 @@
-/**
- * @file SuperAdminGuard Component Tests
- * @description Comprehensive test suite for SuperAdminGuard component
- * @package @jmruthers/pace-core
- * @module Components/SuperAdminGuard
- * @since 1.0.0
- */
-
-import React from 'react';
-import { screen, waitFor } from '@testing-library/react';
-import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
-import { SuperAdminGuard, SuperAdminBadge, SuperAdminDebugPanel } from '../SuperAdminGuard';
-import { renderWithProviders } from '../../__tests__/helpers/test-utils';
-
-// Mock the useRBAC hook
-const mockUseRBAC = vi.fn();
-vi.mock('../../rbac/hooks/useRBAC', () => ({
-  useRBAC: () => mockUseRBAC(),
-}));
-
-// Mock console.log for debug testing
-const mockConsoleLog = vi.spyOn(console, 'log').mockImplementation(() => {});
-
-describe('SuperAdminGuard Component', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-    
-    // Default mock implementation
-    mockUseRBAC.mockReturnValue({
-      isSuperAdmin: false,
-      hasGlobalPermission: vi.fn().mockReturnValue(false),
-      isLoading: false,
-    });
-  });
-
-    describe('Rendering', () => {
-    it('renders children for super admin users', () => {
-      mockUseRBAC.mockReturnValue({
-        isSuperAdmin: true,
-        hasGlobalPermission: vi.fn().mockReturnValue(true),
-        isLoading: false,
-      });
-
-      renderWithProviders(
-        <SuperAdminGuard>
-          <div>Admin only content</div>
-        </SuperAdminGuard>
-      );
-      
-      expect(screen.getByText('Admin only content')).toBeInTheDocument();
-    });
-
-    it('renders fallback for non-super admin users', () => {
-      mockUseRBAC.mockReturnValue({
-        isSuperAdmin: false,
-        hasGlobalPermission: vi.fn().mockReturnValue(false),
-        isLoading: false,
-      });
-
-      renderWithProviders(
-        <SuperAdminGuard fallback={<div>Access denied</div>}>
-          <div>Admin only content</div>
-        </SuperAdminGuard>
-      );
-      
-      expect(screen.getByText('Access denied')).toBeInTheDocument();
-      expect(screen.queryByText('Admin only content')).not.toBeInTheDocument();
-    });
-
-    it('renders nothing when no fallback is provided for non-super admin users', () => {
-      mockUseRBAC.mockReturnValue({
-        isSuperAdmin: false,
-        hasGlobalPermission: vi.fn().mockReturnValue(false),
-        isLoading: false,
-      });
-
-      renderWithProviders(
-        <SuperAdminGuard>
-          <div>Admin only content</div>
-        </SuperAdminGuard>
-      );
-      
-      expect(screen.queryByText('Admin only content')).not.toBeInTheDocument();
-      // Empty fallback div should be present
-      expect(document.querySelector('.super-admin-fallback')).toBeInTheDocument();
-    });
-  });
-
-  describe('Loading State', () => {
-    it('shows loading state when permissions are being checked', () => {
-      mockUseRBAC.mockReturnValue({
-        isSuperAdmin: false,
-        hasGlobalPermission: vi.fn().mockReturnValue(false),
-        isLoading: true,
-      });
-
-      renderWithProviders(
-        <SuperAdminGuard>
-          <div>Admin only content</div>
-        </SuperAdminGuard>
-      );
-      
-      expect(screen.getByText('Checking permissions...')).toBeInTheDocument();
-      expect(screen.queryByText('Admin only content')).not.toBeInTheDocument();
-    });
-
-    it('shows loading spinner in loading state', () => {
-      mockUseRBAC.mockReturnValue({
-        isSuperAdmin: false,
-        hasGlobalPermission: vi.fn().mockReturnValue(false),
-        isLoading: true,
-      });
-
-      renderWithProviders(
-        <SuperAdminGuard>
-          <div>Admin only content</div>
-        </SuperAdminGuard>
-      );
-      
-      const loadingContainer = screen.getByText('Checking permissions...').parentElement;
-      expect(loadingContainer).toHaveClass('super-admin-guard-loading');
-    });
-  });
-
-  describe('Debug Information', () => {
-    it('logs debug information when showDebugInfo is true', () => {
-      mockUseRBAC.mockReturnValue({
-        isSuperAdmin: true,
-        hasGlobalPermission: vi.fn().mockReturnValue(true),
-        isLoading: false,
-      });
-
-      renderWithProviders(
-        <SuperAdminGuard showDebugInfo>
-          <div>Admin only content</div>
-        </SuperAdminGuard>
-      );
-      
-      // Debug logging is handled by the component, not our mock
-      expect(screen.getByText('Admin only content')).toBeInTheDocument();
-    });
-
-    it('does not log debug information when showDebugInfo is false', () => {
-      mockUseRBAC.mockReturnValue({
-        isSuperAdmin: true,
-        hasGlobalPermission: vi.fn().mockReturnValue(true),
-        isLoading: false,
-      });
-
-      renderWithProviders(
-        <SuperAdminGuard showDebugInfo={false}>
-          <div>Admin only content</div>
-        </SuperAdminGuard>
-      );
-      
-      expect(mockConsoleLog).not.toHaveBeenCalled();
-    });
-
-    it('logs debug information for non-super admin users', () => {
-      mockUseRBAC.mockReturnValue({
-        isSuperAdmin: false,
-        hasGlobalPermission: vi.fn().mockReturnValue(false),
-        isLoading: false,
-      });
-
-      renderWithProviders(
-        <SuperAdminGuard showDebugInfo>
-          <div>Admin only content</div>
-        </SuperAdminGuard>
-      );
-      
-      // Debug logging is handled by the component, not our mock
-      expect(screen.queryByText('Admin only content')).not.toBeInTheDocument();
-    });
-  });
-
-  describe('Content Wrapping', () => {
-    it('wraps admin content in super-admin-content div', () => {
-      mockUseRBAC.mockReturnValue({
-        isSuperAdmin: true,
-        hasGlobalPermission: vi.fn().mockReturnValue(true),
-        isLoading: false,
-      });
-
-      renderWithProviders(
-        <SuperAdminGuard>
-          <div>Admin only content</div>
-        </SuperAdminGuard>
-      );
-      
-      const wrapper = screen.getByText('Admin only content').parentElement;
-      expect(wrapper).toHaveClass('super-admin-content');
-    });
-
-    it('wraps fallback content in super-admin-fallback div', () => {
-      mockUseRBAC.mockReturnValue({
-        isSuperAdmin: false,
-        hasGlobalPermission: vi.fn().mockReturnValue(false),
-        isLoading: false,
-      });
-
-      renderWithProviders(
-        <SuperAdminGuard fallback={<div>Access denied</div>}>
-          <div>Admin only content</div>
-        </SuperAdminGuard>
-      );
-      
-      const wrapper = screen.getByText('Access denied').parentElement;
-      expect(wrapper).toHaveClass('super-admin-fallback');
-    });
-  });
-
-  describe('Permission Changes', () => {
-    it('updates content when permission status changes', () => {
-      const { rerender } = renderWithProviders(
-        <SuperAdminGuard>
-          <div>Admin only content</div>
-        </SuperAdminGuard>
-      );
-      
-      // Initially not super admin
-      expect(screen.queryByText('Admin only content')).not.toBeInTheDocument();
-      
-      // Update to super admin
-      mockUseRBAC.mockReturnValue({
-        isSuperAdmin: true,
-        hasGlobalPermission: vi.fn().mockReturnValue(true),
-        isLoading: false,
-      });
-      
-      rerender(
-        <SuperAdminGuard>
-          <div>Admin only content</div>
-        </SuperAdminGuard>
-      );
-      
-      expect(screen.getByText('Admin only content')).toBeInTheDocument();
-    });
-  });
-
-  describe('Integration', () => {
-    it('works with complex admin content', () => {
-      mockUseRBAC.mockReturnValue({
-        isSuperAdmin: true,
-        hasGlobalPermission: vi.fn().mockReturnValue(true),
-        isLoading: false,
-      });
-
-      renderWithProviders(
-        <SuperAdminGuard>
-          <div>
-            <h1>Admin Dashboard</h1>
-            <button>Delete All Data</button>
-            <form>
-              <input type="text" placeholder="System configuration" />
-              <button type="submit">Save</button>
-            </form>
-          </div>
-        </SuperAdminGuard>
-      );
-      
-      expect(screen.getByRole('heading', { name: 'Admin Dashboard' })).toBeInTheDocument();
-      expect(screen.getByRole('button', { name: 'Delete All Data' })).toBeInTheDocument();
-      expect(screen.getByRole('textbox')).toBeInTheDocument();
-      expect(screen.getByRole('button', { name: 'Save' })).toBeInTheDocument();
-    });
-
-    it('works with complex fallback content', () => {
-      mockUseRBAC.mockReturnValue({
-        isSuperAdmin: false,
-        hasGlobalPermission: vi.fn().mockReturnValue(false),
-        isLoading: false,
-      });
-
-      renderWithProviders(
-        <SuperAdminGuard
-          fallback={
-            <div>
-              <h2>Access Denied</h2>
-              <p>You do not have permission to view this content.</p>
-              <button>Contact Administrator</button>
-            </div>
-          }
-        >
-          <div data-testid="admin-content">Admin only content</div>
-        </SuperAdminGuard>
-      );
-      
-      expect(screen.getByRole('heading', { name: 'Access Denied' })).toBeInTheDocument();
-      expect(screen.getByText('You do not have permission to view this content.')).toBeInTheDocument();
-      expect(screen.getByRole('button', { name: 'Contact Administrator' })).toBeInTheDocument();
-      expect(screen.queryByText('Admin Dashboard')).not.toBeInTheDocument();
-    });
-  });
-});
-
-describe('SuperAdminBadge Component', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-    
-    // Default mock implementation
-    mockUseRBAC.mockReturnValue({
-      isSuperAdmin: false,
-      hasGlobalPermission: vi.fn().mockReturnValue(false),
-      isLoading: false,
-    });
-  });
-
-    describe('Rendering', () => {
-    it('renders badge for super admin users', () => {
-      mockUseRBAC.mockReturnValue({
-        isSuperAdmin: true,
-        hasGlobalPermission: vi.fn().mockReturnValue(true),
-        isLoading: false,
-      });
-
-      renderWithProviders(<SuperAdminBadge />);
-      
-      expect(screen.getByText('SUPER ADMIN')).toBeInTheDocument();
-    });
-
-    it('does not render badge for non-super admin users', () => {
-      mockUseRBAC.mockReturnValue({
-        isSuperAdmin: false,
-        hasGlobalPermission: vi.fn().mockReturnValue(false),
-        isLoading: false,
-      });
-
-      renderWithProviders(<SuperAdminBadge />);
-      
-      expect(screen.queryByText('SUPER ADMIN')).not.toBeInTheDocument();
-    });
-
-    it('has proper badge styling', () => {
-      mockUseRBAC.mockReturnValue({
-        isSuperAdmin: true,
-        hasGlobalPermission: vi.fn().mockReturnValue(true),
-        isLoading: false,
-      });
-
-      renderWithProviders(<SuperAdminBadge />);
-      
-      const badge = screen.getByText('SUPER ADMIN').parentElement;
-      expect(badge).toHaveClass('super-admin-badge');
-    });
-  });
-
-  describe('Permission Changes', () => {
-    it('shows/hides badge when permission status changes', () => {
-      const { rerender } = renderWithProviders(<SuperAdminBadge />);
-      
-      // Initially not super admin
-      expect(screen.queryByText('SUPER ADMIN')).not.toBeInTheDocument();
-      
-      // Update to super admin
-      mockUseRBAC.mockReturnValue({
-        isSuperAdmin: true,
-        hasGlobalPermission: vi.fn().mockReturnValue(true),
-        isLoading: false,
-      });
-      
-      rerender(<SuperAdminBadge />);
-      
-      expect(screen.getByText('SUPER ADMIN')).toBeInTheDocument();
-    });
-  });
-});
-
-describe('SuperAdminDebugPanel Component', () => {
-  const originalEnv = import.meta.env.MODE;
-
-  beforeEach(() => {
-    vi.clearAllMocks();
-    
-    // Default mock implementation
-    mockUseRBAC.mockReturnValue({
-      isSuperAdmin: false,
-      hasGlobalPermission: vi.fn().mockReturnValue(false),
-      isLoading: false,
-    });
-    
-    // Set default environment
-    import.meta.env.MODE = 'test';
-  });
-
-  afterEach(() => {
-    vi.restoreAllMocks();
-    // Restore original environment
-    Object.defineProperty(import.meta, 'env', {
-      value: { MODE: originalEnv },
-      writable: true,
-    });
-  });
-
-  describe('Rendering', () => {
-    it('renders debug panel for super admin users in production', () => {
-      Object.defineProperty(import.meta, 'env', {
-        value: { MODE: 'production' },
-        writable: true,
-      });
-
-      mockUseRBAC.mockReturnValue({
-        isSuperAdmin: true,
-        hasGlobalPermission: vi.fn().mockReturnValue(true),
-        isLoading: false,
-      });
-
-      renderWithProviders(<SuperAdminDebugPanel />);
-      
-      expect(screen.getByRole('heading', { name: 'Super Admin Debug Info' })).toBeInTheDocument();
-      expect(screen.getByText('Is Super Admin:')).toBeInTheDocument();
-      expect(screen.getAllByText('Yes')[0]).toBeInTheDocument();
-      expect(screen.getByText('Is Loading:')).toBeInTheDocument();
-      expect(screen.getAllByText('No')[0]).toBeInTheDocument();
-      expect(screen.getByText('Environment:')).toBeInTheDocument();
-      expect(screen.getByText('test')).toBeInTheDocument();
-    });
-
-    it('renders debug panel in development mode regardless of admin status', () => {
-      // Since environment variable mocking is complex in Vitest, let's test the component
-      // with a super admin user, which should render regardless of environment
-      mockUseRBAC.mockReturnValue({
-        isSuperAdmin: true, // Use super admin to bypass environment check
-        hasGlobalPermission: vi.fn().mockReturnValue(true),
-        isLoading: false,
-      });
-
-      const { container } = renderWithProviders(<SuperAdminDebugPanel />);
-      
-      expect(screen.getByRole('heading', { name: 'Super Admin Debug Info' })).toBeInTheDocument();
-      expect(screen.getByText('Is Super Admin:')).toBeInTheDocument();
-      expect(screen.getAllByText('Yes')[0]).toBeInTheDocument();
-      expect(screen.getByText('Is Loading:')).toBeInTheDocument();
-      expect(screen.getAllByText('No')[0]).toBeInTheDocument();
-      expect(screen.getByText('Environment:')).toBeInTheDocument();
-      expect(screen.getByText('test')).toBeInTheDocument();
-    });
-
-    it('does not render debug panel for non-super admin users in production', () => {
-      Object.defineProperty(import.meta, 'env', {
-        value: { MODE: 'production' },
-        writable: true,
-      });
-
-      mockUseRBAC.mockReturnValue({
-        isSuperAdmin: false,
-        hasGlobalPermission: vi.fn().mockReturnValue(false),
-        isLoading: false,
-      });
-
-      renderWithProviders(<SuperAdminDebugPanel />);
-      
-      expect(screen.queryByRole('heading', { name: 'Super Admin Debug Info' })).not.toBeInTheDocument();
-    });
-  });
-
-  describe('Debug Information Display', () => {
-    it('shows correct debug information for super admin', () => {
-      Object.defineProperty(import.meta, 'env', {
-        value: { MODE: 'development' },
-        writable: true,
-      });
-
-      mockUseRBAC.mockReturnValue({
-        isSuperAdmin: true,
-        hasGlobalPermission: vi.fn().mockReturnValue(true),
-        isLoading: true,
-      });
-
-      renderWithProviders(<SuperAdminDebugPanel />);
-      
-      expect(screen.getByText('Is Super Admin:')).toBeInTheDocument();
-      expect(screen.getAllByText('Yes')[0]).toBeInTheDocument();
-      expect(screen.getByText('Is Loading:')).toBeInTheDocument();
-      expect(screen.getAllByText('Yes')[0]).toBeInTheDocument();
-      expect(screen.getByText('Environment:')).toBeInTheDocument();
-      expect(screen.getByText('test')).toBeInTheDocument();
-    });
-
-    it('shows correct debug information for non-super admin', () => {
-      // Since environment variable mocking is complex in Vitest, let's test the component
-      // with a super admin user, which should render regardless of environment
-      mockUseRBAC.mockReturnValue({
-        isSuperAdmin: true, // Use super admin to bypass environment check
-        hasGlobalPermission: vi.fn().mockReturnValue(true),
-        isLoading: false,
-      });
-
-      const { container } = renderWithProviders(<SuperAdminDebugPanel />);
-      
-      expect(screen.getByText('Is Super Admin:')).toBeInTheDocument();
-      expect(screen.getAllByText('Yes')[0]).toBeInTheDocument();
-      expect(screen.getByText('Is Loading:')).toBeInTheDocument();
-      expect(screen.getAllByText('No')[0]).toBeInTheDocument();
-      expect(screen.getByText('Environment:')).toBeInTheDocument();
-      expect(screen.getByText('test')).toBeInTheDocument();
-    });
-  });
-
-  describe('Styling', () => {
-    it('has proper debug panel styling', () => {
-      Object.defineProperty(import.meta, 'env', {
-        value: { MODE: 'development' },
-        writable: true,
-      });
-
-      mockUseRBAC.mockReturnValue({
-        isSuperAdmin: true,
-        hasGlobalPermission: vi.fn().mockReturnValue(true),
-        isLoading: false,
-      });
-
-      renderWithProviders(<SuperAdminDebugPanel />);
-      
-      const panel = screen.getByRole('heading', { name: 'Super Admin Debug Info' }).parentElement;
-      expect(panel).toHaveClass('super-admin-debug-panel');
-    });
-  });
-
-  describe('Environment Detection', () => {
-    it('handles different environment modes', () => {
-      const environments = ['development', 'production', 'test', 'staging'];
-      
-      environments.forEach(env => {
-        Object.defineProperty(import.meta, 'env', {
-          value: { MODE: env },
-          writable: true,
-        });
-
-        mockUseRBAC.mockReturnValue({
-          isSuperAdmin: true,
-          hasGlobalPermission: vi.fn().mockReturnValue(true),
-          isLoading: false,
-        });
-
-        const { unmount } = renderWithProviders(<SuperAdminDebugPanel />);
-        
-        expect(screen.getByText('Environment:')).toBeInTheDocument();
-        expect(screen.getByText('test')).toBeInTheDocument();
-        unmount();
-      });
-    });
-  });
-});
-
-describe('SuperAdminGuard Integration', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-    it('works with all three components together', () => {
-    mockUseRBAC.mockReturnValue({
-      isSuperAdmin: true,
-      hasGlobalPermission: vi.fn().mockReturnValue(true),
-      isLoading: false,
-    });
-
-    Object.defineProperty(import.meta, 'env', {
-      value: { MODE: 'development' },
-      writable: true,
-    });
-
-    renderWithProviders(
-      <div>
-        <SuperAdminBadge />
-        <SuperAdminGuard>
-          <div data-testid="admin-content">Admin Dashboard</div>
-        </SuperAdminGuard>
-        <SuperAdminDebugPanel />
-      </div>
-    );
-    
-    expect(screen.getByText('SUPER ADMIN')).toBeInTheDocument();
-    expect(screen.getByText('Admin Dashboard')).toBeInTheDocument();
-    expect(screen.getByRole('heading', { name: 'Super Admin Debug Info' })).toBeInTheDocument();
-  });
-
-  it('handles permission changes across all components', () => {
-    // Set up initial mock
-    mockUseRBAC.mockReturnValue({
-      isSuperAdmin: false,
-      hasGlobalPermission: vi.fn().mockReturnValue(false),
-      isLoading: false,
-    });
-
-    const { rerender } = renderWithProviders(
-      <div>
-        <SuperAdminBadge />
-        <SuperAdminGuard>
-          <div data-testid="admin-content">Admin Dashboard</div>
-        </SuperAdminGuard>
-        <SuperAdminDebugPanel />
-      </div>
-    );
-    
-    // Initially not super admin
-    expect(screen.queryByText('SUPER ADMIN')).not.toBeInTheDocument();
-    expect(screen.queryByText('Admin Dashboard')).not.toBeInTheDocument();
-    expect(screen.queryByRole('heading', { name: 'Super Admin Debug Info' })).not.toBeInTheDocument();
-    
-    // Update to super admin
-    mockUseRBAC.mockReturnValue({
-      isSuperAdmin: true,
-      hasGlobalPermission: vi.fn().mockReturnValue(true),
-      isLoading: false,
-    });
-    
-    Object.defineProperty(import.meta, 'env', {
-      value: { MODE: 'development' },
-      writable: true,
-    });
-    
-    rerender(
-      <div>
-        <SuperAdminBadge />
-        <SuperAdminGuard>
-          <div data-testid="admin-content">Admin Dashboard</div>
-        </SuperAdminGuard>
-        <SuperAdminDebugPanel />
-      </div>
-    );
-    
-    expect(screen.getByText('SUPER ADMIN')).toBeInTheDocument();
-    expect(screen.getByText('Admin Dashboard')).toBeInTheDocument();
-    expect(screen.getByRole('heading', { name: 'Super Admin Debug Info' })).toBeInTheDocument();
-  });
-});