admin-web/src/app/components/AdminSidebarMenu.test.ts

import { mount } from '@vue/test-utils'
import { describe, expect, it } from 'vitest'
import { adminNavigation, filterAdminNavigation, type AdminNavigationNode } from '@/core/navigation/adminNavigation'
import AdminSidebarMenu from './AdminSidebarMenu.vue'

const visibleNavigation = filterAdminNavigation(adminNavigation, new Set([
  'platform:customer:list',
  'platform:warehouse:list',
  'platform:firstleg:inbound:list',
  'platform:location:list',
  'platform:pallet:list',
  'firstleg:fba-pricing:rate:view',
  'platform:express:list',
  'platform:counterparty:list',
  'platform:download:list',
  'platform:user:list',
  'platform:role:list',
  'platform:permission:list',
]))

const stubs = {
  'el-menu': {
    props: ['defaultActive', 'collapse'],
    template: '<nav :data-active="defaultActive" :data-collapsed="String(collapse)"><slot /></nav>',
  },
  'el-sub-menu': {
    props: ['index'],
    template: '<section data-kind="group" :data-index="index"><header><slot name="title" /></header><slot /></section>',
  },
  'el-menu-item': {
    props: ['index'],
    template: '<a data-kind="item" :data-index="index"><slot name="title" /><slot /></a>',
  },
}

describe('AdminSidebarMenu', () => {
  it('renders the visible phase-one modules and forwards the active route', () => {
    const wrapper = mount(AdminSidebarMenu, {
      props: { items: visibleNavigation, activePath: '/system/users', collapsed: false },
      global: { stubs },
    })

    expect(wrapper.get('nav').attributes('data-active')).toBe('/system/users')
    const groupTitles = wrapper.findAll('[data-kind="group"] header').map((node) => node.text())
    const paths = wrapper.findAll('[data-kind="item"]').map((node) => node.attributes('data-index'))

    expect(groupTitles).toContain('客户管理')
    expect(groupTitles).toContain('供应商中心')
    expect(groupTitles).toContain('系统管理')
    expect(groupTitles).not.toContain('财务管理')
    expect(paths).toContain('/dashboard')
    expect(paths).toContain('/inbounds')
    expect(paths).toContain('/master-data/express-companies')
    expect(paths).not.toContain('/orders/first-leg')
    expect(paths).not.toContain('/first-leg-pricing/customer-rules')
    expect(paths).toContain('/downloads')
    expect(paths).not.toContain('/prototype/reports/overview')
    expect(paths).toContain('/system/permissions')
  })

  it('forwards desktop collapse state to Element Plus', () => {
    const wrapper = mount(AdminSidebarMenu, {
      props: { items: visibleNavigation, activePath: '/', collapsed: true },
      global: { stubs },
    })

    expect(wrapper.get('nav').attributes('data-collapsed')).toBe('true')
  })

  it('renders only entries included in the filtered navigation input', () => {
    const items = filterAdminNavigation(adminNavigation, new Set(['platform:permission:list']))
    const wrapper = mount(AdminSidebarMenu, {
      props: { items, activePath: '/', collapsed: false },
      global: { stubs },
    })

    expect(wrapper.text()).toContain('菜单权限')
    expect(wrapper.text()).toContain('首页数据看板')
    expect(wrapper.text()).not.toContain('客户列表')
  })

  it('recursively renders three navigation levels', () => {
    const items: AdminNavigationNode[] = [{
      key: 'operations',
      title: '运营管理',
      icon: adminNavigation[0].icon,
      children: [{
        key: 'shipment',
        title: '运输管理',
        icon: adminNavigation[0].icon,
        children: [{
          key: 'tracking',
          title: '轨迹管理',
          icon: adminNavigation[0].icon,
          path: '/tracking',
          permission: 'tracking:list',
        }],
      }],
    }]
    const wrapper = mount(AdminSidebarMenu, {
      props: { items, activePath: '/tracking', collapsed: false },
      global: { stubs },
    })

    expect(wrapper.findAll('[data-kind="group"]')).toHaveLength(2)
    expect(wrapper.get('[data-kind="item"]').attributes('data-index')).toBe('/tracking')
  })
})