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).not.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("props.mode === 'preload' && props.canEdit && ['EDITING', 'LOADING'].includes(summary.value?.status || '')")
    expect(detailSource).toContain('const itemColumns = computed(() => canEditItemRemark.value ? [actionColumn, ...baseItemColumns] : baseItemColumns)')
    expect(detailSource).not.toContain('报关资料')
    expect(detailSource).not.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')
    expect(confirmedDetailSource).toContain('watch([planId, warehouseId], () => void loadDetail())')
    expect(confirmedDetailSource).toContain('if (sequence !== loadSequence) return')
    expect(preloadDetailSource).toContain('watch([planId, warehouseId], () => void loadDetail())')
  })

  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' && !preloadSummary.readiness.canConfirm")
    expect(detailSource).toContain('confirmationStatusLabels[preloadSummary.readiness.confirmationStatus]')
    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).toMatch(/:loading="loading"\s+stripe/)
    expect(detailSource).toMatch(/:columns="itemColumns"\s+stripe/)
  })

  it('shows every prototype detail field that is backed by the loading item contract', () => {
    expect(detailSource.indexOf("key: 'actions'")).toBeLessThan(detailSource.indexOf("key: 'sequence'"))
    expect(detailSource).toContain("key: 'actions', label: '操作', fixed: 'left'")
    expect(detailSource.indexOf("key: 'orderNo'")).toBeLessThan(detailSource.indexOf("key: 'containerNo'"))
    expect(detailSource.indexOf("key: 'containerNo'")).toBeLessThan(detailSource.indexOf("key: 'skuCode'"))
    const fields = [
      'chineseName',
      'englishName',
      'netWeightKg',
      'packageCount',
      'palletCount',
      'volumeCbm',
      'grossWeightKg',
      'dimensionalWeightKg',
      'productQuantity',
      'unitsPerPackage',
      'fbaTrackingNo',
      'shipmentNo',
      'shippingMark',
      'customerRemark',
      'internalRemark',
      'warehouseRemark',
    ]
    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('keeps customer and internal remarks read-only while exposing per-item warehouse remark editing', () => {
    expect(detailSource).toContain('来源：客户下单')
    expect(detailSource).toContain('来源：订单内部备注')
    expect(detailSource).toContain('仓库备注将随装柜完成资料下发海外仓')
    expect(detailSource).toContain("emit('editWarehouseRemark', row as LoadingItem)")
    expect(detailSource).toContain("props.mode === 'preload' && props.canEdit && ['EDITING', 'LOADING'].includes(summary.value?.status || '')")
    expect(detailSource).not.toContain("emit('editCustomerRemark'")
    expect(detailSource).not.toContain("emit('editInternalRemark'")
  })

  it('uses one white detail surface, a readable four-column summary and dense item table', () => {
    expect(detailSource).toContain('class="detail-overview"')
    expect(detailSource).not.toContain('class="detail-overview surface-panel"')
    expect(detailSource).toContain('class="detail-page-header"')
    expect(detailSource).toContain("@click=\"emit('back')\"")
    expect(detailSource).toContain('class="detail-page-header__actions"')
    expect(detailSource).toContain('grid-template-columns: repeat(4, minmax(0, 1fr))')
    expect(detailSource).toContain('min-height: 26px')
    expect(detailSource).toContain('> div > span:first-child::after { content: "："; }')
    expect(detailSource).not.toContain('> div > span::after { content: "："; }')
    expect(detailSource).toContain('background: #fff')
    expect(detailSource).toContain('overflow-wrap: anywhere')
    expect(detailSource).toContain("className: 'identifier-column'")
    expect(detailSource).toContain('showOverflowTooltip: true')
    expect(detailSource).toContain('white-space: nowrap')
    expect(detailSource).toContain('<template #toolbar-start>')
    expect(detailSource).not.toContain('<span v-else aria-label="只读">—</span>')
  })

  it('merges the page header and summary while spacing independent business sections', () => {
    expect(detailSource).toContain('<section v-if="detail && summary" class="detail-summary"')
    expect(detailSource).not.toContain('class="detail-summary surface-panel"')
    expect(detailSource).toContain('.detail-layout :deep(.detail-page-layout__content) { display: grid; min-width: 0; gap: 20px; }')
    expect(detailSource).toContain('<section class="detail-section">')
    expect(detailSource).not.toContain('class="detail-section surface-panel"')
    expect(detailSource).not.toContain('class="history-section surface-panel"')
    expect(detailSource).toContain('padding: 16px 0 0')
    expect(detailSource).toContain("fixed: 'left', width: 132")
  })

  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('does not retain the retired loading-list customs entry', () => {
    expect(confirmedDetailSource).not.toContain('LoadingDeclaration')
    expect(confirmedDetailSource).not.toContain('customsDocument')
    expect(detailSource).not.toContain('customsDocument')
    expect(detailSource).not.toContain('报关资料')
  })
})