// File: frontend/components/admin/__tests__/sidebar.test.tsx // Change Log // - 2026-06-13: Add coverage for admin sidebar navigation and expansion behavior. import { render, screen } from '@testing-library/react'; import userEvent from '@testing-library/user-event'; import { beforeEach, describe, expect, it, vi } from 'vitest'; import { AdminMobileSidebar, AdminSidebar } from '../sidebar'; const pathnameMock = vi.fn(); vi.mock('next/navigation', () => ({ usePathname: () => pathnameMock(), })); vi.mock('next/link', () => ({ default: ({ href, children, onClick, className }: { href: string; children: React.ReactNode; onClick?: () => void; className?: string }) => ( {children} ), })); describe('AdminSidebar', () => { beforeEach(() => { pathnameMock.mockReturnValue('/admin/access-control/users'); }); it('auto-expands the active menu and renders child links', () => { render(); expect(screen.getByText('Admin Console')).toBeInTheDocument(); expect(screen.getByRole('link', { name: 'ผู้ใช้งาน' })).toHaveAttribute('href', '/admin/access-control/users'); expect(screen.getByRole('link', { name: /back to dashboard/i })).toHaveAttribute('href', '/dashboard'); }); it('toggles a collapsed menu on click', async () => { const user = userEvent.setup(); pathnameMock.mockReturnValue('/admin/settings'); render(); expect(screen.queryByRole('link', { name: 'โครงการ' })).not.toBeInTheDocument(); await user.click(screen.getByRole('button', { name: /ตั้งค่าโครงการ/i })); expect(screen.getByRole('link', { name: 'โครงการ' })).toBeInTheDocument(); }); }); describe('AdminMobileSidebar', () => { beforeEach(() => { pathnameMock.mockReturnValue('/admin/settings'); }); it('opens mobile navigation from trigger button', async () => { const user = userEvent.setup(); render(); await user.click(screen.getByRole('button', { name: 'Toggle admin menu' })); expect(screen.getByText('Admin Navigation')).toBeInTheDocument(); expect(screen.getByRole('link', { name: /AI Console/i })).toHaveAttribute('href', '/admin/ai'); }); });