style(admin): unify dialog layouts and dense readonly presentation

2026-10-20 10:11:31 +08:00
parent 7ff7c9914f
commit 3267679758
214 changed files with 10931 additions and 2654 deletions
@@ -0,0 +1,43 @@
+import { createRequire } from 'node:module'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+import { enableAutoUnmount, flushPromises, mount } from '@vue/test-utils'
+import type { PlatformWarehouseSummaryResource } from '@/modules/warehouses'
+import { listWarehouseLogisticsChannels } from '@/modules/ocean-bookings'
+import { createContainerSimulation } from '../api/platformContainerLoading'
+import AppDialog from '@/shared/components/AppDialog.vue'
+import ContainerSimulationCreate from './ContainerSimulationCreate.vue'
+
+// Node's supported CJS export keeps the real form validator's constructor intact.
+const ElementPlus = (createRequire(import.meta.url)('element-plus') as typeof import('element-plus')).default
+vi.mock('@/modules/warehouses', () => ({ listAllPlatformWarehouses: vi.fn() }))
+vi.mock('@/modules/ocean-bookings', () => ({ listWarehouseLogisticsChannels: vi.fn() }))
+vi.mock('../api/platformContainerLoading', () => ({ createContainerSimulation: vi.fn() }))
+const warehouse: PlatformWarehouseSummaryResource = { id: '8', tenantId: 'platform', warehouseCode: 'CN-01', internalCode: null, warehouseName: '测试国内仓', warehouseType: 'DOMESTIC', countryCode: 'CN', timezone: 'Asia/Shanghai', contactName: null, contactPhone: null, contactEmail: null, status: 'ACTIVE', remark: null }
+enableAutoUnmount(afterEach)
+beforeEach(() => { vi.clearAllMocks(); vi.mocked(listWarehouseLogisticsChannels).mockResolvedValue([{ channelCode: 'MATSON_CLX_TRUCK', channelName: '美森正班海卡' }]) })
+afterEach(() => { document.body.innerHTML = '' })
+
+describe('ContainerSimulationCreate opted-in form', () => {
+  it.each([true, false])('preserves required fields and the fixed request in dense=%s mode', async (dense) => {
+    const wrapper = mount(ContainerSimulationCreate, { props: { dense, loadWarehouseOptions: async () => [warehouse] }, global: { plugins: [ElementPlus] }, attachTo: document.body })
+    await wrapper.findAll('button').find(button => button.text().includes('新增模拟柜'))!.trigger('click')
+    await flushPromises()
+    const dialog = wrapper.findComponent(AppDialog)
+    dialog.vm.$emit('confirm')
+    await flushPromises()
+    expect(createContainerSimulation).not.toHaveBeenCalled()
+    const fields = dialog.findAllComponents({ name: 'ElFormItem' })
+    expect(fields).toHaveLength(4)
+    fields.find(field => field.props('prop') === 'warehouseId')!.findComponent({ name: 'ElSelect' }).vm.$emit('update:modelValue', '8')
+    await flushPromises()
+    expect(listWarehouseLogisticsChannels).toHaveBeenCalledExactlyOnceWith('8')
+    fields.find(field => field.props('prop') === 'channelGroupCode')!.findComponent({ name: 'ElSelect' }).vm.$emit('update:modelValue', 'MATSON_CLX')
+    await flushPromises()
+    const specification = fields.find(field => field.props('label') === '统一规格')!
+    expect(specification.find('input').exists()).toBe(!dense)
+    dialog.vm.$emit('confirm')
+    await flushPromises()
+    expect(createContainerSimulation).toHaveBeenCalledExactlyOnceWith({ warehouseId: '8', channelGroupCode: 'MATSON_CLX', containerType: '40HQ', capacityCbm: 68, maxWeightKg: 19500 })
+    expect(wrapper.emitted('created')).toHaveLength(1)
+  })
+})