20260913231607

code/fms/fms-vue/tests/unit/fms-select.spec.js

@@ -0,0 +1,116 @@
+/**
+ * FmsSelect 远程查找选择器测试。
+ * 覆盖契约：展开即加载首页、选中抛出 id/label/整行 record、
+ * 键入按 labelKey 防抖远程 LIKE 搜索、当前选中项不在结果中时回显补入列表首。
+ */
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest'
+import { mount, flushPromises } from '@vue/test-utils'
+import { nextTick } from 'vue'
+import FmsSelect from '@/components/fms-select/FmsSelect.vue'
+import { pageDataApi } from '@/services/api'
+
+vi.mock('@/services/api', () => ({
+  pageDataApi: vi.fn(),
+}))
+
+/** 让 pageDataApi 返回给定行 */
+function mockRows(rows, total = rows.length) {
+  pageDataApi.mockResolvedValue({ data: { rows, total } })
+}
+
+beforeEach(() => {
+  pageDataApi.mockReset()
+})
+
+afterEach(() => {
+  vi.useRealTimers()
+  // 清空 Teleport 到 body 的下拉浮层残留；replaceChildren 不解析 markup，比 innerHTML='' 更安全
+  document.body.replaceChildren()
+})
+
+describe('FmsSelect 远程查找', () => {
+  it('展开即加载首页并渲染选项', async () => {
+    mockRows([
+      { b_id: '1', b_name: '甲' },
+      { b_id: '2', b_name: '乙' },
+    ])
+    const wrapper = mount(FmsSelect, {
+      props: { viewName: 'v_customer' },
+      attachTo: document.body,
+    })
+
+    await wrapper.find('.select-trigger').trigger('click')
+    await flushPromises()
+    await nextTick()
+
+    expect(pageDataApi).toHaveBeenCalledWith(
+      expect.objectContaining({ viewName: 'v_customer', pageNo: 1 }),
+    )
+    const options = document.body.querySelectorAll('.select-option')
+    expect(options.length).toBe(2)
+    expect(options[0].textContent).toContain('甲')
+    wrapper.unmount()
+  })
+
+  it('选中抛出 id / label / 整行 record', async () => {
+    mockRows([{ b_id: '1', b_name: '甲', extra: 'x' }])
+    const wrapper = mount(FmsSelect, {
+      props: { viewName: 'v_customer' },
+      attachTo: document.body,
+    })
+
+    await wrapper.find('.select-trigger').trigger('click')
+    await flushPromises()
+    await nextTick()
+
+    document.body.querySelector('.select-option').click()
+    await flushPromises()
+    await nextTick()
+
+    expect(wrapper.emitted('update:modelValue')?.at(-1)).toEqual(['1'])
+    expect(wrapper.emitted('update:label')?.at(-1)).toEqual(['甲'])
+    expect(wrapper.emitted('change')?.at(-1)?.[0]).toEqual({ b_id: '1', b_name: '甲', extra: 'x' })
+    wrapper.unmount()
+  })
+
+  it('当前选中项不在结果中时回显到列表首', async () => {
+    mockRows([{ b_id: '2', b_name: '乙' }])
+    const wrapper = mount(FmsSelect, {
+      props: { viewName: 'v_customer', modelValue: '9', label: '既存客户' },
+      attachTo: document.body,
+    })
+
+    await wrapper.find('.select-trigger').trigger('click')
+    await flushPromises()
+    await nextTick()
+
+    const options = document.body.querySelectorAll('.select-option')
+    expect(options.length).toBe(2)
+    expect(options[0].textContent).toContain('既存客户')
+    wrapper.unmount()
+  })
+
+  it('键入按 labelKey 远程 LIKE 搜索（防抖）', async () => {
+    mockRows([])
+    const wrapper = mount(FmsSelect, {
+      props: { viewName: 'v_customer', searchDelay: 300 },
+      attachTo: document.body,
+    })
+
+    // 先展开：immediate('') 会拉一次全量，与后续搜索区分开
+    await wrapper.find('.select-trigger').trigger('click')
+    await flushPromises()
+
+    vi.useFakeTimers()
+    pageDataApi.mockClear()
+    await wrapper.find('.select-input').setValue('kw')
+    // 防抖窗口内不发请求
+    expect(pageDataApi).not.toHaveBeenCalled()
+
+    await vi.advanceTimersByTimeAsync(300)
+    expect(pageDataApi).toHaveBeenCalledWith(
+      expect.objectContaining({ searchCondition: "b_name LIKE '%kw%'" }),
+    )
+    wrapper.unmount()
+  })
+})