@imposium-hub/components 2.14.4 → 2.14.6

package/src/test/setup.ts

@@ -0,0 +1,91 @@
+// Test setup file for Vitest
+import React from 'react';
+import { beforeAll, vi } from 'vitest';
+
+// Mock hotkeys-js
+vi.mock('hotkeys-js', () => {
+    const mockHotkeys = vi.fn();
+    mockHotkeys.filter = vi.fn();
+    mockHotkeys.unbind = vi.fn();
+    return {
+        default: mockHotkeys
+    };
+});
+
+// Mock Font Awesome icons - return simple div elements
+vi.mock('../../constants/icons', () => ({
+    ICON_CHECK: '<div data-testid="icon-check">✓</div>',
+    ICON_EDIT: '<div data-testid="icon-edit">✎</div>',
+    ICON_SEARCH: '<div data-testid="icon-search">🔍</div>',
+    ICON_PLUS: '<div data-testid="icon-plus">+</div>',
+    ICON_CLIPBOARD: '<div data-testid="icon-clipboard">📋</div>',
+    ICON_TIMES: '<div data-testid="icon-times">×</div>',
+    ICON_CIRCLE_NOTCH: '<div data-testid="icon-loading">⟳</div>',
+    ICON_CARET_UP: '<div data-testid="icon-caret-up">▲</div>',
+    ICON_CARET_DOWN: '<div data-testid="icon-caret-down">▼</div>'
+}));
+
+// Mock react-textarea-autocomplete
+vi.mock('@imposium-hub/react-textarea-autocomplete', () => ({
+    default: vi.fn(() => 'input')
+}));
+
+// Mock utility functions
+vi.mock('../../Util', () => ({
+    generateUUID: vi.fn(() => 'test-uuid-123'),
+    filterHotkeys: vi.fn(() => true)
+}));
+
+// Mock FieldWrapper to simplify testing
+vi.mock('../../components/field-wrapper/FieldWrapper', () => ({
+    default: ({ children, customClass, buttons, info, label }) =>
+        React.createElement(
+            'div',
+            {
+                'className': `field-wrapper ${customClass || ''}`,
+                'data-testid': 'field-wrapper'
+            },
+            [
+                label && React.createElement('label', { key: 'label' }, label),
+                children,
+                info && React.createElement('div', { key: 'info', className: 'field-info' }, info),
+                buttons &&
+                    React.createElement(
+                        'div',
+                        { key: 'buttons', className: 'field-buttons' },
+                        buttons
+                    )
+            ]
+        )
+}));
+
+// Mock Button component to include proper accessibility
+vi.mock('../../components/button/Button', () => ({
+    default: ({ children, onClick, tooltip, style, color, ...props }) =>
+        React.createElement(
+            'button',
+            {
+                'role': 'button',
+                'className': `imposium-btn btn-${style || 'default'} ${color || ''}`,
+                onClick,
+                'data-tooltip-content': typeof tooltip === 'string' ? tooltip : tooltip?.content,
+                ...props
+            },
+            children
+        )
+}));
+
+// Setup global mocks
+beforeAll(() => {
+    // Mock clipboard API
+    Object.assign(navigator, {
+        clipboard: {
+            writeText: vi.fn(() => Promise.resolve())
+        }
+    });
+
+    // Mock hotkeys global object
+    global.hotkeys = vi.fn();
+    global.hotkeys.filter = vi.fn();
+    global.hotkeys.unbind = vi.fn();
+});

package/src/test/utils.tsx

@@ -0,0 +1,44 @@
+import React from 'react';
+import { render, RenderOptions } from '@testing-library/react';
+import { vi, MockedFunction } from 'vitest';
+
+// Interface for mock props with common component callbacks
+interface IMockProps {
+    onChange: MockedFunction<any>;
+    onSubmit: MockedFunction<any>;
+    onBlur: MockedFunction<any>;
+    onFocus: MockedFunction<any>;
+    onNotification: MockedFunction<any>;
+    onError: MockedFunction<any>;
+    doSubmit: MockedFunction<any>;
+    [key: string]: any;
+}
+
+// Custom render function that can be extended with providers if needed
+const customRender = (ui: React.ReactElement, options?: Omit<RenderOptions, 'wrapper'>) => {
+    return render(ui, {
+        // Add any global providers here if needed in the future
+        ...options
+    });
+};
+
+// Re-export everything from React Testing Library
+export * from '@testing-library/react';
+
+// Override render method
+export { customRender as render };
+
+// Helper functions for common test scenarios
+export const createMockProps = (overrides: IMockProps) => ({
+    onChange: vi.fn(),
+    onSubmit: vi.fn(),
+    onBlur: vi.fn(),
+    onFocus: vi.fn(),
+    onNotification: vi.fn(),
+    onError: vi.fn(),
+    doSubmit: vi.fn(),
+    ...overrides
+});
+
+// Helper to wait for async updates
+export const waitForUpdate = () => new Promise((resolve) => setTimeout(resolve, 0));

package/tsconfig.eslint.json

@@ -0,0 +1,8 @@
+{
+    "extends": "./tsconfig.json",
+    "compilerOptions": {
+        "skipLibCheck": true
+    },
+    "include": ["src/**/*"],
+    "exclude": ["node_modules", "dist"]
+}

package/tsconfig.json

@@ -14,5 +14,5 @@
         "moduleResolution": "node"
     },
     "include": ["src"],
-    "exclude": ["node_modules", "dist"]
+    "exclude": ["node_modules", "dist", "**/*.test.*", "**/*.spec.*", "src/test/**/*"]
 }

package/vitest.config.ts

@@ -0,0 +1,31 @@
+/// <reference types="vitest" />
+import { defineConfig } from 'vitest/config';
+
+export default defineConfig({
+    test: {
+        environment: 'jsdom',
+        setupFiles: ['./src/test/setup.ts'],
+        include: ['src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+        exclude: ['node_modules', 'dist', '.git', '.storybook'],
+        globals: true,
+        coverage: {
+            provider: 'v8',
+            reporter: ['text'],
+            reportsDirectory: './coverage',
+            include: ['src/components/**/*.{ts,tsx}'],
+            exclude: [
+                'src/**/*.test.{ts,tsx}',
+                'src/**/*.stories.{ts,tsx}',
+                'src/test/**',
+                'src/constants/**',
+                'src/utils/**'
+            ],
+            skipFull: false
+        }
+    },
+    resolve: {
+        alias: {
+            '@': '/src'
+        }
+    }
+});