import React from 'react';
import {render} from '@testing-library/react-native';
import {BackupAndRestoreBannerNotification} from './BackupAndRestoreBannerNotification';

// Mock controllers
jest.mock('../screens/backupAndRestore/BackupController', () => ({
  useBackupScreen: jest.fn(() => ({
    showBackupInProgress: false,
    isBackingUpSuccess: false,
    isBackingUpFailure: false,
    backupErrorReason: '',
    DISMISS: jest.fn(),
    DISMISS_SHOW_BACKUP_IN_PROGRESS: jest.fn(),
  })),
}));

jest.mock('../screens/Settings/BackupRestoreController', () => ({
  useBackupRestoreScreen: jest.fn(() => ({
    showRestoreInProgress: false,
    isBackUpRestoreSuccess: false,
    isBackUpRestoreFailure: false,
    restoreErrorReason: '',
    DISMISS: jest.fn(),
    DISMISS_SHOW_RESTORE_IN_PROGRESS: jest.fn(),
  })),
}));

// Mock BannerNotification
jest.mock('./BannerNotification', () => ({
  BannerNotification: jest.fn(() => null),
  BannerStatusType: {
    IN_PROGRESS: 'inProgress',
    SUCCESS: 'success',
    ERROR: 'error',
  },
}));

describe('BackupAndRestoreBannerNotification Component', () => {
  it('should match snapshot with no banners', () => {
    const {toJSON} = render(<BackupAndRestoreBannerNotification />);
    expect(toJSON()).toMatchSnapshot();
  });
});