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

/**
 * 界面配置 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: [] })
  })
})