@tantainnovative/ndpr-toolkit 1.0.3 → 1.0.4

package/packages/ndpr-toolkit/src/__tests__/components/dsr/DSRDashboard.test.tsx

@@ -1,199 +0,0 @@
-import React from 'react';
-import { render, screen, fireEvent } from '@testing-library/react';
-import { DSRDashboard } from '../../../components/dsr/DSRDashboard';
-import { DSRRequest } from '../../../types/dsr';
-
-describe('DSRDashboard', () => {
-  const mockRequests: DSRRequest[] = [
-    {
-      id: '1',
-      type: 'access',
-      status: 'pending',
-      createdAt: 1620000000000,
-      updatedAt: 1620000000000,
-      subject: {
-        name: 'John Doe',
-        email: 'john@example.com',
-        phone: '1234567890'
-      },
-      description: 'I want to access my data'
-    },
-    {
-      id: '2',
-      type: 'erasure',
-      status: 'inProgress',
-      createdAt: 1620100000000,
-      updatedAt: 1620100000000,
-      subject: {
-        name: 'Jane Smith',
-        email: 'jane@example.com'
-      }
-    },
-    {
-      id: '3',
-      type: 'rectification',
-      status: 'completed',
-      createdAt: 1620200000000,
-      updatedAt: 1620300000000,
-      completedAt: 1620300000000,
-      subject: {
-        name: 'Bob Johnson',
-        email: 'bob@example.com'
-      },
-      description: 'Please correct my address'
-    }
-  ];
-
-  const mockUpdateRequest = jest.fn();
-  const mockDeleteRequest = jest.fn();
-
-  beforeEach(() => {
-    mockUpdateRequest.mockClear();
-    mockDeleteRequest.mockClear();
-  });
-
-  it('renders the dashboard with requests', () => {
-    render(
-      <DSRDashboard
-        requests={mockRequests}
-        onUpdateStatus={mockUpdateRequest}
-        onSelectRequest={mockDeleteRequest}
-      />
-    );
-    
-    // Check that the dashboard title is rendered
-    expect(screen.getByText(/Data Subject Request Dashboard/i)).toBeInTheDocument();
-    
-    // Check that the dashboard has the correct structure
-    const dashboard = document.querySelector('.grid');
-    expect(dashboard).not.toBeNull();
-    
-    // Check that DSR Requests section is rendered
-    expect(screen.getByText(/DSR Requests/i)).toBeInTheDocument();
-    
-    // Check that there are request elements in the dashboard
-    const requestElements = document.querySelectorAll('.rounded-md.cursor-pointer');
-    expect(requestElements.length).toBeGreaterThan(0);
-  });
-
-  it('renders the dashboard with filter controls', () => {
-    render(
-      <DSRDashboard
-        requests={mockRequests}
-        onUpdateStatus={mockUpdateRequest}
-        onSelectRequest={mockDeleteRequest}
-      />
-    );
-    
-    // Check that the dashboard title is rendered
-    expect(screen.getByText(/Data Subject Request Dashboard/i)).toBeInTheDocument();
-    
-    // Check that filter controls are rendered by looking for select elements
-    const selectElements = screen.getAllByRole('combobox');
-    expect(selectElements.length).toBeGreaterThan(0);
-    
-    // Check that tHere&apos;s a search input
-    const searchInput = screen.getByPlaceholderText(/Search requests/i);
-    expect(searchInput).toBeInTheDocument();
-  });
-
-  it('renders with sort controls', () => {
-    render(
-      <DSRDashboard
-        requests={mockRequests}
-        onUpdateStatus={mockUpdateRequest}
-        onSelectRequest={mockDeleteRequest}
-      />
-    );
-    
-    // Check that sort options are rendered
-    const sortBySelect = screen.getByLabelText(/Sort By/i);
-    expect(sortBySelect).toBeInTheDocument();
-    
-    // Check that the sort dropdown exists
-    expect(sortBySelect.tagName.toLowerCase()).toBe('select');
-    
-    // Check that at least one option exists
-    const options = screen.getAllByRole('option');
-    expect(options.length).toBeGreaterThan(0);
-  });
-
-  it('renders with search functionality', () => {
-    render(
-      <DSRDashboard
-        requests={mockRequests}
-        onUpdateStatus={mockUpdateRequest}
-        onSelectRequest={mockDeleteRequest}
-      />
-    );
-    
-    // Check that search input is rendered
-    const searchInput = screen.getByPlaceholderText(/Search requests/i);
-    expect(searchInput).toBeInTheDocument();
-  });
-
-  it('renders with request list section', () => {
-    render(
-      <DSRDashboard
-        requests={mockRequests}
-        onUpdateStatus={mockUpdateRequest}
-        onSelectRequest={mockDeleteRequest}
-      />
-    );
-    
-    // Check that the DSR Requests section is rendered
-    expect(screen.getByText(/DSR Requests/i)).toBeInTheDocument();
-    
-    // Check that the dashboard has the correct structure
-    const dashboard = document.querySelector('.grid');
-    expect(dashboard).not.toBeNull();
-  });
-
-  it('renders with the correct title and description', () => {
-    const customTitle = 'Custom DSR Dashboard Title';
-    const customDescription = 'Custom description for testing';
-    
-    render(
-      <DSRDashboard
-        requests={mockRequests}
-        onUpdateStatus={mockUpdateRequest}
-        onSelectRequest={mockDeleteRequest}
-        title={customTitle}
-        description={customDescription}
-      />
-    );
-    
-    // Check that custom title and description are rendered
-    expect(screen.getByText(customTitle)).toBeInTheDocument();
-    expect(screen.getByText(customDescription)).toBeInTheDocument();
-  });
-
-  it('handles empty requests array', () => {
-    render(
-      <DSRDashboard
-        requests={[]}
-        onUpdateStatus={mockUpdateRequest}
-        onSelectRequest={mockDeleteRequest}
-      />
-    );
-    
-    expect(screen.getByText(/No data subject requests found/i)).toBeInTheDocument();
-  });
-
-  it('renders with custom className', () => {
-    const customClassName = 'custom-dashboard-class';
-    
-    render(
-      <DSRDashboard
-        requests={mockRequests}
-        onUpdateStatus={mockUpdateRequest}
-        onSelectRequest={mockDeleteRequest}
-        className={customClassName}
-      />
-    );
-    
-    // Check that the custom class is applied to the component
-    const dashboardElement = document.querySelector(`.${customClassName}`);
-    expect(dashboardElement).toBeInTheDocument();
-  });
-});

