@umituz/react-native-splash 1.7.1 → 1.9.0

package/src/__tests__/accessibility/Accessibility.test.tsx

@@ -1,264 +0,0 @@
-/**
- * Accessibility Tests - Screen Reader Support
- */
-
-import React from 'react';
-import { render, checkAccessibility } from '../utils/testUtils';
-import { SplashScreen } from '../../presentation/components/SplashScreen';
-
-describe('Accessibility Tests', () => {
-  const defaultProps = {
-    appName: 'Accessible App',
-    tagline: 'Accessible tagline',
-    visible: true,
-  };
-
-  describe('Screen Reader Support', () => {
-    it('provides proper accessibility labels', () => {
-      const { getByRole } = render(<SplashScreen {...defaultProps} />);
-      
-      // Check for main content accessibility
-      const mainContent = getByRole('main');
-      expect(mainContent).toBeTruthy();
-    });
-
-    it('announces app name properly', () => {
-      const { getByText } = render(<SplashScreen {...defaultProps} />);
-      
-      const appNameElement = getByText('Accessible App');
-      expect(appNameElement.props.accessible).toBe(true);
-    });
-
-    it('handles loading announcements', () => {
-      const props = {
-        ...defaultProps,
-        showLoading: true,
-        loadingText: 'Loading application...',
-      };
-      
-      const { getByText } = render(<SplashScreen {...props} />);
-      
-      const loadingElement = getByText('Loading application...');
-      expect(loadingElement.props.accessible).toBe(true);
-    });
-
-    it('provides accessibility hints for interactive elements', () => {
-      const onReady = jest.fn();
-      const props = {
-        ...defaultProps,
-        onReady,
-      };
-      
-      const { getByRole } = render(<SplashScreen {...props} />);
-      
-      // Check if interactive elements have proper hints
-      const interactiveElements = getByRole('button');
-      if (interactiveElements) {
-        expect(interactiveElements.props.accessibilityHint).toBeDefined();
-      }
-    });
-  });
-
-  describe('Focus Management', () => {
-    it('manages focus order correctly', () => {
-      const { getByTestId } = render(<SplashScreen {...defaultProps} />);
-      
-      // Check that focusable elements are in logical order
-      const splashContainer = getByTestId('splash-screen');
-      expect(splashContainer).toBeTruthy();
-    });
-
-    it('handles focus when splash becomes visible', () => {
-      const { rerender, getByTestId } = render(
-        <SplashScreen {...defaultProps} visible={false} />
-      );
-      
-      rerender(<SplashScreen {...defaultProps} visible={true} />);
-      
-      const splashContainer = getByTestId('splash-screen');
-      expect(splashContainer).toBeTruthy();
-    });
-  });
-
-  describe('Color Contrast', () => {
-    it('provides sufficient color contrast', () => {
-      const props = {
-        ...defaultProps,
-        textColor: '#FFFFFF', // High contrast
-        backgroundColor: '#000000', // High contrast
-      };
-      
-      const { getByText } = render(<SplashScreen {...props} />);
-      
-      const appNameElement = getByText('Accessible App');
-      expect(appNameElement).toBeTruthy();
-    });
-
-    it('supports high contrast mode', () => {
-      const props = {
-        ...defaultProps,
-        textColor: '#000000',
-        backgroundColor: '#FFFFFF',
-      };
-      
-      const { getByText } = render(<SplashScreen {...props} />);
-      
-      const appNameElement = getByText('Accessible App');
-      expect(appNameElement).toBeTruthy();
-    });
-  });
-
-  describe('Reduced Motion', () => {
-    it('respects prefers-reduced-motion', () => {
-      // Mock reduced motion preference
-      Object.defineProperty(window, 'matchMedia', {
-        writable: true,
-        value: jest.fn().mockImplementation(query => ({
-          matches: query === '(prefers-reduced-motion: reduce)',
-          media: query,
-          onchange: null,
-          addListener: jest.fn(),
-          removeListener: jest.fn(),
-          addEventListener: jest.fn(),
-          removeEventListener: jest.fn(),
-          dispatchEvent: jest.fn(),
-        })),
-      });
-      
-      const { getByTestId } = render(<SplashScreen {...defaultProps} />);
-      
-      const splashContainer = getByTestId('splash-screen');
-      expect(splashContainer).toBeTruthy();
-    });
-  });
-
-  describe('Screen Size Adaptation', () => {
-    it('adapts to different screen sizes', () => {
-      // Mock different screen dimensions
-      const originalDimensions = require('react-native').Dimensions;
-      
-      require('react-native').Dimensions = {
-        get: jest.fn(() => ({
-          width: 320,
-          height: 568,
-        })),
-        addEventListener: jest.fn(),
-        removeEventListener: jest.fn(),
-      };
-      
-      const { getByText } = render(<SplashScreen {...defaultProps} />);
-      
-      const appNameElement = getByText('Accessible App');
-      expect(appNameElement).toBeTruthy();
-      
-      // Restore original dimensions
-      require('react-native').Dimensions = originalDimensions;
-    });
-
-    it('handles orientation changes', () => {
-      const { getByTestId } = render(<SplashScreen {...defaultProps} />);
-      
-      const splashContainer = getByTestId('splash-screen');
-      expect(splashContainer).toBeTruthy();
-    });
-  });
-
-  describe('Voice Control', () => {
-    it('supports voice commands', () => {
-      const { getByTestId } = render(<SplashScreen {...defaultProps} />);
-      
-      const splashContainer = getByTestId('splash-screen');
-      expect(splashContainer).toBeTruthy();
-    });
-  });
-
-  describe('Keyboard Navigation', () => {
-    it('supports keyboard navigation', () => {
-      const { getByTestId } = render(<SplashScreen {...defaultProps} />);
-      
-      const splashContainer = getByTestId('splash-screen');
-      expect(splashContainer).toBeTruthy();
-    });
-
-    it('handles tab navigation properly', () => {
-      const { getByTestId } = render(<SplashScreen {...defaultProps} />);
-      
-      const splashContainer = getByTestId('splash-screen');
-      expect(splashContainer).toBeTruthy();
-    });
-  });
-
-  describe('Custom Accessibility', () => {
-    it('allows custom accessibility props', () => {
-      const props = {
-        ...defaultProps,
-        accessibilityLabel: 'Custom splash screen',
-        accessibilityHint: 'Application is loading',
-      };
-      
-      const { getByTestId } = render(<SplashScreen {...props} />);
-      
-      const splashContainer = getByTestId('splash-screen');
-      expect(splashContainer).toBeTruthy();
-    });
-
-    it('supports custom accessibility role', () => {
-      const props = {
-        ...defaultProps,
-        accessibilityRole: 'alert',
-      };
-      
-      const { getByRole } = render(<SplashScreen {...props} />);
-      
-      const alertElement = getByRole('alert');
-      expect(alertElement).toBeTruthy();
-    });
-  });
-
-  describe('Error Accessibility', () => {
-    it('announces errors properly', () => {
-      const ErrorComponent = () => {
-        throw new Error('Test error');
-      };
-      
-      const props = {
-        ...defaultProps,
-        renderLogo: () => <ErrorComponent />,
-      };
-      
-      const { getByRole } = render(<SplashScreen {...props} />);
-      
-      // Error should be announced to screen readers
-      const errorMessage = getByRole('alert');
-      expect(errorMessage).toBeTruthy();
-    });
-  });
-
-  describe('Multi-language Support', () => {
-    it('supports right-to-left languages', () => {
-      const props = {
-        ...defaultProps,
-        appName: 'تطبيق قابل للوصول', // Arabic text
-        tagline: 'علامة تجريبية',
-      };
-      
-      const { getByText } = render(<SplashScreen {...props} />);
-      
-      const appNameElement = getByText('تطبيق قابل للوصول');
-      expect(appNameElement).toBeTruthy();
-    });
-
-    it('handles different character sets', () => {
-      const props = {
-        ...defaultProps,
-        appName: 'アクセシブルアプリ', // Japanese text
-        tagline: 'テストタグライン',
-      };
-      
-      const { getByText } = render(<SplashScreen {...props} />);
-      
-      const appNameElement = getByText('アクセシブルアプリ');
-      expect(appNameElement).toBeTruthy();
-    });
-  });
-});

