@jmruthers/pace-core 0.5.6 → 0.5.8

package/src/components/DataTable/__tests__/DataTable.hooks.test 2.tsx

@@ -1,191 +0,0 @@
-/**
- * @file DataTable Hooks Violation Test
- * @package @jmruthers/pace-core
- * @module Components/DataTable/__tests__
- * @since 0.5.4
- * 
- * Test to verify that the DataTable component doesn't cause React Hooks violations.
- */
-
-import React from 'react';
-import { render, screen } from '@testing-library/react';
-import { DataTable } from '../DataTable';
-import type { DataTableColumn } from '../types';
-
-// Mock the required providers
-const MockUnifiedAuthProvider = ({ children }: { children: React.ReactNode }) => {
-  return (
-    <div data-testid="mock-auth-provider">
-      {children}
-    </div>
-  );
-};
-
-// Mock the useUnifiedAuth hook
-const mockUseUnifiedAuth = {
-  user: {
-    id: 'test-user',
-    user_metadata: {
-      organisationId: 'test-org',
-      eventId: 'test-event',
-      appId: 'test-app'
-    }
-  },
-  isAuthenticated: true,
-  isLoading: false,
-  error: null
-};
-
-// Mock the useCan hook
-const mockUseCan = {
-  can: true,
-  isLoading: false,
-  error: null
-};
-
-// Mock all the required modules
-vi.mock('../../../providers/UnifiedAuthProvider', () => ({
-  useUnifiedAuth: () => mockUseUnifiedAuth
-}));
-
-vi.mock('../../../rbac/hooks', () => ({
-  useCan: () => mockUseCan
-}));
-
-vi.mock('../components/DataTableCore', () => ({
-  DataTableCore: ({ children, ...props }: any) => (
-    <div data-testid="datatable-core" {...props}>
-      {children}
-    </div>
-  )
-}));
-
-vi.mock('../components/DataTableErrorBoundary', () => ({
-  DataTableErrorBoundary: ({ children }: { children: React.ReactNode }) => (
-    <div data-testid="error-boundary">{children}</div>
-  )
-}));
-
-describe('DataTable Hooks Violation Test', () => {
-  const mockData = [
-    { id: '1', name: 'Item 1', value: 100 },
-    { id: '2', name: 'Item 2', value: 200 }
-  ];
-
-  const mockColumns: DataTableColumn<typeof mockData[0]>[] = [
-    { accessorKey: 'id', header: 'ID' },
-    { accessorKey: 'name', header: 'Name' },
-    { accessorKey: 'value', header: 'Value' }
-  ];
-
-  const mockFeatures = {
-    search: true,
-    pagination: true,
-    sorting: true,
-    filtering: true,
-    import: true,
-    export: true,
-    selection: true,
-    creation: true,
-    editing: true,
-    deletion: true,
-    deleteSelected: true,
-    grouping: true,
-    columnVisibility: true,
-    columnReordering: true,
-    hierarchical: false
-  };
-
-  const mockRBAC = {
-    resource: 'test-resource',
-    pageId: 'test-page'
-  };
-
-  it('should render without React Hooks violations', () => {
-    // This test will fail if there are React Hooks violations
-    expect(() => {
-      render(
-        <MockUnifiedAuthProvider>
-          <DataTable
-            data={mockData}
-            columns={mockColumns}
-            rbac={mockRBAC}
-            features={mockFeatures}
-            getRowId={(row) => row.id}
-          />
-        </MockUnifiedAuthProvider>
-      );
-    }).not.toThrow();
-  });
-
-  it('should render DataTable with all required props', () => {
-    render(
-      <MockUnifiedAuthProvider>
-        <DataTable
-          data={mockData}
-          columns={mockColumns}
-          rbac={mockRBAC}
-          features={mockFeatures}
-          getRowId={(row) => row.id}
-        />
-      </MockUnifiedAuthProvider>
-    );
-
-    expect(screen.getByTestId('datatable-core')).toBeInTheDocument();
-  });
-
-  it('should handle multiple re-renders without hooks violations', () => {
-    const { rerender } = render(
-      <MockUnifiedAuthProvider>
-        <DataTable
-          data={mockData}
-          columns={mockColumns}
-          rbac={mockRBAC}
-          features={mockFeatures}
-          getRowId={(row) => row.id}
-        />
-      </MockUnifiedAuthProvider>
-    );
-
-    // Re-render with different data
-    const newData = [
-      { id: '3', name: 'Item 3', value: 300 },
-      { id: '4', name: 'Item 4', value: 400 }
-    ];
-
-    expect(() => {
-      rerender(
-        <MockUnifiedAuthProvider>
-          <DataTable
-            data={newData}
-            columns={mockColumns}
-            rbac={mockRBAC}
-            features={mockFeatures}
-            getRowId={(row) => row.id}
-          />
-        </MockUnifiedAuthProvider>
-      );
-    }).not.toThrow();
-
-    // Re-render with different features
-    const newFeatures = {
-      ...mockFeatures,
-      search: false,
-      pagination: false
-    };
-
-    expect(() => {
-      rerender(
-        <MockUnifiedAuthProvider>
-          <DataTable
-            data={newData}
-            columns={mockColumns}
-            rbac={mockRBAC}
-            features={newFeatures}
-            getRowId={(row) => row.id}
-          />
-        </MockUnifiedAuthProvider>
-      );
-    }).not.toThrow();
-  });
-});