Files
admin-web/src/modules/unified-orders/pages/UnifiedOrdersView.test.ts
T

210 lines
12 KiB
TypeScript
Raw Normal View History

2026-08-06 13:56:04 +08:00
import { readFileSync } from 'node:fs'
import { resolve } from 'node:path'
import { describe, expect, it } from 'vitest'
import { unifiedOrderStatusOptions } from '../api/unifiedOrders'
const source = readFileSync(resolve(process.cwd(), 'src/modules/unified-orders/pages/UnifiedOrdersView.vue'), 'utf8')
2026-08-06 20:14:56 +08:00
const routeSource = readFileSync(resolve(process.cwd(), 'src/modules/unified-orders/routes.ts'), 'utf8')
2026-08-06 13:56:04 +08:00
describe('UnifiedOrdersView contract', () => {
it('only exposes the seven product main statuses', () => {
expect(unifiedOrderStatusOptions.map((item) => item.label)).toEqual([
'待审核', '待测量数据', '已入库', '待分柜', '装柜中', '装柜完成', '派送完成',
])
for (const legacyLabel of ['待客户确认', '差异处理中', '派送中', '进入分柜']) {
expect(source).not.toContain(legacyLabel)
}
})
2026-08-06 15:32:02 +08:00
it('renders accessible current-status tabs with keyboard navigation', () => {
expect(source).toContain('role="tablist"')
expect(source).toContain('role="tab"')
2026-08-11 18:06:35 +08:00
expect(source).toContain(':aria-selected="selectedStatus === tab.value"')
2026-08-06 15:32:02 +08:00
expect(source).toContain("event.key === 'ArrowRight'")
expect(source).toContain("event.key === 'ArrowLeft'")
expect(source).toContain("event.key === 'Home'")
expect(source).toContain("event.key === 'End'")
})
it('provides labeled prototype-aligned advanced filters backed by real query fields', () => {
for (const key of [
2026-08-10 17:42:17 +08:00
'receivingWarehouseId', 'destinationWarehouseId', 'inboundCode', 'expectedArrivalDate',
2026-08-06 15:32:02 +08:00
'feeReviewStatus', 'containerNo', 'cabinetNo', 'channelName', 'sailingDate', 'loaded', 'fullContainer',
'measurementReviewStatus', 'fbaCode', 'createdRange',
]) expect(source).toContain(`key: '${key}'`)
for (const label of ['定位仓库', '交货仓', '费用审核状态', '是否已配载', '是否整柜', '测量数据审核状态', '商品 FBA 编码']) {
expect(source).toContain(`label: '${label}'`)
}
expect(source).toContain('listAllPlatformWarehouses')
expect(source).toContain("{ status: 'ACTIVE' }")
expect(source).toContain("warehouse.warehouseType === 'DOMESTIC'")
2026-08-11 18:06:35 +08:00
expect(source).toContain("loaded: optionalBoolean(activeFilters.loaded)")
expect(source).toContain("fullContainer: optionalBoolean(activeFilters.fullContainer)")
2026-08-06 15:36:28 +08:00
expect(source).toContain("{ value: 'UNRECORDED', label: '未录入' }")
expect(source).not.toContain("{ value: 'DRAFT', label: '草稿' }")
expect(source).not.toContain("{ value: 'CANCELLED', label: '已取消' }")
2026-08-07 18:44:55 +08:00
expect(source).not.toContain("key: 'orderNo'")
expect(source.match(/key: 'inboundCode', type: 'input'/g)).toHaveLength(1)
2026-08-10 17:42:17 +08:00
expect(source.match(/key: 'internalOrderStatus'/g)).toHaveLength(1)
expect(source).not.toContain('internalOrderStatus: filters.value.internalOrderStatus')
2026-08-07 18:44:55 +08:00
expect(source).not.toContain("key: 'keyword'")
const prototypeFieldOrder = [
2026-08-10 17:42:17 +08:00
'receivingWarehouseId', 'destinationWarehouseId', 'inboundCode', 'expectedArrivalDate',
2026-08-07 18:44:55 +08:00
'feeReviewStatus', 'tenantId', 'containerNo', 'cabinetNo', 'channelName', 'sailingDate', 'loaded',
'fullContainer', 'measurementReviewStatus', 'fbaCode', 'createdRange',
]
const fieldPositions = prototypeFieldOrder.map((key) => source.indexOf(`key: '${key}'`))
expect(fieldPositions).toEqual([...fieldPositions].sort((left, right) => left - right))
expect(source).toContain('preference-key="unified-orders-query-v2"')
2026-08-06 15:32:02 +08:00
})
2026-08-10 17:42:17 +08:00
it('uses tabs as the only order-status filter and keeps advanced controls inside QueryToolbar', () => {
2026-08-11 18:06:35 +08:00
expect(source).toContain('mainStatus: selectedStatus.value || undefined')
2026-08-10 17:42:17 +08:00
expect(source).toContain('<template #actions>')
expect(source).toContain(':aria-expanded="showAdvancedFilters"')
expect(source).not.toContain('class="filter-mode-actions"')
expect(source).not.toContain('.filter-mode-actions')
expect(source).not.toContain('请选择订单状态')
})
2026-08-06 13:56:04 +08:00
it('covers real list states and keeps operation column first and left-fixed', () => {
2026-08-10 17:42:17 +08:00
expect(source).toContain("{ key: 'actions', label: '操作', width: 300, fixed: 'left'")
2026-08-06 19:03:13 +08:00
expect(source).toContain("{ key: 'selection', type: 'selection', width: 52, fixed: 'left'")
expect(source).toContain('批量审核接口待接入')
expect(source).toContain('@selection-change="handleSelectionChange"')
2026-08-06 13:56:04 +08:00
expect(source).toContain('title="订单列表暂时无法加载"')
expect(source).toContain('empty-text="暂无符合条件的订单"')
expect(source).toContain(':loading="loading"')
expect(source).toContain('v-model:page="page"')
expect(source).toContain('v-model:page-size="pageSize"')
2026-08-07 10:45:19 +08:00
expect(source).toContain('slotName: \'orderStatus\'')
expect(source).toContain('slotName: \'measurementReviewStatus\'')
expect(source).toContain("NOT_SUBMITTED: '未提交'")
2026-08-07 14:47:11 +08:00
expect(source).toContain("{ key: 'customerRemark', prop: 'customerRemark', label: '备注'")
expect(source).toContain("{ key: 'latestInternalNote', prop: 'latestInternalNote', label: '客服内部备注'")
2026-08-07 18:44:55 +08:00
expect(source.match(/<LineClampText v-if="column\.key === 'remark'"/g)).toHaveLength(3)
2026-08-06 13:56:04 +08:00
})
2026-08-10 17:42:17 +08:00
it('uses ListPageLayout regions for one 16px query-to-table gap', () => {
expect(source).toContain('<ListPageLayout ariaLabel="统一订单列表">')
expect(source).toContain('<template #toolbar>')
expect(source).toContain('<template v-if="loadError" #state>')
expect(source).toContain('<template #default>')
expect(source).toContain('v-if="!loadError" id="unified-orders-results" class="surface-panel table-panel table-card"')
expect(source).not.toContain('class="orders-load-error"')
expect(source).not.toContain('.orders-load-error { margin-top: 0; }')
})
it('counts detail in the three directly visible row actions', () => {
expect(source).toContain('unifiedOrderSecondaryActions(row).slice(0, 2)')
expect(source).toContain('unifiedOrderSecondaryActions(row).slice(2)')
expect(source).toContain('<Eye :size="15" />详情')
expect(source).toContain('v-if="moreUnifiedOrderActions(row as UnifiedOrderResource).length"')
})
2026-08-11 18:06:35 +08:00
it('keeps editable query values separate from the applied list request', () => {
expect(source).toContain('const appliedFilters = ref<FilterModel>(emptyFilters())')
expect(source).toContain('const activeFilters = appliedFilters.value')
expect(source).toContain('appliedFilters.value = cloneFilters(filters.value)')
expect(source).toContain('appliedFilters.value = emptyFilters()')
expect(source).not.toContain('filters.value.mainStatus')
})
2026-08-06 20:14:56 +08:00
it('keeps only confirmed business actions as explicit boundaries', () => {
2026-08-06 13:56:04 +08:00
expect(source).toContain('nextActionBoundary')
2026-08-07 20:07:37 +08:00
expect(source).not.toContain('class="action-boundary"')
2026-08-06 13:56:04 +08:00
expect(source).toContain("can('platform:firstleg:inbound:view')")
expect(source).toContain('openMeasurement')
2026-08-06 20:14:56 +08:00
expect(source).not.toContain('待接入:智能分柜')
2026-08-06 13:56:04 +08:00
expect(source).not.toContain('updateMainStatus')
expect(source).not.toContain('人工进入分柜')
expect(source).not.toContain('performPlatformUnifiedOrderAction')
expect(source).not.toContain('/actions/')
})
2026-08-07 14:47:11 +08:00
it('approves pending review orders without exposing an order carrier assignment', () => {
2026-08-06 18:02:04 +08:00
expect(source).toContain("row.nextAction === 'APPROVE_ORDER'")
expect(source).toContain("can('platform:order:approve')")
expect(source).toContain('await approvePlatformUnifiedOrder(tenantId, orderId)')
2026-08-07 10:45:19 +08:00
expect(source).toContain('title="审核订单"')
expect(source).toContain('confirm-text="审核通过"')
expect(source).not.toContain('assignPlatformUnifiedOrderCarrier')
expect(source).not.toContain('listPlatformPartners')
2026-08-07 14:47:11 +08:00
expect(source).not.toContain('指派承运商')
expect(source).not.toContain('待平台指派')
2026-08-06 18:02:04 +08:00
})
2026-08-06 13:56:04 +08:00
it('provides unified detail, history and internal note states', () => {
expect(source).toContain('getPlatformUnifiedOrder')
expect(source).toContain('aria-label="状态历史"')
expect(source).toContain('aria-label="内部备注"')
expect(source).toContain('订单详情暂时无法加载')
2026-08-07 14:47:11 +08:00
expect(source).toContain('一、客户下单数据')
expect(source).toContain('二、外箱规数据')
expect(source).toContain('三、实际测量数据')
expect(source).toContain('measurementCollapsed = reactive({ customer: false, outer: false, actual: false })')
expect(source).toContain('function toggleMeasurementSection(section: keyof typeof measurementCollapsed)')
expect(source).toContain(':aria-expanded="!measurementCollapsed.customer"')
expect(source).toContain(':aria-expanded="!measurementCollapsed.outer"')
expect(source).toContain(':aria-expanded="!measurementCollapsed.actual"')
expect(source).toContain('class="measurement-section-summary"')
expect(source).toContain('<ChevronUp v-if="!measurementCollapsed.customer"')
expect(source).toContain('<ChevronDown v-else :size="18" />')
expect(source).toContain("{ key: 'girthCm', label: '箱规周长(cm)' }")
2026-08-06 20:14:56 +08:00
expect(source).toContain('runMoreAction($event, row as UnifiedOrderResource)')
2026-08-10 17:42:17 +08:00
expect(source).toContain(':aria-label="moreUnifiedOrderActionsLabel(row as UnifiedOrderResource)"')
expect(source).toContain(':title="moreUnifiedOrderActionsLabel(row as UnifiedOrderResource)"')
2026-08-06 20:14:56 +08:00
expect(source).toContain("can('platform:order:note')")
2026-08-07 14:47:11 +08:00
expect(source).toContain('await loadOrders()')
2026-08-06 13:56:04 +08:00
})
it('exposes the single-remainder fulfillment aggregate in row expansion and detail', () => {
expect(source).toContain("{ key: 'fulfillment', type: 'expand', width: 52, fixed: 'left'")
expect(source).toContain('<template #fulfillment="{ row }">')
expect(source).toContain("{ key: 'fulfillment', label: '拆分履约', icon: ListChecks }")
expect(source).toContain("activeDetailTab === 'fulfillment'")
expect(source).toContain('根单、已完成分片与当前余量')
})
2026-08-10 17:42:17 +08:00
it('distinguishes overflow action buttons by row and keeps a stable missing-field fallback', () => {
expect(source).toContain('function moreUnifiedOrderActionsLabel(row: UnifiedOrderResource)')
expect(source).toContain('[compatibleOrder.inboundCode, compatibleOrder.orderNo, compatibleOrder.orderId, compatibleOrder.id]')
expect(source).toContain("identifier || '当前订单'")
expect(source).not.toContain('aria-label="更多订单操作"')
expect(source).not.toContain('title="更多操作"')
})
2026-08-06 19:03:13 +08:00
it('renders order detail as a routed full page instead of a drawer', () => {
expect(source).toContain('<template v-if="orderId">')
expect(source).toContain('class="order-detail-header"')
expect(source).toContain('aria-label="订单详情模块"')
expect(source).toContain("{ key: 'basic', label: '基本信息'")
expect(source).toContain("{ key: 'measurement', label: '测量数据'")
expect(source).not.toContain('<AppDrawer')
expect(source).not.toContain('detailOpen')
2026-08-07 20:07:37 +08:00
expect(source).toContain('watch(detailRouteKey,')
expect(source).toContain('requestKey !== detailRouteKey.value')
2026-08-06 19:03:13 +08:00
})
2026-08-07 10:45:19 +08:00
it('keeps the basic information compact and maps available order fields', () => {
expect(source).toContain('grid-template-columns: repeat(4, minmax(0, 1fr))')
for (const label of ['业务类型', '买单 / 退税', '提货方式', '配载状态', '目的仓类型', '总净重', '商检验', '提货联系人', '目的地地址']) {
expect(source).toContain(`<dt>${label}</dt>`)
}
expect(source).toContain("partyValue(detail.order.parties, 'SENDER', 'phone')")
2026-08-07 14:47:11 +08:00
expect(source).toContain("partyValue(detail.order.parties, 'RECEIVER', 'phone')")
expect(source).not.toContain("partyValue(detail.order.parties, 'CONSIGNEE'")
2026-08-07 10:45:19 +08:00
expect(source).toContain("cargoTotal(detail.order.cargoes, 'netWeightKg')")
expect(source).toContain('暂无费用数据')
})
2026-08-10 09:12:06 +08:00
it('mounts downstream progress inside the existing order detail without opening unsafe writes', () => {
expect(source).toContain('UnifiedOrderWorkflowPanel')
expect(source).toContain("{ key: 'workflow', label: '后半程作业'")
expect(source).toContain(':order-id="String(detail.summary.orderId)"')
expect(source).not.toContain(':show-delivery=')
2026-08-10 09:12:06 +08:00
expect(source).toContain("detail.value?.summary.inboundId")
2026-08-06 20:14:56 +08:00
expect(routeSource).not.toContain('unified-order-workflow')
2026-08-06 13:56:04 +08:00
})
})