import { render, screen } from '@testing-library/react';
import { Sidebar } from '../Sidebar';
import { useAuthStore } from '@/stores/authStore';
import { usePathname } from 'next/navigation';

// Mock Next.js navigation
jest.mock('next/navigation', () => ({
  usePathname: jest.fn(),
}));

// Mock auth store
jest.mock('@/stores/authStore', () => ({
  useAuthStore: jest.fn(),
}));

describe('Sidebar Component', () => {
  const mockLogout = jest.fn();
  const mockUser = {
    user_id: 1,
    email: 'test@example.com',
    firstName: 'Jane',
    lastName: 'Smith',
  };

  beforeEach(() => {
    jest.clearAllMocks();
    (usePathname as jest.Mock).mockReturnValue('/dashboard');
    (useAuthStore as unknown as jest.Mock).mockReturnValue({
      user: mockUser,
      logout: mockLogout,
    });
  });

  it('renders the WellNuo logo', () => {
    render(<Sidebar />);
    expect(screen.getByText('WellNuo')).toBeInTheDocument();
  });

  it('renders all navigation items', () => {
    render(<Sidebar />);
    expect(screen.getByText('Dashboard')).toBeInTheDocument();
    expect(screen.getByText('Loved Ones')).toBeInTheDocument();
    expect(screen.getByText('Sensors')).toBeInTheDocument();
    expect(screen.getByText('Settings')).toBeInTheDocument();
  });

  it('highlights active navigation item', () => {
    render(<Sidebar />);
    const dashboardLink = screen.getByText('Dashboard').closest('a');
    expect(dashboardLink).toHaveClass('bg-blue-50', 'text-blue-700');
  });

  it('highlights active item for nested routes', () => {
    (usePathname as jest.Mock).mockReturnValue('/beneficiaries/123');
    render(<Sidebar />);

    const beneficiariesLink = screen.getByText('Loved Ones').closest('a');
    expect(beneficiariesLink).toHaveClass('bg-blue-50', 'text-blue-700');
  });

  it('displays user profile with initials', () => {
    render(<Sidebar />);
    expect(screen.getByText('JS')).toBeInTheDocument();
  });

  it('displays user full name', () => {
    render(<Sidebar />);
    expect(screen.getByText('Jane Smith')).toBeInTheDocument();
  });

  it('displays user email', () => {
    render(<Sidebar />);
    expect(screen.getByText('test@example.com')).toBeInTheDocument();
  });

  it('has a link to profile page', () => {
    render(<Sidebar />);
    const profileLink = screen.getByText('Jane Smith').closest('a');
    expect(profileLink).toHaveAttribute('href', '/profile');
  });

  it('renders sign out button', () => {
    render(<Sidebar />);
    expect(screen.getByText('Sign Out')).toBeInTheDocument();
  });

  it('displays email when no first/last name', () => {
    (useAuthStore as unknown as jest.Mock).mockReturnValue({
      user: { user_id: 1, email: 'user@example.com' },
      logout: mockLogout,
    });

    render(<Sidebar />);
    expect(screen.getAllByText('user@example.com')).toHaveLength(2);
  });
});