@jmruthers/pace-core 0.2.7 → 0.5.1

package/src/components/DataTable/__tests__/DataTable.permissions.test.tsx

@@ -1,316 +0,0 @@
-import React from 'react';
-import { screen } from '@testing-library/react';
-import { describe, it, expect, vi, beforeEach } from 'vitest';
-import '@testing-library/jest-dom';
-import { DataTable } from '../DataTable';
-import { MockRBACProvider } from './mocks/MockRBACProvider';
-import { AccessLevel } from '../../../types/unified';
-import type { SimpleColumn } from '../types';
-import { createDefaultFeatures } from './test-utils';
-import { renderWithProviders, testDataGenerators } from '../../../__tests__/shared';
-
-// Mock TanStack Table to avoid complex dependencies
-vi.mock('@tanstack/react-table', () => ({
-  useReactTable: vi.fn(() => ({
-    getCoreRowModel: () => (rows: any[]) => rows,
-    getFilteredRowModel: () => (rows: any[]) => rows,
-    getSortedRowModel: () => (rows: any[]) => rows,
-    getPaginationRowModel: () => (rows: any[]) => rows,
-    getGroupedRowModel: () => (rows: any[]) => rows,
-    getExpandedRowModel: () => (rows: any[]) => rows,
-    getAllColumns: () => [],
-    getVisibleFlatColumns: () => [],
-    getHeaderGroups: () => [{
-      id: 'headerGroup',
-      headers: [
-        {
-          id: 'name',
-          isPlaceholder: false,
-          column: { 
-            columnDef: { header: 'Name' },
-            getCanSort: () => true,
-            getToggleSortingHandler: () => vi.fn(),
-            getIsSorted: () => false,
-            getIsVisible: () => true,
-          },
-          getContext: () => ({}),
-        },
-        {
-          id: 'email', 
-          isPlaceholder: false,
-          column: { 
-            columnDef: { header: 'Email' },
-            getCanSort: () => true,
-            getToggleSortingHandler: () => vi.fn(),
-            getIsSorted: () => false,
-            getIsVisible: () => true,
-          },
-          getContext: () => ({}),
-        },
-        {
-          id: 'role',
-          isPlaceholder: false,
-          column: { 
-            columnDef: { header: 'Role' },
-            getCanSort: () => true,
-            getToggleSortingHandler: () => vi.fn(),
-            getIsSorted: () => false,
-            getIsVisible: () => true,
-          },
-          getContext: () => ({}),
-        },
-      ],
-    }],
-    getRowModel: () => ({ 
-      rows: [
-        {
-          id: '1',
-          getIsSelected: () => false,
-          getVisibleCells: () => [
-            {
-              id: 'cell-1-name',
-              column: { columnDef: { cell: 'John Doe' } },
-              getContext: () => ({}),
-            },
-            {
-              id: 'cell-1-email',
-              column: { columnDef: { cell: 'john@example.com' } },
-              getContext: () => ({}),
-            },
-            {
-              id: 'cell-1-role',
-              column: { columnDef: { cell: 'admin' } },
-              getContext: () => ({}),
-            },
-          ],
-        },
-      ],
-    }),
-    getRowCount: () => 1,
-    getPageCount: () => 1,
-    getCanPreviousPage: () => false,
-    getCanNextPage: () => false,
-    previousPage: vi.fn(),
-    nextPage: vi.fn(),
-    setPageIndex: vi.fn(),
-    setPageSize: vi.fn(),
-    getState: () => ({
-      sorting: [],
-      columnFilters: [],
-      columnVisibility: {},
-      globalFilter: '',
-      pagination: { pageIndex: 0, pageSize: 10 },
-      grouping: [],
-      expanded: {}
-    }),
-    setGlobalFilter: vi.fn(),
-    setColumnVisibility: vi.fn(),
-    setSorting: vi.fn(),
-    setColumnFilters: vi.fn(),
-    setPagination: vi.fn(),
-    setGrouping: vi.fn(),
-    setExpanded: vi.fn(),
-    toggleAllRowsExpanded: vi.fn(),
-    getIsAllRowsExpanded: () => false,
-    getIsSomeRowsExpanded: () => false,
-    resetExpanded: vi.fn(),
-  })),
-  getCoreRowModel: vi.fn(),
-  getFilteredRowModel: vi.fn(),
-  getSortedRowModel: vi.fn(),
-  getPaginationRowModel: vi.fn(),
-  getGroupedRowModel: vi.fn(),
-  getExpandedRowModel: vi.fn(),
-  flexRender: vi.fn((cell, context) => cell || 'Mocked Cell'),
-}));
-
-// Mock the DataTable context
-vi.mock('../core/DataTableContext', () => ({
-  DataTableProvider: ({ children }: any) => <div data-testid="data-table-provider">{children}</div>,
-  useDataTableContext: () => ({
-    stateManager: {
-      getState: () => ({
-        data: [],
-        columns: [],
-        columnVisibility: {},
-        ui: {
-          sorting: [],
-          columnFilters: [],
-          globalFilter: '',
-          pagination: { pageIndex: 0, pageSize: 10 },
-          grouping: [],
-          editing: { rowId: null, data: {}, isCreating: false, creationData: {} },
-          modals: { import: false, view: false, viewData: null }
-        }
-      }),
-      updateSorting: vi.fn(),
-        subscribe: vi.fn(() => vi.fn()),
-      updateColumnFilters: vi.fn(),
-      updateGlobalFilter: vi.fn(),
-      updatePagination: vi.fn(),
-      updateGrouping: vi.fn(),
-      updateEditing: vi.fn(),
-      updateModals: vi.fn(),
-      setState: vi.fn(),
-    },
-    dataManager: {
-      getData: () => [],
-      setData: vi.fn(),
-      addRow: vi.fn(),
-      updateRow: vi.fn(),
-      deleteRow: vi.fn(),
-    },
-    columnManager: {
-      getColumns: () => [],
-      setColumns: vi.fn(),
-      addColumn: vi.fn(),
-      removeColumn: vi.fn(),
-    },
-    actionManager: {
-      getActions: () => [],
-      addAction: vi.fn(),
-      removeAction: vi.fn(),
-    },
-  }),
-}));
-
-// Mock individual components
-
-vi.mock('../components/DataTableToolbar', () => ({
-  DataTableToolbar: () => <div data-testid="data-table-toolbar">Toolbar</div>,
-}));
-
-vi.mock('../components/DataTableBody', () => ({
-  DataTableBody: () => <div data-testid="data-table-body">Body</div>,
-}));
-
-vi.mock('../components/DataTableModals', () => ({
-  DataTableModals: () => <div data-testid="data-table-modals">Modals</div>,
-}));
-
-vi.mock('../components/PaginationControls', () => ({
-  PaginationControls: () => <div data-testid="pagination-controls">Pagination</div>,
-}));
-
-vi.mock('../components/LoadingState', () => ({
-  LoadingState: () => <div data-testid="loading-state">Loading...</div>,
-}));
-
-vi.mock('../components/DataTableErrorBoundary', () => ({
-  DataTableErrorBoundary: ({ children }: any) => <div data-testid="error-boundary">{children}</div>,
-}));
-
-// Mock utils
-vi.mock('../../utils/cn', () => ({
-  cn: (...classes: any[]) => classes.filter(Boolean).join(' '),
-}));
-
-// Mock the performance hook
-vi.mock('../../../hooks/useDataTablePerformance', () => ({
-  useDataTablePerformance: vi.fn(() => ({
-    paginationMode: 'client',
-    isVirtualized: false,
-    pageSizeOptions: [10, 25, 50, 100],
-    processedData: [],
-    totalCount: 0,
-    isLoading: false,
-    searchQuery: '',
-    setSearchQuery: vi.fn(),
-    fetchServerData: vi.fn(),
-    serverData: null,
-    memoryUsage: 0,
-    cleanup: vi.fn(),
-  })),
-}));
-
-// Mock UnifiedTableBody for virtualization testing
-vi.mock('../components/UnifiedTableBody', () => ({
-  UnifiedTableBody: ({ dataLength }: any) => {
-    const isVirtualized = dataLength > 1000;
-    return (
-      <div data-testid={isVirtualized ? "virtualized-table" : "standard-table"}>
-        {isVirtualized ? 'Virtualized' : 'Standard'} Table
-      </div>
-    );
-  },
-}));
-
-vi.mock('../components/EnhancedPaginationControls', () => ({
-  EnhancedPaginationControls: () => <div data-testid="enhanced-pagination">Enhanced Pagination</div>,
-}));
-
-vi.mock('../components/EmptyState', () => ({
-  EmptyState: () => <div data-testid="empty-state">No data</div>,
-}));
-
-type TestDataType = {
-  id: string;
-  name: string;
-  email: string;
-  role: string;
-};
-
-const mockData: TestDataType[] = [
-  { id: '1', name: 'John Doe', email: 'john@example.com', role: 'admin' },
-  { id: '2', name: 'Jane Smith', email: 'jane@example.com', role: 'user' },
-];
-
-const mockColumns: SimpleColumn[] = [
-  { key: 'name', label: 'Name' },
-  { key: 'email', label: 'Email' },
-  { key: 'role', label: 'Role' },
-];
-
-describe('DataTable Permission Integration', () => {
-  beforeEach(() => {
-    vi.clearAllMocks();
-  });
-
-  it('shows data when user has read permissions', () => {
-    renderWithProviders(
-      <MockRBACProvider 
-        permissions={{ 'read:users': true }}
-        accessLevel={AccessLevel.VIEWER}
-      >
-        <DataTable data={mockData} columns={mockColumns} features={createDefaultFeatures()} />
-      </MockRBACProvider>
-    );
-
-    expect(screen.getByRole('table')).toBeInTheDocument();
-  });
-
-  it('shows data even when user lacks permissions (DataTable shows data by default)', () => {
-    renderWithProviders(
-      <MockRBACProvider 
-        permissions={{ 'read:users': false }}
-        accessLevel={AccessLevel.NONE}
-      >
-        <DataTable data={mockData} columns={mockColumns} features={createDefaultFeatures()} />
-      </MockRBACProvider>
-    );
-
-    // Current DataTable implementation shows data regardless of permissions
-    expect(screen.getByRole('table')).toBeInTheDocument();
-  });
-
-  it('shows editing functionality for authorized users', () => {
-    const mockOnEdit = vi.fn();
-    
-    renderWithProviders(
-      <MockRBACProvider 
-        permissions={{ 'read:users': true, 'admin:view': true }}
-        accessLevel={AccessLevel.ADMIN}
-      >
-        <DataTable 
-          data={mockData} 
-          columns={mockColumns}
-          features={createDefaultFeatures()}
-          onEditRow={mockOnEdit}
-        />
-      </MockRBACProvider>
-    );
-
-    // Should show the table
-    expect(screen.getByRole('table')).toBeInTheDocument();
-  });
-});