app/tests/units/services/layout/menuBuilder/myAccessesMenuBuilder.test.ts

import { describe, test, expect, vi, beforeEach } from 'vitest'
import type { RuntimeConfig } from '@nuxt/schema'
import type { AnyAbility } from '@casl/ability/dist/types'
import type { Router } from 'vue-router'
import type { AccessProfile, organizationState } from '~/types/interfaces'
import MyAccessesMenuBuilder from '~/services/layout/menuBuilder/myAccessesMenuBuilder'
import type { MenuGroup } from '~/types/layout'
import { MENU_LINK_TYPE } from '~/types/enum/layout'

let runtimeConfig: RuntimeConfig
let ability: AnyAbility
let organizationProfile: organizationState
let accessProfile: AccessProfile
let menuBuilder: MyAccessesMenuBuilder
let router: Router

beforeEach(() => {
  runtimeConfig = vi.fn() as any as RuntimeConfig
  ability = vi.fn() as any as AnyAbility
  organizationProfile = vi.fn() as any as organizationState
  accessProfile = vi.fn() as any as AccessProfile
  // @ts-ignore
  router = vi.fn() as Router

  runtimeConfig.baseUrlAdminLegacy = 'https://mydomain.com/'

  menuBuilder = new MyAccessesMenuBuilder(
    runtimeConfig,
    ability,
    organizationProfile,
    accessProfile,
    router,
  )
})

describe('getMenuName', () => {
  test('validate name', () => {
    expect(menuBuilder.getMenuName()).toEqual('MyAccesses')
  })
})

describe('build', () => {
  test('default : has no items, even with rights', () => {
    ability.can = vi.fn(() => true)
    expect(menuBuilder.build()).toEqual(null)
  })

  test('with enabled multi accesses', () => {
    accessProfile.multiAccesses = [
      { id: 1, name: 'Bob' },
      { id: 2, name: 'Séraphin' },
      { id: 3, name: 'Lilou' },
    ]

    const result = menuBuilder.build() as MenuGroup

    expect(result.label).toEqual('multiAccesses')
    expect(result.icon).toEqual({ name: 'fas fa-building' })

    expect(result.children).toEqual([
      {
        label: 'Bob',
        icon: undefined,
        to: 'https://mydomain.com/#/switch/1',
        target: '_self',
        type: MENU_LINK_TYPE.V1,
        active: false,
        endOfSubsection: false,
      },
      {
        label: 'Séraphin',
        icon: undefined,
        to: 'https://mydomain.com/#/switch/2',
        target: '_self',
        type: MENU_LINK_TYPE.V1,
        active: false,
        endOfSubsection: false,
      },
      {
        label: 'Lilou',
        icon: undefined,
        to: 'https://mydomain.com/#/switch/3',
        target: '_self',
        type: MENU_LINK_TYPE.V1,
        active: false,
        endOfSubsection: false,
      },
    ])
  })
})