优化

2026-08-12 12:19:02 +08:00
parent f9ff9086d5
commit 11e085e30f
24 changed files with 230 additions and 50 deletions
@@ -0,0 +1,85 @@
+import ElementPlus from 'element-plus'
+import { flushPromises, mount } from '@vue/test-utils'
+import { beforeEach, describe, expect, it, vi } from 'vitest'
+import { listPlatformTenants, type PlatformTenantResource } from '../api/platformIam'
+import PlatformTenantSelector from './PlatformTenantSelector.vue'
+
+vi.mock('../api/platformIam', () => ({ listPlatformTenants: vi.fn() }))
+
+const customer = {
+  id: '190000000000000008',
+  tenantCode: 'CUS-008',
+  tenantName: '柏悦物流',
+  status: 'ACTIVE',
+} as PlatformTenantResource
+
+function mountSelector(props: { modelValue?: string; label?: string } = {}) {
+  return mount(PlatformTenantSelector, {
+    props: { modelValue: props.modelValue ?? '', ...(props.label ? { label: props.label } : {}) },
+    global: { plugins: [ElementPlus] },
+  })
+}
+
+describe('PlatformTenantSelector customer labels', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+    vi.mocked(listPlatformTenants).mockResolvedValue({ records: [customer], page: 1, size: 200, total: 1, pages: 1 })
+  })
+
+  it('shows business identity and status without exposing the internal id', async () => {
+    const wrapper = mountSelector({ modelValue: String(customer.id) })
+    await flushPromises()
+
+    expect(listPlatformTenants).toHaveBeenCalledWith({ page: 1, size: 200 })
+    expect(wrapper.text()).toContain('目标客户')
+    expect(document.body.textContent).toContain('柏悦物流（CUS-008） · 启用')
+    expect(document.body.textContent).not.toContain(String(customer.id))
+  })
+
+  it('keeps the internal id only as the emitted contract value', async () => {
+    const wrapper = mountSelector()
+    await flushPromises()
+
+    expect(wrapper.emitted('update:modelValue')).toEqual([[String(customer.id)]])
+    expect(wrapper.text()).not.toContain(String(customer.id))
+  })
+
+  it('safely degrades labels when customer name or code is missing', async () => {
+    vi.mocked(listPlatformTenants).mockResolvedValue({
+      records: [
+        { ...customer, id: '1', tenantName: '', tenantCode: 'CUS-001', status: 'PENDING' },
+        { ...customer, id: '2', tenantName: '远航供应链', tenantCode: '', status: 'REJECTED' },
+        { ...customer, id: '3', tenantName: '', tenantCode: '', status: 'UNKNOWN' },
+      ],
+      page: 1, size: 200, total: 3, pages: 1,
+    })
+    mountSelector({ modelValue: '1' })
+    await flushPromises()
+
+    expect(document.body.textContent).toContain('CUS-001 · 待审核')
+    expect(document.body.textContent).toContain('远航供应链 · 已驳回')
+    expect(document.body.textContent).toContain('未命名客户 · UNKNOWN')
+    expect(document.body.textContent).not.toMatch(/[（(][123] ·/)
+  })
+
+  it('uses a custom business label for both visible and accessible names', async () => {
+    const wrapper = mountSelector({ modelValue: String(customer.id), label: '客户企业' })
+    await flushPromises()
+
+    expect(wrapper.text()).toContain('客户企业')
+    expect(wrapper.get('[aria-label="客户企业"]').attributes('aria-label')).toBe('客户企业')
+  })
+
+  it('shows an actionable customer-list error and retries', async () => {
+    vi.mocked(listPlatformTenants)
+      .mockRejectedValueOnce('unavailable')
+      .mockResolvedValueOnce({ records: [customer], page: 1, size: 200, total: 1, pages: 1 })
+    const wrapper = mountSelector()
+    await flushPromises()
+
+    expect(wrapper.get('[role="alert"]').text()).toContain('客户列表加载失败，请重试')
+    await wrapper.get('[role="alert"] button').trigger('click')
+    await flushPromises()
+    expect(listPlatformTenants).toHaveBeenCalledTimes(2)
+  })
+})