20260911173133

code/fms/fms-vue/tests/unit/schema-render.spec.js

@@ -0,0 +1,157 @@
+/**
+ * 界面配置 JSON → 运行时渲染配置 适配层测试（fms-module-common/schemaRender）。
+ * 覆盖 view→列表列、edit→分组/编辑行、query→查询条件，以及栏位设置回写 JSON。
+ */
+import { describe, expect, it } from 'vitest'
+import {
+  buildListConfig,
+  buildEditRender,
+  buildQueryRender,
+  orderQueryConditions,
+  applyColumnSettings,
+} from '@/components/fms-module-common/schemaRender'
+import { parseOptions } from '@/components/fms-module-common/fieldUtils'
+
+describe('buildListConfig（view JSON → 列表列）', () => {
+  it('分组/嵌套分组按文档顺序展开为扁平列，保留宽度与可见性', () => {
+    const view = {
+      schemaVersion: 1,
+      columns: [
+        { field: 'name', width: 120 },
+        {
+          type: 'group',
+          title: '基本信息',
+          children: [
+            { field: 'age', width: 100 },
+            { type: 'group', title: '深层', children: [{ field: 'remark', width: 200 }] },
+          ],
+        },
+        { field: 'hidden', visible: false },
+      ],
+    }
+    const rows = buildListConfig(view)
+    expect(rows.map((r) => r.b_field)).toEqual(['name', 'age', 'remark', 'hidden'])
+    expect(rows.map((r) => r.b_xh)).toEqual([10, 20, 30, 40])
+    expect(rows[0]).toMatchObject({ b_field: 'name', b_width: 120, b_visible: 1 })
+    expect(rows[3].b_visible).toBe(0)
+  })
+
+  it('无配置时返回空数组', () => {
+    expect(buildListConfig({ schemaVersion: 1, columns: [] })).toEqual([])
+    expect(buildListConfig(null)).toEqual([])
+  })
+})
+
+describe('buildEditRender（edit JSON → 分组 + 编辑行）', () => {
+  it('还原分组与行属性，嵌套分组生成独立分组', () => {
+    const edit = {
+      schemaVersion: 1,
+      children: [
+        { field: 'code', span: 24, required: true },
+        {
+          type: 'group',
+          title: '基础',
+          children: [
+            { field: 'name', span: 12, readonly: true, defaultValue: 'X' },
+            { type: 'group', title: '扩展', children: [{ field: 'remark', span: 24 }] },
+          ],
+        },
+      ],
+    }
+    const { groups, rows } = buildEditRender(edit)
+    expect(rows.map((r) => r.b_field)).toEqual(['code', 'name', 'remark'])
+    const outer = groups.find((g) => g.b_title === '基础')
+    const inner = groups.find((g) => g.b_title === '扩展')
+    expect(outer).toBeTruthy()
+    expect(inner.b_parent_id).toBe(outer.b_id)
+    expect(rows[0]).toMatchObject({ b_group_id: null, b_required: 1, b_colspan: 24 })
+    expect(rows[1]).toMatchObject({
+      b_group_id: outer.b_id,
+      b_colspan: 12,
+      b_readonly: 1,
+      b_default_value: 'X',
+    })
+    expect(rows[2].b_group_id).toBe(inner.b_id)
+  })
+})
+
+describe('buildQueryRender / orderQueryConditions（query JSON → 查询条件）', () => {
+  const query = {
+    schemaVersion: 1,
+    quick: ['b_status'],
+    groups: [
+      {
+        logic: 'and',
+        conditions: [
+          { field: 'b_no', operator: 'like' },
+          { field: 'b_status', operator: 'eq', component: 'select', defaultValue: '1' },
+        ],
+      },
+    ],
+  }
+
+  it('展开条件并透出 quick', () => {
+    const { quick, conditions } = buildQueryRender(query)
+    expect(quick).toEqual(['b_status'])
+    expect(conditions.map((c) => c.field)).toEqual(['b_no', 'b_status'])
+    expect(conditions[1]).toMatchObject({ operator: 'eq', component: 'select', defaultValue: '1' })
+  })
+
+  it('quick 字段优先排序', () => {
+    const { quick, conditions } = buildQueryRender(query)
+    const ordered = orderQueryConditions(conditions, quick)
+    expect(ordered.map((c) => c.field)).toEqual(['b_status', 'b_no'])
+  })
+})
+
+describe('applyColumnSettings（栏位设置回写 JSON）', () => {
+  it('同层按设置顺序重排并更新宽度，保留分组结构', () => {
+    const view = {
+      schemaVersion: 1,
+      columns: [
+        { field: 'a', width: 100 },
+        { type: 'group', title: 'G', children: [{ field: 'b', width: 110 }, { field: 'c', width: 120 }] },
+        { field: 'd', width: 130 },
+      ],
+    }
+    const settings = [
+      { b_field: 'd', b_width: 300 },
+      { b_field: 'b', b_width: 200 },
+      { b_field: 'a', b_width: 150 },
+      { b_field: 'c', b_width: 120 },
+    ]
+    const next = applyColumnSettings('view', view, settings)
+    expect(next.columns[0].field).toBe('d')
+    expect(next.columns[0].width).toBe(300)
+    expect(next.columns[1].type).toBe('group')
+    expect(next.columns[1].children.map((n) => n.field)).toEqual(['b', 'c'])
+    expect(next.columns[1].children[0].width).toBe(200)
+    expect(next.columns[2].field).toBe('a')
+    expect(next.columns[2].width).toBe(150)
+  })
+})
+
+describe('parseOptions（选项来源）', () => {
+  it('读取界面配置节点的 options 数组', () => {
+    const { options } = parseOptions({ options: [{ value: '1', label: '是' }, { value: '0', label: '否' }] })
+    expect(options.map((o) => o.value)).toEqual(['1', '0'])
+  })
+
+  it('读取 { options: [] } 形态并解析 optionConfig', () => {
+    const { options, optionConfig } = parseOptions({
+      options: { precision: 3, options: [{ value: 1, label: '一' }] },
+    })
+    expect(optionConfig.precision).toBe(3)
+    expect(options[0]).toMatchObject({ value: 1, label: '一' })
+  })
+
+  it('兼容旧字段行 b_options JSON 字符串', () => {
+    const { options } = parseOptions({ b_options: JSON.stringify(['A', 'B']) })
+    expect(options.map((o) => o.value)).toEqual(['A', 'B'])
+  })
+
+  it('无选项来源时返回空', () => {
+    expect(parseOptions({ b_type: 'input' })).toEqual({ optionConfig: {}, options: [] })
+    expect(parseOptions(null)).toEqual({ optionConfig: {}, options: [] })
+  })
+})