From 9c7c1d97efb611c56ee8884577f288e3113f1ec1 Mon Sep 17 00:00:00 2001
From: Liberty <zhuizhuidea@gmail.com>
Date: Thu, 17 Aug 2023 16:47:12 +0800
Subject: [PATCH 01/30] test(erFormConfig): email:pc|Email:mobile

---
 examples/views/formEditorConfig.vue           |   3 +-
 .../Config/components/CheckboxComponent.vue   |   1 -
 .../Config/components/GlobalConfigPanel.vue   |   2 +-
 .../Panels/Config/components/PropsPanel.vue   |  47 +++++--
 .../components/Panels/Config/index.vue        |   6 +-
 packages/utils/nanoid.js                      |   2 +-
 packages/utils/test.js                        |  23 ++++
 test/erFormConfig.test.js                     | 129 ++++++++++++++++++
 8 files changed, 197 insertions(+), 16 deletions(-)
 create mode 100644 packages/utils/test.js
 create mode 100644 test/erFormConfig.test.js

diff --git a/examples/views/formEditorConfig.vue b/examples/views/formEditorConfig.vue
index 5848561..29507e0 100644
--- a/examples/views/formEditorConfig.vue
+++ b/examples/views/formEditorConfig.vue
@@ -55,8 +55,7 @@ const sector = computed(() => {
   } else {
     result = _.find(all.value, { id: value0.value })
   }
-  console.log(result?.columns?.[0])
-  return result?.columns?.[0] || result
+  return result
 })
 const handleListener = async ({ type, data }) => {
   console.log(type)
diff --git a/packages/formEditor/components/Panels/Config/components/CheckboxComponent.vue b/packages/formEditor/components/Panels/Config/components/CheckboxComponent.vue
index ffc683b..d27d487 100644
--- a/packages/formEditor/components/Panels/Config/components/CheckboxComponent.vue
+++ b/packages/formEditor/components/Panels/Config/components/CheckboxComponent.vue
@@ -3,7 +3,6 @@ import utils from '@ER/utils'
 import hooks from '@ER/hooks'
 export default {
   name: 'ConfigCheckboxComponent',
-  inheritAttrs: false,
   customOptions: {}
 }
 </script>
diff --git a/packages/formEditor/components/Panels/Config/components/GlobalConfigPanel.vue b/packages/formEditor/components/Panels/Config/components/GlobalConfigPanel.vue
index e75cc90..57e5be9 100644
--- a/packages/formEditor/components/Panels/Config/components/GlobalConfigPanel.vue
+++ b/packages/formEditor/components/Panels/Config/components/GlobalConfigPanel.vue
@@ -128,7 +128,7 @@ const handleTypeListener = ({ property, data }) => {
       <div>
         <div :class="[ns.e('syncContent')]">
           <el-icon color="#f90">
-            <QuestionFilled />
+            <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-v-ea893728=""><path fill="currentColor" d="M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm23.744 191.488c-52.096 0-92.928 14.784-123.2 44.352-30.976 29.568-45.76 70.4-45.76 122.496h80.256c0-29.568 5.632-52.8 17.6-68.992 13.376-19.712 35.2-28.864 66.176-28.864 23.936 0 42.944 6.336 56.32 19.712 12.672 13.376 19.712 31.68 19.712 54.912 0 17.6-6.336 34.496-19.008 49.984l-8.448 9.856c-45.76 40.832-73.216 70.4-82.368 89.408-9.856 19.008-14.08 42.24-14.08 68.992v9.856h80.96v-9.856c0-16.896 3.52-31.68 10.56-45.76 6.336-12.672 15.488-24.64 28.16-35.2 33.792-29.568 54.208-48.576 60.544-55.616 16.896-22.528 26.048-51.392 26.048-86.592 0-42.944-14.08-76.736-42.24-101.376-28.16-25.344-65.472-37.312-111.232-37.312zm-12.672 406.208a54.272 54.272 0 0 0-38.72 14.784 49.408 49.408 0 0 0-15.488 38.016c0 15.488 4.928 28.16 15.488 38.016A54.848 54.848 0 0 0 523.072 768c15.488 0 28.16-4.928 38.72-14.784a51.52 51.52 0 0 0 16.192-38.72 51.968 51.968 0 0 0-15.488-38.016 55.936 55.936 0 0 0-39.424-14.784z"></path></svg>
           </el-icon>
           {{ t('er.config.globalConfig.sync.warning') }}
         </div>
diff --git a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
index 2a26cfa..2244322 100644
--- a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
+++ b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
@@ -399,7 +399,7 @@ onMounted(() => {
 <!--        {{target.id}}-->
 <!--      </el-tag>-->
 <!--    </el-form-item>-->
-    <el-form-item v-if="isSelectField" :label="t('er.config.propsPanel.id')" prop="key">
+    <el-form-item v-bind="utils.addTestId('configPanel:id')" v-if="isSelectField" :label="t('er.config.propsPanel.id')" prop="key">
       <el-input
         v-model="target.key"
       />
@@ -408,12 +408,14 @@ onMounted(() => {
       v-if="isSelectField"
       :label="t('er.config.propsPanel.title')"
       operationKey="options"
-      field="isShowLabel">
+      field="isShowLabel"
+      v-bind="utils.addTestId('propsPanel:title')"
+    >
       <template v-slot:content>
         <div :class="[ns.e('collapseWrap'), ns.e('collapseWrap-left')]">
           <el-row justify="space-between" align="middle">
             <el-col :span="isPc ? 11 : 24">
-              <el-form-item>
+              <el-form-item v-bind="utils.addTestId('configPanel:title')">
                 <template v-slot:label>
                   <Icon icon="title"/>
                 </template>
@@ -425,7 +427,7 @@ onMounted(() => {
               </el-form-item>
             </el-col>
             <el-col :span="12" v-if="isPc">
-              <el-form-item>
+              <el-form-item v-bind="utils.addTestId('configPanel:titleWidth')">
                 <template v-slot:label>
                   <Icon icon="dragWidth"/>
                 </template>
@@ -476,6 +478,7 @@ onMounted(() => {
         <el-input
           v-model="target.options.defaultValue"
           clearable
+          v-bind="utils.addTestId('configPanel:defaultValue')"
         />
       </template>
       <template v-else-if="checkTypeBySelected(['number'], 'defaultValue')">
@@ -555,6 +558,7 @@ onMounted(() => {
         v-if="checkTypeBySelected(['input', 'select', 'cascader', 'time', 'date', 'html', 'region'], 'placeholder')"
         v-model="target.options.placeholder"
         clearable
+        v-bind="utils.addTestId('configPanel:placeholder')"
       />
       <el-input
         v-else-if="checkTypeBySelected(['textarea'], 'placeholder')"
@@ -720,8 +724,14 @@ onMounted(() => {
       :height="40"
       :fontSize="28"
       :nodes="options1"
+      v-bind="utils.addTestId('configPanel:width')"
+    />
+    <PanelsConfigComponentsCheckboxComponent
+      v-if="checkTypeBySelected(['input', 'textarea'], 'isShowTrim')"
+      :label="t('er.config.propsPanel.trim')"
+      field="isShowTrim"
+      v-bind="utils.addTestId('configPanel:isShowTrim')"
     />
-    <PanelsConfigComponentsCheckboxComponent v-if="checkTypeBySelected(['input', 'textarea'], 'isShowTrim')" :label="t('er.config.propsPanel.trim')" field="isShowTrim"/>
     <PanelsConfigComponentsCheckboxComponent
       v-if="(checkTypeBySelected(['input'], 'wordLimit') && target.options.renderType === 1) || checkTypeBySelected(['textarea', 'number'], 'wordLimit')"
       :label="t('er.config.propsPanel.wordLimit')" field="isShowWordLimit">
@@ -750,7 +760,11 @@ onMounted(() => {
       <PanelsConfigComponentsLimitComponent/>
     </PanelsConfigComponentsCheckboxComponent>
     <PanelsConfigComponentsCheckboxComponent
-      v-if="isSelectField && !checkTypeBySelected(['rate', 'switch', 'slider', 'divider'], 'required')" :label="t('er.validateMsg.required')" field="required"/>
+      v-if="isSelectField && !checkTypeBySelected(['rate', 'switch', 'slider', 'divider'], 'required')"
+      :label="t('er.validateMsg.required')"
+      field="required"
+      v-bind="utils.addTestId('configPanel:required')"
+    />
     <PanelsConfigComponentsTypeComponent
       v-if="isSelectGrid"
       @listener="handleTypeListener"
@@ -832,7 +846,9 @@ onMounted(() => {
             @command="(command) => { bgStatus = command }"
           >
         <span>
-          {{ bgStatus ? t('er.public.image') : t('er.public.color') }}<el-icon class="el-icon--right"><arrow-down /></el-icon>
+          {{ bgStatus ? t('er.public.image') : t('er.public.color') }}<el-icon class="el-icon--right">
+          <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-v-ea893728=""><path fill="currentColor" d="M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"></path></svg>
+        </el-icon>
         </span>
             <template #dropdown>
               <el-dropdown-menu>
@@ -861,7 +877,9 @@ onMounted(() => {
             @command="(command) => target.style.border.style = command"
           >
         <span>
-          {{ target.style.border && target.style.border.style }}<el-icon class="el-icon--right"><arrow-down /></el-icon>
+          {{ target.style.border && target.style.border.style }}<el-icon class="el-icon--right">
+          <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" data-v-ea893728=""><path fill="currentColor" d="M831.872 340.864 512 652.672 192.128 340.864a30.592 30.592 0 0 0-42.752 0 29.12 29.12 0 0 0 0 41.6L489.664 714.24a32 32 0 0 0 44.672 0l340.288-331.712a29.12 29.12 0 0 0 0-41.728 30.592 30.592 0 0 0-42.752 0z"></path></svg>
+        </el-icon>
         </span>
             <template #dropdown>
               <el-dropdown-menu>
@@ -884,7 +902,11 @@ onMounted(() => {
     <PanelsConfigComponentsCheckboxComponent v-if="isSelectCollapse" :label="t('er.config.propsPanel.accordion')" field="accordion">
     </PanelsConfigComponentsCheckboxComponent>
     <template v-if="isSelectField && !checkTypeBySelected(['divider'])">
-      <PanelsConfigComponentsCheckboxComponent :label="t('er.public.disabled')" field="disabled">
+      <PanelsConfigComponentsCheckboxComponent
+        :label="t('er.public.disabled')"
+        field="disabled"
+        v-bind="utils.addTestId('configPanel:disabled')"
+      >
       </PanelsConfigComponentsCheckboxComponent>
       <PanelsConfigComponentsCheckboxComponent v-if="checkTypeBySelected(['input'], 'showPassword') && target.options.renderType === 1" :label="t('er.config.propsPanel.showPassword')" field="showPassword">
       </PanelsConfigComponentsCheckboxComponent>
@@ -917,7 +939,12 @@ onMounted(() => {
       </PanelsConfigComponentsCheckboxComponent>
       <PanelsConfigComponentsCheckboxComponent v-if="checkTypeBySelected(['cascader'], 'anyNode')" :label="t('er.config.propsPanel.anyNode')" field="checkStrictly" @change="checkLogicData">
       </PanelsConfigComponentsCheckboxComponent>
-      <PanelsConfigComponentsCheckboxComponent v-if="checkTypeBySelected(['input', 'select', 'time', 'date', 'cascader', 'region'], 'clearable')" :label="t('er.config.propsPanel.clearable')" field="clearable">
+      <PanelsConfigComponentsCheckboxComponent
+        v-if="checkTypeBySelected(['input', 'select', 'time', 'date', 'cascader', 'region'], 'clearable')"
+        :label="t('er.config.propsPanel.clearable')"
+        field="clearable"
+        v-bind="utils.addTestId('configPanel:clearable')"
+      >
       </PanelsConfigComponentsCheckboxComponent>
     </template>
   </div>
diff --git a/packages/formEditor/components/Panels/Config/index.vue b/packages/formEditor/components/Panels/Config/index.vue
index f781511..9ee3114 100644
--- a/packages/formEditor/components/Panels/Config/index.vue
+++ b/packages/formEditor/components/Panels/Config/index.vue
@@ -153,7 +153,11 @@ watch(target, () => {
 </script>
 <template>
   <el-aside :class="[ns.b()]" :width="ER.props.configPanelWidth">
-    <el-breadcrumb :class="[ns.e('breadcrumb')]" separator-icon="ArrowRight">
+    <el-breadcrumb
+      :class="[ns.e('breadcrumb')]"
+      separator-icon="ArrowRight"
+      v-bind="utils.addTestId('configPanel:breadcrumb')"
+    >
       <el-breadcrumb-item @click="(index !== bars.length - 1 && item.node.value !== 'placeholder') && handleBreadcrumbClick(item.node)" v-for="(item, index) in bars" :key="index">
         {{item.node.value === 'placeholder' ? '...' : item.label}}
       </el-breadcrumb-item>
diff --git a/packages/utils/nanoid.js b/packages/utils/nanoid.js
index c465c8d..b66b38c 100644
--- a/packages/utils/nanoid.js
+++ b/packages/utils/nanoid.js
@@ -1,5 +1,5 @@
 import { nanoid as nanoidAlias } from 'nanoid'
-const nanoid = () => import.meta.env.MODE === 'test' ? '{{test-id-nanoid}}' : nanoidAlias()
+const nanoid = () => import.meta.env.MODE === 'test' && import.meta.env.TESTIDTYPE !== 'nanoid' ? '{{test-id-nanoid}}' : nanoidAlias()
 export {
   nanoid
 }
diff --git a/packages/utils/test.js b/packages/utils/test.js
new file mode 100644
index 0000000..aba216b
--- /dev/null
+++ b/packages/utils/test.js
@@ -0,0 +1,23 @@
+const addTestId = (id, type = 'attr') => {
+  let result = ''
+  if (import.meta.env.MODE === 'test') {
+    if (type === 'attr') {
+      result = { 'data-test-id': `er-formEditor-${id}` }
+    }
+    if (type === 'id') {
+      result = `er-filter-${id}`
+    }
+  }
+  return result
+}
+const getTestId = (id, type = 'attr') => type === 'attr' ? `[data-test-id="er-formEditor-${id}"]` : `.er-filter-${id}`
+const addAttrs = (obj) => {
+  return import.meta.env.MODE === 'test' ? { 'data-test-attrs': JSON.stringify(obj) } : {}
+}
+const getAttrs = (el) => JSON.parse(el.getAttribute('data-test-attrs'))
+export {
+  addTestId,
+  getTestId,
+  addAttrs,
+  getAttrs
+}
diff --git a/test/erFormConfig.test.js b/test/erFormConfig.test.js
new file mode 100644
index 0000000..4d82fb1
--- /dev/null
+++ b/test/erFormConfig.test.js
@@ -0,0 +1,129 @@
+import { describe, assert, expect, test, beforeEach, vi, beforeAll, afterEach } from 'vitest'
+import { erComponentsConfig, erFormConfig, erGeneratorData, utils } from '@ER/formEditor/index.js'
+import { mount } from '@vue/test-utils'
+import { Plus } from '@element-plus/icons-vue'
+import ElementPlus from 'element-plus'
+import Vant from 'vant'
+import { computed, nextTick, reactive, ref } from 'vue'
+import _ from 'lodash-es'
+const _mount = (template, data, otherObj) => mount(
+  {
+    components: {
+      erFormConfig
+    },
+    template,
+    data,
+    ...otherObj
+  },
+  {
+    attachTo: 'body',
+    global: {
+      components: {
+        Plus
+      },
+      plugins: [
+        ElementPlus,
+        Vant
+      ]
+    }
+  }
+)
+describe('Configuration options owned by the config panel', () => {
+  const handleListener = vi.fn()
+  let wrapper = {}
+  const value0 = ref('root')
+  const all = ref([])
+  const store = reactive({
+    fields: [],
+    layouts: []
+  })
+  beforeAll(() => {
+    vi.stubEnv('TESTIDTYPE', 'nanoid')
+    store.fields = [...erComponentsConfig.fieldsConfig[0].list, ...erComponentsConfig.fieldsConfig[1].list].map(e => {
+      const result = erGeneratorData(e, true, 'en')
+      if (/^(radio|cascader|checkbox|select)$/.test(e.type)) {
+        result.columns[0].options.data = utils.generateOptions(3).map((e, i) => {
+          e.label += i + 1
+          return e
+        })
+      }
+      return result
+    })
+    const layoutNodes = erComponentsConfig.fieldsConfig[2].list.map(e => erGeneratorData(e, true, 'en'))
+    layoutNodes.forEach((node, index) => {
+      store.layouts.push(node)
+      switch (node.columns[0].type) {
+        case 'grid':
+        case 'tabs':
+        case 'collapse':
+          node.columns[0].columns[0].label = `${node.columns[0].label} > ${node.columns[0].columns[0].type}`
+          store.layouts.push(node.columns[0].columns[0])
+          break
+        case 'table':
+          node.columns[0].rows[0].columns[0].label = `${node.columns[0].label} > ${node.columns[0].rows[0].columns[0].type}`
+          store.layouts.push(node.columns[0].rows[0].columns[0])
+          break
+      }
+    })
+    all.value = [...store.fields, ...store.layouts]
+    const sector = computed(() => {
+      let result = ''
+      if (value0.value === 'root') {
+        result = 'root'
+      } else {
+        result = _.find(all.value, { id: value0.value })
+      }
+      return result
+    })
+    wrapper = _mount(`
+      <er-form-config
+        @listener="handleListener"
+        :field="sector"
+        :fields="store.fields.map(e => e.columns[0])"
+        lang="en"
+        ref="EReditorRef"/>
+      `, () => ({
+      handleListener,
+      store,
+      sector
+    })
+    )
+  })
+  afterEach(() => {
+    wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('pc')
+  })
+  test('Root', () => {
+    console.log(wrapper.html())
+    // console.log(erGeneratorData(erComponentsConfig.fieldsConfig[0].list[0], true, 'en'))
+    // expect(erGeneratorData(erComponentsConfig.fieldsConfig[0].list[0], true, 'en')).toMatchSnapshot()
+  })
+  test('Email:pc', async () => {
+    value0.value = store.fields[0].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Email'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
+  })
+  test('Email:mobile', async () => {
+    wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
+    value0.value = store.fields[0].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Email'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+  })
+})

From abfcea5779e6aeeb7c7bec8ff3a3d2455d1669ae Mon Sep 17 00:00:00 2001
From: Liberty <zhuizhuidea@gmail.com>
Date: Thu, 17 Aug 2023 16:51:56 +0800
Subject: [PATCH 02/30] test(erFormConfig): cellphone:pc|Cellphone:mobile

---
 test/erFormConfig.test.js | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/test/erFormConfig.test.js b/test/erFormConfig.test.js
index 4d82fb1..196ade3 100644
--- a/test/erFormConfig.test.js
+++ b/test/erFormConfig.test.js
@@ -126,4 +126,33 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
   })
+  test('Cellphone:pc', async () => {
+    value0.value = store.fields[1].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Cellphone'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
+  })
+  test('Cellphone:mobile', async () => {
+    wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
+    value0.value = store.fields[1].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Cellphone'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+  })
 })

From c9a2270c2bddbef062f2f141a23272de19068662 Mon Sep 17 00:00:00 2001
From: Liberty <zhuizhuidea@gmail.com>
Date: Thu, 17 Aug 2023 16:53:49 +0800
Subject: [PATCH 03/30] test(erFormConfig): uRL:pc|URL:mobile

---
 test/erFormConfig.test.js | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/test/erFormConfig.test.js b/test/erFormConfig.test.js
index 196ade3..3389585 100644
--- a/test/erFormConfig.test.js
+++ b/test/erFormConfig.test.js
@@ -155,4 +155,33 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
   })
+  test('URL:pc', async () => {
+    value0.value = store.fields[2].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'URL'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
+  })
+  test('URL:mobile', async () => {
+    wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
+    value0.value = store.fields[2].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'URL'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+  })
 })

From f62dd8d391c6458736605b843989114ba5a9809c Mon Sep 17 00:00:00 2001
From: Liberty <zhuizhuidea@gmail.com>
Date: Thu, 17 Aug 2023 17:08:00 +0800
Subject: [PATCH 04/30] test(erFormConfig): region:pc|Region:mobile

---
 .../Panels/Config/components/PropsPanel.vue   | 12 +++++--
 test/erFormConfig.test.js                     | 31 +++++++++++++++++++
 2 files changed, 41 insertions(+), 2 deletions(-)

diff --git a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
index 2244322..adeac57 100644
--- a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
+++ b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
@@ -461,6 +461,7 @@ onMounted(() => {
     ], 'defaultValue')">
       <template v-if="checkTypeBySelected(['cascader', 'region'], 'defaultValue')">
         <el-cascader
+          :class="[utils.addTestId('configPanel-defaultValue', 'id')]"
           v-model="target.options.defaultValue"
           v-bind="typeProps"
           clearable
@@ -706,7 +707,9 @@ onMounted(() => {
     <PanelsConfigComponentsTypeComponent
       v-if="checkTypeBySelected(['region'], 'regionType')"
       :label="t('er.config.propsPanel.region.label')"
-      :layoutType="0">
+      :layoutType="0"
+      v-bind="utils.addTestId('configPanel:regionType')"
+    >
       <el-select v-model="target.options.selectType" @change="handleChange1">
         <el-option
           v-for="item in options8"
@@ -912,7 +915,12 @@ onMounted(() => {
       </PanelsConfigComponentsCheckboxComponent>
       <PanelsConfigComponentsCheckboxComponent v-if="checkTypeBySelected(['select', 'cascader', 'uploadfile'], 'multiple')" :label="t('er.config.propsPanel.multiple')" @change="handleMultipleChange" field="multiple">
       </PanelsConfigComponentsCheckboxComponent>
-      <PanelsConfigComponentsCheckboxComponent v-if="checkTypeBySelected(['select', 'cascader', 'transfer', 'region'], 'filterable')" :label="t('er.config.propsPanel.filterable')" field="filterable">
+      <PanelsConfigComponentsCheckboxComponent
+        v-if="checkTypeBySelected(['select', 'cascader', 'transfer', 'region'], 'filterable')"
+        :label="t('er.config.propsPanel.filterable')"
+        field="filterable"
+        v-bind="utils.addTestId('configPanel:filterable')"
+      >
       </PanelsConfigComponentsCheckboxComponent>
       <PanelsConfigComponentsCheckboxComponent v-if="isPc && checkTypeBySelected(['number'], 'controls')" :label="t('er.config.propsPanel.numberControls.label')" field="controls">
         <PanelsConfigComponentsTypeComponent
diff --git a/test/erFormConfig.test.js b/test/erFormConfig.test.js
index 3389585..689f989 100644
--- a/test/erFormConfig.test.js
+++ b/test/erFormConfig.test.js
@@ -184,4 +184,35 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
   })
+  test('Region:pc', async () => {
+    value0.value = store.fields[3].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Region'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel-defaultValue', 'id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:regionType')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(true)
+  })
+  test('Region:mobile', async () => {
+    wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
+    value0.value = store.fields[3].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Region'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel-defaultValue', 'id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:regionType')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(true)
+  })
 })

From c518b3ea91e65a6309b7b6c9f25e3573c5e0c61c Mon Sep 17 00:00:00 2001
From: Liberty <zhuizhuidea@gmail.com>
Date: Thu, 17 Aug 2023 17:10:48 +0800
Subject: [PATCH 05/30] test(erFormConfig): iD number:pc|ID number:mobile

---
 test/erFormConfig.test.js | 29 +++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/test/erFormConfig.test.js b/test/erFormConfig.test.js
index 689f989..cf5c698 100644
--- a/test/erFormConfig.test.js
+++ b/test/erFormConfig.test.js
@@ -215,4 +215,33 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(true)
   })
+  test('ID number:pc', async () => {
+    value0.value = store.fields[4].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'ID number'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
+  })
+  test('ID number:mobile', async () => {
+    wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
+    value0.value = store.fields[4].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'ID number'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+  })
 })

From 3cfc79cf866912ae098f9dc672b8af3a9814d767 Mon Sep 17 00:00:00 2001
From: Liberty <zhuizhuidea@gmail.com>
Date: Thu, 17 Aug 2023 17:18:14 +0800
Subject: [PATCH 06/30] test(erFormConfig): input:pc|Input:mobile

---
 .../Panels/Config/components/PropsPanel.vue   | 10 ++++--
 test/erFormConfig.test.js                     | 33 +++++++++++++++++++
 2 files changed, 41 insertions(+), 2 deletions(-)

diff --git a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
index adeac57..f24b133 100644
--- a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
+++ b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
@@ -657,14 +657,20 @@ onMounted(() => {
     </div>
     <el-row v-if="checkTypeBySelected(['input'], 'affix') && target.options.renderType === 1 && isPc" :gutter="8">
       <el-col :span="12">
-        <el-form-item :label="t('er.config.propsPanel.prepend')">
+        <el-form-item
+          :label="t('er.config.propsPanel.prepend')"
+          v-bind="utils.addTestId('configPanel:prepend')"
+        >
           <el-input
             style="width: 100%;"
             v-model="target.options.prepend" />
         </el-form-item>
       </el-col>
       <el-col :span="12">
-        <el-form-item :label="t('er.config.propsPanel.append')">
+        <el-form-item
+          :label="t('er.config.propsPanel.append')"
+          v-bind="utils.addTestId('configPanel:append')"
+        >
           <el-input
             style="width: 100%;"
             v-model="target.options.append"
diff --git a/test/erFormConfig.test.js b/test/erFormConfig.test.js
index cf5c698..a029c50 100644
--- a/test/erFormConfig.test.js
+++ b/test/erFormConfig.test.js
@@ -244,4 +244,37 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
   })
+  test('Input:pc', async () => {
+    value0.value = store.fields[5].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Input'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(true)
+  })
+  test('Input:mobile', async () => {
+    wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
+    value0.value = store.fields[5].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Input'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+  })
 })

From f6f2f0dd8d1a9c7e1465c89f1b55bf5d21ba43f2 Mon Sep 17 00:00:00 2001
From: Liberty <zhuizhuidea@gmail.com>
Date: Thu, 17 Aug 2023 17:45:34 +0800
Subject: [PATCH 07/30] test(erFormConfig): textarea:pc|Textarea:mobile

---
 .../Panels/Config/components/PropsPanel.vue   | 14 ++-
 test/erFormConfig.test.js                     | 96 ++++++++++++++++++-
 2 files changed, 107 insertions(+), 3 deletions(-)

diff --git a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
index f24b133..45d233f 100644
--- a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
+++ b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
@@ -473,6 +473,7 @@ onMounted(() => {
           type="textarea"
           rows="4"
           v-model="target.options.defaultValue"
+          v-bind="utils.addTestId('configPanel:defaultValue')"
         />
       </template>
       <template v-else-if="checkTypeBySelected(['input', 'divider'], 'defaultValue')">
@@ -566,6 +567,7 @@ onMounted(() => {
         type="textarea"
         v-model="target.options.placeholder"
         clearable
+        v-bind="utils.addTestId('configPanel:placeholder')"
       />
     </PanelsConfigComponentsTypeComponent>
     <PanelsConfigComponentsTypeComponent
@@ -625,7 +627,12 @@ onMounted(() => {
       :layoutType="0"
       v-if="checkTypeBySelected(['textarea'], 'textareaHeight')"
       :label="t('er.config.propsPanel.textareaHeight')">
-      <el-slider v-model="target.options.rows" :max="10" show-input />
+      <el-slider
+        v-model="target.options.rows"
+        :max="10"
+        show-input
+        v-bind="utils.addTestId('configPanel:textareaHeight')"
+      />
     </PanelsConfigComponentsTypeComponent>
     <div v-if="checkTypeBySelected(['uploadfile'], 'uploadfile')">
       <el-form-item :label="t('er.config.propsPanel.uploadfile.fileType')">
@@ -743,7 +750,10 @@ onMounted(() => {
     />
     <PanelsConfigComponentsCheckboxComponent
       v-if="(checkTypeBySelected(['input'], 'wordLimit') && target.options.renderType === 1) || checkTypeBySelected(['textarea', 'number'], 'wordLimit')"
-      :label="t('er.config.propsPanel.wordLimit')" field="isShowWordLimit">
+      :label="t('er.config.propsPanel.wordLimit')"
+      field="isShowWordLimit"
+      v-bind="utils.addTestId('configPanel:wordLimit')"
+    >
       <el-row align="middle" :gutter="8">
         <el-col :span="11">
           <el-form-item :label="t('er.public.min')">
diff --git a/test/erFormConfig.test.js b/test/erFormConfig.test.js
index a029c50..331cdc3 100644
--- a/test/erFormConfig.test.js
+++ b/test/erFormConfig.test.js
@@ -93,7 +93,7 @@ describe('Configuration options owned by the config panel', () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('pc')
   })
   test('Root', () => {
-    console.log(wrapper.html())
+    // console.log(wrapper.html())
     // console.log(erGeneratorData(erComponentsConfig.fieldsConfig[0].list[0], true, 'en'))
     // expect(erGeneratorData(erComponentsConfig.fieldsConfig[0].list[0], true, 'en')).toMatchSnapshot()
   })
@@ -110,6 +110,10 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
   })
   test('Email:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -123,8 +127,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
   })
   test('Cellphone:pc', async () => {
     value0.value = store.fields[1].id
@@ -137,8 +146,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
   })
   test('Cellphone:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -152,8 +166,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
   })
   test('URL:pc', async () => {
     value0.value = store.fields[2].id
@@ -166,8 +185,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
   })
   test('URL:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -181,8 +205,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
   })
   test('Region:pc', async () => {
     value0.value = store.fields[3].id
@@ -195,9 +224,14 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:regionType')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
   })
   test('Region:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -211,9 +245,14 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:regionType')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
   })
   test('ID number:pc', async () => {
     value0.value = store.fields[4].id
@@ -226,8 +265,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
   })
   test('ID number:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -241,8 +285,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
   })
   test('Input:pc', async () => {
     value0.value = store.fields[5].id
@@ -255,10 +304,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(true)
   })
   test('Input:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -272,9 +324,51 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(true)
+  })
+  test('Textarea:pc', async () => {
+    value0.value = store.fields[6].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Textarea'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(true)
+  })
+  test('Textarea:mobile', async () => {
+    wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
+    value0.value = store.fields[6].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Textarea'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(true)
   })
 })

From 513fa654bfecb5a8aaa2137d6ae7a5a4f3320a9d Mon Sep 17 00:00:00 2001
From: Liberty <zhuizhuidea@gmail.com>
Date: Thu, 17 Aug 2023 17:54:33 +0800
Subject: [PATCH 08/30] test(erFormConfig): number:pc|Number:mobile

---
 .../Panels/Config/components/PropsPanel.vue   | 10 +++-
 test/erFormConfig.test.js                     | 55 +++++++++++++++++++
 2 files changed, 63 insertions(+), 2 deletions(-)

diff --git a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
index 45d233f..b7ef6b3 100644
--- a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
+++ b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
@@ -14,6 +14,7 @@ import PanelsConfigComponentsDataComponent1 from './DataComponent1.jsx'
 import PanelsConfigComponentsDataComponent2 from './DataComponent2.jsx'
 import PanelsConfigComponentsDataComponent3 from './DataComponent3.vue'
 import Icon from '@ER/icon'
+import _ from 'lodash-es'
 export default {
   name: 'ConfigPropsPanel',
   inheritAttrs: false,
@@ -486,7 +487,7 @@ onMounted(() => {
       <template v-else-if="checkTypeBySelected(['number'], 'defaultValue')">
         <el-input-number
           style="width: 100%;"
-          v-bind="typeProps"
+          v-bind="_.merge(typeProps, utils.addTestId('configPanel:defaultValue'))"
           v-model="target.options.defaultValue"
         />
       </template>
@@ -938,7 +939,12 @@ onMounted(() => {
         v-bind="utils.addTestId('configPanel:filterable')"
       >
       </PanelsConfigComponentsCheckboxComponent>
-      <PanelsConfigComponentsCheckboxComponent v-if="isPc && checkTypeBySelected(['number'], 'controls')" :label="t('er.config.propsPanel.numberControls.label')" field="controls">
+      <PanelsConfigComponentsCheckboxComponent
+        v-if="isPc && checkTypeBySelected(['number'], 'controls')"
+        :label="t('er.config.propsPanel.numberControls.label')"
+        field="controls"
+        v-bind="utils.addTestId('configPanel:controls')"
+      >
         <PanelsConfigComponentsTypeComponent
           @listener="handleTypeListener"
           property="controlsPosition"
diff --git a/test/erFormConfig.test.js b/test/erFormConfig.test.js
index 331cdc3..1a52656 100644
--- a/test/erFormConfig.test.js
+++ b/test/erFormConfig.test.js
@@ -114,6 +114,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
   })
   test('Email:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -134,6 +135,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
   })
   test('Cellphone:pc', async () => {
     value0.value = store.fields[1].id
@@ -153,6 +155,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
   })
   test('Cellphone:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -173,6 +176,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
   })
   test('URL:pc', async () => {
     value0.value = store.fields[2].id
@@ -192,6 +196,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
   })
   test('URL:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -212,6 +217,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
   })
   test('Region:pc', async () => {
     value0.value = store.fields[3].id
@@ -232,6 +238,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
   })
   test('Region:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -253,6 +260,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
   })
   test('ID number:pc', async () => {
     value0.value = store.fields[4].id
@@ -272,6 +280,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
   })
   test('ID number:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -292,6 +301,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
   })
   test('Input:pc', async () => {
     value0.value = store.fields[5].id
@@ -311,6 +321,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
   })
   test('Input:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -331,6 +342,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
   })
   test('Textarea:pc', async () => {
     value0.value = store.fields[6].id
@@ -350,6 +362,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
   })
   test('Textarea:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -370,5 +383,47 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+  })
+  test('Number:pc', async () => {
+    value0.value = store.fields[7].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Number'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(true)
+  })
+  test('Number:mobile', async () => {
+    wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
+    value0.value = store.fields[7].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Number'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
   })
 })

From 634290f017c338a27551e67a48420142526170d3 Mon Sep 17 00:00:00 2001
From: Liberty <zhuizhuidea@gmail.com>
Date: Thu, 17 Aug 2023 18:03:12 +0800
Subject: [PATCH 09/30] test(erFormConfig): radio:pc|Radio:mobile

---
 .../Panels/Config/components/PropsPanel.vue   | 10 ++-
 test/erFormConfig.test.js                     | 77 +++++++++++++++++++
 2 files changed, 86 insertions(+), 1 deletion(-)

diff --git a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
index b7ef6b3..a4171f0 100644
--- a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
+++ b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
@@ -532,7 +532,14 @@ onMounted(() => {
       :label="t('er.public.Data')"
       :layoutType="0"
       v-if="checkTypeBySelected(['select', 'radio', 'checkbox', 'cascader'], 'dataEntry')">
-      <el-button style="width: 100%;" type="primary" @click="dialogVisible = true">{{t('er.public.dataEntry')}}</el-button>
+      <el-button
+        style="width: 100%;"
+        type="primary"
+        @click="dialogVisible = true"
+        v-bind="utils.addTestId('configPanel:dataEntry')"
+      >
+        {{t('er.public.dataEntry')}}
+      </el-button>
     </PanelsConfigComponentsTypeComponent>
     <PanelsConfigComponentsTypeComponent
       :label="t('er.config.propsPanel.star')"
@@ -614,6 +621,7 @@ onMounted(() => {
       :val="target.options.displayStyle"
       :nodes="options7"
       :layoutType="2"
+      v-bind="utils.addTestId('configPanel:displayStyle')"
     />
     <PanelsConfigComponentsTypeComponent
       v-if="checkTypeBySelected(['divider'], 'contentPosition')"
diff --git a/test/erFormConfig.test.js b/test/erFormConfig.test.js
index 1a52656..ac6defa 100644
--- a/test/erFormConfig.test.js
+++ b/test/erFormConfig.test.js
@@ -115,6 +115,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
   })
   test('Email:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -136,6 +138,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
   })
   test('Cellphone:pc', async () => {
     value0.value = store.fields[1].id
@@ -156,6 +160,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
   })
   test('Cellphone:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -177,6 +183,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
   })
   test('URL:pc', async () => {
     value0.value = store.fields[2].id
@@ -197,6 +205,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
   })
   test('URL:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -218,6 +228,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
   })
   test('Region:pc', async () => {
     value0.value = store.fields[3].id
@@ -239,6 +251,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
   })
   test('Region:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -261,6 +275,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
   })
   test('ID number:pc', async () => {
     value0.value = store.fields[4].id
@@ -281,6 +297,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
   })
   test('ID number:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -302,6 +320,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
   })
   test('Input:pc', async () => {
     value0.value = store.fields[5].id
@@ -322,6 +342,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
   })
   test('Input:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -343,6 +365,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
   })
   test('Textarea:pc', async () => {
     value0.value = store.fields[6].id
@@ -363,6 +387,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
   })
   test('Textarea:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -384,6 +410,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
   })
   test('Number:pc', async () => {
     value0.value = store.fields[7].id
@@ -404,6 +432,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
   })
   test('Number:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -425,5 +455,52 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+  })
+  test('Radio:pc', async () => {
+    value0.value = store.fields[8].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Radio'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(true)
+  })
+  test('Radio:mobile', async () => {
+    wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
+    value0.value = store.fields[8].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Radio'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(true)
   })
 })

From 30248fd737e9197c45666a3d0b19eae43d9d6b49 Mon Sep 17 00:00:00 2001
From: Liberty <zhuizhuidea@gmail.com>
Date: Thu, 17 Aug 2023 18:05:36 +0800
Subject: [PATCH 10/30] test(erFormConfig): checkbox:pc|Checkbox:mobile

---
 test/erFormConfig.test.js | 45 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)

diff --git a/test/erFormConfig.test.js b/test/erFormConfig.test.js
index ac6defa..d29f0ed 100644
--- a/test/erFormConfig.test.js
+++ b/test/erFormConfig.test.js
@@ -503,4 +503,49 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(true)
   })
