u

code/g3soft-erp/web/tests/views/module/module-management/ModuleAutoCodePanel.spec.ts

@@ -4,11 +4,14 @@
  * 关键点：模块从未配置自动编码时草稿保持空数组（打开面板即建行会把「无变更」
  * diff 成一条 insert），只有用户首次操作才落行；且 defineModel 写入后不能立刻
  * 回读 prop（要下一轮才回传），所以建行后返回的是 reactive 代理行。
+ *
+ * 「启用」开关不在本面板内（已上提到页面级面板头），面板通过
+ * defineExpose 的 toggleEnabled() 拨动、enabled prop 接收状态，
+ * 测试走同一对口而不是找面板里的 G3Switch。
  */
 
 import { describe, expect, it } from 'vitest'
 import { mount } from '@vue/test-utils'
-import { G3Switch } from '@g3soft/ui'
 import ModuleAutoCodePanel from '@/views/module/module-management/ModuleAutoCodePanel.vue'
 import type { ModuleAutoCodeRow } from '@/views/module/module-management/utils'
 
@@ -38,14 +41,28 @@ function row(overrides: Partial<ModuleAutoCodeRow> = {}): ModuleAutoCodeRow {
   }
 }
 
-/** 模拟父级 v-model:autocode：emit 回来要显式写回 prop，否则复现不了「立刻回读旧值」的问题 */
-function mountPanel(autocode: ModuleAutoCodeRow[] = []) {
+/**
+ * 模拟父级 v-model:autocode + 面板头开关：emit 回来要显式写回 prop，
+ * 否则复现不了「立刻回读旧值」的问题。
+ *
+ * 注意 enabled 用可变对象持有、不在 mount 期间引用 wrapper：
+ * 面板的 update:enabled 是 immediate 的，挂载时就会 emit，
+ * 处理器里访问尚未赋值的 wrapper 会直接抛 TDZ 错误。
+ */
+function mountPanel(autocode: ModuleAutoCodeRow[] = [], enabled = false) {
+  const state = { enabled }
   const wrapper = mount(ModuleAutoCodePanel, {
     props: {
       moduleId: 'm1',
       fields: FIELDS,
       autocode,
+      get enabled() {
+        return state.enabled
+      },
       'onUpdate:autocode': (value: ModuleAutoCodeRow[]) => wrapper.setProps({ autocode: value }),
+      'onUpdate:enabled': (value: boolean) => {
+        state.enabled = value
+      },
     },
   })
   return wrapper
@@ -56,7 +73,7 @@ describe('自动编码面板', () => {
     const wrapper = mountPanel()
 
     // 模块从未配置自动编码：草稿为空，此时拨开关会走 ensureRow 建行
-    wrapper.findComponent(G3Switch).vm.$emit('update:modelValue', true)
+    wrapper.vm.toggleEnabled(true)
     await wrapper.vm.$nextTick()
 
     const emitted = wrapper.emitted('update:autocode')
@@ -73,7 +90,7 @@ describe('自动编码面板', () => {
     const draft = [row({ b_canuse: 0, b_prefix: 'A' })]
     const wrapper = mountPanel(draft)
 
-    wrapper.findComponent(G3Switch).vm.$emit('update:modelValue', true)
+    wrapper.vm.toggleEnabled(true)
     await wrapper.vm.$nextTick()
 
     // 已落草稿：直接改这一行的属性（父级 ref 是深度响应式，改得见）
@@ -82,6 +99,39 @@ describe('自动编码面板', () => {
     expect(draft[0]?.b_prefix).toBe('A') // 沿用原行，未被占位行覆盖
   })
 
+  it('把从未配置过的模块拨开又关掉，不留占位行（否则保存会 diff 出一条 insert）', async () => {
+    const wrapper = mountPanel()
+
+    wrapper.vm.toggleEnabled(true)
+    await wrapper.vm.$nextTick()
+    wrapper.vm.toggleEnabled(false)
+    await wrapper.vm.$nextTick()
+
+    // 最后一次写回的草稿必须回到空数组
+    const emitted = wrapper.emitted('update:autocode')!
+    expect(emitted[emitted.length - 1][0]).toEqual([])
+  })
+
+  it('停用既有规则时保留该行（那是既有规则的停用，要落库）', async () => {
+    const draft = [row({ b_canuse: 1 })]
+    const wrapper = mountPanel(draft, true)
+
+    wrapper.vm.toggleEnabled(false)
+    await wrapper.vm.$nextTick()
+
+    expect(draft[0]?.b_canuse).toBe(0)
+    // 没有把数组清空重写
+    expect(wrapper.emitted('update:autocode')).toBeUndefined()
+  })
+
+  it('启用态回报给父级（驱动面板头开关）', async () => {
+    const wrapper = mountPanel([row({ b_canuse: 1 })])
+    await wrapper.vm.$nextTick()
+
+    expect(wrapper.emitted('update:enabled')).toBeTruthy()
+    expect(wrapper.emitted('update:enabled')![0][0]).toBe(true)
+  })
+
   it('紧凑网格固定竖排且标签左对齐，不跟随全局横排配置', () => {
     const wrapper = mountPanel()
     expect(wrapper.find('form').classes()).toContain('g3-form--vertical')
@@ -89,6 +139,12 @@ describe('自动编码面板', () => {
     expect(wrapper.findAll('.g3-form-item__label.is-label-right')).toHaveLength(0)
   })
 
+  it('面板内不再自带「启用」开关（已上提到页面级面板头）', () => {
+    const wrapper = mountPanel([row()])
+
+    expect(wrapper.find('[role="switch"]').exists()).toBe(false)
+  })
+
   it('预览按 前缀 + 日期 + 补位流水号 拼接', async () => {
     const wrapper = mountPanel([
       row({ b_prefix: 'G3', b_dateformat: '', b_seqwidth: 4, b_resettype: 'none' }),
@@ -101,13 +157,13 @@ describe('自动编码面板', () => {
   })
 
   it('启用态下的合法规则校验通过', async () => {
-    const wrapper = mountPanel([row()])
+    const wrapper = mountPanel([row()], true)
 
     expect(await wrapper.vm.validate()).toEqual([])
   })
 
   it('启用但未选业务编号字段时报错（错误挂在对应 FormItem 上）', async () => {
-    const wrapper = mountPanel([row({ b_field: null })])
+    const wrapper = mountPanel([row({ b_field: null })], true)
 
     const errors = await wrapper.vm.validate()
     expect(errors.map((item) => item.name)).toContain('b_field')
@@ -115,7 +171,7 @@ describe('自动编码面板', () => {
   })
 
   it('位数超出 1-18 时报错', async () => {
-    const wrapper = mountPanel([row({ b_seqwidth: 20 })])
+    const wrapper = mountPanel([row({ b_seqwidth: 20 })], true)
 
     const errors = await wrapper.vm.validate()
     expect(errors.find((item) => item.name === 'b_seqwidth')?.errors[0]).toBe(
@@ -128,4 +184,11 @@ describe('自动编码面板', () => {
 
     expect(await wrapper.vm.validate()).toEqual([])
   })
+
+  it('未启用时即使参数残缺也不报错（重置周期为空同样跳过）', async () => {
+    // 占位行 / 已停用的规则都不该拦保存：旧写法里 b_resettype 是硬性 required，会误报
+    const wrapper = mountPanel([row({ b_canuse: 0, b_resettype: '', b_seqwidth: 0 })], false)
+
+    expect(await wrapper.vm.validate()).toEqual([])
+  })
 })