profileScreen.test.tsx

import { render, screen, waitFor } from '@testing-library/react-native';
import ProfileScreen from '../../app/(tabs)/profileScreen';

jest.mock('react-native-safe-area-context', () => {
  const { View } = require('react-native');
  return {
    SafeAreaProvider: ({ children }: any) => <View>{children}</View>,
    SafeAreaView: ({ children }: any) => <View>{children}</View>,
    useSafeAreaInsets: () => ({ top: 0, bottom: 0, left: 0, right: 0 }),
  };
});

jest.mock('@react-native-firebase/auth', () => () => ({
  currentUser: { uid: 'test-uid-123', email: 'test@example.com' },
}));

jest.mock('expo-image', () => {
  const { Image } = require('react-native');
  return { Image };
});

jest.mock('expo-image-picker', () => ({
  launchImageLibraryAsync: jest.fn(),
}));

jest.mock('../../services/api', () => ({
  searchGames: jest.fn().mockResolvedValue([]),
}));

jest.mock('react-native-input-spinner', () => {
  const { View } = require('react-native');
  return ({ value, onChange }: any) => <View />;
});

jest.mock('../../components/VideoPromptAnswer', () => {
  const { View } = require('react-native');
  return {
    VideoPromptAnswer: () => <View />,
  };
});

jest.mock('../../lib/supabase', () => ({
  supabase: {
    storage: {
      from: () => ({
        upload: jest.fn().mockResolvedValue({ error: null }),
        getPublicUrl: jest.fn().mockReturnValue({
          data: { publicUrl: 'https://example.com/avatar.jpg' },
        }),
      }),
    },
  },
}));

jest.mock('../../app/loginScreen', () => ({
  handleLogout: jest.fn(),
}));

global.fetch = jest.fn().mockResolvedValue({
  ok: true,
  json: async () => ({
    platforms: [],
    games: [],
    prompts: [],
    profilePicture: null,
  }),
  text: async () => JSON.stringify({
    platforms: [],
    games: [],
    prompts: [],
  }),
});

  // --- Tests ---

describe('Profile Screen', () => {

  beforeEach(() => {
    jest.clearAllMocks();
  });

  it('renders loading indicator on mount', async () => {
    render(<ProfileScreen />);
    await waitFor(() => {
      expect(screen.getByText('Loading your profile…')).toBeTruthy();
    });
  });

  it('renders profile screen after data loads', async () => {
    render(<ProfileScreen />);
    await waitFor(() => {
      expect(screen.queryByText('Loading your profile…')).toBeNull();
    });
  });

  it('renders error message if fetch fails', async () => {
    (global.fetch as jest.Mock).mockResolvedValueOnce({
      ok: false,
      json: async () => ({ message: 'Failed to fetch profile' }),
    });
    render(<ProfileScreen />);
    await waitFor(() => {
      expect(screen.getByText('Failed to fetch profile')).toBeTruthy();
    });
  });

  it('renders server error if fetch throws', async () => {
    (global.fetch as jest.Mock).mockRejectedValueOnce(new Error('Network error'));
    render(<ProfileScreen />);
    await waitFor(() => {
      expect(screen.getByText('Server error when fetching profile')).toBeTruthy();
    });
  });

});