import React from 'react';
import { describe, expect, it, vi } from 'vitest';
import { render, screen } from '@testing-library/react';

class ResizeObserverMock {
  observe() {}
  unobserve() {}
  disconnect() {}
}

global.ResizeObserver = ResizeObserverMock as unknown as typeof ResizeObserver;

vi.mock('@inertiajs/react', () => ({
  usePage: () => ({ props: { locale: 'de' } }),
  Link: ({ children, ...props }: { children: React.ReactNode }) => <a {...props}>{children}</a>,
}));

vi.mock('react-i18next', () => ({
  useTranslation: () => ({
    t: (key: string, fallback?: string | Record<string, unknown>) => {
      if (typeof fallback === 'string') {
        return fallback;
      }
      if (fallback && typeof fallback === 'object' && typeof fallback.defaultValue === 'string') {
        return fallback.defaultValue;
      }
      return key;
    },
  }),
}));

vi.mock('react-hot-toast', () => ({
  default: {
    error: vi.fn(),
    success: vi.fn(),
  },
}));

import LoginForm from '../LoginForm';

describe('LoginForm', () => {
  it('renders OAuth login options when packageId is provided', () => {
    render(<LoginForm packageId={12} />);

    expect(screen.getByText('login.google_cta')).toBeInTheDocument();
    expect(screen.getByText('login.facebook_cta')).toBeInTheDocument();
  });

  it('does not render OAuth login options without packageId', () => {
    render(<LoginForm />);

    expect(screen.queryByText('login.google_cta')).not.toBeInTheDocument();
    expect(screen.queryByText('login.facebook_cta')).not.toBeInTheDocument();
  });
});