+  test('Checkbox:pc', async () => {
+    value0.value = store.fields[9].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Checkbox'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(true)
+  })
+  test('Checkbox:mobile', async () => {
+    wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
+    value0.value = store.fields[9].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Checkbox'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(true)
+  })
 })

From 3f313c0a605561b7bb36d78a87b6bd14d0ae5596 Mon Sep 17 00:00:00 2001
From: Liberty <zhuizhuidea@gmail.com>
Date: Thu, 17 Aug 2023 18:13:15 +0800
Subject: [PATCH 11/30] test(erFormConfig): select:pc|Select:mobile

---
 .../Panels/Config/components/PropsPanel.vue   |  8 ++-
 test/erFormConfig.test.js                     | 66 +++++++++++++++++++
 2 files changed, 73 insertions(+), 1 deletion(-)

diff --git a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
index a4171f0..5e896fc 100644
--- a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
+++ b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
@@ -938,7 +938,13 @@ onMounted(() => {
       </PanelsConfigComponentsCheckboxComponent>
       <PanelsConfigComponentsCheckboxComponent v-if="checkTypeBySelected(['input'], 'showPassword') && target.options.renderType === 1" :label="t('er.config.propsPanel.showPassword')" field="showPassword">
       </PanelsConfigComponentsCheckboxComponent>
-      <PanelsConfigComponentsCheckboxComponent v-if="checkTypeBySelected(['select', 'cascader', 'uploadfile'], 'multiple')" :label="t('er.config.propsPanel.multiple')" @change="handleMultipleChange" field="multiple">
+      <PanelsConfigComponentsCheckboxComponent
+        v-if="checkTypeBySelected(['select', 'cascader', 'uploadfile'], 'multiple')"
+        :label="t('er.config.propsPanel.multiple')"
+        @change="handleMultipleChange"
+        field="multiple"
+        v-bind="utils.addTestId('configPanel:multiple')"
+      >
       </PanelsConfigComponentsCheckboxComponent>
       <PanelsConfigComponentsCheckboxComponent
         v-if="checkTypeBySelected(['select', 'cascader', 'transfer', 'region'], 'filterable')"
diff --git a/test/erFormConfig.test.js b/test/erFormConfig.test.js
index d29f0ed..e24a339 100644
--- a/test/erFormConfig.test.js
+++ b/test/erFormConfig.test.js
@@ -140,6 +140,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
   })
   test('Cellphone:pc', async () => {
     value0.value = store.fields[1].id
@@ -162,6 +163,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
   })
   test('Cellphone:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -185,6 +187,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
   })
   test('URL:pc', async () => {
     value0.value = store.fields[2].id
@@ -207,6 +210,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
   })
   test('URL:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -230,6 +234,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
   })
   test('Region:pc', async () => {
     value0.value = store.fields[3].id
@@ -253,6 +258,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
   })
   test('Region:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -277,6 +283,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
   })
   test('ID number:pc', async () => {
     value0.value = store.fields[4].id
@@ -299,6 +306,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
   })
   test('ID number:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -322,6 +330,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
   })
   test('Input:pc', async () => {
     value0.value = store.fields[5].id
@@ -344,6 +353,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
   })
   test('Input:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -367,6 +377,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
   })
   test('Textarea:pc', async () => {
     value0.value = store.fields[6].id
@@ -389,6 +400,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
   })
   test('Textarea:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -412,6 +424,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
   })
   test('Number:pc', async () => {
     value0.value = store.fields[7].id
@@ -434,6 +447,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
   })
   test('Number:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -457,6 +471,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
   })
   test('Radio:pc', async () => {
     value0.value = store.fields[8].id
@@ -479,6 +494,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
   })
   test('Radio:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -502,6 +518,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
   })
   test('Checkbox:pc', async () => {
     value0.value = store.fields[9].id
@@ -524,6 +541,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
   })
   test('Checkbox:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -547,5 +565,53 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+  })
+  test('Select:pc', async () => {
+    value0.value = store.fields[10].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Select'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(true)
+  })
+  test('Select:mobile', async () => {
+    wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
+    value0.value = store.fields[10].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Select'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(true)
   })
 })

