admin-web/src/modules/trucking/pages/TruckAppointmentsView.test.ts

import ElementPlus from 'element-plus'
import { createPinia, setActivePinia } from 'pinia'
import { flushPromises, mount } from '@vue/test-utils'
import { beforeEach, describe, expect, it, vi } from 'vitest'
import { ApiResponseError } from '@/shared/api/http'
import TruckAppointmentsView from './TruckAppointmentsView.vue'
import { listTruckAppointments } from '../api/platformTrucking'
import type { TruckAppointmentResource } from '../types'
import { useAuthStore } from '@/core/auth/auth'
import { readFileSync } from 'node:fs'
import { resolve } from 'node:path'

const source = readFileSync(resolve(process.cwd(), 'src/modules/trucking/pages/TruckAppointmentsView.vue'), 'utf8')

vi.mock('../api/platformTrucking', () => ({
  listTruckAppointments: vi.fn(),
}))
vi.mock('@/modules/iam', () => ({
  listPlatformTenants: vi.fn().mockResolvedValue({ records: [], page: 1, size: 200, total: 0, pages: 0 }),
}))

const row: TruckAppointmentResource = {
  id: '9001', appointmentNo: 'TA-9001', status: 'DISPATCHED', orderNo: 'ORD-1', oceanBookingNo: 'OB-1', billOfLadingNo: 'BL-1',
  warehouseName: '义乌仓', shippingCompanyName: '船公司A', bookingAgentName: '代理A', carrierName: '宁波运输', driverName: '王强', vehicleNo: '浙B12345',
  plannedLoadingAt: '2026-08-10T10:00:00', payableAmount: '3200.00', currency: 'RMB', attachmentCount: 2, attachments: [],
}