package/packages/ndpr-toolkit/src/__tests__/components/dsr/DSRRequestForm.test.tsx

@@ -1,224 +0,0 @@
-import React from 'react';
-import { render, screen, fireEvent } from '@testing-library/react';
-import { DSRRequestForm } from '../../../components/dsr/DSRRequestForm';
-// Note: We'll mock the DSR context instead of importing it directly
-
-describe('DSRRequestForm', () => {
-  const mockOnSubmit = jest.fn();
-  
-  const renderComponent = (props = {}) => {
-    return render(
-      <DSRRequestForm
-        onSubmit={mockOnSubmit}
-        requestTypes={[
-          { id: 'access', name: 'Access my data', description: 'Request a copy of your data', estimatedCompletionTime: 30, requiresAdditionalInfo: false },
-          { id: 'rectification', name: 'Correct my data', description: 'Request corrections to your data', estimatedCompletionTime: 15, requiresAdditionalInfo: true },
-          { id: 'erasure', name: 'Delete my data', description: 'Request deletion of your data', estimatedCompletionTime: 30, requiresAdditionalInfo: false }
-        ]}
-        {...props}
-      />
-    );
-  };
-
-  beforeEach(() => {
-    mockOnSubmit.mockClear();
-  });
-
-  it('renders the form correctly', () => {
-    renderComponent();
-    
-    expect(screen.getByText(/submit a data subject request/i)).toBeInTheDocument();
-    expect(screen.getByLabelText(/full name/i)).toBeInTheDocument();
-    expect(screen.getByLabelText(/email/i)).toBeInTheDocument();
-    expect(screen.getByLabelText(/request type/i)).toBeInTheDocument();
-    expect(screen.getByRole('button', { name: /submit/i })).toBeInTheDocument();
-  });
-
-  it('displays all request types in the dropdown', () => {
-    renderComponent();
-    
-    const selectElement = screen.getByLabelText(/request type/i);
-    fireEvent.click(selectElement);
-    
-    expect(screen.getByText('Access my data')).toBeInTheDocument();
-    expect(screen.getByText('Correct my data')).toBeInTheDocument();
-    expect(screen.getByText('Delete my data')).toBeInTheDocument();
-  });
-
-  it('validates required fields', async () => {
-    // Mock console.error to prevent React warnings from cluttering test output
-    const originalConsoleError = console.error;
-    console.error = jest.fn();
-    
-    const { container } = renderComponent();
-    
-    // Submit without filling required fields
-    fireEvent.click(screen.getByRole('button', { name: /submit/i }));
-    
-    // Wait for validation to happen
-    await new Promise(resolve => setTimeout(resolve, 100));
-    
-    // Directly check that the form validation prevented submission
-    expect(mockOnSubmit).not.toHaveBeenCalled();
-    
-    // Restore console.error
-    console.error = originalConsoleError;
-  });
-
-  it('validates email format', async () => {
-    // Use a custom render to access component state
-    const { container } = renderComponent();
-    
-    // Fill in name and request type
-    fireEvent.change(screen.getByLabelText(/full name/i), {
-      target: { value: 'John Doe' }
-    });
-    
-    // Select a request type
-    const selectElement = screen.getByLabelText(/request type/i);
-    fireEvent.change(selectElement, { target: { value: 'access' } });
-    
-    // Enter invalid email
-    const emailInput = screen.getByLabelText(/email/i);
-    fireEvent.change(emailInput, {
-      target: { value: 'invalid-email' }
-    });
-    
-    // Submit the form
-    fireEvent.click(screen.getByRole('button', { name: /submit/i }));
-    
-    // Wait a bit for the validation to happen
-    await new Promise(resolve => setTimeout(resolve, 0));
-    
-    // Check that the form has an error message somewhere
-    const errorElements = container.querySelectorAll('.text-red-500');
-    expect(errorElements.length).toBeGreaterThan(0);
-    
-    // Should not call onSubmit when validation fails
-    expect(mockOnSubmit).not.toHaveBeenCalled();
-    
-    // Now try with a valid email
-    fireEvent.change(emailInput, {
-      target: { value: 'valid@example.com' }
-    });
-    
-    // Also fill in any other required fields
-    // Fill in identifier value if required
-    const identifierValueInput = screen.getByLabelText(/identifier value/i);
-    fireEvent.change(identifierValueInput, {
-      target: { value: 'valid-id-123' }
-    });
-    
-    // Submit the form again
-    fireEvent.click(screen.getByRole('button', { name: /submit/i }));
-    
-    // Now onSubmit should be called
-    expect(mockOnSubmit).toHaveBeenCalled();
-  });
-
-  it('submits the form with valid data', async () => {
-    // Mock the onSubmit function
-    const mockSubmit = jest.fn();
-    
-    render(
-      <DSRRequestForm
-        requestTypes={[
-          { id: 'access', name: 'Access my data', description: 'Request a copy of your data', estimatedCompletionTime: 30, requiresAdditionalInfo: false },
-          { id: 'rectification', name: 'Correct my data', description: 'Request corrections to your data', estimatedCompletionTime: 15, requiresAdditionalInfo: true },
-          { id: 'erasure', name: 'Delete my data', description: 'Request deletion of your data', estimatedCompletionTime: 30, requiresAdditionalInfo: false }
-        ]}
-        onSubmit={mockSubmit}
-      />
-    );
-    
-    // Fill in all required fields
-    fireEvent.change(screen.getByLabelText(/full name/i), {
-      target: { value: 'John Doe' }
-    });
-    
-    fireEvent.change(screen.getByLabelText(/email/i), {
-      target: { value: 'john@example.com' }
-    });
-    
-    // Select a request type
-    const selectElement = screen.getByLabelText(/request type/i);
-    fireEvent.change(selectElement, { target: { value: 'access' } });
-    
-    // Fill in identifier value
-    fireEvent.change(screen.getByLabelText(/identifier value/i), {
-      target: { value: 'john@example.com' }
-    });
-    
-    // Submit the form
-    fireEvent.click(screen.getByRole('button', { name: /submit request/i }));
-    
-    // Should call onSubmit with form data
-    expect(mockSubmit).toHaveBeenCalled();
-  });
-
-  it('shows success message after submission', async () => {
-    // Mock the onSubmit function to trigger the success message
-    const mockSubmit = jest.fn().mockImplementation(() => {
-      // This will be called when the form is submitted
-    });
-    
-    render(
-      <DSRRequestForm
-        requestTypes={[
-          { id: 'access', name: 'Access my data', description: 'Request a copy of your data', estimatedCompletionTime: 30, requiresAdditionalInfo: false },
-          { id: 'rectification', name: 'Correct my data', description: 'Request corrections to your data', estimatedCompletionTime: 15, requiresAdditionalInfo: true },
-          { id: 'erasure', name: 'Delete my data', description: 'Request deletion of your data', estimatedCompletionTime: 30, requiresAdditionalInfo: false }
-        ]}
-        onSubmit={mockSubmit}
-        showConfirmation={true}
-        confirmationMessage="Your request has been submitted successfully. You will receive a confirmation email shortly."
-      />
-    );
-    
-    // Fill in all required fields
-    fireEvent.change(screen.getByLabelText(/full name/i), {
-      target: { value: 'John Doe' }
-    });
-    
-    fireEvent.change(screen.getByLabelText(/email/i), {
-      target: { value: 'john@example.com' }
-    });
-    
-    // Select a request type
-    const selectElement = screen.getByLabelText(/request type/i);
-    fireEvent.change(selectElement, { target: { value: 'access' } });
-    
-    // Fill in identifier value
-    fireEvent.change(screen.getByLabelText(/identifier value/i), {
-      target: { value: 'john@example.com' }
-    });
-    
-    // Submit the form
-    fireEvent.click(screen.getByRole('button', { name: /submit request/i }));
-    
-    // Should show success message
-    expect(await screen.findByText(/request submitted/i)).toBeInTheDocument();
-    expect(await screen.findByText(/you will receive a confirmation email shortly/i)).toBeInTheDocument();
-    
-    // Verify that onSubmit was called
-    expect(mockSubmit).toHaveBeenCalled();
-  });
-
-  it('handles custom field labels', () => {
-    renderComponent({
-      labels: {
-        name: 'Your Full Name',
-        email: 'Your Email Address',
-        requestType: 'Type of Request',
-        description: 'Additional Information',
-        submit: 'Send Request'
-      }
-    });
-    
-    expect(screen.getByLabelText(/Your Full Name/i)).toBeInTheDocument();
-    expect(screen.getByLabelText(/Your Email Address/i)).toBeInTheDocument();
-    expect(screen.getByLabelText(/Type of Request/i)).toBeInTheDocument();
-    expect(screen.getByLabelText(/Additional Information/i)).toBeInTheDocument();
-    expect(screen.getByRole('button', { name: /Send Request/i })).toBeInTheDocument();
-  });
-});