From 1ce76e91d3c0134e9a342249d1beedd947a95d0e Mon Sep 17 00:00:00 2001
From: Liberty <zhuizhuidea@gmail.com>
Date: Thu, 17 Aug 2023 18:18:03 +0800
Subject: [PATCH 12/30] test(erFormConfig): time:pc|Time:mobile

---
 .../Panels/Config/components/PropsPanel.vue   |  5 +-
 test/erFormConfig.test.js                     | 71 +++++++++++++++++++
 2 files changed, 75 insertions(+), 1 deletion(-)

diff --git a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
index 5e896fc..743a347 100644
--- a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
+++ b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
@@ -591,7 +591,10 @@ onMounted(() => {
       v-if="checkTypeBySelected(['time', 'date'], 'format')"
       :layoutType="0"
       :label="t('er.config.propsPanel.format')">
-      <el-select v-model="target.options.format" style="width: 100%">
+      <el-select
+        v-model="target.options.format"
+        style="width: 100%"
+        v-bind="utils.addTestId('configPanel:format')">
         <el-option
           v-for="item in options0"
           :key="item.value"
diff --git a/test/erFormConfig.test.js b/test/erFormConfig.test.js
index e24a339..6c10676 100644
--- a/test/erFormConfig.test.js
+++ b/test/erFormConfig.test.js
@@ -117,6 +117,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
   })
   test('Email:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -141,6 +142,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
   })
   test('Cellphone:pc', async () => {
     value0.value = store.fields[1].id
@@ -164,6 +166,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
   })
   test('Cellphone:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -188,6 +191,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
   })
   test('URL:pc', async () => {
     value0.value = store.fields[2].id
@@ -211,6 +215,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
   })
   test('URL:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -235,6 +240,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
   })
   test('Region:pc', async () => {
     value0.value = store.fields[3].id
@@ -259,6 +265,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
   })
   test('Region:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -284,6 +291,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
   })
   test('ID number:pc', async () => {
     value0.value = store.fields[4].id
@@ -307,6 +315,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
   })
   test('ID number:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -331,6 +340,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
   })
   test('Input:pc', async () => {
     value0.value = store.fields[5].id
@@ -354,6 +364,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
   })
   test('Input:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -378,6 +389,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
   })
   test('Textarea:pc', async () => {
     value0.value = store.fields[6].id
@@ -401,6 +413,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
   })
   test('Textarea:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -425,6 +438,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
   })
   test('Number:pc', async () => {
     value0.value = store.fields[7].id
@@ -448,6 +462,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
   })
   test('Number:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -472,6 +487,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
   })
   test('Radio:pc', async () => {
     value0.value = store.fields[8].id
@@ -495,6 +511,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
   })
   test('Radio:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -519,6 +536,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
   })
   test('Checkbox:pc', async () => {
     value0.value = store.fields[9].id
@@ -542,6 +560,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
   })
   test('Checkbox:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -566,6 +585,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
   })
   test('Select:pc', async () => {
     value0.value = store.fields[10].id
@@ -589,6 +609,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
   })
   test('Select:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -613,5 +634,55 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+  })
+  test('Time:pc', async () => {
+    value0.value = store.fields[11].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Time'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(true)
+  })
+  test('Time:mobile', async () => {
+    wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
+    value0.value = store.fields[11].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Time'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(true)
   })
 })