describe('TruckAppointmentsView', () => {
  beforeEach(() => {
    vi.mocked(listTruckAppointments).mockReset().mockResolvedValue({ records: [row], page: 1, size: 20, total: 1, pages: 1 })
    setActivePinia(createPinia())
    useAuthStore().permissions = [
      'platform:firstleg:truck-appointment:view',
      'platform:firstleg:truck-appointment:edit',
    ]
  })

  it('loads the real list and renders relationship snapshots', async () => {
    const wrapper = mount(TruckAppointmentsView, { global: { plugins: [ElementPlus] } })
    await flushPromises()
    expect(listTruckAppointments).toHaveBeenCalledWith({ page: 1, size: 20, keyword: '', status: '' })
    expect(wrapper.text()).toContain('TA-9001')
    expect(wrapper.text()).toContain('OB-1')
    expect(wrapper.text()).toContain('BL-1')
    expect(wrapper.text()).toContain('义乌仓')
    expect(wrapper.text()).toContain('船公司A')
    expect(wrapper.text()).toContain('代理A')
    expect(wrapper.text()).toContain('宁波运输')
    expect(wrapper.find('button[aria-label="查看 TA-9001"]').exists()).toBe(true)
  })

  it('uses stable accessible labels when appointment identifiers are missing', async () => {
    vi.mocked(listTruckAppointments).mockResolvedValue({
      records: [
        { ...row, id: '9002', appointmentNo: '' },
        { ...row, id: undefined, appointmentNo: null } as unknown as TruckAppointmentResource,
      ],
      page: 1,
      size: 20,
      total: 2,
      pages: 1,
    })
    const wrapper = mount(TruckAppointmentsView, { global: { plugins: [ElementPlus] } })
    await flushPromises()

    expect(wrapper.find('button[aria-label="查看拖车预约详情"]').exists()).toBe(true)
    const labels = wrapper.findAll('button[aria-label]').map((button) => button.attributes('aria-label'))
    expect(labels.every((label) => Boolean(label) && !/undefined|null/.test(label ?? ''))).toBe(true)
    expect(labels.every((label) => !label?.includes('9002'))).toBe(true)
    expect(source).toContain("appointmentActionLabel('编辑', row as TruckAppointmentResource)")
  })

  it('does not expose a technical carrier id when the business name is unavailable', async () => {
    vi.mocked(listTruckAppointments).mockResolvedValue({
      records: [{ ...row, carrierName: '', carrierId: 'carrier-77' }],
      page: 1,
      size: 20,
      total: 1,
      pages: 1,
    })
    const wrapper = mount(TruckAppointmentsView, { global: { plugins: [ElementPlus] } })
    await flushPromises()
    expect(wrapper.text()).toContain('已关联承运商')
    expect(wrapper.text()).not.toContain('carrier-77')
  })

  it('uses the table toolbar for create and keeps a single empty state', () => {
    expect(source).toContain('<template #toolbar-actions>')
    expect(source).not.toContain('<template #toolbar-start>')
    expect(source).not.toContain('PageToolbar')
    expect(source).not.toContain('empty-hint')
    expect(source.match(/empty-text=/g)).toHaveLength(1)
  })

  it('renders the server empty state', async () => {
    vi.mocked(listTruckAppointments).mockResolvedValue({ records: [], page: 1, size: 20, total: 0, pages: 1 })
    const wrapper = mount(TruckAppointmentsView, { global: { plugins: [ElementPlus] } })
    await flushPromises()
    expect(wrapper.text()).toContain('暂无符合筛选条件的拖车预约')
  })

  it('marks the table busy while the list request is pending', async () => {
    let resolveLoad!: (value: Awaited<ReturnType<typeof listTruckAppointments>>) => void
    vi.mocked(listTruckAppointments).mockImplementationOnce(() => new Promise((resolve) => { resolveLoad = resolve }))
    const wrapper = mount(TruckAppointmentsView, { global: { plugins: [ElementPlus] } })
    await flushPromises()
    expect(wrapper.find('section[aria-busy="true"]').exists()).toBe(true)
    resolveLoad({ records: [row], page: 1, size: 20, total: 1, pages: 1 })
    await flushPromises()
    expect(wrapper.find('section[aria-busy="false"]').exists()).toBe(true)
  })

  it('keeps a recoverable load error and retries without losing the page', async () => {
    vi.mocked(listTruckAppointments).mockRejectedValueOnce(new ApiResponseError('候选服务暂不可用', 'A0503', 503, undefined, 'req-truck', 'trace-truck'))
    const wrapper = mount(TruckAppointmentsView, { global: { plugins: [ElementPlus] } })
    await flushPromises()
    expect(wrapper.text()).toContain('候选服务暂不可用')
    expect(wrapper.text()).toContain('req-truck')
    vi.mocked(listTruckAppointments).mockResolvedValueOnce({ records: [row], page: 1, size: 20, total: 1, pages: 1 })
    await wrapper.get('button').trigger('click')
    await flushPromises()
    expect(listTruckAppointments).toHaveBeenCalledTimes(2)
    expect(wrapper.text()).toContain('TA-9001')
  })

  it('shows create only with the independent create permission', async () => {
    let wrapper = mount(TruckAppointmentsView, { global: { plugins: [ElementPlus] } })
    await flushPromises()
    expect(wrapper.text()).not.toContain('新增拖车')
    wrapper.unmount()
    useAuthStore().permissions = ['platform:firstleg:truck-appointment:list', 'platform:firstleg:truck-appointment:create']
    wrapper = mount(TruckAppointmentsView, { global: { plugins: [ElementPlus] } })
    await flushPromises()
    expect(wrapper.text()).toContain('新增拖车')
  })

  it('shows the two frequent row actions directly without a more menu', () => {
    expect(source).toContain("{ key: 'actions', label: '操作', width: 180, fixed: 'left', slotName: 'actions', hideable: false, movable: false }")
    expect(source).toContain('flex-wrap:nowrap')
    expect(source).toContain('white-space:nowrap')
    expect(source).toContain('flex:0 0 auto')
    expect(source).not.toContain('platform:firstleg:truck-appointment:view')
    expect(source).toContain("access.can('platform:firstleg:truck-appointment:edit') && ['DRAFT', 'PENDING_DISPATCH', 'RESCHEDULED'].includes(row.status)")
    expect(source).toContain('<Eye :size="15" />详情')
    expect(source).toContain('<Pencil :size="15" />编辑')
    expect(source).not.toContain('MoreHorizontal')
  })

  it('hides edit for completed appointments rejected by the backend edit contract', async () => {
    vi.mocked(listTruckAppointments).mockResolvedValue({
      records: [{ ...row, status: 'COMPLETED' }],
      page: 1,
      size: 20,
      total: 1,
      pages: 1,
    })
    const wrapper = mount(TruckAppointmentsView, { global: { plugins: [ElementPlus] } })
    await flushPromises()
    expect(wrapper.find('button[aria-label="编辑 TA-9001"]').exists()).toBe(false)
  })

  it('shows the detail action with the list permission', async () => {
    useAuthStore().permissions = ['platform:firstleg:truck-appointment:list']
    const wrapper = mount(TruckAppointmentsView, { global: { plugins: [ElementPlus] } })
    await flushPromises()
    expect(wrapper.find('button[aria-label="查看 TA-9001"]').exists()).toBe(true)
  })

  it('shows the prototype-backed trucking fee snapshots in the list', () => {
    expect(source).not.toContain("key: 'customerName'")
    expect(source).toContain("key: 'updatedAt'")
    expect(source).toContain("key: 'payableAmount', label: '应付拖车费'")
    expect(source.indexOf("key: 'store'")).toBeLessThan(source.indexOf("key: 'payableAmount'"))
    expect(source.indexOf("key: 'payableAmount'")).toBeLessThan(source.indexOf("key: 'plannedLoadingAt'"))
    expect(source).not.toContain('receivableAmount')
    expect(source).not.toContain('应收拖车费')
    expect(source).not.toContain("key: 'containerNo'")
    expect(source).not.toContain("key: 'cabinetNo'")
    expect(source).toContain("toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 })")
    expect(source).toContain("key: 'attachmentCount'")
  })
  it('does not expose customer filtering or snapshots', () => {
    expect(source).not.toContain('listPlatformTenants')
    expect(source).not.toContain("key: 'customerId'")
    expect(source).not.toContain("label: '客户'")
    expect(source).not.toContain('customerId:')
    expect(source).not.toContain('customerName')
  })
  it('uses bordered list actions instead of text links', () => {
    expect(source).toContain('size="small" type="primary" plain')
    expect(source).toContain('size="small" :aria-label="appointmentActionLabel(\'编辑\'')
    expect(source).not.toContain("truck-appointment:view')\" link")
    expect(source).toContain(':total="total" stripe preference-key="trucking-appointments"')
  })

  it('uses compact status/type filters and a wider composite keyword field', () => {
    expect(source).toContain("key: 'keyword', type: 'input', label: '关键词', placeholder: '派车单号、车牌号、运输公司', width: 280")
    expect(source).toContain("key: 'status', type: 'select', label: '状态', placeholder: '全部状态', width: 160")
    expect(source).toContain("key: 'containerType', type: 'select', label: '柜型', placeholder: '全部柜型', width: 160")
  })
})