20260826173130

code/fms/fms-vue/tests/views/module-management.spec.js

@@ -1152,6 +1152,10 @@ describe('ModuleEditConfigPanel（表单设计视图）', () => {
     expect(wrapper.text()).toContain('未分组')
     // 属性面板初始未选中字段（子标题显示"未选中"）
     expect(wrapper.find('.mm-fdesign__inspector .mm-fdesign__subhead').text()).toContain('未选中')
+    // 左栏只放字段：不显示「字段库」标题与布局组件入口
+    expect(wrapper.text()).not.toContain('字段库')
+    expect(wrapper.text()).not.toContain('布局组件')
+    expect(wrapper.text()).not.toContain('分组容器')
     // 数据视图表格默认隐藏
     expect(wrapper.find('.mm-edit__data').attributes('style')).toContain('display: none')
   })
@@ -1220,8 +1224,8 @@ describe('ModuleEditConfigPanel（表单设计视图）', () => {
     ]
     const wrapper = mountEdit({ fields: extraFields })
     await nextTick()
-    // 字段库渲染全部字段项（4 字段 + 2 布局组件）
-    expect(wrapper.findAll('.mm-fdesign__lib-item').length).toBe(6)
+    // 字段库渲染全部字段项（4 个字段，无布局组件）
+    expect(wrapper.findAll('.mm-fdesign__lib-item').length).toBe(4)
     // 画布分组渲染现有字段
     expect(wrapper.findAll('.mm-fdesign__field').length).toBe(3)
   })
@@ -2354,7 +2358,7 @@ describe('ModuleEditConfigPanel（表单设计视图）', () => {
     const subtitles = wrapper.findAll('.mm-fdesign__lib-subtitle').map((s) => s.text())
     // 首次出现顺序：输入框(input)、金额(money)、下拉选择(select)、文本域(textarea)
     expect(subtitles).toEqual(['输入框', '金额', '下拉选择', '文本域'])
-    expect(wrapper.findAll('.mm-fdesign__lib-item').length).toBe(6) // 4 字段 + 2 布局组件
+    expect(wrapper.findAll('.mm-fdesign__lib-item').length).toBe(4) // 4 字段，无布局组件
   })
 
   it('智能偏向判定：按比例最近边缘，鼠标偏向哪条边就插到哪边', async () => {
@@ -2710,13 +2714,16 @@ describe('ModuleEditConfigPanel（子表表格设计）', () => {
 
   // 带一个分组（g1 金额信息）的挂载：f1/f2 在组内，f3 未分组
 
-  it('头部编辑方式下拉：显示表单设计/表格设计，切换 emit update:editMode', async () => {
+  it('头部编辑方式分段控件：主表表单/子表表格，切换 emit update:editMode', async () => {
     const wrapper = mountTableEdit()
     await nextTick()
-    // 第一个 Select 为头部编辑方式（modelValue = props.editMode）
-    const modeSelect = wrapper.findAllComponents({ name: 'Select' })[0]
-    expect(modeSelect.props('modelValue')).toBe('table')
-    modeSelect.vm.$emit('update:model-value', 'form')
+    const modeBtns = wrapper.findAll('.mm-edit__mode-btn')
+    expect(modeBtns).toHaveLength(2)
+    expect(modeBtns[0].text()).toContain('主表表单')
+    expect(modeBtns[1].text()).toContain('子表表格')
+    // 当前 editMode=table → 第二个按钮激活
+    expect(modeBtns[1].classes()).toContain('is-active')
+    await modeBtns[0].trigger('click')
     await nextTick()
     expect(wrapper.emitted('update:editMode').at(-1)[0]).toBe('form')
   })
@@ -2915,7 +2922,10 @@ describe('ModuleEditConfigPanel（子表表格设计）', () => {
   }
 
   function previewHandle(fieldId) {
-    return document.body.querySelector(`.mm-tdesign__resize-handle[data-field-id="${fieldId}"]`)
+    // 限定在预览弹窗内查询列宽手柄，避免命中残留 DOM
+    return document.body.querySelector(
+      `.mm-tdesign__preview-wrap .mm-tdesign__resize-handle[data-field-id="${fieldId}"]`,
+    )
   }
 
   it('预览弹窗拖拽调整列宽：实时更新表头，松手后 emit update(b_width)', async () => {