From b0fd1080515459dc551873b323e81c7eb1cf4ddf Mon Sep 17 00:00:00 2001
From: Liberty <zhuizhuidea@gmail.com>
Date: Thu, 17 Aug 2023 18:31:58 +0800
Subject: [PATCH 13/30] test(erFormConfig): date:pc|Date:mobile

---
 .../Panels/Config/components/PropsPanel.vue   |  15 ++-
 test/erFormConfig.test.js                     | 101 ++++++++++++++++++
 2 files changed, 114 insertions(+), 2 deletions(-)

diff --git a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
index 743a347..7b1db29 100644
--- a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
+++ b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
@@ -501,6 +501,7 @@ onMounted(() => {
       </template>
       <template v-else-if="checkTypeBySelected(['date'], 'defaultValue')">
         <el-date-picker
+          :class="[utils.addTestId('configPanel-defaultValue', 'id')]"
           v-bind="typeProps"
           style="width: 100%"
           v-model="target.options.defaultValue"
@@ -607,7 +608,12 @@ onMounted(() => {
       v-if="checkTypeBySelected(['date'], 'dateType')"
       :layoutType="0"
       :label="t('er.config.propsPanel.dateType')">
-      <el-select v-model="target.options.type" @change="handleChange0" style="width: 100%">
+      <el-select
+        v-model="target.options.type"
+        @change="handleChange0"
+        style="width: 100%"
+        v-bind="utils.addTestId('configPanel:dateType')"
+      >
         <el-option
           v-for="item in options"
           :key="item.value"
@@ -787,7 +793,12 @@ onMounted(() => {
         </el-col>
       </el-row>
     </PanelsConfigComponentsCheckboxComponent>
-    <PanelsConfigComponentsCheckboxComponent v-if="checkTypeBySelected(['date'], 'dateRange')" :label="t('er.config.propsPanel.dateRange')" field="isShowWordLimit">
+    <PanelsConfigComponentsCheckboxComponent
+      v-if="checkTypeBySelected(['date'], 'dateRange')"
+      :label="t('er.config.propsPanel.dateRange')"
+      field="isShowWordLimit"
+      v-bind="utils.addTestId('configPanel:dateRange')"
+    >
       <PanelsConfigComponentsLimitComponent/>
     </PanelsConfigComponentsCheckboxComponent>
     <PanelsConfigComponentsCheckboxComponent
diff --git a/test/erFormConfig.test.js b/test/erFormConfig.test.js
index 6c10676..725cff8 100644
--- a/test/erFormConfig.test.js
+++ b/test/erFormConfig.test.js
@@ -118,6 +118,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
   })
   test('Email:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -143,6 +145,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
   })
   test('Cellphone:pc', async () => {
     value0.value = store.fields[1].id
@@ -167,6 +171,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
   })
   test('Cellphone:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -192,6 +198,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
   })
   test('URL:pc', async () => {
     value0.value = store.fields[2].id
@@ -216,6 +224,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
   })
   test('URL:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -241,6 +251,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
   })
   test('Region:pc', async () => {
     value0.value = store.fields[3].id
@@ -266,6 +278,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
   })
   test('Region:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -292,6 +306,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
   })
   test('ID number:pc', async () => {
     value0.value = store.fields[4].id
@@ -316,6 +332,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
   })
   test('ID number:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -341,6 +359,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
   })
   test('Input:pc', async () => {
     value0.value = store.fields[5].id
@@ -365,6 +385,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
   })
   test('Input:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -390,6 +412,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
   })
   test('Textarea:pc', async () => {
     value0.value = store.fields[6].id
@@ -414,6 +438,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
   })
   test('Textarea:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -439,6 +465,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
   })
   test('Number:pc', async () => {
     value0.value = store.fields[7].id
@@ -463,6 +491,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
   })
   test('Number:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -488,6 +518,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
   })
   test('Radio:pc', async () => {
     value0.value = store.fields[8].id
@@ -512,6 +544,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
   })
   test('Radio:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -537,6 +571,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
   })
   test('Checkbox:pc', async () => {
     value0.value = store.fields[9].id
@@ -561,6 +597,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
   })
   test('Checkbox:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -586,6 +624,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
   })
   test('Select:pc', async () => {
     value0.value = store.fields[10].id
@@ -610,6 +650,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
   })
   test('Select:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -635,6 +677,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
   })
   test('Time:pc', async () => {
     value0.value = store.fields[11].id
@@ -659,6 +703,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
   })
   test('Time:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -684,5 +730,60 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+  })
+  test('Date:pc', async () => {
+    value0.value = store.fields[12].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Date'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel-defaultValue', 'id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(true)
+  })
+  test('Date:mobile', async () => {
+    wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
+    value0.value = store.fields[12].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Date'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel-defaultValue', 'id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(true)
   })
 })

From 2b500997a739677f9a9f225c40674dc7e2578210 Mon Sep 17 00:00:00 2001
From: Liberty <zhuizhuidea@gmail.com>
Date: Thu, 17 Aug 2023 18:39:31 +0800
Subject: [PATCH 14/30] test(erFormConfig): rate:pc|Rate:mobile

---
 .../Panels/Config/components/PropsPanel.vue   |  10 +-
 test/erFormConfig.test.js                     | 109 ++++++++++++++++++
 2 files changed, 117 insertions(+), 2 deletions(-)

diff --git a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
index 7b1db29..e5717db 100644
--- a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
+++ b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
@@ -510,7 +510,7 @@ onMounted(() => {
       </template>
       <template v-else-if="checkTypeBySelected(['rate'], 'defaultValue')">
         <el-rate
-          v-bind="typeProps"
+          v-bind="_.merge(typeProps, utils.addTestId('configPanel:defaultValue'))"
           v-model="target.options.defaultValue"
         />
         <el-button v-if="target.options.defaultValue > 0" link @click="target.options.defaultValue = 0">{{t('er.public.clear')}}</el-button>
@@ -547,6 +547,7 @@ onMounted(() => {
       :layoutType="0"
       v-if="checkTypeBySelected(['rate'], 'star')">
       <el-input-number
+        v-bind="utils.addTestId('configPanel:star')"
         :min="1"
         controls-position="right"
         v-model="target.options.max" />
@@ -991,7 +992,12 @@ onMounted(() => {
         <!--        </el-col>-->
         <!--      </el-row>-->
       </PanelsConfigComponentsCheckboxComponent>
-      <PanelsConfigComponentsCheckboxComponent v-if="checkTypeBySelected(['rate'], 'allowHalf')" :label="t('er.config.propsPanel.allowHalf')" field="allowHalf">
+      <PanelsConfigComponentsCheckboxComponent
+        v-if="checkTypeBySelected(['rate'], 'allowHalf')"
+        :label="t('er.config.propsPanel.allowHalf')"
+        field="allowHalf"
+        v-bind="utils.addTestId('configPanel:allowHalf')"
+      >
       </PanelsConfigComponentsCheckboxComponent>
       <PanelsConfigComponentsCheckboxComponent v-if="checkTypeBySelected(['color'], 'alpha')" :label="t('er.config.propsPanel.alpha')" field="showAlpha">
       </PanelsConfigComponentsCheckboxComponent>
diff --git a/test/erFormConfig.test.js b/test/erFormConfig.test.js
index 725cff8..4c6d9c3 100644
--- a/test/erFormConfig.test.js
+++ b/test/erFormConfig.test.js
@@ -120,6 +120,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
   })
   test('Email:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -147,6 +149,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
   })
   test('Cellphone:pc', async () => {
     value0.value = store.fields[1].id
@@ -173,6 +177,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
   })
   test('Cellphone:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -200,6 +206,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
   })
   test('URL:pc', async () => {
     value0.value = store.fields[2].id
@@ -226,6 +234,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
   })
   test('URL:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -253,6 +263,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
   })
   test('Region:pc', async () => {
     value0.value = store.fields[3].id
@@ -280,6 +292,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
   })
   test('Region:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -308,6 +322,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
   })
   test('ID number:pc', async () => {
     value0.value = store.fields[4].id
@@ -334,6 +350,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
   })
   test('ID number:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -361,6 +379,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
   })
   test('Input:pc', async () => {
     value0.value = store.fields[5].id
@@ -387,6 +407,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
   })
   test('Input:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -414,6 +436,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
   })
   test('Textarea:pc', async () => {
     value0.value = store.fields[6].id
@@ -440,6 +464,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
   })
   test('Textarea:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -467,6 +493,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
   })
   test('Number:pc', async () => {
     value0.value = store.fields[7].id
@@ -493,6 +521,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
   })
   test('Number:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -520,6 +550,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
   })
   test('Radio:pc', async () => {
     value0.value = store.fields[8].id
@@ -546,6 +578,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
   })
   test('Radio:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -573,6 +607,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
   })
   test('Checkbox:pc', async () => {
     value0.value = store.fields[9].id
@@ -599,6 +635,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
   })
   test('Checkbox:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -626,6 +664,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
   })
   test('Select:pc', async () => {
     value0.value = store.fields[10].id
@@ -652,6 +692,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
   })
   test('Select:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -679,6 +721,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
   })
   test('Time:pc', async () => {
     value0.value = store.fields[11].id
@@ -705,6 +749,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
   })
   test('Time:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -732,6 +778,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
   })
   test('Date:pc', async () => {
     value0.value = store.fields[12].id
@@ -758,6 +806,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
   })
   test('Date:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -785,5 +835,64 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+  })
+  test('Rate:pc', async () => {
+    value0.value = store.fields[13].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Rate'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(true)
+  })
+  test('Rate:mobile', async () => {
+    wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
+    value0.value = store.fields[13].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Rate'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(true)
   })
 })