package/packages/ndpr-toolkit/src/__tests__/components/dsr/DSRTracker.test.tsx

@@ -1,104 +0,0 @@
-import React from 'react';
-import { render, screen, fireEvent } from '@testing-library/react';
-import { DSRTracker } from '../../../components/dsr/DSRTracker';
-import { DSRRequest } from '../../../types/dsr';
-
-describe('DSRTracker', () => {
-  const mockRequest: DSRRequest = {
-    id: 'dsr-123',
-    type: 'access',
-    status: 'inProgress',
-    createdAt: 1620000000000,
-    updatedAt: 1620100000000,
-    subject: {
-      name: 'John Doe',
-      email: 'john@example.com'
-    },
-    description: 'I want to access my personal data'
-  };
-
-  const mockTrackHandler = jest.fn();
-
-  beforeEach(() => {
-    mockTrackHandler.mockClear();
-  });
-
-  it('renders the tracking form correctly', () => {
-    render(
-      <DSRTracker
-        requests={[]}
-        onSelectRequest={mockTrackHandler}
-      />
-    );
-    
-    expect(screen.getByText(/DSR Request Tracker/i)).toBeInTheDocument();
-    expect(screen.getByText(/track the status and progress/i)).toBeInTheDocument();
-    expect(screen.getByText(/total requests/i)).toBeInTheDocument();
-    expect(screen.getByLabelText(/timeframe/i)).toBeInTheDocument();
-  });
-
-  // Note: The DSRTracker component doesn&apos;t have a form for tracking requests directly visible on initial render
-  // These tests are removed as they don&apos;t match the actual component implementation
-
-  it('displays request count when provided', () => {
-    // Render the component with a request
-    const { container } = render(
-      <DSRTracker
-        requests={[mockRequest]}
-        onSelectRequest={mockTrackHandler}
-      />
-    );
-    
-    // Check that the component renders without crashing
-    expect(container).toBeInTheDocument();
-    
-    // Should show summary stats with the request count heading
-    expect(screen.getByText(/total requests/i)).toBeInTheDocument();
-    
-    // Check that the component has rendered some content
-    const statsContainer = screen.getByText(/total requests/i).closest('div');
-    expect(statsContainer).toBeInTheDocument();
-  });
-
-  // Note: The DSRTracker component doesn&apos;t display a "Request not found" message directly on initial render
-  // This test is removed as it doesn&apos;t match the actual component implementation
-
-  it('handles custom title', () => {
-    const customTitle = 'Custom DSR Tracker Title';
-    
-    render(
-      <DSRTracker
-        requests={[]}
-        onSelectRequest={mockTrackHandler}
-        title={customTitle}
-      />
-    );
-    
-    expect(screen.getByText(customTitle)).toBeInTheDocument();
-  });
-
-  it('shows request timeline chart when requests are provided', () => {
-    const requestWithDates: DSRRequest = {
-      ...mockRequest,
-      verifiedAt: 1620050000000,
-      completedAt: 1620200000000
-    };
-    
-    // Render the component with the request
-    const { container } = render(
-      <DSRTracker
-        requests={[requestWithDates]}
-        onSelectRequest={mockTrackHandler}
-      />
-    );
-    
-    // Check that the component renders without crashing
-    expect(container).toBeInTheDocument();
-    
-    // Check for the title which should always be present
-    expect(screen.getByText(/DSR Request Tracker/i)).toBeInTheDocument();
-    
-    // Check that the description is present
-    expect(screen.getByText(/Track the status and progress/i)).toBeInTheDocument();
-  });
-});

