import ElementPlus from 'element-plus'
import { flushPromises, mount } from '@vue/test-utils'
import { beforeEach, describe, expect, it, vi } from 'vitest'
import { getOutbound } from '../api/outbounds'
import OutboundDetailView from './OutboundDetailView.vue'
import StatusBadge from '@/shared/components/StatusBadge.vue'

const canPermission = vi.hoisted(() => vi.fn((_code: string) => false))
vi.mock('@/core/access/accessPreview', () => ({ useAccessPreviewStore: () => ({ can: canPermission }) }))
vi.mock('vue-router', () => ({ useRoute: () => ({ params: { outboundNo: 'OUT/1' } }), useRouter: () => ({ push: vi.fn() }) }))
vi.mock('../api/outbounds', () => ({ getOutbound: vi.fn(), cancelOutbound: vi.fn() }))

describe('OutboundDetailView', () => {
  it.each([
    ['WAIT_PICK', '待拣货', 'warning'], ['WAIT_OUTBOUND', '待出库', 'warning'], ['PICKING', '拣货中', 'info'],
    ['PICKED', '已拣货', 'warning'], ['OUTBOUNDED', '已出库', 'success'], ['CANCELLED', '已取消', 'danger'],
  ])('uses the same shared status tone as the list for %s', async (status, label, tone) => {
    vi.mocked(getOutbound).mockResolvedValueOnce({ outbound: { id: '1', outboundNo: 'OUT/1', status }, pallets: [], deliveries: [] })
    const wrapper = mount(OutboundDetailView, { global: { plugins: [ElementPlus] } })
    await flushPromises()
    const badge = wrapper.findComponent(StatusBadge)
    expect(badge.text()).toBe(label)
    expect(badge.classes()).toContain(`is-${tone}`)
    wrapper.unmount()
  })

  beforeEach(() => {
    canPermission.mockReset().mockReturnValue(false)
    vi.mocked(getOutbound).mockReset().mockResolvedValue({
      outbound: { id: '1', outboundNo: 'OUT/1', dispatchNo: 'PC-1', status: 'PICKED', palletCount: 2, packageCount: 20, createdAt: '2026-09-01T10:00:00' },
      pallets: [{ palletNo: 'IP-ACY2-20260907-597057-P001', inboundCode: 'NYEXX2609060063', destinationWarehouseCode: 'ONT8', destinationWarehouseName: 'Amazon ONT8', skuCode: 'SKU-001', packageCount: 20 }],
      deliveries: [
        { version: 2, allowedActions: ['START_DELIVERY'], id: '2', customerId: 'customer-1', deliveryNo: 'DEL-ONT8', outboundNo: 'OUT/1', dispatchNo: 'PC-1', status: 'WAIT_DELIVERY', destinationWarehouseCode: 'ONT8', palletCount: 1, packageCount: 10, createdAt: '2026-09-01T10:00:00' },
        { version: 2, allowedActions: ['START_DELIVERY'], id: '3', customerId: 'customer-1', deliveryNo: 'DEL-ACY2', outboundNo: 'OUT/1', dispatchNo: 'PC-1', status: 'WAIT_DELIVERY', destinationWarehouseCode: 'ACY2', palletCount: 1, packageCount: 10, createdAt: '2026-09-01T10:00:00' },
      ],
    })
  })

  it('loads by encoded business outbound number and remains read-only without cancel permission', async () => {
    const wrapper = mount(OutboundDetailView, { global: { plugins: [ElementPlus] } })
    await flushPromises()
    expect(getOutbound).toHaveBeenCalledWith('OUT/1')
    expect(wrapper.text()).toContain('OUT/1')
    expect(wrapper.text()).toContain('PC-1')
    expect(wrapper.text()).toContain('DEL-ONT8')
    expect(wrapper.text()).toContain('DEL-ACY2')
    expect(wrapper.text()).toContain('ACY2')
    expect(wrapper.text()).toContain('出库托盘')
    expect(wrapper.text()).toContain('IP-ACY2-20260907-597057-P001')
    expect(wrapper.text()).toContain('NYEXX2609060063')
    expect(wrapper.text()).toContain('Amazon ONT8')
    expect(wrapper.text()).toContain('SKU-001')
    expect(wrapper.findAll('.outbound-pallet-table .data-table__single-line-cell').length).toBeGreaterThanOrEqual(6)
    expect(wrapper.text()).not.toContain('取消出库单')
    wrapper.unmount()
  })

  it('renders pallet missing values consistently and keeps the empty state in the table', async () => {
    vi.mocked(getOutbound).mockResolvedValueOnce({
      outbound: { id: '1', outboundNo: 'OUT/1', status: 'OUTBOUNDED' },
      pallets: [{ palletNo: null, inboundCode: null, destinationWarehouseCode: null, destinationWarehouseName: null, skuCode: null, packageCount: null }],
      deliveries: [],
    })
    const wrapper = mount(OutboundDetailView, { global: { plugins: [ElementPlus] } })
    await flushPromises()
    expect(wrapper.get('.outbound-pallet-table').text()).toContain('—')
    expect(wrapper.text()).toContain('暂无关联派送单')
    wrapper.unmount()

    vi.mocked(getOutbound).mockResolvedValueOnce({
      outbound: { id: '1', outboundNo: 'OUT/1', status: 'OUTBOUNDED' },
      pallets: [],
      deliveries: [],
    })
    const emptyWrapper = mount(OutboundDetailView, { global: { plugins: [ElementPlus] } })
    await flushPromises()
    expect(emptyWrapper.text()).toContain('暂无出库托盘')
    emptyWrapper.unmount()
  })

  it('shows cancellation only before picking with the independent permission', async () => {
    canPermission.mockImplementation((code: string) => code === 'platform:overseas-warehouse:outbound:cancel')
    vi.mocked(getOutbound).mockResolvedValueOnce({ outbound: { id: '1', outboundNo: 'OUT/1', status: 'WAIT_PICK' }, pallets: [], deliveries: [] })
    const wrapper = mount(OutboundDetailView, { global: { plugins: [ElementPlus] } })
    await flushPromises()
    expect(wrapper.text()).toContain('取消出库单')
    wrapper.unmount()
  })

  it.each([
    ['warehouse-internal-id', '洛杉矶仓', '洛杉矶仓'],
    ['warehouse-internal-id', null, '—'],
    ['another-warehouse-id', '其他仓库', '—'],
  ])('uses a matching warehouse name and never displays internal IDs (%s, %s)', async (deliveryWarehouseId, name, expected) => {
    vi.mocked(getOutbound).mockResolvedValueOnce({
      outbound: { id: '1', outboundNo: 'OUT/1', overseasWarehouseId: 'warehouse-internal-id' },
      deliveries: [{ id: '2', customerId: 'customer-1', deliveryNo: 'DEL-1', outboundNo: 'OUT/1', dispatchNo: 'PC-1', status: 'WAIT_DELIVERY', palletCount: 2, packageCount: 20, createdAt: '2026-09-01T10:00:00', version: 1, allowedActions: [], overseasWarehouseId: deliveryWarehouseId, overseasWarehouseName: name }],
    })
    const wrapper = mount(OutboundDetailView, { global: { plugins: [ElementPlus] } })
    await flushPromises()
    const labels = wrapper.findAll('.el-descriptions__label')
    const label = labels.find(item => item.text() === '海外仓')!
    expect(label.element.nextElementSibling?.textContent?.trim()).toBe(expected)
    expect(wrapper.text()).not.toContain('warehouse-internal-id')
    expect(wrapper.text()).not.toContain('another-warehouse-id')
    wrapper.unmount()
  })
})