20260911173133

code/fms/fms-vue/tests/unit/form-edit-panel-mount.spec.js

@@ -1,11 +1,23 @@
 /**
- * 复现用：新建空数据模块后 FormEditPanel 首次挂载（全部空数组）。
- * 若存在响应式自触发循环，Vue 会抛 "Maximum recursive updates exceeded"。
+ * 表单设计面板（ModuleEditPanel → FormDesignEditor）挂载回归（V2：edit JSON 节点模型）。
+ * 覆盖：空配置挂载、已有配置切换为空草稿（新建模块序列）均不触发递归更新。
  */
 import { mount } from '@vue/test-utils'
-import { describe, expect, it, vi } from 'vitest'
+import { beforeAll, describe, expect, it, vi } from 'vitest'
 import { createPinia, setActivePinia } from 'pinia'
-import ModuleFormEditPanel from '@/views/module/module-management/components/form-edit/FormEditPanel.vue'
+import { registerFeature, useAreaSelection } from 'stk-table-vue'
+import ModuleEditPanel from '@/views/module/module-management/ModuleEditPanel.vue'
+
+registerFeature(useAreaSelection)
+
+beforeAll(() => {
+  Object.defineProperty(HTMLElement.prototype, 'clientWidth', {
+    configurable: true,
+    get() {
+      return 5000
+    },
+  })
+})
 
 vi.mock('@/services/api', () => ({
   loadDataApi: vi.fn(async () => ({ data: [] })),
@@ -31,63 +43,54 @@ const StubDraggable = {
   `,
 }
 
-function mountEmptyPanel() {
-  return mount(ModuleFormEditPanel, {
+const fields = [
+  { b_field: 'name', b_name: '姓名', b_type: 'input' },
+  { b_field: 'age', b_name: '年龄', b_type: 'number' },
+]
+
+const filledSchema = {
+  schemaVersion: 1,
+  children: [
+    {
+      type: 'group',
+      title: '基本信息',
+      children: [
+        { field: 'name', span: 24, required: true },
+        { field: 'age', span: 24 },
+      ],
+    },
+  ],
+}
+
+function mountPanel(modelValue) {
+  return mount(ModuleEditPanel, {
     props: {
       moduleId: 'm1',
-      editConfig: [],
-      listConfig: [],
-      fields: [],
-      groups: [],
-      editMode: 'form',
-      loading: false,
+      modelValue,
+      fields,
       active: true,
+      loading: false,
     },
     global: { stubs: { draggable: StubDraggable } },
   })
 }
 
-const fields = [
-  { b_id: '1', b_name: '姓名', b_field: 'name', b_type: 'input' },
-  { b_id: '2', b_name: '年龄', b_field: 'age', b_type: 'number' },
-]
-const groups = [
-  { b_id: 'g1', b_module_id: 'm1', b_parent_id: null, b_title: '基本信息', b_xh: 10, b_canuse: 1 },
-]
-const editConfig = [
-  { b_id: 'e1', b_module_id: 'm1', b_field_id: '1', b_group_id: 'g1', b_visible: 1, b_required: 0, b_readonly: 0, b_disabled: 0, b_colspan: 24, b_height: null, b_placeholder: null, b_xh: 10 },
-  { b_id: 'e2', b_module_id: 'm1', b_field_id: '2', b_group_id: null, b_visible: 1, b_required: 0, b_readonly: 0, b_disabled: 0, b_colspan: 24, b_height: null, b_placeholder: null, b_xh: 20 },
-]
-
-describe('FormEditPanel 空模块挂载', () => {
-  it('从空挂载不触发递归更新', async () => {
+describe('ModuleEditPanel 挂载', () => {
+  it('空配置挂载不触发递归更新', async () => {
     setActivePinia(createPinia())
-    const wrapper = mountEmptyPanel()
+    const wrapper = mountPanel({ schemaVersion: 1, children: [] })
     await wrapper.vm.$nextTick()
     await wrapper.vm.$nextTick()
     expect(wrapper.exists()).toBe(true)
     wrapper.unmount()
   })
 
-  it('已有数据模块切到空草稿（新建模块序列）不触发递归更新', async () => {
+  it('已有配置切换为空草稿（新建模块序列）不触发递归更新', async () => {
     setActivePinia(createPinia())
-    const wrapper = mount(ModuleFormEditPanel, {
-      props: {
-        moduleId: 'm1',
-        editConfig: editConfig.map((r) => ({ ...r })),
-        listConfig: [],
-        fields,
-        groups: groups.map((g) => ({ ...g })),
-        editMode: 'form',
-        loading: false,
-        active: true,
-      },
-      global: { stubs: { draggable: StubDraggable } },
-    })
+    const wrapper = mountPanel(filledSchema)
     await wrapper.vm.$nextTick()
     await wrapper.vm.$nextTick()
-    // 模拟 addModule：drafts 整体替换为空草稿，props 全部变为空数组
-    await wrapper.setProps({ editConfig: [], fields: [], groups: [] })
+    await wrapper.setProps({ modelValue: { schemaVersion: 1, children: [] }, fields: [] })
     await wrapper.vm.$nextTick()
     await new Promise((r) => setTimeout(r, 30))
     expect(wrapper.exists()).toBe(true)