package/packages/ndpr-toolkit/src/__tests__/hooks/useConsent.test.tsx

@@ -1,161 +0,0 @@
-import React from 'react';
-import { renderHook, act } from '@testing-library/react';
-import { useConsent } from '../../hooks/useConsent';
-import { ConsentOption, ConsentSettings } from '../../types/consent';
-
-// Mock localStorage
-const mockLocalStorage = (() => {
-  let store: Record<string, string> = {};
-  return {
-    getItem: jest.fn((key: string) => store[key] || null),
-    setItem: jest.fn((key: string, value: string) => {
-      store[key] = value.toString();
-    }),
-    removeItem: jest.fn((key: string) => {
-      delete store[key];
-    }),
-    clear: jest.fn(() => {
-      store = {};
-    }),
-  };
-})();
-
-Object.defineProperty(window, 'localStorage', {
-  value: mockLocalStorage,
-});
-
-describe('useConsent', () => {
-  beforeEach(() => {
-    mockLocalStorage.clear();
-    jest.clearAllMocks();
-  });
-
-  const consentOptions: ConsentOption[] = [
-    {
-      id: 'necessary',
-      label: 'Necessary',
-      description: 'Essential cookies',
-      required: true,
-    },
-    {
-      id: 'analytics',
-      label: 'Analytics',
-      description: 'Analytics cookies',
-      required: false,
-    },
-    {
-      id: 'marketing',
-      label: 'Marketing',
-      description: 'Marketing cookies',
-      required: false,
-    },
-  ];
-
-  it('should initialize with default consent settings', () => {
-    const { result } = renderHook(() => useConsent({
-      options: consentOptions,
-      storageOptions: { storageKey: 'test-consent' }
-    }));
-
-    expect(result.current.settings).toBe(null);
-    expect(result.current.shouldShowBanner).toBe(true);
-    expect(result.current.hasConsent('necessary')).toBe(false);
-    expect(result.current.hasConsent('analytics')).toBe(false);
-  });
-
-  it('should update consent settings', () => {
-    const { result } = renderHook(() => useConsent({
-      options: consentOptions,
-      storageOptions: { storageKey: 'test-consent' }
-    }));
-
-    act(() => {
-      result.current.updateConsent({
-        necessary: true,
-        analytics: true,
-        marketing: false
-      });
-    });
-
-    expect(result.current.settings?.consents.necessary).toBe(true);
-    expect(result.current.settings?.consents.analytics).toBe(true);
-    expect(result.current.settings?.consents.marketing).toBe(false);
-    expect(result.current.hasConsent('analytics')).toBe(true);
-  });
-
-  it('should accept all consent options', () => {
-    const { result } = renderHook(() => useConsent({
-      options: consentOptions,
-      storageOptions: { storageKey: 'test-consent' }
-    }));
-
-    act(() => {
-      result.current.acceptAll();
-    });
-
-    expect(result.current.settings?.consents.necessary).toBe(true);
-    expect(result.current.settings?.consents.analytics).toBe(true);
-    expect(result.current.settings?.consents.marketing).toBe(true);
-  });
-
-  it('should save and reset consent settings', () => {
-    const { result } = renderHook(() => useConsent({
-      options: consentOptions,
-      storageOptions: { storageKey: 'test-consent' }
-    }));
-
-    act(() => {
-      result.current.updateConsent({
-        necessary: true,
-        analytics: true,
-        marketing: false
-      });
-    });
-
-    expect(mockLocalStorage.setItem).toHaveBeenCalled();
-    expect(result.current.shouldShowBanner).toBe(false);
-
-    // Reset the consent settings
-    act(() => {
-      result.current.resetConsent();
-    });
-
-    expect(mockLocalStorage.removeItem).toHaveBeenCalledWith('test-consent');
-    expect(result.current.settings).toBe(null);
-    expect(result.current.shouldShowBanner).toBe(true);
-  });
-
-  it('should reject all non-required consent options', () => {
-    const { result } = renderHook(() => useConsent({
-      options: consentOptions,
-      storageOptions: { storageKey: 'test-consent' }
-    }));
-
-    act(() => {
-      result.current.rejectAll();
-    });
-
-    // Necessary is required, so it should be true
-    expect(result.current.settings?.consents.necessary).toBe(true);
-    // Non-required options should be false
-    expect(result.current.settings?.consents.analytics).toBe(false);
-    expect(result.current.settings?.consents.marketing).toBe(false);
-  });
-
-  it('should handle validation', () => {
-    const { result } = renderHook(() => useConsent({
-      options: consentOptions,
-      storageOptions: { storageKey: 'test-consent' }
-    }));
-
-    expect(result.current.isValid).toBe(false);
-    
-    act(() => {
-      result.current.acceptAll();
-    });
-
-    // After accepting all, settings should be valid
-    expect(result.current.isValid).toBe(true);
-    expect(result.current.validationErrors).toEqual([]);
-  });
-});