index.test.tsx

/* eslint-disable import-x/no-nodejs-modules */
import React from 'react';
import { View } from 'react-native';
import Main from './';
import renderWithProvider from '../../../util/test/renderWithProvider';
import initialRootState from '../../../util/test/initial-root-state';

const mockReact = React;
const mockView = View;

// Mock Ramp shell to avoid deep dependency graph in Main mount test
jest.mock('../../../components/UI/Ramp', () => ({
  __esModule: true,
  default: () => mockReact.createElement('RampOrdersMock'),
}));

jest.mock('react-native-device-info', () => ({
  getVersion: jest.fn(() => '0.0.0'),
  getBuildNumber: jest.fn(() => '0'),
  getUniqueId: jest.fn(() => 'test-device-id'),
  getDeviceId: jest.fn(() => 'test-device-id'),
}));

// Mock heavy child components to avoid deep dependency issues
jest.mock('./MainNavigator', () => {
  const MockMainNavigator = () =>
    mockReact.createElement(mockView, { testID: 'mocked-main-navigator' });
  MockMainNavigator.router = {};
  return {
    __esModule: true,
    default: MockMainNavigator,
  };
});

jest.mock(
  '../../UI/GlobalAlert',
  () => () => mockReact.createElement('GlobalAlertMock'),
);

jest.mock(
  '../../UI/FadeOutOverlay',
  () => () => mockReact.createElement('FadeOutOverlayMock'),
);

jest.mock(
  '../../UI/Notification',
  () => () => mockReact.createElement('NotificationMock'),
);

jest.mock('../../UI/Card/sdk', () => ({
  CardVerification: () => null,
  CardSDKProvider: ({ children }: { children: React.ReactNode }) => children,
}));

jest.mock(
  '../../UI/Earn/components/EarnTransactionMonitor',
  () => () => mockReact.createElement('EarnTransactionMonitorMock'),
);

jest.mock(
  '../../UI/Money/components/MoneyTransactionMonitor/MoneyTransactionMonitor',
  () => () => mockReact.createElement('MoneyTransactionMonitorMock'),
);

jest.mock('../../UI/ProtectYourWalletModal', () => ({
  __esModule: true,
  default: () => mockReact.createElement('ProtectYourWalletModalMock'),
}));

jest.mock('./RootRPCMethodsUI', () => ({
  __esModule: true,
  default: () => mockReact.createElement('RootRPCMethodsUIMock'),
}));

jest.mock(
  '../../Views/ProtectWalletMandatoryModal/ProtectWalletMandatoryModal',
  () => ({
    __esModule: true,
    default: () => mockReact.createElement('ProtectWalletMandatoryModalMock'),
  }),
);

jest.mock(
  '../../Views/Notifications/PushNotificationOnboarding/PushNotificationOnboardingRoot',
  () => ({
    __esModule: true,
    default: () =>
      mockReact.createElement('PushNotificationOnboardingRootMock'),
  }),
);

jest.mock('../../UI/ReviewModal', () => ({
  __esModule: true,
  default: () => mockReact.createElement('ReviewModalMock'),
}));

jest.mock('../../../util/transaction-controller', () => ({
  updateIncomingTransactions: jest.fn(),
  startIncomingTransactionPolling: jest.fn(),
  stopIncomingTransactionPolling: jest.fn(),
}));

describe('Main', () => {
  beforeEach(() => {
    jest.clearAllMocks();
  });

  it('mounts the main flow with mocked navigator and shell components', () => {
    const { getByTestId } = renderWithProvider(<Main />, {
      state: {
        ...initialRootState,
        user: {
          ...initialRootState.user,
          isConnectionRemoved: false,
        },
      },
    });

    expect(getByTestId('mocked-main-navigator')).toBeOnTheScreen();
  });
});