@logistically/i18n-react-core/src/test/setup.ts

React integration for @logistically/i18n with state management agnostic design

import '@testing-library/jest-dom';
import React from 'react';

// Mock the core i18n package
jest.mock('@logistically/i18n', () => ({
  TranslationService: jest.fn().mockImplementation(() => ({
    translate: jest.fn((key: string, locale: string, params?: any) => {
      const translations: Record<string, string> = {
        'welcome.title': 'Welcome',
        'welcome.message': 'Hello, {name}!',
        'user.count': 'You have {count} users',
        'user.count_plural': 'You have {count} users',
        'user.profile': 'User Profile: {name}',
        'error.not_found': 'Not found',
      };
      
      // If translation not found, return the key (graceful fallback)
      if (!translations[key]) {
        return key;
      }
      
      let translation = translations[key];
      
      if (params) {
        Object.keys(params).forEach(param => {
          translation = translation.replace(`{${param}}`, params[param]);
        });
      }
      
      return translation;
    }),
    translatePlural: jest.fn((key: string, count: number, locale: string, params?: any) => {
      const translations: Record<string, string> = {
        'user.count': 'You have {count} user',
        'user.count_plural': 'You have {count} users',
      };
      let translation = count === 1 ? translations[key] : translations[`${key}_plural`] || key;
      
      // Replace count parameter
      translation = translation.replace('{count}', count.toString());
      
      // Replace other parameters
      if (params) {
        Object.keys(params).forEach(param => {
          translation = translation.replace(`{${param}}`, params[param]);
        });
      }
      
      return translation;
    }),
    formatNumberForLocale: jest.fn((num: number, locale: string) => num.toString()),
    formatDateForLocale: jest.fn((date: Date, locale: string) => date.toLocaleDateString()),
    getTextDirection: jest.fn(() => 'ltr'),
    isRTLLocale: jest.fn(() => false),
    getKeys: jest.fn(() => ['welcome.title', 'welcome.message', 'user.count']),
    reloadTranslations: jest.fn(),
    clearCache: jest.fn(),
  })),
  TranslationConfig: jest.fn(),
}));

// Mock React Native components for testing
jest.mock('react-native', () => ({
  Text: ({ children, style, ...props }: any) => {
    const { key, ...restProps } = props;
    return React.createElement('div', { 
      ...restProps, 
      key,
      style,
      'data-testid': 'text',
      className: 'react-native-text'
    }, children);
  },
  View: ({ children, style, ...props }: any) => {
    const { key, ...restProps } = props;
    return React.createElement('div', { 
      ...restProps, 
      key,
      style,
      'data-testid': 'view',
      className: 'react-native-view'
    }, children);
  },
  Image: ({ source, style, ...props }: any) => {
    const { key, ...restProps } = props;
    return React.createElement('img', { 
      ...restProps, 
      key,
      src: source?.uri || source,
      style,
      'data-testid': 'image',
      className: 'react-native-image'
    });
  }
}));