package/src/__tests__/basic/Basic.test.tsx

@@ -1,106 +0,0 @@
-/**
- * Basic Component Tests
- */
-
-import React from 'react';
-import { render } from '@testing-library/react-native';
-import { SplashScreen } from '../../presentation/components/SplashScreen';
-
-// Mock React Native components
-jest.mock('react-native', () => ({
-  View: ({ children, testID }) => ({ type: 'View', props: { testID }, children }),
-  Text: ({ children, testID }) => ({ type: 'Text', props: { testID }, children }),
-  StyleSheet: { create: jest.fn(() => ({})) },
-}));
-
-jest.mock('expo-linear-gradient', () => ({
-  LinearGradient: ({ children, testID }) => ({ type: 'LinearGradient', props: { testID }, children }),
-}));
-
-jest.mock('@umituz/react-native-design-system-atoms', () => ({
-  AtomicIcon: ({ name, testID }) => ({ type: 'AtomicIcon', props: { testID: testID || `icon-${name}`, name } }),
-}));
-
-jest.mock('@umituz/react-native-design-system-theme', () => ({
-  useAppDesignTokens: () => ({
-    colors: { primary: '#007AFF' },
-    spacing: { xl: 24, md: 16, xxxl: 48 },
-  }),
-}));
-
-jest.mock('@umituz/react-native-localization', () => ({
-  useLocalization: () => ({
-    t: (key: string, fallback: string) => fallback || key,
-  }),
-}));
-
-jest.mock('react-native-safe-area-context', () => ({
-  useSafeAreaInsets: () => ({ top: 44, bottom: 34, left: 0, right: 0 }),
-}));
-
-describe('SplashScreen Basic Tests', () => {
-  it('renders without crashing', () => {
-    const props = {
-      appName: 'Test App',
-      visible: true,
-    };
-    
-    expect(() => render(<SplashScreen {...props} />)).not.toThrow();
-  });
-
-  it('renders app name when provided', () => {
-    const props = {
-      appName: 'Test App',
-      visible: true,
-    };
-    
-    const { getByText } = render(<SplashScreen {...props} />);
-    expect(getByText('Test App')).toBeTruthy();
-  });
-
-  it('renders tagline when provided', () => {
-    const props = {
-      appName: 'Test App',
-      tagline: 'Test Tagline',
-      visible: true,
-    };
-    
-    const { getByText } = render(<SplashScreen {...props} />);
-    expect(getByText('Test Tagline')).toBeTruthy();
-  });
-
-  it('does not render when visible is false', () => {
-    const props = {
-      appName: 'Test App',
-      visible: false,
-    };
-    
-    const { queryByText } = render(<SplashScreen {...props} />);
-    expect(queryByText('Test App')).toBeFalsy();
-  });
-
-  it('renders with default props', () => {
-    const { container } = render(<SplashScreen />);
-    expect(container).toBeTruthy();
-  });
-
-  it('handles empty props gracefully', () => {
-    const props = {
-      appName: '',
-      tagline: '',
-      visible: true,
-    };
-    
-    expect(() => render(<SplashScreen {...props} />)).not.toThrow();
-  });
-
-  it('handles null props gracefully', () => {
-    const props = {
-      appName: null,
-      tagline: null,
-      visible: true,
-    };
-    
-    expect(() => render(<SplashScreen {...props} />)).not.toThrow();
-  });
-});

package/src/__tests__/basic/Simple.test.tsx

@@ -1,32 +0,0 @@
-/**
- * Simple Function Tests
- */
-
-describe('Basic Functionality Tests', () => {
-  it('should pass basic math', () => {
-    expect(2 + 2).toBe(4);
-  });
-
-  it('should handle string operations', () => {
-    expect('Hello'.length).toBe(5);
-  });
-
-  it('should work with objects', () => {
-    const obj = { name: 'test' };
-    expect(obj.name).toBe('test');
-  });
-
-  it('should handle arrays', () => {
-    const arr = [1, 2, 3];
-    expect(arr.length).toBe(3);
-  });
-
-  it('should handle boolean logic', () => {
-    expect(true && false).toBe(false);
-  });
-
-  it('should handle async operations', async () => {
-    const promise = Promise.resolve('success');
-    await expect(promise).resolves.toBe('success');
-  });
-});