admin-web/src/modules/loading-lists/components/LoadingListsView.test.ts

import { describe, expect, it } from 'vitest'
import { readFileSync } from 'node:fs'
import { resolve } from 'node:path'

const source = readFileSync(resolve(process.cwd(), 'src/modules/loading-lists/components/LoadingListsView.vue'), 'utf8')
const detailSource = readFileSync(resolve(process.cwd(), 'src/modules/loading-lists/components/LoadingListDetailDrawer.vue'), 'utf8')
const preloadDetailSource = readFileSync(resolve(process.cwd(), 'src/modules/loading-lists/pages/PreloadPlanDetailView.vue'), 'utf8')
const confirmedDetailSource = readFileSync(resolve(process.cwd(), 'src/modules/loading-lists/pages/ConfirmedLoadingListDetailView.vue'), 'utf8')
const routesSource = readFileSync(resolve(process.cwd(), 'src/modules/loading-lists/routes.ts'), 'utf8')

describe('LoadingListsView', () => {
  it('filters both list modes by an active name-only customer selector', () => {
    expect(source).toContain("listPlatformTenants({ page: 1, size: 200, status: 'ACTIVE' })")
    expect(source).toContain("label: customer.tenantName")
    expect(source).toContain("customerId: String(query.customerId || '').trim() || undefined")
    expect(source).not.toContain('customer.tenantCode')
  })
  it('keeps the operation column first and fixed left in both lists', () => {
    const actionColumns = [...source.matchAll(/key: 'actions', label: '操作', fixed: 'left'/g)]
    expect(actionColumns).toHaveLength(2)
    expect(source.indexOf("key: 'actions'")).toBeLessThan(source.indexOf("key: 'preloadNo'"))
    expect(source.indexOf("key: 'actions'", source.indexOf("key: 'actions'") + 1)).toBeLessThan(source.indexOf("key: 'loadingListNo'"))
  })

  it('queries all warehouses without exposing a warehouse selector', () => {
    expect(source).not.toContain('listAllPlatformWarehouses')
    expect(source).not.toContain("key: 'warehouseId'")
    expect(source).not.toContain('loadingWarehouses')
    expect(source).not.toContain('warehouseId: warehouseId || undefined')
    expect(source).toContain('query: { warehouseId: String(row.warehouseId || \'\') }')
    expect(source).not.toContain("ElMessage.warning('请先选择仓库')")
    expect(source).not.toContain("'请先选择仓库后查询'")
    expect(preloadDetailSource).toContain('MISSING_WAREHOUSE_CONTEXT')
    expect(confirmedDetailSource).toContain('MISSING_WAREHOUSE_CONTEXT')
  })

  it('uses the shared query and table components while keeping details on route pages', () => {
    expect(source).toContain('QueryToolbar')
    expect(source).toContain('DataTable')
    expect(source).toContain('LoadErrorState')
    expect(source).toContain('ApiErrorMeta')
    expect(preloadDetailSource).toContain('AppDialog')
    expect(confirmedDetailSource).toContain('AppDialog')
    expect(detailSource).not.toContain('AppDrawer')
    expect(detailSource).toContain('ContainerFeesPanel')
  })

  it('distinguishes the generated cabinet reference from the physical container number', () => {
    expect(source).toContain("label: '柜次号'")
    expect(source).toContain("label: '集装箱号'")
    expect(source).toContain('装柜清单号/柜次号/集装箱号')
    expect(detailSource).toContain('<span>柜次号</span>')
    expect(detailSource).toContain('<span>集装箱号</span>')
    expect(source).not.toContain("label: '柜号'")
    expect(detailSource).not.toContain('<span>柜号</span>')
    expect(source).toContain("key: 'cabinetNo', prop: 'cabinetNo'")
    expect(source).not.toContain('internalContainerNo')
  })

  it('opens both preload and confirmed details as independent route pages', () => {
    expect(source).toContain("name: 'preload-plan-detail'")
    expect(source).toContain("name: 'loading-list-detail'")
    expect(source).not.toContain('confirmed-inline-detail')
    expect(preloadDetailSource).toContain('返回列表')
    expect(preloadDetailSource).toContain('router.back()')
    expect(confirmedDetailSource).toContain('返回列表')
    expect(confirmedDetailSource).toContain('router.back()')
    expect(confirmedDetailSource).toContain('@media (min-width: 1920px) { .confirmed-loading-detail-page { width: 100%; max-width: none; gap: 12px; } }')
    expect(routesSource).toContain("path: 'loading-lists/:planId'")
    expect(routesSource).toContain("name: 'loading-list-detail'")
  })

  it('keeps the real transport edit contract in a 620px centered modal on the detail page', () => {
    expect(source).not.toContain('class="loading-transport-dialog"')
    expect(preloadDetailSource).toContain('width="min(620px, calc(100vw - 28px))"')
    expect(preloadDetailSource).not.toContain('备注信息（仅自己可见）')
    expect(preloadDetailSource).not.toContain('备注信息（客户可见）')
    expect(preloadDetailSource).not.toContain('备注信息（仓库可见）')
  })

  it('only exposes transport editing for LOADING preload details', () => {
    expect(detailSource).toContain("mode === 'preload' && canEdit && ['EDITING', 'LOADING'].includes(summary.status)")
    expect(detailSource).toContain('报关资料')
    expect(detailSource).toContain('完成报关')
    expect(preloadDetailSource).toContain('expectedVersion: detail.value.summary.version')
  })

  it('renders business labels instead of raw loading-plan status codes', () => {
    expect(source).toContain(':status="loadingListStatusLabel(row.status)"')
    expect(detailSource).toContain(':status="loadingListStatusLabel(summary.status)"')
    expect(detailSource).not.toContain(':status="summary.status"')
    expect(source).not.toContain('仅装柜中允许修改')
  })

  it('keeps transport editing as a detail-page action', () => {
    expect(source).not.toContain('openEditFromRow(row)')
    expect(source).not.toContain('编辑运输信息')
    expect(detailSource).toContain("{{ preloadSummary?.containerNo ? '修改集装箱号 / 航次' : '录入集装箱号' }}")
    expect(preloadDetailSource).toContain("const editDialogTitle = computed(() => detail.value?.summary.containerNo ? '修改集装箱号 / 航次' : '录入集装箱号')")
  })

  it('refreshes the detail version on A0409 while preserving transport input', () => {
    expect(preloadDetailSource).toContain("details.code === 'A0409'")
    expect(preloadDetailSource).toContain('await loadDetail()')
    expect(preloadDetailSource).toContain('当前输入已保留，请核对后重新保存')
  })

  it('opens a validated plan and warehouse deep link without mixing list modes', () => {
    expect(source).toContain('useRoute()')
    expect(source).toContain('route.query.planId')
    expect(source).toContain('route.query.warehouseId')
    expect(source).toContain("router.replace({ name: 'loading-list-detail'")
    expect(confirmedDetailSource).toContain("result.summary.status !== 'COMPLETED'")
    expect(confirmedDetailSource).toContain('MODE_STATUS_MISMATCH')
  })

  it('uses backend readiness for whole-plan confirmation and translates blocking reasons', () => {
    expect(detailSource).toContain(':disabled="!preloadSummary?.readiness.canConfirm"')
    expect(detailSource).toContain("PRELOAD_NOT_PUSHED: '尚未推送预装清单'")
    expect(detailSource).toContain("OCEAN_BOOKING_NOT_RELEASED: '关联订舱尚未放舱'")
    expect(detailSource).toContain("PRELOAD_ALREADY_CONFIRMED: '整份预装计划已经确认'")
    expect(detailSource).toContain("confirmationStatus === 'CONFIRMED'")
    expect(detailSource).toContain("pdaTaskStatusLabels")
    expect(preloadDetailSource).toContain('@confirm-preload="openConfirmPreload"')
  })

  it('passes translated status text directly to the badge', () => {
    expect(source).toContain('<StatusBadge :status="loadingListStatusLabel(row.status)" />')
    expect(source).not.toContain('<StatusBadge :status="row.status" />')
    expect(detailSource).toContain('<StatusBadge :status="loadingListStatusLabel(summary.status)" />')
  })

  it('uses bordered list actions with a stable 320px layout', () => {
    expect(source).toContain('size="small" type="primary" plain')
    expect(source).not.toContain('<el-button v-if="canView" link')
    expect(source).toContain("key: 'actions', label: '操作', fixed: 'left', width: 110")
    expect(source).toContain('flex-wrap: wrap')
    expect(source).toContain('@media (max-width: 720px)')
    expect(source).toContain('.row-actions { gap: 4px; }')
    expect(source).toContain(':loading="loading"\n        stripe')
    expect(detailSource).toContain(':columns="itemColumns"\n          stripe')
  })

  it('shows every prototype detail field that is backed by the loading item contract', () => {
    const fields = [
      'chineseName',
      'englishName',
      'netWeightKg',
      'packageCount',
      'palletCount',
      'volumeCbm',
      'grossWeightKg',
      'dimensionalWeightKg',
      'productQuantity',
      'unitsPerPackage',
      'fbaTrackingNo',
      'shipmentNo',
      'shippingMark',
      'internalRemark',
      'customerRemark',
      'warehouseRemark',
      'customsDocument',
    ]
    let previous = detailSource.indexOf("key: 'customerName'")
    for (const field of fields) {
      const current = detailSource.indexOf(`key: '${field}'`, previous + 1)
      expect(current, field).toBeGreaterThan(previous)
      previous = current
    }
    expect(detailSource).not.toContain("key: 'goodsImageUrl'")
    expect(detailSource).not.toContain("label: '退税资料'")
  })

  it('does not expose unknown history action codes', () => {
    expect(detailSource).toContain("CONFIRM_PRELOAD: '确认预装'")
    expect(detailSource).toContain("[action] || '状态更新'")
    expect(detailSource).not.toContain('[action] || action')
  })
  it('uses safe labels when customer or operator names are missing', () => {
    expect(source).toContain("item.customerName || '客户信息缺失'")
    expect(source).not.toContain('item.customerName || item.accountId')
    expect(detailSource).toContain("item.customerName || '客户信息缺失'")
    expect(detailSource).toContain("history.operatorName || '操作人信息缺失'")
    expect(detailSource).not.toContain('item.customerName || item.accountId')
    expect(detailSource).not.toContain('history.operatorName || history.operatorId')
  })

  it('uploads declaration documents from a file picker and freezes them after completion', () => {
    expect(confirmedDetailSource).toContain('<el-upload :auto-upload="false" :limit="1"')
    expect(confirmedDetailSource).toContain('@confirm="uploadCustomsDocument"')
    expect(confirmedDetailSource).toContain('uploadLoadingDeclaration(')
    expect(confirmedDetailSource).toContain('getLoadingDeclaration(planId.value, warehouseId.value)')
    expect(confirmedDetailSource).toContain("details.code === 'A0404'")
    expect(detailSource).toContain("canManageCustoms && !detail.customsDocument?.completedAt")
    expect(confirmedDetailSource).not.toContain('文件 ID')
    expect(confirmedDetailSource).not.toContain('fileId')
    expect(confirmedDetailSource).not.toContain('上传入口待')
  })
})