import { render, screen } from '@testing-library/react'
import { describe, expect, it } from 'vitest'
import Sidebar from './Sidebar'

describe('Sidebar', () => {
  it('시안의 메뉴 8개를 순서대로 보여준다', () => {
    render(<Sidebar />)

    const labels = [
      'Dashboard',
      '기관관리',
      '사업관리',
      '권리확인',
      '권리처리',
      '자료실',
      'Mattermost',
      '시스템관리',
    ]
    const items = screen.getAllByRole('listitem').map((li) => li.textContent)
    expect(items).toEqual(labels)
  })

  it('기관관리가 현재 페이지로 표시된다', () => {
    render(<Sidebar />)

    const active = screen.getByRole('link', { name: '기관관리' })
    expect(active).toHaveAttribute('aria-current', 'page')
  })

  it('미구현 메뉴는 비활성으로 표시되고 링크가 아니다', () => {
    render(<Sidebar />)

    const dashboard = screen.getByText('Dashboard')
    expect(dashboard).toHaveAttribute('aria-disabled', 'true')
    expect(dashboard).toHaveAttribute('title', '준비 중')
    expect(screen.queryByRole('link', { name: 'Dashboard' })).toBeNull()
  })

  it('브랜드 영역을 보여준다', () => {
    render(<Sidebar />)

    expect(screen.getByText('ITN-HUB')).toBeTruthy()
    expect(screen.getByText('사업관리시스템')).toBeTruthy()
  })
})