From 0714d54b98b3ddc2f3ccd88d83a4be0b9b752803 Mon Sep 17 00:00:00 2001
From: Liberty <zhuizhuidea@gmail.com>
Date: Fri, 18 Aug 2023 07:00:18 +0800
Subject: [PATCH 15/30] test(erFormConfig): switch:pc|Switch:mobile

---
 .../Panels/Config/components/PropsPanel.vue   |  2 +-
 test/erFormConfig.test.js                     | 57 +++++++++++++++++++
 2 files changed, 58 insertions(+), 1 deletion(-)

diff --git a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
index e5717db..c996774 100644
--- a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
+++ b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
@@ -517,7 +517,7 @@ onMounted(() => {
       </template>
       <template v-else-if="checkTypeBySelected(['switch'], 'defaultValue')">
         <el-switch
-          v-bind="typeProps"
+          v-bind="_.merge(typeProps, utils.addTestId('configPanel:defaultValue'))"
           v-model="target.options.defaultValue"
         />
       </template>
diff --git a/test/erFormConfig.test.js b/test/erFormConfig.test.js
index 4c6d9c3..41538f0 100644
--- a/test/erFormConfig.test.js
+++ b/test/erFormConfig.test.js
@@ -895,4 +895,61 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(true)
   })
+  test('Switch:pc', async () => {
+    value0.value = store.fields[14].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Switch'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+  })
+  test('Switch:mobile', async () => {
+    wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
+    value0.value = store.fields[14].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Switch'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+  })
 })

From 5021e4bbd00baf27327cea0a1321986db25da85d Mon Sep 17 00:00:00 2001
From: Liberty <zhuizhuidea@gmail.com>
Date: Fri, 18 Aug 2023 07:12:14 +0800
Subject: [PATCH 16/30] test(erFormConfig): slider:pc|Slider:mobile

---
 .../Panels/Config/components/PropsPanel.vue   |  26 +--
 test/erFormConfig.test.js                     | 153 ++++++++++++++++++
 2 files changed, 167 insertions(+), 12 deletions(-)

diff --git a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
index c996774..9ee5269 100644
--- a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
+++ b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
@@ -523,7 +523,7 @@ onMounted(() => {
       </template>
       <template v-else-if="checkTypeBySelected(['slider'], 'defaultValue')">
         <el-slider
-          v-bind="typeProps"
+          v-bind="_.merge(typeProps, utils.addTestId('configPanel:defaultValue'))"
           v-model="target.options.defaultValue"
           style="padding: 0 14px;"
         />
@@ -706,7 +706,10 @@ onMounted(() => {
     </el-row>
     <el-row :gutter="8" v-if="checkTypeBySelected(['number', 'slider'], 'step')">
       <el-col :span="type !== 'slider' ? 12 : 24">
-        <el-form-item :label="t('er.config.propsPanel.step')">
+        <el-form-item
+          :label="t('er.config.propsPanel.step')"
+          v-bind="utils.addTestId('configPanel:step')"
+        >
           <el-input-number
             :min="0"
             style="width: 100%;"
@@ -714,14 +717,21 @@ onMounted(() => {
         </el-form-item>
       </el-col>
       <el-col :span="12">
-        <el-form-item v-if="type !== 'slider'" :label="t('er.config.propsPanel.precision')">
+        <el-form-item
+          v-if="type !== 'slider'"
+          :label="t('er.config.propsPanel.precision')"
+          v-bind="utils.addTestId('configPanel:precision')"
+        >
           <el-input-number
             :min="0"
             controls-position="right" v-model="target.options.precision" />
         </el-form-item>
       </el-col>
     </el-row>
-    <el-row :gutter="8" v-if="checkTypeBySelected(['slider'], 'sliderCount')">
+    <el-row
+      :gutter="8"
+      v-if="checkTypeBySelected(['slider'], 'sliderCount')"
+      v-bind="utils.addTestId('configPanel:sliderCount')">
       <el-col :span="12">
         <el-form-item :label="t('er.public.max')">
           <el-input-number
@@ -870,14 +880,6 @@ onMounted(() => {
         />
       </template>
     </PanelsConfigComponentsCollapseComponent>
-    <!--  <PanelsConfigComponentsAllsidesComponent-->
-    <!--    field="margin"-->
-    <!--    v-if="checkTypeBySelected(['table', 'grid', 'col', 'collapse', 'collapseCol', 'tabs', 'tabsCol'])"-->
-    <!--  />-->
-    <!--  <PanelsConfigComponentsAllsidesComponent-->
-    <!--    field="padding"-->
-    <!--    v-if="checkTypeBySelected(['grid', 'col', 'collapse', 'collapseCol', 'tabs', 'tabsCol', 'td'])"-->
-    <!--  />-->
     <PanelsConfigComponentsCollapseComponent
       v-if="checkTypeBySelected(['grid', 'col', 'collapse', 'collapseCol', 'tabs', 'tabsCol', 'td', 'table'], 'background')"
       :label="t('er.public.background')"
diff --git a/test/erFormConfig.test.js b/test/erFormConfig.test.js
index 41538f0..6c14287 100644
--- a/test/erFormConfig.test.js
+++ b/test/erFormConfig.test.js
@@ -122,6 +122,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
   })
   test('Email:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -151,6 +154,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
   })
   test('Cellphone:pc', async () => {
     value0.value = store.fields[1].id
@@ -179,6 +185,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
   })
   test('Cellphone:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -208,6 +217,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
   })
   test('URL:pc', async () => {
     value0.value = store.fields[2].id
@@ -236,6 +248,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
   })
   test('URL:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -265,6 +280,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
   })
   test('Region:pc', async () => {
     value0.value = store.fields[3].id
@@ -294,6 +312,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
   })
   test('Region:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -324,6 +345,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
   })
   test('ID number:pc', async () => {
     value0.value = store.fields[4].id
@@ -352,6 +376,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
   })
   test('ID number:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -381,6 +408,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
   })
   test('Input:pc', async () => {
     value0.value = store.fields[5].id
@@ -409,6 +439,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
   })
   test('Input:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -438,6 +471,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
   })
   test('Textarea:pc', async () => {
     value0.value = store.fields[6].id
@@ -466,6 +502,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
   })
   test('Textarea:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -495,6 +534,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
   })
   test('Number:pc', async () => {
     value0.value = store.fields[7].id
@@ -523,6 +565,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(true)
   })
   test('Number:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -552,6 +597,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(true)
   })
   test('Radio:pc', async () => {
     value0.value = store.fields[8].id
@@ -580,6 +628,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
   })
   test('Radio:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -609,6 +660,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
   })
   test('Checkbox:pc', async () => {
     value0.value = store.fields[9].id
@@ -637,6 +691,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
   })
   test('Checkbox:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -666,6 +723,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
   })
   test('Select:pc', async () => {
     value0.value = store.fields[10].id
@@ -694,6 +754,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
   })
   test('Select:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -723,6 +786,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
   })
   test('Time:pc', async () => {
     value0.value = store.fields[11].id
@@ -751,6 +817,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
   })
   test('Time:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -780,6 +849,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
   })
   test('Date:pc', async () => {
     value0.value = store.fields[12].id
@@ -808,6 +880,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
   })
   test('Date:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -837,6 +912,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
   })
   test('Rate:pc', async () => {
     value0.value = store.fields[13].id
@@ -865,6 +943,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
   })
   test('Rate:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -894,6 +975,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
   })
   test('Switch:pc', async () => {
     value0.value = store.fields[14].id
@@ -922,6 +1006,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
   })
   test('Switch:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -951,5 +1038,71 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+  })
+  test('Slider:pc', async () => {
+    value0.value = store.fields[15].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Slider'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+  })
+  test('Slider:mobile', async () => {
+    wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
+    value0.value = store.fields[15].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Slider'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
   })
 })

From 9eb1c044488247905137275b23bcae63bf6b6cfe Mon Sep 17 00:00:00 2001
From: Liberty <zhuizhuidea@gmail.com>
Date: Fri, 18 Aug 2023 07:14:43 +0800
Subject: [PATCH 17/30] test(erFormConfig): html:pc|Html:mobile

---
 test/erFormConfig.test.js | 63 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 63 insertions(+)

diff --git a/test/erFormConfig.test.js b/test/erFormConfig.test.js
index 6c14287..71bd443 100644
--- a/test/erFormConfig.test.js
+++ b/test/erFormConfig.test.js
@@ -1105,4 +1105,67 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
   })
