优化

2026-08-21 11:20:09 +08:00
parent 595c998214
commit 6e9bb6e00c
45 changed files with 1051 additions and 329 deletions
@@ -0,0 +1,84 @@
+import ElementPlus from 'element-plus'
+import { readFileSync } from 'node:fs'
+import { resolve } from 'node:path'
+import { enableAutoUnmount, flushPromises, mount } from '@vue/test-utils'
+import { afterAll, afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
+import QueryToolbar, { type QueryModel } from '@/shared/components/QueryToolbar.vue'
+import { listDispatches } from '../api/dispatches'
+import DispatchesView from './DispatchesView.vue'
+
+vi.mock('../api/dispatches', () => ({ listDispatches: vi.fn() }))
+
+class ResizeObserverStub implements ResizeObserver {
+  observe() {}
+  unobserve() {}
+  disconnect() {}
+}
+
+function memoryStorage(): Storage {
+  const values = new Map<string, string>()
+  return {
+    get length() { return values.size },
+    clear: () => values.clear(),
+    getItem: (key) => values.get(key) ?? null,
+    key: (index) => [...values.keys()][index] ?? null,
+    removeItem: (key) => values.delete(key),
+    setItem: (key, value) => values.set(key, value),
+  }
+}
+
+enableAutoUnmount(afterEach)
+afterAll(() => vi.unstubAllGlobals())
+
+describe('DispatchesView', () => {
+  beforeEach(() => {
+    vi.stubGlobal('ResizeObserver', ResizeObserverStub)
+    vi.stubGlobal('localStorage', memoryStorage())
+    vi.mocked(listDispatches).mockReset().mockResolvedValue({
+      records: [{
+        id: '190000000000000099', dispatchNo: 'PC-1', vehiclePlate: 'CA-100', driverName: '张师傅',
+        driverPhone: '555-0100', carrierName: 'Carrier A', orderNos: 'LM-1,LM-2', route: 'LAX -> ONT8',
+        overseasWarehouseName: '洛杉矶仓', departAt: '2026-08-20T09:00:00', fbaAppointmentNo: 'FBA-1',
+        fbaAppointmentStatus: 'CONFIRMED', vehicleAppointmentStatus: 'BOOKED', estimatedArrivalAt: '2026-08-20T18:00:00',
+        status: 'PENDING_DEPARTURE', palletCount: 12, packageCount: 80, createdAt: '2026-08-19T16:00:00',
+      }],
+      page: 1, size: 20, total: 1, pages: 1,
+    })
+  })
+
+  it('loads immediately and sends only supported page filters', async () => {
+    const wrapper = mount(DispatchesView, { global: { plugins: [ElementPlus] } })
+    await flushPromises()
+    expect(listDispatches).toHaveBeenCalledWith({ page: 1, size: 20, dispatchNo: undefined, vehiclePlate: undefined, status: undefined, fbaAppointmentNo: undefined })
+
+    const model: QueryModel = {
+      dispatchNo: 'PC-1', vehiclePlate: 'CA-100',
+      status: 'PENDING_DEPARTURE', fbaAppointmentNo: 'FBA-1',
+    }
+    wrapper.findComponent(QueryToolbar).vm.$emit('search', model)
+    await flushPromises()
+
+    expect(listDispatches).toHaveBeenCalledWith({
+      page: 1, size: 20, dispatchNo: 'PC-1',
+      vehiclePlate: 'CA-100', status: 'PENDING_DEPARTURE', fbaAppointmentNo: 'FBA-1',
+    })
+    expect(wrapper.text()).toContain('PC-1')
+    expect(wrapper.text()).toContain('待发车')
+    expect(wrapper.text()).toContain('FBA-1 · CONFIRMED')
+  })
+
+  it('keeps long dispatch identifiers as strings', async () => {
+    vi.mocked(listDispatches).mockResolvedValueOnce({
+      records: [{ id: '190000000000000099', dispatchNo: '190000000000000099' }],
+      page: 1, size: 20, total: 1, pages: 1,
+    })
+    const wrapper = mount(DispatchesView, { global: { plugins: [ElementPlus] } })
+    await flushPromises()
+    expect(wrapper.html()).toContain('190000000000000099')
+  })
+
+  it('documents the backend feature flag required by a missing endpoint', () => {
+    const source = readFileSync(resolve(process.cwd(), 'src/modules/overseas-warehouse/pages/DispatchesView.vue'), 'utf8')
+    expect(source).toContain('请确认海外尾程排车接口已发布')
+  })
+})