+  test('Html:pc', async () => {
+    value0.value = store.fields[16].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Html'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+  })
+  test('Html:mobile', async () => {
+    wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
+    value0.value = store.fields[16].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Html'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+  })
 })

From 8142a2f01bb7461ff6baa97bc0d23e14676978fc Mon Sep 17 00:00:00 2001
From: Liberty <zhuizhuidea@gmail.com>
Date: Fri, 18 Aug 2023 07:21:42 +0800
Subject: [PATCH 18/30] test(erFormConfig): cascader:pc|Cascader:mobile

---
 .../Panels/Config/components/PropsPanel.vue   |   9 +-
 test/erFormConfig.test.js                     | 133 ++++++++++++++++++
 2 files changed, 140 insertions(+), 2 deletions(-)

diff --git a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
index 9ee5269..2fa5dbd 100644
--- a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
+++ b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
@@ -1003,8 +1003,13 @@ onMounted(() => {
       </PanelsConfigComponentsCheckboxComponent>
       <PanelsConfigComponentsCheckboxComponent v-if="checkTypeBySelected(['color'], 'alpha')" :label="t('er.config.propsPanel.alpha')" field="showAlpha">
       </PanelsConfigComponentsCheckboxComponent>
-      <PanelsConfigComponentsCheckboxComponent v-if="checkTypeBySelected(['cascader'], 'anyNode')" :label="t('er.config.propsPanel.anyNode')" field="checkStrictly" @change="checkLogicData">
-      </PanelsConfigComponentsCheckboxComponent>
+      <PanelsConfigComponentsCheckboxComponent
+        v-if="checkTypeBySelected(['cascader'], 'anyNode')"
+        :label="t('er.config.propsPanel.anyNode')"
+        field="checkStrictly"
+        @change="checkLogicData"
+        v-bind="utils.addTestId('configPanel:anyNode')"
+      />
       <PanelsConfigComponentsCheckboxComponent
         v-if="checkTypeBySelected(['input', 'select', 'time', 'date', 'cascader', 'region'], 'clearable')"
         :label="t('er.config.propsPanel.clearable')"
diff --git a/test/erFormConfig.test.js b/test/erFormConfig.test.js
index 71bd443..881a6df 100644
--- a/test/erFormConfig.test.js
+++ b/test/erFormConfig.test.js
@@ -125,6 +125,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('Email:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -157,6 +159,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('Cellphone:pc', async () => {
     value0.value = store.fields[1].id
@@ -188,6 +192,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('Cellphone:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -220,6 +226,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('URL:pc', async () => {
     value0.value = store.fields[2].id
@@ -251,6 +259,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('URL:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -283,6 +293,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('Region:pc', async () => {
     value0.value = store.fields[3].id
@@ -315,6 +327,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('Region:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -348,6 +361,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('ID number:pc', async () => {
     value0.value = store.fields[4].id
@@ -379,6 +393,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('ID number:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -411,6 +427,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('Input:pc', async () => {
     value0.value = store.fields[5].id
@@ -442,6 +460,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('Input:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -474,6 +494,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('Textarea:pc', async () => {
     value0.value = store.fields[6].id
@@ -505,6 +527,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('Textarea:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -537,6 +561,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('Number:pc', async () => {
     value0.value = store.fields[7].id
@@ -568,6 +594,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('Number:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -600,6 +628,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('Radio:pc', async () => {
     value0.value = store.fields[8].id
@@ -631,6 +661,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('Radio:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -663,6 +695,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('Checkbox:pc', async () => {
     value0.value = store.fields[9].id
@@ -694,6 +728,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('Checkbox:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -726,6 +762,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('Select:pc', async () => {
     value0.value = store.fields[10].id
@@ -757,6 +795,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('Select:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -789,6 +829,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('Time:pc', async () => {
     value0.value = store.fields[11].id
@@ -820,6 +862,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('Time:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -852,6 +896,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('Date:pc', async () => {
     value0.value = store.fields[12].id
@@ -883,6 +929,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('Date:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -915,6 +963,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('Rate:pc', async () => {
     value0.value = store.fields[13].id
@@ -946,6 +996,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('Rate:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -978,6 +1030,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('Switch:pc', async () => {
     value0.value = store.fields[14].id
@@ -1009,6 +1063,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('Switch:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1041,6 +1097,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('Slider:pc', async () => {
     value0.value = store.fields[15].id
@@ -1072,6 +1130,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('Slider:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1104,6 +1164,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('Html:pc', async () => {
     value0.value = store.fields[16].id
@@ -1135,6 +1197,8 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
   })
   test('Html:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1167,5 +1231,74 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+  })
+  test('Cascader:pc', async () => {
+    value0.value = store.fields[17].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Cascader'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(true)
+  })
+  test('Cascader:mobile', async () => {
+    wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
+    value0.value = store.fields[17].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Cascader'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(true)
   })
 })

From 91b1716d407e3774eaa6bbe532f3b0bb5e196d24 Mon Sep 17 00:00:00 2001
From: Liberty <zhuizhuidea@gmail.com>
Date: Fri, 18 Aug 2023 07:29:50 +0800
Subject: [PATCH 19/30] test(erFormConfig): file:pc|File:mobile

---
 .../Panels/Config/components/PropsPanel.vue   |  15 +-
 test/erFormConfig.test.js                     | 181 ++++++++++++++++++
 2 files changed, 193 insertions(+), 3 deletions(-)

diff --git a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
index 2fa5dbd..fac5458 100644
--- a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
+++ b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
@@ -654,14 +654,20 @@ onMounted(() => {
       />
     </PanelsConfigComponentsTypeComponent>
     <div v-if="checkTypeBySelected(['uploadfile'], 'uploadfile')">
-      <el-form-item :label="t('er.config.propsPanel.uploadfile.fileType')">
+      <el-form-item
+        :label="t('er.config.propsPanel.uploadfile.fileType')"
+        v-bind="utils.addTestId('configPanel:accept')"
+      >
         <el-input
           v-model="target.options.accept"
           placeholder="输入只接受的文件类型后缀。例如 .png,.jpg" />
       </el-form-item>
       <el-row :gutter="8">
         <el-col :span="12">
-          <el-form-item :label="t('er.config.propsPanel.uploadfile.uploadLimit')">
+          <el-form-item
+            :label="t('er.config.propsPanel.uploadfile.uploadLimit')"
+            v-bind="utils.addTestId('configPanel:uploadLimit')"
+          >
             <el-input-number
               style="width: 100%;"
               :min="1"
@@ -670,7 +676,10 @@ onMounted(() => {
           </el-form-item>
         </el-col>
         <el-col :span="12">
-          <el-form-item :label="`${t('er.config.propsPanel.uploadfile.fileSize')}(MB)`">
+          <el-form-item
+            :label="`${t('er.config.propsPanel.uploadfile.fileSize')}(MB)`"
+            v-bind="utils.addTestId('configPanel:fileSize')"
+          >
             <el-input-number
               style="width: 100%;"
               v-model="target.options.size"
diff --git a/test/erFormConfig.test.js b/test/erFormConfig.test.js
index 881a6df..27446ce 100644
--- a/test/erFormConfig.test.js
+++ b/test/erFormConfig.test.js
@@ -127,6 +127,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Email:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -161,6 +164,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Cellphone:pc', async () => {
     value0.value = store.fields[1].id
@@ -194,6 +200,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Cellphone:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -228,6 +237,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('URL:pc', async () => {
     value0.value = store.fields[2].id
@@ -261,6 +273,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('URL:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -295,6 +310,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Region:pc', async () => {
     value0.value = store.fields[3].id
@@ -328,6 +346,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Region:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -362,6 +383,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('ID number:pc', async () => {
     value0.value = store.fields[4].id
@@ -395,6 +419,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('ID number:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -429,6 +456,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Input:pc', async () => {
     value0.value = store.fields[5].id
@@ -462,6 +492,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Input:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -496,6 +529,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Textarea:pc', async () => {
     value0.value = store.fields[6].id
@@ -529,6 +565,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Textarea:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -563,6 +602,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Number:pc', async () => {
     value0.value = store.fields[7].id
@@ -596,6 +638,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Number:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -630,6 +675,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Radio:pc', async () => {
     value0.value = store.fields[8].id
@@ -663,6 +711,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Radio:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -697,6 +748,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Checkbox:pc', async () => {
     value0.value = store.fields[9].id
@@ -730,6 +784,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Checkbox:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -764,6 +821,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Select:pc', async () => {
     value0.value = store.fields[10].id
@@ -797,6 +857,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Select:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -831,6 +894,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Time:pc', async () => {
     value0.value = store.fields[11].id
@@ -864,6 +930,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Time:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -898,6 +967,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Date:pc', async () => {
     value0.value = store.fields[12].id
@@ -931,6 +1003,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Date:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -965,6 +1040,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Rate:pc', async () => {
     value0.value = store.fields[13].id
@@ -998,6 +1076,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Rate:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1032,6 +1113,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Switch:pc', async () => {
     value0.value = store.fields[14].id
@@ -1065,6 +1149,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Switch:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1099,6 +1186,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Slider:pc', async () => {
     value0.value = store.fields[15].id
@@ -1132,6 +1222,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Slider:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1166,6 +1259,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Html:pc', async () => {
     value0.value = store.fields[16].id
@@ -1199,6 +1295,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Html:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1233,6 +1332,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Cascader:pc', async () => {
     value0.value = store.fields[17].id
@@ -1266,6 +1368,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
   })
   test('Cascader:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1300,5 +1405,81 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+  })
+  test('File:pc', async () => {
+    value0.value = store.fields[18].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'File'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(true)
+  })
+  test('File:mobile', async () => {
+    wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
+    value0.value = store.fields[18].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'File'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(true)
   })
 })

From 4fbaf6ef77dbfb1e191937375a9980027d683340 Mon Sep 17 00:00:00 2001
From: Liberty <zhuizhuidea@gmail.com>
Date: Fri, 18 Aug 2023 07:35:49 +0800
Subject: [PATCH 20/30] test(erFormConfig): signature:pc|Signature:mobile

---
 .../Panels/Config/components/PropsPanel.vue   |   4 +-
 test/erFormConfig.test.js                     | 113 ++++++++++++++++++
 2 files changed, 116 insertions(+), 1 deletion(-)

diff --git a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
index fac5458..8c18247 100644
--- a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
+++ b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
@@ -583,7 +583,9 @@ onMounted(() => {
     <PanelsConfigComponentsTypeComponent
       :layoutType="0"
       v-if="checkTypeBySelected(['signature'], 'brushColor')"
-      :label="t('er.config.propsPanel.brushColor')">
+      :label="t('er.config.propsPanel.brushColor')"
+      v-bind="utils.addTestId('configPanel:brushColor')"
+    >
       <el-color-picker
         color-format="rgb"
         v-model="target.options.penColor"
diff --git a/test/erFormConfig.test.js b/test/erFormConfig.test.js
index 27446ce..db27fa9 100644
--- a/test/erFormConfig.test.js
+++ b/test/erFormConfig.test.js
@@ -130,6 +130,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Email:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -167,6 +168,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Cellphone:pc', async () => {
     value0.value = store.fields[1].id
@@ -203,6 +205,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Cellphone:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -240,6 +243,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('URL:pc', async () => {
     value0.value = store.fields[2].id
@@ -276,6 +280,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('URL:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -313,6 +318,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Region:pc', async () => {
     value0.value = store.fields[3].id
@@ -349,6 +355,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Region:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -386,6 +393,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('ID number:pc', async () => {
     value0.value = store.fields[4].id
@@ -422,6 +430,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('ID number:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -459,6 +468,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Input:pc', async () => {
     value0.value = store.fields[5].id
@@ -495,6 +505,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Input:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -532,6 +543,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Textarea:pc', async () => {
     value0.value = store.fields[6].id
@@ -568,6 +580,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Textarea:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -605,6 +618,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Number:pc', async () => {
     value0.value = store.fields[7].id
@@ -641,6 +655,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Number:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -678,6 +693,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Radio:pc', async () => {
     value0.value = store.fields[8].id
@@ -714,6 +730,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Radio:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -751,6 +768,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Checkbox:pc', async () => {
     value0.value = store.fields[9].id
@@ -787,6 +805,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Checkbox:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -824,6 +843,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Select:pc', async () => {
     value0.value = store.fields[10].id
@@ -860,6 +880,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Select:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -897,6 +918,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Time:pc', async () => {
     value0.value = store.fields[11].id
@@ -933,6 +955,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Time:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -970,6 +993,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Date:pc', async () => {
     value0.value = store.fields[12].id
@@ -1006,6 +1030,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Date:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1043,6 +1068,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Rate:pc', async () => {
     value0.value = store.fields[13].id
@@ -1079,6 +1105,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Rate:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1116,6 +1143,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Switch:pc', async () => {
     value0.value = store.fields[14].id
@@ -1152,6 +1180,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Switch:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1189,6 +1218,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Slider:pc', async () => {
     value0.value = store.fields[15].id
@@ -1225,6 +1255,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Slider:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1262,6 +1293,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Html:pc', async () => {
     value0.value = store.fields[16].id
@@ -1298,6 +1330,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Html:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1335,6 +1368,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Cascader:pc', async () => {
     value0.value = store.fields[17].id
@@ -1371,6 +1405,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('Cascader:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1408,6 +1443,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('File:pc', async () => {
     value0.value = store.fields[18].id
@@ -1444,6 +1480,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
   })
   test('File:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1481,5 +1518,81 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+  })
+  test('Signature:pc', async () => {
+    value0.value = store.fields[19].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Signature'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(true)
+  })
+  test('Signature:mobile', async () => {
+    wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
+    value0.value = store.fields[19].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Signature'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(true)
   })
 })

From e049b920df5004af0afce5195ec70f26c52cb1ab Mon Sep 17 00:00:00 2001
From: Liberty <zhuizhuidea@gmail.com>
Date: Fri, 18 Aug 2023 07:46:08 +0800
Subject: [PATCH 21/30] test(erFormConfig): grid:pc|Grid:mobile

---
 .../Config/components/CollapseComponent.vue   |   1 -
 .../Panels/Config/components/PropsPanel.vue   |  20 +-
 test/erFormConfig.test.js                     | 312 ++++++++++++++++++
 3 files changed, 325 insertions(+), 8 deletions(-)

diff --git a/packages/formEditor/components/Panels/Config/components/CollapseComponent.vue b/packages/formEditor/components/Panels/Config/components/CollapseComponent.vue
index 577a9c6..2112def 100644
--- a/packages/formEditor/components/Panels/Config/components/CollapseComponent.vue
+++ b/packages/formEditor/components/Panels/Config/components/CollapseComponent.vue
@@ -4,7 +4,6 @@ import hooks from '@ER/hooks'
 import Icon from '@ER/icon'
 export default {
   name: 'ConfigCollapseComponent',
-  inheritAttrs: false,
   customOptions: {}
 }
 </script>
diff --git a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
index 8c18247..036ce68 100644
--- a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
+++ b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
@@ -838,10 +838,8 @@ onMounted(() => {
       :fontSize="40"
       :val="target.options.justify"
       :nodes="options6"
+      v-bind="utils.addTestId('configPanel:justify')"
     />
-    <!--  <PanelsConfigComponentsGridLayoutComponent-->
-    <!--    v-if="isSelectGrid"-->
-    <!--  />-->
     <PanelsConfigComponentsDataComponent3
       v-if="checkTypeBySelected(['collapse', 'tabs'], 'Data3')"
     />
@@ -872,7 +870,9 @@ onMounted(() => {
       v-if="checkTypeBySelected(['table', 'grid', 'col', 'collapse', 'collapseCol', 'tabs', 'tabsCol'], 'margin')"
       :label="t('er.public.margin')"
       operationKey="style"
-      field="isShowMargin">
+      field="isShowMargin"
+      v-bind="utils.addTestId('configPanel:margin')"
+    >
       <template v-slot:content>
         <PanelsConfigComponentsAllsidesComponent
           field="margin"
@@ -884,7 +884,9 @@ onMounted(() => {
       v-if="checkTypeBySelected(['grid', 'col', 'collapse', 'collapseCol', 'tabs', 'tabsCol', 'td'], 'padding')"
       :label="t('er.public.padding')"
       operationKey="style"
-      field="isShowPadding">
+      field="isShowPadding"
+      v-bind="utils.addTestId('configPanel:padding')"
+    >
       <template v-slot:content>
         <PanelsConfigComponentsAllsidesComponent
           field="padding"
@@ -895,7 +897,9 @@ onMounted(() => {
       v-if="checkTypeBySelected(['grid', 'col', 'collapse', 'collapseCol', 'tabs', 'tabsCol', 'td', 'table'], 'background')"
       :label="t('er.public.background')"
       operationKey="style"
-      field="isShowBackground">
+      field="isShowBackground"
+      v-bind="utils.addTestId('configPanel:background')"
+    >
       <template v-slot:subSelect>
         <div :class="[ns.e('collapseSubSelect')]">
           <el-dropdown
@@ -926,7 +930,9 @@ onMounted(() => {
       v-if="checkTypeBySelected(['grid', 'col', 'collapse', 'collapseCol', 'tabs', 'tabsCol', 'table'], 'borderLine')"
       :label="t('er.config.borderComponent.borderLine')"
       operationKey="style"
-      field="isShowBorder">
+      field="isShowBorder"
+      v-bind="utils.addTestId('configPanel:borderLine')"
+    >
       <template v-if="!checkTypeBySelected(['table', 'borderLine'])" v-slot:subSelect>
         <div :class="[ns.e('collapseSubSelect')]">
           <el-dropdown
diff --git a/test/erFormConfig.test.js b/test/erFormConfig.test.js
index db27fa9..6055b1d 100644
--- a/test/erFormConfig.test.js
+++ b/test/erFormConfig.test.js
@@ -131,6 +131,11 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Email:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -168,7 +173,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Cellphone:pc', async () => {
     value0.value = store.fields[1].id
@@ -205,7 +216,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Cellphone:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -243,7 +260,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('URL:pc', async () => {
     value0.value = store.fields[2].id
@@ -280,7 +303,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('URL:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -318,7 +347,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Region:pc', async () => {
     value0.value = store.fields[3].id
@@ -355,7 +390,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Region:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -393,7 +434,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('ID number:pc', async () => {
     value0.value = store.fields[4].id
@@ -430,7 +477,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('ID number:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -468,7 +521,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Input:pc', async () => {
     value0.value = store.fields[5].id
@@ -505,7 +564,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Input:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -543,7 +608,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Textarea:pc', async () => {
     value0.value = store.fields[6].id
@@ -580,7 +651,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Textarea:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -618,7 +695,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Number:pc', async () => {
     value0.value = store.fields[7].id
@@ -655,7 +738,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Number:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -693,7 +782,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Radio:pc', async () => {
     value0.value = store.fields[8].id
@@ -730,7 +825,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Radio:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -768,7 +869,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Checkbox:pc', async () => {
     value0.value = store.fields[9].id
@@ -805,7 +912,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Checkbox:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -843,7 +956,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Select:pc', async () => {
     value0.value = store.fields[10].id
@@ -880,7 +999,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Select:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -918,7 +1043,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Time:pc', async () => {
     value0.value = store.fields[11].id
@@ -955,7 +1086,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Time:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -993,7 +1130,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Date:pc', async () => {
     value0.value = store.fields[12].id
@@ -1030,7 +1173,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Date:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1068,7 +1217,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Rate:pc', async () => {
     value0.value = store.fields[13].id
@@ -1105,7 +1260,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Rate:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1143,7 +1304,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Switch:pc', async () => {
     value0.value = store.fields[14].id
@@ -1180,7 +1347,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Switch:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1218,7 +1391,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Slider:pc', async () => {
     value0.value = store.fields[15].id
@@ -1255,7 +1434,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Slider:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1293,7 +1478,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Html:pc', async () => {
     value0.value = store.fields[16].id
@@ -1330,7 +1521,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Html:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1368,7 +1565,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Cascader:pc', async () => {
     value0.value = store.fields[17].id
@@ -1405,7 +1608,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Cascader:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1443,7 +1652,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('File:pc', async () => {
     value0.value = store.fields[18].id
@@ -1480,7 +1695,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(true)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('File:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1518,7 +1739,13 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(true)
+
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
   })
   test('Signature:pc', async () => {
     value0.value = store.fields[19].id
@@ -1595,4 +1822,89 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(true)
   })
+  test('Grid:pc', async () => {
+    value0.value = store.layouts[0].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Grid'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(true)
+  })
+  test('Grid:mobile', async () => {
+    wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
+    value0.value = store.layouts[0].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Grid'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(true)
+  })
 })

From deb418d2305d0d06191df8432b09e0b33fac6cf2 Mon Sep 17 00:00:00 2001
From: Liberty <zhuizhuidea@gmail.com>
Date: Fri, 18 Aug 2023 07:49:00 +0800
Subject: [PATCH 22/30] test(erFormConfig): grid > col

---
 test/erFormConfig.test.js | 42 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)

diff --git a/test/erFormConfig.test.js b/test/erFormConfig.test.js
index 6055b1d..7fe7397 100644
--- a/test/erFormConfig.test.js
+++ b/test/erFormConfig.test.js
@@ -1907,4 +1907,46 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(true)
   })
+  test('Grid > col', async () => {
+    value0.value = store.layouts[1].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Col'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(true)
+  })
 })

From ed76f8056a00931a2bb8257177c13485ba51bbed Mon Sep 17 00:00:00 2001
From: Liberty <zhuizhuidea@gmail.com>
Date: Fri, 18 Aug 2023 07:51:34 +0800
Subject: [PATCH 23/30] test(erFormConfig): table:pc|Table:mobile

---
 test/erFormConfig.test.js | 85 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 85 insertions(+)

diff --git a/test/erFormConfig.test.js b/test/erFormConfig.test.js
index 7fe7397..a8ca4ee 100644
--- a/test/erFormConfig.test.js
+++ b/test/erFormConfig.test.js
@@ -1949,4 +1949,89 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(true)
   })
+  test('Table:pc', async () => {
+    value0.value = store.layouts[2].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Table'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(true)
+  })
+  test.only('Table:mobile', async () => {
+    wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
+    value0.value = store.layouts[2].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Table'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(true)
+  })
 })

From 0f87550cefdf14933097fdc03fba6db8816ab1dd Mon Sep 17 00:00:00 2001
From: Liberty <zhuizhuidea@gmail.com>
Date: Fri, 18 Aug 2023 07:54:29 +0800
Subject: [PATCH 24/30] test(erFormConfig): table > td

---
 test/erFormConfig.test.js | 44 ++++++++++++++++++++++++++++++++++++++-
 1 file changed, 43 insertions(+), 1 deletion(-)

diff --git a/test/erFormConfig.test.js b/test/erFormConfig.test.js
index a8ca4ee..6796ac7 100644
--- a/test/erFormConfig.test.js
+++ b/test/erFormConfig.test.js
@@ -1991,7 +1991,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(true)
   })
-  test.only('Table:mobile', async () => {
+  test('Table:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
     value0.value = store.layouts[2].id
     await nextTick()
@@ -2034,4 +2034,46 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(true)
   })
+  test('Table > td', async () => {
+    value0.value = store.layouts[3].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'td'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+  })
 })

From 521b26e7d4c38f9ecae95a20e23dd24803b400ce Mon Sep 17 00:00:00 2001
From: Liberty <zhuizhuidea@gmail.com>
Date: Fri, 18 Aug 2023 18:23:24 +0800
Subject: [PATCH 25/30] test(erFormConfig): tabs:pc|Tabs:mobile

---
 .../Panels/Config/components/PropsPanel.vue   |   3 +
 test/erFormConfig.test.js                     | 208 ++++++++++++++++++
 2 files changed, 211 insertions(+)

diff --git a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
index 036ce68..785ff70 100644
--- a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
+++ b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
@@ -842,6 +842,7 @@ onMounted(() => {
     />
     <PanelsConfigComponentsDataComponent3
       v-if="checkTypeBySelected(['collapse', 'tabs'], 'Data3')"
+      v-bind="utils.addTestId('configPanel:dataEntry3')"
     />
     <PanelsConfigComponentsTypeComponent
       v-if="isSelectTabs"
@@ -852,6 +853,7 @@ onMounted(() => {
       :fontSize="70"
       :val="target.options.type"
       :nodes="options4"
+      v-bind="utils.addTestId('configPanel:tabsType')"
     />
     <PanelsConfigComponentsTypeComponent
       v-if="isSelectTabs"
@@ -862,6 +864,7 @@ onMounted(() => {
       :fontSize="66"
       :val="target.options.tabPosition"
       :nodes="options5"
+      v-bind="utils.addTestId('configPanel:tabPosition')"
     />
     <!--  <PanelsConfigComponentsTabsLayout-->
     <!--    v-if="isSelectTabs"-->
diff --git a/test/erFormConfig.test.js b/test/erFormConfig.test.js
index 6796ac7..6f5ffb1 100644
--- a/test/erFormConfig.test.js
+++ b/test/erFormConfig.test.js
@@ -136,6 +136,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Email:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -180,6 +183,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Cellphone:pc', async () => {
     value0.value = store.fields[1].id
@@ -223,6 +229,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Cellphone:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -267,6 +276,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('URL:pc', async () => {
     value0.value = store.fields[2].id
@@ -310,6 +322,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('URL:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -354,6 +369,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Region:pc', async () => {
     value0.value = store.fields[3].id
@@ -397,6 +415,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Region:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -441,6 +462,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('ID number:pc', async () => {
     value0.value = store.fields[4].id
@@ -484,6 +508,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('ID number:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -528,6 +555,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Input:pc', async () => {
     value0.value = store.fields[5].id
@@ -571,6 +601,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Input:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -615,6 +648,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Textarea:pc', async () => {
     value0.value = store.fields[6].id
@@ -658,6 +694,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Textarea:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -702,6 +741,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Number:pc', async () => {
     value0.value = store.fields[7].id
@@ -745,6 +787,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Number:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -789,6 +834,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Radio:pc', async () => {
     value0.value = store.fields[8].id
@@ -832,6 +880,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Radio:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -876,6 +927,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Checkbox:pc', async () => {
     value0.value = store.fields[9].id
@@ -919,6 +973,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Checkbox:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -963,6 +1020,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Select:pc', async () => {
     value0.value = store.fields[10].id
@@ -1006,6 +1066,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Select:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1050,6 +1113,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Time:pc', async () => {
     value0.value = store.fields[11].id
@@ -1093,6 +1159,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Time:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1137,6 +1206,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Date:pc', async () => {
     value0.value = store.fields[12].id
@@ -1180,6 +1252,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Date:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1224,6 +1299,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Rate:pc', async () => {
     value0.value = store.fields[13].id
@@ -1267,6 +1345,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Rate:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1311,6 +1392,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Switch:pc', async () => {
     value0.value = store.fields[14].id
@@ -1354,6 +1438,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Switch:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1398,6 +1485,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Slider:pc', async () => {
     value0.value = store.fields[15].id
@@ -1441,6 +1531,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Slider:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1485,6 +1578,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Html:pc', async () => {
     value0.value = store.fields[16].id
@@ -1528,6 +1624,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Html:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1572,6 +1671,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Cascader:pc', async () => {
     value0.value = store.fields[17].id
@@ -1615,6 +1717,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Cascader:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1659,6 +1764,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('File:pc', async () => {
     value0.value = store.fields[18].id
@@ -1702,6 +1810,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('File:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1746,6 +1857,9 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
   })
   test('Signature:pc', async () => {
     value0.value = store.fields[19].id
@@ -2075,5 +2189,99 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+  })
+  test('Tabs:pc', async () => {
+    value0.value = store.layouts[4].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Tabs'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(true)
+  })
+  test('Tabs:mobile', async () => {
+    wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
+    value0.value = store.layouts[4].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Tabs'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(true)
   })
 })

From d9e5aae2863ab9cac7a09d9bbc4f210ba1f1d56e Mon Sep 17 00:00:00 2001
From: Liberty <zhuizhuidea@gmail.com>
Date: Fri, 18 Aug 2023 18:26:45 +0800
Subject: [PATCH 26/30] test(erFormConfig): tabs > tabsCol

---
 test/erFormConfig.test.js | 45 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 45 insertions(+)

diff --git a/test/erFormConfig.test.js b/test/erFormConfig.test.js
index 6f5ffb1..3b0e0b6 100644
--- a/test/erFormConfig.test.js
+++ b/test/erFormConfig.test.js
@@ -2284,4 +2284,49 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(true)
   })
+  test('Tabs > tabsCol', async () => {
+    value0.value = store.layouts[5].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Tab panel'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+  })
 })

From 78727bfd5a2c124422c48966d30a190e61560219 Mon Sep 17 00:00:00 2001
From: Liberty <zhuizhuidea@gmail.com>
Date: Fri, 18 Aug 2023 18:31:57 +0800
Subject: [PATCH 27/30] test(erFormConfig): collapse:pc|Collapse:mobile

---
 .../Panels/Config/components/PropsPanel.vue   |  18 +--
 test/erFormConfig.test.js                     | 132 ++++++++++++++++++
 2 files changed, 137 insertions(+), 13 deletions(-)

diff --git a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
index 785ff70..223b257 100644
--- a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
+++ b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
@@ -961,10 +961,11 @@ onMounted(() => {
         </div>
       </template>
     </PanelsConfigComponentsCollapseComponent>
-    <!--  <PanelsConfigComponentsBorderComponent-->
-    <!--    v-if="checkTypeBySelected(['grid', 'col', 'collapse', 'collapseCol', 'tabs', 'tabsCol', 'table'])"-->
-    <!--  />-->
-    <PanelsConfigComponentsCheckboxComponent v-if="isSelectCollapse" :label="t('er.config.propsPanel.accordion')" field="accordion">
+    <PanelsConfigComponentsCheckboxComponent
+      v-if="isSelectCollapse" :label="t('er.config.propsPanel.accordion')"
+      field="accordion"
+      v-bind="utils.addTestId('configPanel:accordion')"
+    >
     </PanelsConfigComponentsCheckboxComponent>
     <template v-if="isSelectField && !checkTypeBySelected(['divider'])">
       <PanelsConfigComponentsCheckboxComponent
@@ -1004,15 +1005,6 @@ onMounted(() => {
           :nodes="options9"
           :val="target.options.controlsPosition"
         />
-        <!--      <el-row align="middle">-->
-        <!--        <el-col :span="10">{{ t('er.config.propsPanel.numberControls.position') }}</el-col>-->
-        <!--        <el-col :span="14">-->
-        <!--          <el-radio-group v-model="target.options.controlsPosition">-->
-        <!--            <el-radio-button :label="false">{{ t('er.config.propsPanel.numberControls.options[0]') }}</el-radio-button>-->
-        <!--            <el-radio-button :label="true">{{ t('er.config.propsPanel.numberControls.options[1]') }}</el-radio-button>-->
-        <!--          </el-radio-group>-->
-        <!--        </el-col>-->
-        <!--      </el-row>-->
       </PanelsConfigComponentsCheckboxComponent>
       <PanelsConfigComponentsCheckboxComponent
         v-if="checkTypeBySelected(['rate'], 'allowHalf')"
diff --git a/test/erFormConfig.test.js b/test/erFormConfig.test.js
index 3b0e0b6..2863df6 100644
--- a/test/erFormConfig.test.js
+++ b/test/erFormConfig.test.js
@@ -139,6 +139,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Email:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -186,6 +187,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Cellphone:pc', async () => {
     value0.value = store.fields[1].id
@@ -232,6 +234,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Cellphone:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -279,6 +282,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('URL:pc', async () => {
     value0.value = store.fields[2].id
@@ -325,6 +329,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('URL:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -372,6 +377,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Region:pc', async () => {
     value0.value = store.fields[3].id
@@ -418,6 +424,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Region:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -465,6 +472,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('ID number:pc', async () => {
     value0.value = store.fields[4].id
@@ -511,6 +519,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('ID number:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -558,6 +567,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Input:pc', async () => {
     value0.value = store.fields[5].id
@@ -604,6 +614,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Input:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -651,6 +662,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Textarea:pc', async () => {
     value0.value = store.fields[6].id
@@ -697,6 +709,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Textarea:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -744,6 +757,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Number:pc', async () => {
     value0.value = store.fields[7].id
@@ -790,6 +804,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Number:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -837,6 +852,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Radio:pc', async () => {
     value0.value = store.fields[8].id
@@ -883,6 +899,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Radio:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -930,6 +947,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Checkbox:pc', async () => {
     value0.value = store.fields[9].id
@@ -976,6 +994,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Checkbox:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1023,6 +1042,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Select:pc', async () => {
     value0.value = store.fields[10].id
@@ -1069,6 +1089,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Select:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1116,6 +1137,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Time:pc', async () => {
     value0.value = store.fields[11].id
@@ -1162,6 +1184,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Time:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1209,6 +1232,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Date:pc', async () => {
     value0.value = store.fields[12].id
@@ -1255,6 +1279,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Date:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1302,6 +1327,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Rate:pc', async () => {
     value0.value = store.fields[13].id
@@ -1348,6 +1374,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Rate:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1395,6 +1422,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Switch:pc', async () => {
     value0.value = store.fields[14].id
@@ -1441,6 +1469,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Switch:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1488,6 +1517,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Slider:pc', async () => {
     value0.value = store.fields[15].id
@@ -1534,6 +1564,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Slider:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1581,6 +1612,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Html:pc', async () => {
     value0.value = store.fields[16].id
@@ -1627,6 +1659,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Html:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1674,6 +1707,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Cascader:pc', async () => {
     value0.value = store.fields[17].id
@@ -1720,6 +1754,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Cascader:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1767,6 +1802,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('File:pc', async () => {
     value0.value = store.fields[18].id
@@ -1813,6 +1849,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('File:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1860,6 +1897,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Signature:pc', async () => {
     value0.value = store.fields[19].id
@@ -2192,6 +2230,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
   })
   test('Tabs:pc', async () => {
     value0.value = store.layouts[4].id
@@ -2328,5 +2367,98 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+  })
+  test('Collapse:pc', async () => {
+    value0.value = store.layouts[6].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Collapse'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(true)
+  })
+  test('Collapse:mobile', async () => {
+    value0.value = store.layouts[6].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Collapse'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(true)
   })
 })

From ac2fd6820d97c100b0f073316f0215227849fba8 Mon Sep 17 00:00:00 2001
From: Liberty <zhuizhuidea@gmail.com>
Date: Fri, 18 Aug 2023 18:34:57 +0800
Subject: [PATCH 28/30] test(erFormConfig): collapse > collapseCol

---
 test/erFormConfig.test.js | 46 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 46 insertions(+)

diff --git a/test/erFormConfig.test.js b/test/erFormConfig.test.js
index 2863df6..e993d2c 100644
--- a/test/erFormConfig.test.js
+++ b/test/erFormConfig.test.js
@@ -2461,4 +2461,50 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(true)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(true)
   })
+  test('Collapse > collapseCol', async () => {
+    value0.value = store.layouts[7].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Collapse panel'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+  })
 })

From a49196f0e299970c0c8bd0f37cb6bd7b1a69bcd4 Mon Sep 17 00:00:00 2001
From: Liberty <zhuizhuidea@gmail.com>
Date: Fri, 18 Aug 2023 18:50:55 +0800
Subject: [PATCH 29/30] test(erFormConfig): divider:pc|Divider:mobile

---
 .../Panels/Config/components/PropsPanel.vue   |   4 +-
 test/erFormConfig.test.js                     | 140 ++++++++++++++++++
 2 files changed, 143 insertions(+), 1 deletion(-)

diff --git a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
index 223b257..2ecca37 100644
--- a/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
+++ b/packages/formEditor/components/Panels/Config/components/PropsPanel.vue
@@ -643,7 +643,9 @@ onMounted(() => {
       :height="50"
       :fontSize="80"
       :nodes="options10"
-      :val="target.options.contentPosition"/>
+      :val="target.options.contentPosition"
+      v-bind="utils.addTestId('configPanel:contentPosition')"
+    />
     <PanelsConfigComponentsTypeComponent
       :layoutType="0"
       v-if="checkTypeBySelected(['textarea'], 'textareaHeight')"
diff --git a/test/erFormConfig.test.js b/test/erFormConfig.test.js
index e993d2c..53fa493 100644
--- a/test/erFormConfig.test.js
+++ b/test/erFormConfig.test.js
@@ -88,6 +88,9 @@ describe('Configuration options owned by the config panel', () => {
       sector
     })
     )
+    return () => {
+      vi.stubEnv('TESTIDTYPE', '')
+    }
   })
   afterEach(() => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('pc')
@@ -140,6 +143,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Email:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -188,6 +192,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Cellphone:pc', async () => {
     value0.value = store.fields[1].id
@@ -235,6 +240,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Cellphone:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -283,6 +289,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('URL:pc', async () => {
     value0.value = store.fields[2].id
@@ -330,6 +337,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('URL:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -378,6 +386,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Region:pc', async () => {
     value0.value = store.fields[3].id
@@ -425,6 +434,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Region:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -473,6 +483,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('ID number:pc', async () => {
     value0.value = store.fields[4].id
@@ -520,6 +531,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('ID number:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -568,6 +580,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Input:pc', async () => {
     value0.value = store.fields[5].id
@@ -615,6 +628,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Input:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -663,6 +677,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Textarea:pc', async () => {
     value0.value = store.fields[6].id
@@ -710,6 +725,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Textarea:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -758,6 +774,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Number:pc', async () => {
     value0.value = store.fields[7].id
@@ -805,6 +822,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Number:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -853,6 +871,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Radio:pc', async () => {
     value0.value = store.fields[8].id
@@ -900,6 +919,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Radio:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -948,6 +968,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Checkbox:pc', async () => {
     value0.value = store.fields[9].id
@@ -995,6 +1016,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Checkbox:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1043,6 +1065,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Select:pc', async () => {
     value0.value = store.fields[10].id
@@ -1090,6 +1113,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Select:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1138,6 +1162,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Time:pc', async () => {
     value0.value = store.fields[11].id
@@ -1185,6 +1210,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Time:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1233,6 +1259,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Date:pc', async () => {
     value0.value = store.fields[12].id
@@ -1280,6 +1307,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Date:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1328,6 +1356,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Rate:pc', async () => {
     value0.value = store.fields[13].id
@@ -1375,6 +1404,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Rate:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1423,6 +1453,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Switch:pc', async () => {
     value0.value = store.fields[14].id
@@ -1470,6 +1501,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Switch:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1518,6 +1550,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Slider:pc', async () => {
     value0.value = store.fields[15].id
@@ -1565,6 +1598,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Slider:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1613,6 +1647,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Html:pc', async () => {
     value0.value = store.fields[16].id
@@ -1660,6 +1695,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Html:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1708,6 +1744,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Cascader:pc', async () => {
     value0.value = store.fields[17].id
@@ -1755,6 +1792,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Cascader:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1803,6 +1841,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('File:pc', async () => {
     value0.value = store.fields[18].id
@@ -1850,6 +1889,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('File:mobile', async () => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
@@ -1898,6 +1938,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Signature:pc', async () => {
     value0.value = store.fields[19].id
@@ -2231,6 +2272,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Tabs:pc', async () => {
     value0.value = store.layouts[4].id
@@ -2368,6 +2410,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
   })
   test('Collapse:pc', async () => {
     value0.value = store.layouts[6].id
@@ -2416,6 +2459,7 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(true)
   })
   test('Collapse:mobile', async () => {
+    wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
     value0.value = store.layouts[6].id
     await nextTick()
     expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Collapse'])
@@ -2506,5 +2550,101 @@ describe('Configuration options owned by the config panel', () => {
     expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
     expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(false)
+  })
+  test('Divider:pc', async () => {
+    value0.value = store.layouts[8].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Divider'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(true)
+  })
+  test('Divider:mobile', async () => {
+    wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
+    value0.value = store.layouts[8].id
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:breadcrumb')).findAll('.el-breadcrumb__item').map(e => e.text())).toEqual(['Form Attribute', 'Divider'])
+    expect(wrapper.find(utils.getTestId('configPanel:id')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:title')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:titleWidth')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:defaultValue')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:placeholder')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:isShowTrim')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:required')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:disabled')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:clearable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:width')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:prepend')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:append')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:textareaHeight')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:wordLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:controls')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:displayStyle')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:multiple')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:format')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dateRange')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:star')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:allowHalf')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:sliderCount')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:step')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:precision')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:filterable')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:anyNode')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accept')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:uploadLimit')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:fileSize')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:brushColor')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:justify')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:margin')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:padding')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:background')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:borderLine')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabsType')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:tabPosition')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:dataEntry3')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:accordion')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:contentPosition')).exists()).toBe(true)
   })
 })

From 14bd5f03f202d7ea32aeea6aeed5fffcc647ed65 Mon Sep 17 00:00:00 2001
From: Liberty <zhuizhuidea@gmail.com>
Date: Fri, 18 Aug 2023 19:31:39 +0800
Subject: [PATCH 30/30] test(erFormConfig): root:pc|Root:mobile

---
 .../Config/components/GlobalConfigPanel.vue   | 21 ++++++++++++-------
 test/erFormConfig.test.js                     | 20 ++++++++++++++----
 2 files changed, 29 insertions(+), 12 deletions(-)

diff --git a/packages/formEditor/components/Panels/Config/components/GlobalConfigPanel.vue b/packages/formEditor/components/Panels/Config/components/GlobalConfigPanel.vue
index 57e5be9..2e08b8d 100644
--- a/packages/formEditor/components/Panels/Config/components/GlobalConfigPanel.vue
+++ b/packages/formEditor/components/Panels/Config/components/GlobalConfigPanel.vue
@@ -8,6 +8,7 @@ import { ClickOutside as vClickOutside } from 'element-plus'
 import CompleteButton from '@ER/formEditor/components/CompleteButton.vue'
 import PanelsConfigComponentsTypeComponent from './TypeComponent.vue'
 import PanelsConfigComponentsLogicComponent from './LogicComponent.vue'
+import utils from '@ER/utils'
 export default {
   name: 'GlobalConfigPanel',
   inheritAttrs: false,
@@ -41,7 +42,6 @@ const popperPaneRef = computed(() => {
 })
 let handleConfirm = ''
 const handleBeforeChange = () => {
-  // visible.value = true
   return new Promise((resolve, reject) => {
     const pcObj = _.pick(unref(target).pc, compareKeys)
     const mobileObj = _.pick(unref(target).mobile, compareKeys)
@@ -86,10 +86,6 @@ const options0 = computed(() => {
     }
   ]
 })
-
-//   <el-radio-button label="large">{{t('er.config.globalConfig.componentSize.large')}}</el-radio-button>
-// <el-radio-button label="default" >{{t('er.config.globalConfig.componentSize.default')}}</el-radio-button>
-// <el-radio-button label="small" >{{t('er.config.globalConfig.componentSize.small')}}</el-radio-button>
 const options1 = computed(() => {
   return [
     {
@@ -152,8 +148,11 @@ const handleTypeListener = ({ property, data }) => {
         </el-button>
       </div>
     </el-popover>
-<!--    <DeviceSwitch justify-content="center"></DeviceSwitch>-->
-    <el-form-item :label="t('er.config.globalConfig.sync.label')" label-position="left">
+    <el-form-item
+      :label="t('er.config.globalConfig.sync.label')"
+      label-position="left"
+      v-bind="utils.addTestId('configPanel:isSync')"
+    >
       <el-switch
         ref="buttonRef"
         v-click-outside:[popperPaneRef]="onClickOutside"
@@ -168,6 +167,7 @@ const handleTypeListener = ({ property, data }) => {
       :label="t('er.config.globalConfig.componentSize.label')"
       :val="target[state.platform].size"
       :nodes="options1"
+      v-bind="utils.addTestId('configPanel:size')"
     />
     <PanelsConfigComponentsTypeComponent
       @listener="handleTypeListener"
@@ -177,8 +177,13 @@ const handleTypeListener = ({ property, data }) => {
       :fontSize="80"
       :val="target[state.platform].labelPosition"
       :nodes="options0"
+      v-bind="utils.addTestId('configPanel:labelPosition')"
     />
-    <el-form-item v-if="ER.props.isShowCompleteButton" :label="t('er.public.button')">
+    <el-form-item
+      v-if="ER.props.isShowCompleteButton"
+      :label="t('er.public.button')"
+      v-bind="utils.addTestId('configPanel:completeButton')"
+    >
       <div style="width: 100%;">
         <div>
           <CompleteButton mode="preview"/>
diff --git a/test/erFormConfig.test.js b/test/erFormConfig.test.js
index 53fa493..b5f3ce3 100644
--- a/test/erFormConfig.test.js
+++ b/test/erFormConfig.test.js
@@ -95,10 +95,22 @@ describe('Configuration options owned by the config panel', () => {
   afterEach(() => {
     wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('pc')
   })
-  test('Root', () => {
-    // console.log(wrapper.html())
-    // console.log(erGeneratorData(erComponentsConfig.fieldsConfig[0].list[0], true, 'en'))
-    // expect(erGeneratorData(erComponentsConfig.fieldsConfig[0].list[0], true, 'en')).toMatchSnapshot()
+  test('Root:pc', async () => {
+    value0.value = 'root'
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:isSync')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:size')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:labelPosition')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:completeButton')).exists()).toBe(true)
+  })
+  test('Root:mobile', async () => {
+    value0.value = 'root'
+    wrapper.findComponent({ ref: 'EReditorRef' }).vm.switchPlatform('mobile')
+    await nextTick()
+    expect(wrapper.find(utils.getTestId('configPanel:isSync')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:size')).exists()).toBe(false)
+    expect(wrapper.find(utils.getTestId('configPanel:labelPosition')).exists()).toBe(true)
+    expect(wrapper.find(utils.getTestId('configPanel:completeButton')).exists()).toBe(true)
   })
   test('Email:pc', async () => {
     value0.value = store.fields[0].id