From ee2ed97598c7b8c048f738b1af53e86d6307ca74 Mon Sep 17 00:00:00 2001
From: qkiroc <30946345+qkiroc@users.noreply.github.com>
Date: Tue, 10 Sep 2024 12:27:49 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=BB=99formItem=E7=BB=84=E4=BB=B6?=
 =?UTF-8?q?=E5=8A=A0data-name=E6=A0=87=E8=AF=86,=E6=96=B9=E4=BE=BFdom?=
 =?UTF-8?q?=E6=93=8D=E4=BD=9C=20(#10890)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat: 表单项增加dataAmisName标识

* 更新快照

---------

Co-authored-by: qinhaoyan <30946345+qinhaoyan@users.noreply.github.com>
---
 packages/amis-core/src/renderers/Item.tsx     |   6 +-
 packages/amis-ui/src/components/Checkbox.tsx  |   2 +
 packages/amis-ui/src/components/InputBox.tsx  |   3 +
 packages/amis-ui/src/components/Select.tsx    |   3 +
 .../src/components/schema-editor/Array.tsx    |   2 +
 .../src/components/schema-editor/Common.tsx   |   4 +
 .../src/components/schema-editor/Object.tsx   | 152 ++++++++++--------
 .../__snapshots__/page.test.tsx.snap          |  12 ++
 .../__snapshots__/service.test.tsx.snap       |  24 +++
 .../form/__snapshots__/form.test.tsx.snap     |  31 ++++
 .../form/__snapshots__/range.test.tsx.snap    |   3 +
 .../validateFormItem.test.tsx.snap            |  24 +++
 .../Form/__snapshots__/array.test.tsx.snap    |   1 +
 .../Form/__snapshots__/button.test.tsx.snap   |   2 +
 .../buttonGroupSelect.test.tsx.snap           |  11 ++
 .../__snapshots__/chainedSelect.test.tsx.snap |   1 +
 .../Form/__snapshots__/checkbox.test.tsx.snap |   4 +
 .../__snapshots__/checkboxes.test.tsx.snap    |  29 ++++
 .../Form/__snapshots__/combo.test.tsx.snap    |  30 ++++
 .../conditionBuilder.test.tsx.snap            |   1 +
 .../__snapshots__/container.test.tsx.snap     |   2 +
 .../Form/__snapshots__/datetime.test.tsx.snap |   1 +
 .../Form/__snapshots__/fieldSet.test.tsx.snap |   9 ++
 .../Form/__snapshots__/formitem.test.tsx.snap |   3 +
 .../Form/__snapshots__/formula.test.tsx.snap  |   6 +
 .../Form/__snapshots__/grid.test.tsx.snap     |   1 +
 .../Form/__snapshots__/group.test.tsx.snap    |   6 +
 .../Form/__snapshots__/hbox.test.tsx.snap     |   1 +
 .../__snapshots__/iconPicker.test.tsx.snap    |   1 +
 .../Form/__snapshots__/index.test.tsx.snap    |  14 ++
 .../Form/__snapshots__/initData.test.tsx.snap |   8 +
 .../__snapshots__/inputArray.test.tsx.snap    |  14 ++
 .../__snapshots__/inputCity.test.tsx.snap     |   2 +
 .../__snapshots__/inputDate.test.tsx.snap     |  10 ++
 .../__snapshots__/inputFormula.test.tsx.snap  |   2 +
 .../__snapshots__/inputGroup.test.tsx.snap    |   1 +
 .../inputMonthRange.test.tsx.snap             |   1 +
 .../inputQuarterRange.test.tsx.snap           |   1 +
 .../__snapshots__/inputSubForm.test.tsx.snap  |   6 +
 .../__snapshots__/inputTable.test.tsx.snap    |  19 +++
 .../Form/__snapshots__/inputTag.test.tsx.snap |   7 +
 .../inputYearRange.test.tsx.snap              |   1 +
 .../Form/__snapshots__/list.test.tsx.snap     |   7 +
 .../__snapshots__/listSelect.test.tsx.snap    |   2 +
 .../__snapshots__/nestedSelect.test.tsx.snap  |   1 +
 .../Form/__snapshots__/number.test.tsx.snap   |   9 ++
 .../Form/__snapshots__/options.test.tsx.snap  |   8 +
 .../Form/__snapshots__/panel.test.tsx.snap    |   2 +
 .../Form/__snapshots__/radios.test.tsx.snap   |   6 +
 .../Form/__snapshots__/range.test.tsx.snap    |   8 +
 .../Form/__snapshots__/rating.test.tsx.snap   |  10 ++
 .../Form/__snapshots__/repeat.test.tsx.snap   |   1 +
 .../Form/__snapshots__/select.test.tsx.snap   |  13 ++
 .../Form/__snapshots__/service.test.tsx.snap  |   7 +
 .../Form/__snapshots__/static.test.tsx.snap   |  13 ++
 .../Form/__snapshots__/switch.test.tsx.snap   |   2 +
 .../Form/__snapshots__/tabs.test.tsx.snap     |   2 +
 .../__snapshots__/tabsTransfer.test.tsx.snap  |   2 +
 .../tabsTransferPicker.test.tsx.snap          |   2 +
 .../Form/__snapshots__/text.test.tsx.snap     |  29 ++++
 .../Form/__snapshots__/textarea.test.tsx.snap |   4 +
 .../Form/__snapshots__/transfer.test.tsx.snap |  13 ++
 .../transferPicker.test.tsx.snap              |   1 +
 .../__snapshots__/usersSelect.test.tsx.snap   |   1 +
 .../__snapshots__/valueFormula.test.tsx.snap  |   9 ++
 .../__snapshots__/AnchorNav.test.tsx.snap     |  20 +++
 .../__snapshots__/ButtonToolbar.test.tsx.snap |   1 +
 .../__snapshots__/Image.test.tsx.snap         |   1 +
 .../__snapshots__/Page.test.tsx.snap          |   6 +
 .../__snapshots__/Picker.test.tsx.snap        |   2 +
 .../__snapshots__/PopOver.test.tsx.snap       |   3 +
 .../__snapshots__/Progress.test.tsx.snap      |   1 +
 .../__snapshots__/Tabs.test.tsx.snap          |   2 +
 .../__snapshots__/Tree.test.tsx.snap          |   2 +
 .../__snapshots__/Wizard.test.tsx.snap        |  22 +++
 75 files changed, 604 insertions(+), 69 deletions(-)

diff --git a/packages/amis-core/src/renderers/Item.tsx b/packages/amis-core/src/renderers/Item.tsx
index 53975e25b..c6e51e6c4 100644
--- a/packages/amis-core/src/renderers/Item.tsx
+++ b/packages/amis-core/src/renderers/Item.tsx
@@ -1270,6 +1270,7 @@ export class FormItemWrap extends React.Component<FormItemProps> {
       return (
         <div
           data-role="form-item"
+          data-amis-name={props.name}
           className={cx(
             `Form-item Form-item--horizontal`,
             isStatic && staticClassName ? staticClassName : className,
@@ -1425,6 +1426,7 @@ export class FormItemWrap extends React.Component<FormItemProps> {
       return (
         <div
           data-role="form-item"
+          data-amis-name={props.name}
           className={cx(
             `Form-item Form-item--normal`,
             isStatic && staticClassName ? staticClassName : className,
@@ -1612,6 +1614,7 @@ export class FormItemWrap extends React.Component<FormItemProps> {
       return (
         <div
           data-role="form-item"
+          data-amis-name={props.name}
           className={cx(
             `Form-item Form-item--inline`,
             isStatic && staticClassName ? staticClassName : className,
@@ -1746,6 +1749,7 @@ export class FormItemWrap extends React.Component<FormItemProps> {
       return (
         <div
           data-role="form-item"
+          data-amis-name={props.name}
           className={cx(
             `Form-item Form-item--row`,
             isStatic && staticClassName ? staticClassName : className,
@@ -1881,10 +1885,10 @@ export class FormItemWrap extends React.Component<FormItemProps> {
         props.formLabelAlign;
       const labelWidth = props.labelWidth || props.formLabelWidth;
       description = description || desc;
-
       return (
         <div
           data-role="form-item"
+          data-amis-name={props.name}
           className={cx(
             `Form-item Form-item--flex`,
             isStatic && staticClassName ? staticClassName : className,
diff --git a/packages/amis-ui/src/components/Checkbox.tsx b/packages/amis-ui/src/components/Checkbox.tsx
index e52862154..8e2929e21 100644
--- a/packages/amis-ui/src/components/Checkbox.tsx
+++ b/packages/amis-ui/src/components/Checkbox.tsx
@@ -29,6 +29,7 @@ interface CheckboxProps extends ThemeProps {
   optionType?: 'default' | 'button';
   children?: React.ReactNode | Array<React.ReactNode>;
   testIdBuilder?: TestIdBuilder;
+  dataName?: string;
 }
 
 export class Checkbox extends React.Component<CheckboxProps, any> {
@@ -99,6 +100,7 @@ export class Checkbox extends React.Component<CheckboxProps, any> {
         })}
         data-role="checkbox"
         {...testIdBuilder?.getTestId()}
+        data-amis-name={this.props.dataName}
       >
         <input
           type={type}
diff --git a/packages/amis-ui/src/components/InputBox.tsx b/packages/amis-ui/src/components/InputBox.tsx
index 058f7af3d..e8f316479 100644
--- a/packages/amis-ui/src/components/InputBox.tsx
+++ b/packages/amis-ui/src/components/InputBox.tsx
@@ -23,6 +23,7 @@ export interface InputBoxProps
   borderMode?: 'full' | 'half' | 'none';
   testIdBuilder?: TestIdBuilder;
   inputRender?: (props: any, ref?: any) => JSX.Element;
+  dataName?: string;
 }
 
 export interface InputBoxState {
@@ -91,6 +92,7 @@ export class InputBox extends React.Component<InputBoxProps, InputBoxState> {
       mobileUI,
       testIdBuilder,
       inputRender,
+      dataName,
       ...rest
     } = this.props;
     const isFocused = this.state.isFocused;
@@ -106,6 +108,7 @@ export class InputBox extends React.Component<InputBoxProps, InputBoxState> {
           [`InputBox--border${ucFirst(borderMode)}`]: borderMode
         })}
         onClick={onClick}
+        data-amis-name={dataName}
       >
         {result}
 
diff --git a/packages/amis-ui/src/components/Select.tsx b/packages/amis-ui/src/components/Select.tsx
index 08ebb3669..606c7684d 100644
--- a/packages/amis-ui/src/components/Select.tsx
+++ b/packages/amis-ui/src/components/Select.tsx
@@ -401,6 +401,8 @@ export interface SelectProps
    * 检索函数
    */
   filterOption?: FilterOption;
+
+  dataName?: string;
 }
 
 interface SelectState {
@@ -1375,6 +1377,7 @@ export class Select extends React.Component<SelectProps, SelectState> {
                 },
                 className
               )}
+              data-amis-name={this.props.dataName}
             >
               <div
                 className={cx(`Select-valueWrap`, {
diff --git a/packages/amis-ui/src/components/schema-editor/Array.tsx b/packages/amis-ui/src/components/schema-editor/Array.tsx
index 5cd4d6d77..2d31baa37 100644
--- a/packages/amis-ui/src/components/schema-editor/Array.tsx
+++ b/packages/amis-ui/src/components/schema-editor/Array.tsx
@@ -57,6 +57,7 @@ export class SchemaEditorItemArray extends SchemaEditorItemCommon {
         })}
       >
         <SchemaEditorItem
+          dataName={this.props.dataName}
           types={types}
           onTypeChange={onTypeChange}
           label={
@@ -135,6 +136,7 @@ export class SchemaEditorItemArray extends SchemaEditorItemCommon {
         className={cx('SchemaEditorItem SchemaEditorArray', {
           'SchemaEditorItem--mini': mini
         })}
+        data-amis-name={this.props.dataName}
       >
         {showInfo !== false ? (
           <>
diff --git a/packages/amis-ui/src/components/schema-editor/Common.tsx b/packages/amis-ui/src/components/schema-editor/Common.tsx
index c702cd921..991e8fee4 100644
--- a/packages/amis-ui/src/components/schema-editor/Common.tsx
+++ b/packages/amis-ui/src/components/schema-editor/Common.tsx
@@ -27,6 +27,7 @@ export type SchemaEditorItemPlaceholder = Partial<
 export interface SchemaEditorItemCommonProps extends LocaleProps, ThemeProps {
   label?: string;
   value?: JSONSchema;
+  dataName?: string;
   onChange: (value: JSONSchema) => void;
   types: Array<{
     label: string;
@@ -175,6 +176,7 @@ export class SchemaEditorItemCommon<
             simpleValue
             mobileUI={mobileUI}
             popOverContainer={popOverContainer}
+            dataName={onRequiredChange ? `${this.props.dataName}-type` : ''}
           />
         ) : null}
 
@@ -185,6 +187,7 @@ export class SchemaEditorItemCommon<
             value={required}
             onChange={onRequiredChange}
             disabled={disabled}
+            dataName={`${this.props.dataName}-required`}
           />
         ) : null}
 
@@ -371,6 +374,7 @@ export class SchemaEditorItemCommon<
         className={cx('SchemaEditorItem', {
           'SchemaEditorItem--mini': mini
         })}
+        data-amis-name={this.props.dataName}
       >
         {this.renderCommon()}
       </div>
diff --git a/packages/amis-ui/src/components/schema-editor/Object.tsx b/packages/amis-ui/src/components/schema-editor/Object.tsx
index f4608a153..e22f60945 100644
--- a/packages/amis-ui/src/components/schema-editor/Object.tsx
+++ b/packages/amis-ui/src/components/schema-editor/Object.tsx
@@ -288,7 +288,8 @@ export class SchemaEditorItemObject extends SchemaEditorItemCommon<
       placeholder,
       mobileUI,
       mini,
-      addButtonText
+      addButtonText,
+      dataName
     } = this.props;
     const members = this.state.members;
 
@@ -299,74 +300,88 @@ export class SchemaEditorItemObject extends SchemaEditorItemCommon<
         })}
       >
         {members.length ? (
-          members.map((member, index) => (
-            <SchemaEditorItem
-              mobileUI={mobileUI}
-              mini={mini}
-              key={member.id}
-              types={types}
-              onTypeChange={onTypeChange}
-              enableAdvancedSetting={enableAdvancedSetting}
-              popOverContainer={popOverContainer}
-              prefix={
-                mini ? undefined : (
-                  <>
-                    <InputBox
-                      className={cx('SchemaEditor-key')}
-                      hasError={member.hasError}
-                      value={member.key || ''}
-                      onChange={this.handlePropKeyChange.bind(this, index)}
-                      placeholder={__(placeholder?.key ?? '')}
-                      disabled={disabled || !!value?.$ref}
-                      mobileUI={mobileUI}
-                    />
+          members.map((member, index) => {
+            const memberKey = dataName
+              ? dataName + '-' + member.key
+              : member.key;
+            return (
+              <SchemaEditorItem
+                dataName={memberKey}
+                mobileUI={mobileUI}
+                mini={mini}
+                key={member.id}
+                types={types}
+                onTypeChange={onTypeChange}
+                enableAdvancedSetting={enableAdvancedSetting}
+                popOverContainer={popOverContainer}
+                prefix={
+                  mini ? undefined : (
+                    <>
+                      <InputBox
+                        className={cx('SchemaEditor-key')}
+                        hasError={member.hasError}
+                        value={member.key || ''}
+                        onChange={this.handlePropKeyChange.bind(this, index)}
+                        placeholder={__(placeholder?.key ?? '')}
+                        disabled={disabled || !!value?.$ref}
+                        mobileUI={mobileUI}
+                        dataName={`${memberKey}-key`}
+                      />
 
-                    <InputBox
-                      className={cx('SchemaEditor-title')}
-                      value={member.schema.title || ''}
-                      onChange={this.handlePropTitleChange.bind(this, index)}
-                      placeholder={__(placeholder?.title ?? '')}
-                      disabled={disabled || !!value?.$ref}
-                      mobileUI={mobileUI}
-                    />
-                  </>
-                )
-              }
-              affix={
-                <Button
-                  className={cx('SchemaEditor-btn')}
-                  onClick={this.handlePropRemove.bind(this, index)}
-                  iconOnly={!mini}
-                  level={mini ? 'link' : 'default'}
-                  disabled={disabled || !!value?.$ref}
-                >
-                  <Icon icon="remove" className="icon" />
-                </Button>
-              }
-              value={
-                mini
-                  ? ({
-                      ...member.schema,
-                      key: member.key,
-                      isRequired: member.required
-                    } as any)
-                  : member.schema
-              }
-              onChange={this.handlePropChange.bind(this, index)}
-              onFormConfirm={this.handleEditProppertyConfirm.bind(this, index)}
-              renderExtraProps={renderExtraProps}
-              renderModalProps={renderModalProps}
-              locale={locale}
-              translate={__}
-              classnames={cx}
-              classPrefix={classPrefix}
-              disabled={disabled || !!value?.$ref}
-              required={member.required}
-              onRequiredChange={this.handlePropRequiredChange.bind(this, index)}
-              placeholder={placeholder}
-              formPrefixRender={this.renderFormPrefix}
-            />
-          ))
+                      <InputBox
+                        className={cx('SchemaEditor-title')}
+                        value={member.schema.title || ''}
+                        onChange={this.handlePropTitleChange.bind(this, index)}
+                        placeholder={__(placeholder?.title ?? '')}
+                        disabled={disabled || !!value?.$ref}
+                        mobileUI={mobileUI}
+                        dataName={`${memberKey}-title`}
+                      />
+                    </>
+                  )
+                }
+                affix={
+                  <Button
+                    className={cx('SchemaEditor-btn')}
+                    onClick={this.handlePropRemove.bind(this, index)}
+                    iconOnly={!mini}
+                    level={mini ? 'link' : 'default'}
+                    disabled={disabled || !!value?.$ref}
+                  >
+                    <Icon icon="remove" className="icon" />
+                  </Button>
+                }
+                value={
+                  mini
+                    ? ({
+                        ...member.schema,
+                        key: member.key,
+                        isRequired: member.required
+                      } as any)
+                    : member.schema
+                }
+                onChange={this.handlePropChange.bind(this, index)}
+                onFormConfirm={this.handleEditProppertyConfirm.bind(
+                  this,
+                  index
+                )}
+                renderExtraProps={renderExtraProps}
+                renderModalProps={renderModalProps}
+                locale={locale}
+                translate={__}
+                classnames={cx}
+                classPrefix={classPrefix}
+                disabled={disabled || !!value?.$ref}
+                required={member.required}
+                onRequiredChange={this.handlePropRequiredChange.bind(
+                  this,
+                  index
+                )}
+                placeholder={placeholder}
+                formPrefixRender={this.renderFormPrefix}
+              />
+            );
+          })
         ) : (
           <div className={cx('SchemaEditorProps-placeholder')}>
             {__(placeholder?.empty ?? '')}
@@ -492,6 +507,7 @@ export class SchemaEditorItemObject extends SchemaEditorItemCommon<
           'is-collapsed': this.state.collapsed,
           'SchemaEditorItem--mini': mini
         })}
+        data-amis-name={this.props.dataName}
       >
         {showInfo !== false ? (
           <>
diff --git a/packages/amis/__tests__/event-action/renderers/__snapshots__/page.test.tsx.snap b/packages/amis/__tests__/event-action/renderers/__snapshots__/page.test.tsx.snap
index c957494cd..cf4a937c9 100644
--- a/packages/amis/__tests__/event-action/renderers/__snapshots__/page.test.tsx.snap
+++ b/packages/amis/__tests__/event-action/renderers/__snapshots__/page.test.tsx.snap
@@ -25,6 +25,7 @@ exports[`doAction:page reload 1`] = `
           </button>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="title"
             data-role="form-item"
           >
             <label
@@ -60,6 +61,7 @@ exports[`doAction:page reload 1`] = `
           </div>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="age"
             data-role="form-item"
           >
             <label
@@ -136,6 +138,7 @@ exports[`doAction:page reload 2`] = `
           </button>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="title"
             data-role="form-item"
           >
             <label
@@ -171,6 +174,7 @@ exports[`doAction:page reload 2`] = `
           </div>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="age"
             data-role="form-item"
           >
             <label
@@ -236,6 +240,7 @@ exports[`doAction:page reload with data 1`] = `
           </button>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="title"
             data-role="form-item"
           >
             <label
@@ -271,6 +276,7 @@ exports[`doAction:page reload with data 1`] = `
           </div>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="age"
             data-role="form-item"
           >
             <label
@@ -347,6 +353,7 @@ exports[`doAction:page reload with data 2`] = `
           </button>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="title"
             data-role="form-item"
           >
             <label
@@ -382,6 +389,7 @@ exports[`doAction:page reload with data 2`] = `
           </div>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="age"
             data-role="form-item"
           >
             <label
@@ -447,6 +455,7 @@ exports[`doAction:page reload with data(same name) 1`] = `
           </button>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="title"
             data-role="form-item"
           >
             <label
@@ -482,6 +491,7 @@ exports[`doAction:page reload with data(same name) 1`] = `
           </div>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="date"
             data-role="form-item"
           >
             <label
@@ -558,6 +568,7 @@ exports[`doAction:page reload with data(same name) 2`] = `
           </button>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="title"
             data-role="form-item"
           >
             <label
@@ -593,6 +604,7 @@ exports[`doAction:page reload with data(same name) 2`] = `
           </div>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="date"
             data-role="form-item"
           >
             <label
diff --git a/packages/amis/__tests__/event-action/renderers/__snapshots__/service.test.tsx.snap b/packages/amis/__tests__/event-action/renderers/__snapshots__/service.test.tsx.snap
index 71984e89f..0824414c9 100644
--- a/packages/amis/__tests__/event-action/renderers/__snapshots__/service.test.tsx.snap
+++ b/packages/amis/__tests__/event-action/renderers/__snapshots__/service.test.tsx.snap
@@ -46,6 +46,7 @@ exports[`doAction:service reload 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="name"
                   data-role="form-item"
                 >
                   <label
@@ -81,6 +82,7 @@ exports[`doAction:service reload 1`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="age"
                   data-role="form-item"
                 >
                   <label
@@ -130,6 +132,7 @@ exports[`doAction:service reload 1`] = `
           >
             <div
               class="cxd-Form-item cxd-Form-item--normal"
+              data-amis-name="name"
               data-role="form-item"
             >
               <label
@@ -165,6 +168,7 @@ exports[`doAction:service reload 1`] = `
             </div>
             <div
               class="cxd-Form-item cxd-Form-item--normal"
+              data-amis-name="age"
               data-role="form-item"
             >
               <label
@@ -252,6 +256,7 @@ exports[`doAction:service reload 2`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="name"
                   data-role="form-item"
                 >
                   <label
@@ -287,6 +292,7 @@ exports[`doAction:service reload 2`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="age"
                   data-role="form-item"
                 >
                   <label
@@ -336,6 +342,7 @@ exports[`doAction:service reload 2`] = `
           >
             <div
               class="cxd-Form-item cxd-Form-item--normal"
+              data-amis-name="name"
               data-role="form-item"
             >
               <label
@@ -371,6 +378,7 @@ exports[`doAction:service reload 2`] = `
             </div>
             <div
               class="cxd-Form-item cxd-Form-item--normal"
+              data-amis-name="age"
               data-role="form-item"
             >
               <label
@@ -451,6 +459,7 @@ exports[`doAction:service reload with data 1`] = `
           >
             <div
               class="cxd-Form-item cxd-Form-item--normal"
+              data-amis-name="name"
               data-role="form-item"
             >
               <label
@@ -486,6 +495,7 @@ exports[`doAction:service reload with data 1`] = `
             </div>
             <div
               class="cxd-Form-item cxd-Form-item--normal"
+              data-amis-name="age"
               data-role="form-item"
             >
               <label
@@ -555,6 +565,7 @@ exports[`doAction:service reload with data 2`] = `
           >
             <div
               class="cxd-Form-item cxd-Form-item--normal"
+              data-amis-name="name"
               data-role="form-item"
             >
               <label
@@ -590,6 +601,7 @@ exports[`doAction:service reload with data 2`] = `
             </div>
             <div
               class="cxd-Form-item cxd-Form-item--normal"
+              data-amis-name="age"
               data-role="form-item"
             >
               <label
@@ -670,6 +682,7 @@ exports[`doAction:service(schemaApi) reload 1`] = `
           >
             <div
               class="cxd-Form-item cxd-Form-item--normal"
+              data-amis-name="name"
               data-role="form-item"
             >
               <label
@@ -705,6 +718,7 @@ exports[`doAction:service(schemaApi) reload 1`] = `
             </div>
             <div
               class="cxd-Form-item cxd-Form-item--normal"
+              data-amis-name="age"
               data-role="form-item"
             >
               <label
@@ -774,6 +788,7 @@ exports[`doAction:service(schemaApi) reload 2`] = `
           >
             <div
               class="cxd-Form-item cxd-Form-item--normal"
+              data-amis-name="name"
               data-role="form-item"
             >
               <label
@@ -809,6 +824,7 @@ exports[`doAction:service(schemaApi) reload 2`] = `
             </div>
             <div
               class="cxd-Form-item cxd-Form-item--normal"
+              data-amis-name="age"
               data-role="form-item"
             >
               <label
@@ -889,6 +905,7 @@ exports[`doAction:service(schemaApi) reload with data 1`] = `
           >
             <div
               class="cxd-Form-item cxd-Form-item--normal"
+              data-amis-name="name"
               data-role="form-item"
             >
               <label
@@ -924,6 +941,7 @@ exports[`doAction:service(schemaApi) reload with data 1`] = `
             </div>
             <div
               class="cxd-Form-item cxd-Form-item--normal"
+              data-amis-name="age"
               data-role="form-item"
             >
               <label
@@ -993,6 +1011,7 @@ exports[`doAction:service(schemaApi) reload with data 2`] = `
           >
             <div
               class="cxd-Form-item cxd-Form-item--normal"
+              data-amis-name="name"
               data-role="form-item"
             >
               <label
@@ -1028,6 +1047,7 @@ exports[`doAction:service(schemaApi) reload with data 2`] = `
             </div>
             <div
               class="cxd-Form-item cxd-Form-item--normal"
+              data-amis-name="age"
               data-role="form-item"
             >
               <label
@@ -1108,6 +1128,7 @@ exports[`doAction:service(schemaApi+data) reload with data 1`] = `
           >
             <div
               class="cxd-Form-item cxd-Form-item--normal"
+              data-amis-name="name"
               data-role="form-item"
             >
               <label
@@ -1143,6 +1164,7 @@ exports[`doAction:service(schemaApi+data) reload with data 1`] = `
             </div>
             <div
               class="cxd-Form-item cxd-Form-item--normal"
+              data-amis-name="age"
               data-role="form-item"
             >
               <label
@@ -1212,6 +1234,7 @@ exports[`doAction:service(schemaApi+data) reload with data 2`] = `
           >
             <div
               class="cxd-Form-item cxd-Form-item--normal"
+              data-amis-name="name"
               data-role="form-item"
             >
               <label
@@ -1247,6 +1270,7 @@ exports[`doAction:service(schemaApi+data) reload with data 2`] = `
             </div>
             <div
               class="cxd-Form-item cxd-Form-item--normal"
+              data-amis-name="age"
               data-role="form-item"
             >
               <label
diff --git a/packages/amis/__tests__/event-action/renderers/form/__snapshots__/form.test.tsx.snap b/packages/amis/__tests__/event-action/renderers/form/__snapshots__/form.test.tsx.snap
index 84d0f4fe9..8a3ebcc6d 100644
--- a/packages/amis/__tests__/event-action/renderers/form/__snapshots__/form.test.tsx.snap
+++ b/packages/amis/__tests__/event-action/renderers/form/__snapshots__/form.test.tsx.snap
@@ -277,6 +277,7 @@ exports[`doAction:form clear 1`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="name"
                   data-role="form-item"
                 >
                   <label
@@ -382,6 +383,7 @@ exports[`doAction:form force validate before submit 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal is-error has-error--equalsField"
+                  data-amis-name="value1"
                   data-role="form-item"
                 >
                   <div
@@ -411,6 +413,7 @@ exports[`doAction:form force validate before submit 1`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--normal is-error has-error--equalsField"
+                  data-amis-name="value2"
                   data-role="form-item"
                 >
                   <div
@@ -510,6 +513,7 @@ exports[`doAction:form force validate before submit 2`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="value1"
                   data-role="form-item"
                 >
                   <div
@@ -532,6 +536,7 @@ exports[`doAction:form force validate before submit 2`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="value2"
                   data-role="form-item"
                 >
                   <div
@@ -643,6 +648,7 @@ exports[`doAction:form reset 1`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="name"
                   data-role="form-item"
                 >
                   <label
@@ -679,6 +685,7 @@ exports[`doAction:form reset 1`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="author"
                   data-role="form-item"
                 >
                   <label
@@ -804,6 +811,7 @@ exports[`doAction:form reset 2`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="name"
                   data-role="form-item"
                 >
                   <label
@@ -839,6 +847,7 @@ exports[`doAction:form reset 2`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="author"
                   data-role="form-item"
                 >
                   <label
@@ -952,6 +961,7 @@ exports[`doAction:form setValue 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="name"
                   data-role="form-item"
                 >
                   <label
@@ -987,6 +997,7 @@ exports[`doAction:form setValue 1`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="email"
                   data-role="form-item"
                 >
                   <label
@@ -1108,6 +1119,7 @@ exports[`doAction:form static&nonstatic 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal"
+                  data-amis-name="text"
                   data-role="form-item"
                 >
                   <label
@@ -1221,6 +1233,7 @@ exports[`doAction:form static&nonstatic 2`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal"
+                  data-amis-name="text"
                   data-role="form-item"
                 >
                   <label
@@ -1309,6 +1322,7 @@ exports[`doAction:form submit 1`] = `
           </button>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="submit_info"
             data-role="form-item"
           >
             <label
@@ -1384,6 +1398,7 @@ exports[`doAction:form submit 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal is-error is-required has-error--isRequired"
+                  data-amis-name="name"
                   data-role="form-item"
                 >
                   <label
@@ -1431,6 +1446,7 @@ exports[`doAction:form submit 1`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--normal is-error is-required has-error--isRequired"
+                  data-amis-name="email"
                   data-role="form-item"
                 >
                   <label
@@ -1527,6 +1543,7 @@ exports[`doAction:form submit 2`] = `
           </button>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="submit_info"
             data-role="form-item"
           >
             <label
@@ -1591,6 +1608,7 @@ exports[`doAction:form submit 2`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal is-error is-required has-error--isRequired"
+                  data-amis-name="name"
                   data-role="form-item"
                 >
                   <label
@@ -1638,6 +1656,7 @@ exports[`doAction:form submit 2`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--normal is-error is-required has-error--isRequired"
+                  data-amis-name="email"
                   data-role="form-item"
                 >
                   <label
@@ -1734,6 +1753,7 @@ exports[`doAction:form submit 3`] = `
           </button>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="submit_info"
             data-role="form-item"
           >
             <label
@@ -1807,6 +1827,7 @@ exports[`doAction:form submit 3`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal is-required"
+                  data-amis-name="name"
                   data-role="form-item"
                 >
                   <label
@@ -1847,6 +1868,7 @@ exports[`doAction:form submit 3`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--normal is-required"
+                  data-amis-name="email"
                   data-role="form-item"
                 >
                   <label
@@ -1936,6 +1958,7 @@ exports[`doAction:form validate 1`] = `
           </button>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="validate_info"
             data-role="form-item"
           >
             <label
@@ -2011,6 +2034,7 @@ exports[`doAction:form validate 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal is-error is-required has-error--isRequired"
+                  data-amis-name="name"
                   data-role="form-item"
                 >
                   <label
@@ -2058,6 +2082,7 @@ exports[`doAction:form validate 1`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--normal is-error is-required has-error--isRequired"
+                  data-amis-name="email"
                   data-role="form-item"
                 >
                   <label
@@ -2154,6 +2179,7 @@ exports[`doAction:form validate 2`] = `
           </button>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="validate_info"
             data-role="form-item"
           >
             <label
@@ -2229,6 +2255,7 @@ exports[`doAction:form validate 2`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal is-error is-required has-error--isRequired"
+                  data-amis-name="name"
                   data-role="form-item"
                 >
                   <label
@@ -2276,6 +2303,7 @@ exports[`doAction:form validate 2`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--normal is-error is-required has-error--isRequired"
+                  data-amis-name="email"
                   data-role="form-item"
                 >
                   <label
@@ -2372,6 +2400,7 @@ exports[`doAction:form validate 3`] = `
           </button>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="validate_info"
             data-role="form-item"
           >
             <label
@@ -2442,6 +2471,7 @@ exports[`doAction:form validate 3`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal is-required"
+                  data-amis-name="name"
                   data-role="form-item"
                 >
                   <label
@@ -2482,6 +2512,7 @@ exports[`doAction:form validate 3`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--normal is-required"
+                  data-amis-name="email"
                   data-role="form-item"
                 >
                   <label
diff --git a/packages/amis/__tests__/event-action/renderers/form/__snapshots__/range.test.tsx.snap b/packages/amis/__tests__/event-action/renderers/form/__snapshots__/range.test.tsx.snap
index f9cef3e9e..50c81e888 100644
--- a/packages/amis/__tests__/event-action/renderers/form/__snapshots__/range.test.tsx.snap
+++ b/packages/amis/__tests__/event-action/renderers/form/__snapshots__/range.test.tsx.snap
@@ -17,6 +17,7 @@ exports[`EventAction:inputRange 1`] = `
         >
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="range"
             data-role="form-item"
           >
             <div
@@ -327,6 +328,7 @@ exports[`EventAction:inputRange 1`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--normal input-text-range-value"
+                  data-amis-name="rangeValue"
                   data-role="form-item"
                 >
                   <label
@@ -363,6 +365,7 @@ exports[`EventAction:inputRange 1`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--normal input-text-range-event"
+                  data-amis-name="rangeEvent"
                   data-role="form-item"
                 >
                   <label
diff --git a/packages/amis/__tests__/event-action/renderers/form/__snapshots__/validateFormItem.test.tsx.snap b/packages/amis/__tests__/event-action/renderers/form/__snapshots__/validateFormItem.test.tsx.snap
index 4ccc64a9e..7a5ffc306 100644
--- a/packages/amis/__tests__/event-action/renderers/form/__snapshots__/validateFormItem.test.tsx.snap
+++ b/packages/amis/__tests__/event-action/renderers/form/__snapshots__/validateFormItem.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`doAction:formItem validate 1`] = `
           </button>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="validate_info"
             data-role="form-item"
           >
             <label
@@ -70,6 +71,7 @@ exports[`doAction:formItem validate 1`] = `
           </div>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="validate_res"
             data-role="form-item"
           >
             <label
@@ -134,6 +136,7 @@ exports[`doAction:formItem validate 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal is-error is-required has-error--isRequired"
+                  data-amis-name="name"
                   data-role="form-item"
                 >
                   <label
@@ -181,6 +184,7 @@ exports[`doAction:formItem validate 1`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--normal is-required"
+                  data-amis-name="email"
                   data-role="form-item"
                 >
                   <label
@@ -278,6 +282,7 @@ exports[`doAction:formItem validate 2`] = `
           </button>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="validate_info"
             data-role="form-item"
           >
             <label
@@ -315,6 +320,7 @@ exports[`doAction:formItem validate 2`] = `
           </div>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="validate_res"
             data-role="form-item"
           >
             <label
@@ -379,6 +385,7 @@ exports[`doAction:formItem validate 2`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal is-error is-required has-error--isRequired"
+                  data-amis-name="name"
                   data-role="form-item"
                 >
                   <label
@@ -426,6 +433,7 @@ exports[`doAction:formItem validate 2`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--normal is-error is-required has-error--isRequired"
+                  data-amis-name="email"
                   data-role="form-item"
                 >
                   <label
@@ -530,6 +538,7 @@ exports[`doAction:formItem validate 3`] = `
           </button>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="validate_info"
             data-role="form-item"
           >
             <label
@@ -568,6 +577,7 @@ exports[`doAction:formItem validate 3`] = `
           </div>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="validate_res"
             data-role="form-item"
           >
             <label
@@ -632,6 +642,7 @@ exports[`doAction:formItem validate 3`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal is-error is-required has-error--isRequired"
+                  data-amis-name="name"
                   data-role="form-item"
                 >
                   <label
@@ -679,6 +690,7 @@ exports[`doAction:formItem validate 3`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--normal is-error is-required has-error--isEmail"
+                  data-amis-name="email"
                   data-role="form-item"
                 >
                   <label
@@ -783,6 +795,7 @@ exports[`doAction:formItem validate 4`] = `
           </button>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="validate_info"
             data-role="form-item"
           >
             <label
@@ -821,6 +834,7 @@ exports[`doAction:formItem validate 4`] = `
           </div>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="validate_res"
             data-role="form-item"
           >
             <label
@@ -885,6 +899,7 @@ exports[`doAction:formItem validate 4`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal is-required"
+                  data-amis-name="name"
                   data-role="form-item"
                 >
                   <label
@@ -925,6 +940,7 @@ exports[`doAction:formItem validate 4`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--normal is-required"
+                  data-amis-name="email"
                   data-role="form-item"
                 >
                   <label
@@ -1022,6 +1038,7 @@ exports[`doAction:formItem validate 5`] = `
           </button>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="validate_info"
             data-role="form-item"
           >
             <label
@@ -1060,6 +1077,7 @@ exports[`doAction:formItem validate 5`] = `
           </div>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="validate_res"
             data-role="form-item"
           >
             <label
@@ -1124,6 +1142,7 @@ exports[`doAction:formItem validate 5`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal is-required"
+                  data-amis-name="name"
                   data-role="form-item"
                 >
                   <label
@@ -1164,6 +1183,7 @@ exports[`doAction:formItem validate 5`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--normal is-required"
+                  data-amis-name="email"
                   data-role="form-item"
                 >
                   <label
@@ -1261,6 +1281,7 @@ exports[`doAction:formItem validate 6`] = `
           </button>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="validate_info"
             data-role="form-item"
           >
             <label
@@ -1299,6 +1320,7 @@ exports[`doAction:formItem validate 6`] = `
           </div>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="validate_res"
             data-role="form-item"
           >
             <label
@@ -1363,6 +1385,7 @@ exports[`doAction:formItem validate 6`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal is-required"
+                  data-amis-name="name"
                   data-role="form-item"
                 >
                   <label
@@ -1403,6 +1426,7 @@ exports[`doAction:formItem validate 6`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--normal is-required"
+                  data-amis-name="email"
                   data-role="form-item"
                 >
                   <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/array.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/array.test.tsx.snap
index 75b86caa9..a3b724259 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/array.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/array.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`Renderer:array 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="array"
           data-role="form-item"
         >
           <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/button.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/button.test.tsx.snap
index 026106573..4f692846a 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/button.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/button.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`Renderer:button 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="test"
           data-role="form-item"
         >
           <button
@@ -125,6 +126,7 @@ exports[`Renderer:button 2`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="test"
           data-role="form-item"
         >
           <button
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/buttonGroupSelect.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/buttonGroupSelect.test.tsx.snap
index e5703b36e..9b5beec98 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/buttonGroupSelect.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/buttonGroupSelect.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`Renderer:button-group with btnActiveLevel 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="type"
           data-role="form-item"
         >
           <label
@@ -116,6 +117,7 @@ exports[`Renderer:button-group with tiled 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="select"
           data-role="form-item"
         >
           <label
@@ -191,6 +193,7 @@ exports[`Renderer:button-group with vertical 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="select"
           data-role="form-item"
         >
           <label
@@ -266,6 +269,7 @@ exports[`Renderer:button-group:multiple clearable 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="select"
           data-role="form-item"
         >
           <label
@@ -304,6 +308,7 @@ exports[`Renderer:button-group:multiple clearable 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="select"
           data-role="form-item"
         >
           <label
@@ -372,6 +377,7 @@ exports[`Renderer:button-group:multiple clearable 2`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="select"
           data-role="form-item"
         >
           <label
@@ -410,6 +416,7 @@ exports[`Renderer:button-group:multiple clearable 2`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="select"
           data-role="form-item"
         >
           <label
@@ -478,6 +485,7 @@ exports[`Renderer:button-group:multiple clearable 3`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="select"
           data-role="form-item"
         >
           <label
@@ -516,6 +524,7 @@ exports[`Renderer:button-group:multiple clearable 3`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="select"
           data-role="form-item"
         >
           <label
@@ -584,6 +593,7 @@ exports[`Renderer:button-group-select 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="select"
           data-role="form-item"
         >
           <label
@@ -622,6 +632,7 @@ exports[`Renderer:button-group-select 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="select"
           data-role="form-item"
         >
           <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/chainedSelect.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/chainedSelect.test.tsx.snap
index d69bbdb53..6eba8965c 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/chainedSelect.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/chainedSelect.test.tsx.snap
@@ -165,6 +165,7 @@ exports[`Renderer:chained-select 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="select3"
           data-role="form-item"
         >
           <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/checkbox.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/checkbox.test.tsx.snap
index 288f80012..d492b3c5a 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/checkbox.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/checkbox.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`Renderer:checkbox 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="checkbox"
           data-role="form-item"
         >
           <label
@@ -112,6 +113,7 @@ exports[`Renderer:checkbox with checked 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="checkbox"
           data-role="form-item"
         >
           <label
@@ -192,6 +194,7 @@ exports[`Renderer:checkbox with optionType 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="checkbox"
           data-role="form-item"
         >
           <label
@@ -234,6 +237,7 @@ exports[`Renderer:checkbox with optionType 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="checkbox"
           data-role="form-item"
         >
           <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/checkboxes.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/checkboxes.test.tsx.snap
index 853b8c5a1..6cede838b 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/checkboxes.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/checkboxes.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`Renderer:checkboxes 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="checkboxes"
           data-role="form-item"
         >
           <label
@@ -111,6 +112,7 @@ exports[`Renderer:checkboxes 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="checkboxes"
           data-role="form-item"
         >
           <label
@@ -183,6 +185,7 @@ exports[`Renderer:checkboxes 2`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="checkboxes"
           data-role="form-item"
         >
           <label
@@ -261,6 +264,7 @@ exports[`Renderer:checkboxes 2`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="checkboxes"
           data-role="form-item"
         >
           <label
@@ -329,6 +333,7 @@ exports[`Renderer:checkboxes with checkall: all selected 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="checkboxes"
           data-role="form-item"
         >
           <label
@@ -456,6 +461,7 @@ exports[`Renderer:checkboxes with checkall: all selected 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="checkboxes"
           data-role="form-item"
         >
           <div
@@ -531,6 +537,7 @@ exports[`Renderer:checkboxes with checkall: default value 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="checkboxes"
           data-role="form-item"
         >
           <label
@@ -658,6 +665,7 @@ exports[`Renderer:checkboxes with checkall: default value 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="checkboxes"
           data-role="form-item"
         >
           <div
@@ -733,6 +741,7 @@ exports[`Renderer:checkboxes with checkall: no selected 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="checkboxes"
           data-role="form-item"
         >
           <label
@@ -860,6 +869,7 @@ exports[`Renderer:checkboxes with checkall: no selected 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="checkboxes"
           data-role="form-item"
         >
           <div
@@ -935,6 +945,7 @@ exports[`Renderer:checkboxes with columnsCount 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="checkboxes2"
           data-role="form-item"
         >
           <label
@@ -1090,6 +1101,7 @@ exports[`Renderer:checkboxes with columnsCount 2`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="checkboxes2"
           data-role="form-item"
         >
           <label
@@ -1249,6 +1261,7 @@ exports[`Renderer:checkboxes with columnsCount 3`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="checkboxes"
           data-role="form-item"
         >
           <label
@@ -1471,6 +1484,7 @@ exports[`Renderer:checkboxes with creatable & createBtnLabel & addControls & add
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="checkboxes"
           data-role="form-item"
         >
           <label
@@ -1629,6 +1643,7 @@ exports[`Renderer:checkboxes with creatable & createBtnLabel & addControls & add
           />
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="checkboxes"
             data-role="form-item"
           >
             <label
@@ -1777,6 +1792,7 @@ exports[`Renderer:checkboxes with creatable & createBtnLabel & addControls & add
           />
           <div
             class="cxd-Form-item cxd-Form-item--horizontal"
+            data-amis-name="label"
             data-role="form-item"
           >
             <label
@@ -1816,6 +1832,7 @@ exports[`Renderer:checkboxes with creatable & createBtnLabel & addControls & add
           </div>
           <div
             class="cxd-Form-item cxd-Form-item--horizontal"
+            data-amis-name="value"
             data-role="form-item"
           >
             <label
@@ -1944,6 +1961,7 @@ exports[`Renderer:checkboxes with defaultCheckAll & inline 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="checkboxes"
           data-role="form-item"
         >
           <label
@@ -2023,6 +2041,7 @@ exports[`Renderer:checkboxes with defaultCheckAll & inline 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="checkboxes-two"
           data-role="form-item"
         >
           <label
@@ -2158,6 +2177,7 @@ exports[`Renderer:checkboxes with editable & editControls & editApi: dialog open
           />
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="checkboxes"
             data-role="form-item"
           >
             <label
@@ -2333,6 +2353,7 @@ exports[`Renderer:checkboxes with editable & editControls & editApi: dialog open
           />
           <div
             class="cxd-Form-item cxd-Form-item--horizontal"
+            data-amis-name="label"
             data-role="form-item"
           >
             <label
@@ -2372,6 +2393,7 @@ exports[`Renderer:checkboxes with editable & editControls & editApi: dialog open
           </div>
           <div
             class="cxd-Form-item cxd-Form-item--horizontal"
+            data-amis-name="value"
             data-role="form-item"
           >
             <label
@@ -2469,6 +2491,7 @@ exports[`Renderer:checkboxes with editable & editControls & editApi: edit succes
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="checkboxes"
           data-role="form-item"
         >
           <label
@@ -2636,6 +2659,7 @@ exports[`Renderer:checkboxes with editable & editControls & editApi: hover edit
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="checkboxes"
           data-role="form-item"
         >
           <label
@@ -2803,6 +2827,7 @@ exports[`Renderer:checkboxes with group 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="checkboxes"
           data-role="form-item"
         >
           <label
@@ -2994,6 +3019,7 @@ exports[`Renderer:checkboxes with menuTpl 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="checkboxes"
           data-role="form-item"
         >
           <label
@@ -3165,6 +3191,7 @@ exports[`Renderer:checkboxes with optionType & labelClassName & itemClassName 1`
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="checkboxes"
           data-role="form-item"
         >
           <label
@@ -3305,6 +3332,7 @@ exports[`Renderer:checkboxes with removable & deleteApi: dialog open 1`] = `
           />
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="checkboxes"
             data-role="form-item"
           >
             <label
@@ -3520,6 +3548,7 @@ exports[`Renderer:checkboxes with removable & deleteApi: hover edit 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="checkboxes"
           data-role="form-item"
         >
           <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/combo.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/combo.test.tsx.snap
index 825992ef5..a59c9a103 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/combo.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/combo.test.tsx.snap
@@ -46,6 +46,7 @@ exports[`Renderer:combo with addable & addattop & addBtn & addButtonText & addBu
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal"
+                  data-amis-name="combo1"
                   data-role="form-item"
                 >
                   <label
@@ -95,6 +96,7 @@ exports[`Renderer:combo with addable & addattop & addBtn & addButtonText & addBu
                                   >
                                     <div
                                       class="cxd-Form-item cxd-Form-item--row"
+                                      data-amis-name="text"
                                       data-role="form-item"
                                     >
                                       <div
@@ -157,6 +159,7 @@ exports[`Renderer:combo with addable & addattop & addBtn & addButtonText & addBu
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal addAtTopClass"
+                  data-amis-name="combo"
                   data-role="form-item"
                 >
                   <label
@@ -206,6 +209,7 @@ exports[`Renderer:combo with addable & addattop & addBtn & addButtonText & addBu
                                   >
                                     <div
                                       class="cxd-Form-item cxd-Form-item--row"
+                                      data-amis-name="text"
                                       data-role="form-item"
                                     >
                                       <div
@@ -267,6 +271,7 @@ exports[`Renderer:combo with addable & addattop & addBtn & addButtonText & addBu
                                   >
                                     <div
                                       class="cxd-Form-item cxd-Form-item--row"
+                                      data-amis-name="text"
                                       data-role="form-item"
                                     >
                                       <div
@@ -325,6 +330,7 @@ exports[`Renderer:combo with addable & addattop & addBtn & addButtonText & addBu
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal addableClass"
+                  data-amis-name="combo"
                   data-role="form-item"
                 >
                   <label
@@ -374,6 +380,7 @@ exports[`Renderer:combo with addable & addattop & addBtn & addButtonText & addBu
                                   >
                                     <div
                                       class="cxd-Form-item cxd-Form-item--row"
+                                      data-amis-name="text"
                                       data-role="form-item"
                                     >
                                       <div
@@ -435,6 +442,7 @@ exports[`Renderer:combo with addable & addattop & addBtn & addButtonText & addBu
                                   >
                                     <div
                                       class="cxd-Form-item cxd-Form-item--row"
+                                      data-amis-name="text"
                                       data-role="form-item"
                                     >
                                       <div
@@ -554,6 +562,7 @@ exports[`Renderer:combo with canAccessSuperData & strictMode & syncFields 1`] =
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal parentInput"
+                  data-amis-name="super_text"
                   data-role="form-item"
                 >
                   <label
@@ -593,6 +602,7 @@ exports[`Renderer:combo with canAccessSuperData & strictMode & syncFields 1`] =
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal"
+                  data-amis-name="combo1"
                   data-role="form-item"
                 >
                   <label
@@ -648,6 +658,7 @@ exports[`Renderer:combo with canAccessSuperData & strictMode & syncFields 1`] =
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal"
+                  data-amis-name="combo2"
                   data-role="form-item"
                 >
                   <label
@@ -703,6 +714,7 @@ exports[`Renderer:combo with canAccessSuperData & strictMode & syncFields 1`] =
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal"
+                  data-amis-name="combo3"
                   data-role="form-item"
                 >
                   <label
@@ -828,6 +840,7 @@ exports[`Renderer:combo with conditions: add button open 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal"
+                  data-amis-name="combo-conditions"
                   data-role="form-item"
                 >
                   <label
@@ -903,6 +916,7 @@ exports[`Renderer:combo with conditions: add button open 1`] = `
                                 />
                                 <div
                                   class="cxd-Form-item cxd-Form-item--normal"
+                                  data-amis-name="number"
                                   data-role="form-item"
                                 >
                                   <label
@@ -1109,6 +1123,7 @@ exports[`Renderer:combo with draggable 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal"
+                  data-amis-name="combo"
                   data-role="form-item"
                 >
                   <label
@@ -1171,6 +1186,7 @@ exports[`Renderer:combo with draggable 1`] = `
                                   >
                                     <div
                                       class="cxd-Form-item cxd-Form-item--row"
+                                      data-amis-name="text"
                                       data-role="form-item"
                                     >
                                       <div
@@ -1201,6 +1217,7 @@ exports[`Renderer:combo with draggable 1`] = `
                                   >
                                     <div
                                       class="cxd-Form-item cxd-Form-item--row"
+                                      data-amis-name="select"
                                       data-role="form-item"
                                     >
                                       <div
@@ -1287,6 +1304,7 @@ exports[`Renderer:combo with draggable 1`] = `
                                   >
                                     <div
                                       class="cxd-Form-item cxd-Form-item--row"
+                                      data-amis-name="text"
                                       data-role="form-item"
                                     >
                                       <div
@@ -1317,6 +1335,7 @@ exports[`Renderer:combo with draggable 1`] = `
                                   >
                                     <div
                                       class="cxd-Form-item cxd-Form-item--row"
+                                      data-amis-name="select"
                                       data-role="form-item"
                                     >
                                       <div
@@ -1451,6 +1470,7 @@ exports[`Renderer:combo with items & multiLine 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--horizontal"
+          data-amis-name="combo1"
           data-role="form-item"
         >
           <label
@@ -1475,6 +1495,7 @@ exports[`Renderer:combo with items & multiLine 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--horizontal"
+          data-amis-name="combo2"
           data-role="form-item"
         >
           <label
@@ -1562,6 +1583,7 @@ exports[`Renderer:combo with minLength & maxLength: minLength error 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal is-error"
+                  data-amis-name="combo1"
                   data-role="form-item"
                 >
                   <label
@@ -1694,6 +1716,7 @@ exports[`Renderer:combo with removable & deleteBtn & deleteApi & deleteConfirmTe
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal removableFalse"
+                  data-amis-name="combo"
                   data-role="form-item"
                 >
                   <label
@@ -1743,6 +1766,7 @@ exports[`Renderer:combo with removable & deleteBtn & deleteApi & deleteConfirmTe
                                   >
                                     <div
                                       class="cxd-Form-item cxd-Form-item--row"
+                                      data-amis-name="text"
                                       data-role="form-item"
                                     >
                                       <div
@@ -1795,6 +1819,7 @@ exports[`Renderer:combo with removable & deleteBtn & deleteApi & deleteConfirmTe
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal deleteBtn"
+                  data-amis-name="combo"
                   data-role="form-item"
                 >
                   <label
@@ -1844,6 +1869,7 @@ exports[`Renderer:combo with removable & deleteBtn & deleteApi & deleteConfirmTe
                                   >
                                     <div
                                       class="cxd-Form-item cxd-Form-item--row"
+                                      data-amis-name="text"
                                       data-role="form-item"
                                     >
                                       <div
@@ -1904,6 +1930,7 @@ exports[`Renderer:combo with removable & deleteBtn & deleteApi & deleteConfirmTe
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal superDeleteBtn"
+                  data-amis-name="combo"
                   data-role="form-item"
                 >
                   <label
@@ -1953,6 +1980,7 @@ exports[`Renderer:combo with removable & deleteBtn & deleteApi & deleteConfirmTe
                                   >
                                     <div
                                       class="cxd-Form-item cxd-Form-item--row"
+                                      data-amis-name="text"
                                       data-role="form-item"
                                     >
                                       <div
@@ -2083,6 +2111,7 @@ exports[`Renderer:combo with tabsMode 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal"
+                  data-amis-name="combo"
                   data-role="form-item"
                 >
                   <label
@@ -2202,6 +2231,7 @@ exports[`Renderer:combo with tabsMode 1`] = `
                                 />
                                 <div
                                   class="cxd-Form-item cxd-Form-item--normal"
+                                  data-amis-name="a"
                                   data-role="form-item"
                                 >
                                   <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/conditionBuilder.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/conditionBuilder.test.tsx.snap
index ec330cee0..2cff0602b 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/conditionBuilder.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/conditionBuilder.test.tsx.snap
@@ -46,6 +46,7 @@ exports[`Renderer:condition-builder 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="conditions"
                   data-role="form-item"
                 >
                   <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/container.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/container.test.tsx.snap
index 7eaca7b18..902b20366 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/container.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/container.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`Renderer:container 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--horizontal no-border"
+          data-amis-name="a"
           data-role="form-item"
         >
           <label
@@ -59,6 +60,7 @@ exports[`Renderer:container 1`] = `
               >
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="text"
                   data-role="form-item"
                 >
                   <div
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/datetime.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/datetime.test.tsx.snap
index 9d9c517b0..17f0bce49 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/datetime.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/datetime.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`Renderer:datetime 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="a"
           data-role="form-item"
         >
           <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/fieldSet.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/fieldSet.test.tsx.snap
index dcbac3fa3..deb0e80d0 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/fieldSet.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/fieldSet.test.tsx.snap
@@ -48,6 +48,7 @@ exports[`Renderer:fieldSet 1`] = `
                 >
                   <div
                     class="cxd-Form-item cxd-Form-item--horizontal"
+                    data-amis-name="text"
                     data-role="form-item"
                   >
                     <label
@@ -136,6 +137,7 @@ exports[`Renderer:fieldSet with mode 1`] = `
                 >
                   <div
                     class="cxd-Form-item cxd-Form-item--horizontal"
+                    data-amis-name="text1"
                     data-role="form-item"
                   >
                     <label
@@ -175,6 +177,7 @@ exports[`Renderer:fieldSet with mode 1`] = `
                   </div>
                   <div
                     class="cxd-Form-item cxd-Form-item--horizontal"
+                    data-amis-name="text2"
                     data-role="form-item"
                   >
                     <label
@@ -271,6 +274,7 @@ exports[`Renderer:fieldSet with mode 2`] = `
                 >
                   <div
                     class="cxd-Form-item cxd-Form-item--inline"
+                    data-amis-name="text1"
                     data-role="form-item"
                   >
                     <label
@@ -310,6 +314,7 @@ exports[`Renderer:fieldSet with mode 2`] = `
                   </div>
                   <div
                     class="cxd-Form-item cxd-Form-item--inline"
+                    data-amis-name="text2"
                     data-role="form-item"
                   >
                     <label
@@ -406,6 +411,7 @@ exports[`Renderer:fieldSet with mode 3`] = `
                 >
                   <div
                     class="cxd-Form-item cxd-Form-item--normal"
+                    data-amis-name="text1"
                     data-role="form-item"
                   >
                     <label
@@ -441,6 +447,7 @@ exports[`Renderer:fieldSet with mode 3`] = `
                   </div>
                   <div
                     class="cxd-Form-item cxd-Form-item--normal"
+                    data-amis-name="text2"
                     data-role="form-item"
                   >
                     <label
@@ -533,6 +540,7 @@ exports[`Renderer:fieldSet with titlePosition & collapseTitle & title 1`] = `
                 >
                   <div
                     class="cxd-Form-item cxd-Form-item--normal"
+                    data-amis-name="text1"
                     data-role="form-item"
                   >
                     <label
@@ -568,6 +576,7 @@ exports[`Renderer:fieldSet with titlePosition & collapseTitle & title 1`] = `
                   </div>
                   <div
                     class="cxd-Form-item cxd-Form-item--normal"
+                    data-amis-name="text2"
                     data-role="form-item"
                   >
                     <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/formitem.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/formitem.test.tsx.snap
index a8e7a948b..3bbf23ad7 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/formitem.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/formitem.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`Renderer:FormItem:validateApi:failed 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal is-error is-required has-error--isRequired"
+          data-amis-name="a"
           data-role="form-item"
         >
           <label
@@ -133,6 +134,7 @@ exports[`Renderer:FormItem:validateApi:failed 2`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal is-error is-required"
+          data-amis-name="a"
           data-role="form-item"
         >
           <label
@@ -233,6 +235,7 @@ exports[`Renderer:FormItem:validateApi:success 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal is-error is-required has-error--isRequired"
+          data-amis-name="a"
           data-role="form-item"
         >
           <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/formula.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/formula.test.tsx.snap
index 261ff332b..bd3413f4a 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/formula.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/formula.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`Renderer:formula 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="a"
           data-role="form-item"
         >
           <label
@@ -100,6 +101,7 @@ exports[`Renderer:formula 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="b"
           data-role="form-item"
         >
           <label
@@ -167,6 +169,7 @@ exports[`Renderer:formula 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="sum1"
           data-role="form-item"
         >
           <label
@@ -234,6 +237,7 @@ exports[`Renderer:formula 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="sum2"
           data-role="form-item"
         >
           <label
@@ -301,6 +305,7 @@ exports[`Renderer:formula 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="sum3"
           data-role="form-item"
         >
           <label
@@ -368,6 +373,7 @@ exports[`Renderer:formula 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="sum4"
           data-role="form-item"
         >
           <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/grid.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/grid.test.tsx.snap
index 380e7f9d1..e1c55a0b0 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/grid.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/grid.test.tsx.snap
@@ -43,6 +43,7 @@ exports[`Renderer:hbox 1`] = `
             >
               <div
                 class="cxd-Form-item cxd-Form-item--normal"
+                data-amis-name="text"
                 data-role="form-item"
               >
                 <div
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/group.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/group.test.tsx.snap
index 486d7f1a9..418e5cc6f 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/group.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/group.test.tsx.snap
@@ -39,6 +39,7 @@ exports[`Renderer:group 1`] = `
           >
             <div
               class="cxd-Form-item cxd-Form-item--horizontal"
+              data-amis-name="test1"
               data-role="form-item"
             >
               <label
@@ -82,6 +83,7 @@ exports[`Renderer:group 1`] = `
           >
             <div
               class="cxd-Form-item cxd-Form-item--horizontal"
+              data-amis-name="test2"
               data-role="form-item"
             >
               <label
@@ -126,6 +128,7 @@ exports[`Renderer:group 1`] = `
         >
           <div
             class="cxd-Form-item cxd-Form-item--inline"
+            data-amis-name="test1"
             data-role="form-item"
           >
             <label
@@ -165,6 +168,7 @@ exports[`Renderer:group 1`] = `
           </div>
           <div
             class="cxd-Form-item cxd-Form-item--inline"
+            data-amis-name="test2"
             data-role="form-item"
           >
             <label
@@ -208,6 +212,7 @@ exports[`Renderer:group 1`] = `
         >
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="test1"
             data-role="form-item"
           >
             <label
@@ -243,6 +248,7 @@ exports[`Renderer:group 1`] = `
           </div>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="test2"
             data-role="form-item"
           >
             <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/hbox.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/hbox.test.tsx.snap
index 30af5bd97..9fd6f2a3c 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/hbox.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/hbox.test.tsx.snap
@@ -43,6 +43,7 @@ exports[`Renderer:hbox 1`] = `
             >
               <div
                 class="cxd-Form-item cxd-Form-item--normal"
+                data-amis-name="text"
                 data-role="form-item"
               >
                 <div
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/iconPicker.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/iconPicker.test.tsx.snap
index 0fb0a4c76..8244066bd 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/iconPicker.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/iconPicker.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`Renderer:icon-picker 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="a"
           data-role="form-item"
         >
           <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/index.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/index.test.tsx.snap
index c290dc232..3682513b2 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/index.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/index.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`Renderer:Form 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="a"
           data-role="form-item"
         >
           <label
@@ -155,6 +156,7 @@ exports[`Renderer:Form initApi 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="a"
           data-role="form-item"
         >
           <label
@@ -190,6 +192,7 @@ exports[`Renderer:Form initApi 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="b"
           data-role="form-item"
         >
           <label
@@ -278,6 +281,7 @@ exports[`Renderer:Form reset 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="name"
           data-role="form-item"
         >
           <label
@@ -313,6 +317,7 @@ exports[`Renderer:Form reset 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="email"
           data-role="form-item"
         >
           <label
@@ -409,6 +414,7 @@ exports[`Renderer:Form sendOn:true 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="a"
           data-role="form-item"
         >
           <label
@@ -444,6 +450,7 @@ exports[`Renderer:Form sendOn:true 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="b"
           data-role="form-item"
         >
           <label
@@ -532,6 +539,7 @@ exports[`Renderer:Form:onValidate 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal is-error"
+          data-amis-name="a"
           data-role="form-item"
         >
           <label
@@ -574,6 +582,7 @@ exports[`Renderer:Form:onValidate 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal is-error"
+          data-amis-name="b"
           data-role="form-item"
         >
           <label
@@ -679,6 +688,7 @@ exports[`Renderer:Form:onValidate 3`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="a"
           data-role="form-item"
         >
           <label
@@ -714,6 +724,7 @@ exports[`Renderer:Form:onValidate 3`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="b"
           data-role="form-item"
         >
           <label
@@ -809,6 +820,7 @@ exports[`Renderer:Form:remoteValidate 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal is-error"
+          data-amis-name="a"
           data-role="form-item"
         >
           <label
@@ -904,6 +916,7 @@ exports[`Renderer:Form:valdiate 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal is-error is-required has-error--isRequired"
+          data-amis-name="a"
           data-role="form-item"
         >
           <label
@@ -1004,6 +1017,7 @@ exports[`Renderer:Form:valdiate 2`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal is-error is-required has-error--isRequired"
+          data-amis-name="a"
           data-role="form-item"
         >
           <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/initData.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/initData.test.tsx.snap
index f26ffe567..e42a4e3ea 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/initData.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/initData.test.tsx.snap
@@ -12,6 +12,7 @@ exports[`Form:initData 1`] = `
     />
     <div
       class="cxd-Form-item cxd-Form-item--normal"
+      data-amis-name="a"
       data-role="form-item"
     >
       <div
@@ -34,6 +35,7 @@ exports[`Form:initData 1`] = `
     </div>
     <div
       class="cxd-Form-item cxd-Form-item--normal"
+      data-amis-name="b"
       data-role="form-item"
     >
       <div
@@ -106,6 +108,7 @@ exports[`Form:initData:remote 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="a"
           data-role="form-item"
         >
           <label
@@ -141,6 +144,7 @@ exports[`Form:initData:remote 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="c"
           data-role="form-item"
         >
           <label
@@ -248,6 +252,7 @@ exports[`Form:initData:super 1`] = `
             />
             <div
               class="cxd-Form-item cxd-Form-item--normal"
+              data-amis-name="a"
               data-role="form-item"
             >
               <div
@@ -270,6 +275,7 @@ exports[`Form:initData:super 1`] = `
             </div>
             <div
               class="cxd-Form-item cxd-Form-item--normal"
+              data-amis-name="b"
               data-role="form-item"
             >
               <div
@@ -331,6 +337,7 @@ exports[`Form:initData:without-super 1`] = `
             />
             <div
               class="cxd-Form-item cxd-Form-item--normal"
+              data-amis-name="a"
               data-role="form-item"
             >
               <div
@@ -353,6 +360,7 @@ exports[`Form:initData:without-super 1`] = `
             </div>
             <div
               class="cxd-Form-item cxd-Form-item--normal"
+              data-amis-name="b"
               data-role="form-item"
             >
               <div
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/inputArray.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/inputArray.test.tsx.snap
index dd9d6c149..a73a4a3e8 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/inputArray.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/inputArray.test.tsx.snap
@@ -46,6 +46,7 @@ exports[`Renderer:inputArray 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal"
+                  data-amis-name="array"
                   data-role="form-item"
                 >
                   <label
@@ -95,6 +96,7 @@ exports[`Renderer:inputArray 1`] = `
                                   >
                                     <div
                                       class="cxd-Form-item cxd-Form-item--row"
+                                      data-amis-name="flat"
                                       data-role="form-item"
                                     >
                                       <div
@@ -227,6 +229,7 @@ exports[`Renderer:inputArray with draggable & draggableTip 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal"
+                  data-amis-name="array"
                   data-role="form-item"
                 >
                   <label
@@ -289,6 +292,7 @@ exports[`Renderer:inputArray with draggable & draggableTip 1`] = `
                                   >
                                     <div
                                       class="cxd-Form-item cxd-Form-item--row"
+                                      data-amis-name="flat"
                                       data-role="form-item"
                                     >
                                       <div
@@ -363,6 +367,7 @@ exports[`Renderer:inputArray with draggable & draggableTip 1`] = `
                                   >
                                     <div
                                       class="cxd-Form-item cxd-Form-item--row"
+                                      data-amis-name="flat"
                                       data-role="form-item"
                                     >
                                       <div
@@ -437,6 +442,7 @@ exports[`Renderer:inputArray with draggable & draggableTip 1`] = `
                                   >
                                     <div
                                       class="cxd-Form-item cxd-Form-item--row"
+                                      data-amis-name="flat"
                                       data-role="form-item"
                                     >
                                       <div
@@ -574,6 +580,7 @@ exports[`Renderer:inputArray with minLength & maxLength 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal"
+                  data-amis-name="array"
                   data-role="form-item"
                 >
                   <label
@@ -623,6 +630,7 @@ exports[`Renderer:inputArray with minLength & maxLength 1`] = `
                                   >
                                     <div
                                       class="cxd-Form-item cxd-Form-item--row"
+                                      data-amis-name="flat"
                                       data-role="form-item"
                                     >
                                       <div
@@ -674,6 +682,7 @@ exports[`Renderer:inputArray with minLength & maxLength 1`] = `
                                   >
                                     <div
                                       class="cxd-Form-item cxd-Form-item--row"
+                                      data-amis-name="flat"
                                       data-role="form-item"
                                     >
                                       <div
@@ -796,6 +805,7 @@ exports[`Renderer:inputArray with removable & addable & addButtonText: false 1`]
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal"
+                  data-amis-name="array"
                   data-role="form-item"
                 >
                   <label
@@ -845,6 +855,7 @@ exports[`Renderer:inputArray with removable & addable & addButtonText: false 1`]
                                   >
                                     <div
                                       class="cxd-Form-item cxd-Form-item--row"
+                                      data-amis-name="flat"
                                       data-role="form-item"
                                     >
                                       <div
@@ -896,6 +907,7 @@ exports[`Renderer:inputArray with removable & addable & addButtonText: false 1`]
                                   >
                                     <div
                                       class="cxd-Form-item cxd-Form-item--row"
+                                      data-amis-name="flat"
                                       data-role="form-item"
                                     >
                                       <div
@@ -1005,6 +1017,7 @@ exports[`Renderer:inputArray with removable & addable & addButtonText: false 2`]
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal"
+                  data-amis-name="array"
                   data-role="form-item"
                 >
                   <label
@@ -1054,6 +1067,7 @@ exports[`Renderer:inputArray with removable & addable & addButtonText: false 2`]
                                   >
                                     <div
                                       class="cxd-Form-item cxd-Form-item--row"
+                                      data-amis-name="flat"
                                       data-role="form-item"
                                     >
                                       <div
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/inputCity.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/inputCity.test.tsx.snap
index aa63dec5a..782a0a2d9 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/inputCity.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/inputCity.test.tsx.snap
@@ -46,6 +46,7 @@ exports[`Renderer:inputCity 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal"
+                  data-amis-name="city"
                   data-role="form-item"
                 >
                   <label
@@ -241,6 +242,7 @@ exports[`Renderer:inputCity with searchable: open select 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal"
+                  data-amis-name="city"
                   data-role="form-item"
                 >
                   <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/inputDate.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/inputDate.test.tsx.snap
index 2e287d636..c83ac1e79 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/inputDate.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/inputDate.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`Renderer:inputDate 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="a"
           data-role="form-item"
         >
           <label
@@ -133,6 +134,7 @@ exports[`Renderer:inputDate compatible with format & inputFormat 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal"
+                  data-amis-name="date1"
                   data-role="form-item"
                 >
                   <label
@@ -187,6 +189,7 @@ exports[`Renderer:inputDate compatible with format & inputFormat 1`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal"
+                  data-amis-name="date1"
                   data-role="form-item"
                 >
                   <label
@@ -214,6 +217,7 @@ exports[`Renderer:inputDate compatible with format & inputFormat 1`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal"
+                  data-amis-name="date2"
                   data-role="form-item"
                 >
                   <label
@@ -268,6 +272,7 @@ exports[`Renderer:inputDate compatible with format & inputFormat 1`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal"
+                  data-amis-name="date2"
                   data-role="form-item"
                 >
                   <label
@@ -365,6 +370,7 @@ exports[`Renderer:inputDate with clearable: clearable false 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal"
+                  data-amis-name="date"
                   data-role="form-item"
                 >
                   <label
@@ -481,6 +487,7 @@ exports[`Renderer:inputDate with clearable: clearable true 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal"
+                  data-amis-name="date"
                   data-role="form-item"
                 >
                   <label
@@ -527,6 +534,7 @@ exports[`Renderer:inputDate with clearable: clearable true 1`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal"
+                  data-amis-name="date"
                   data-role="form-item"
                 >
                   <label
@@ -628,6 +636,7 @@ exports[`Renderer:inputDate with valueFormat & displayFormat 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal"
+                  data-amis-name="date"
                   data-role="form-item"
                 >
                   <label
@@ -682,6 +691,7 @@ exports[`Renderer:inputDate with valueFormat & displayFormat 1`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--horizontal"
+                  data-amis-name="date"
                   data-role="form-item"
                 >
                   <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/inputFormula.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/inputFormula.test.tsx.snap
index fea184f17..a9de1e23c 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/inputFormula.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/inputFormula.test.tsx.snap
@@ -178,6 +178,7 @@ exports[`Renderer:input-formula button 1`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="formula"
                   data-role="form-item"
                 >
                   <label
@@ -412,6 +413,7 @@ exports[`Renderer:input-formula input-group 1`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="formula"
                   data-role="form-item"
                 >
                   <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/inputGroup.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/inputGroup.test.tsx.snap
index 552720309..300ee5a66 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/inputGroup.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/inputGroup.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`Renderer:InputGroup 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--horizontal no-border"
+          data-amis-name="a"
           data-role="form-item"
         >
           <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/inputMonthRange.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/inputMonthRange.test.tsx.snap
index a83dc8ac3..0d26aed1e 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/inputMonthRange.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/inputMonthRange.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`Renderer:inputMonthRange with embed 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="a"
           data-role="form-item"
         >
           <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/inputQuarterRange.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/inputQuarterRange.test.tsx.snap
index 1be294609..7188de419 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/inputQuarterRange.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/inputQuarterRange.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`Renderer:InputQuarterRange with embed 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="a"
           data-role="form-item"
         >
           <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/inputSubForm.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/inputSubForm.test.tsx.snap
index d2e6409fa..5ff03226d 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/inputSubForm.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/inputSubForm.test.tsx.snap
@@ -37,6 +37,7 @@ exports[`Renderer:InputSubForm base 1`] = `
           />
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="form"
             data-role="form-item"
           >
             <label
@@ -149,6 +150,7 @@ exports[`Renderer:InputSubForm base 1`] = `
           />
           <div
             class="cxd-Form-item cxd-Form-item--horizontal"
+            data-amis-name="a"
             data-role="form-item"
           >
             <label
@@ -188,6 +190,7 @@ exports[`Renderer:InputSubForm base 1`] = `
           </div>
           <div
             class="cxd-Form-item cxd-Form-item--horizontal"
+            data-amis-name="b"
             data-role="form-item"
           >
             <label
@@ -285,6 +288,7 @@ exports[`Renderer:InputSubForm with addButtonClassName & itemsClassName & itemCl
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="form2"
           data-role="form-item"
         >
           <label
@@ -434,6 +438,7 @@ exports[`Renderer:InputSubForm with draggable & addable & removable 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="form"
           data-role="form-item"
         >
           <label
@@ -643,6 +648,7 @@ exports[`Renderer:InputSubForm with multiple & maxLength & btnLabel 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="form"
           data-role="form-item"
         >
           <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/inputTable.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/inputTable.test.tsx.snap
index ea19fb75d..cf1062443 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/inputTable.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/inputTable.test.tsx.snap
@@ -46,6 +46,7 @@ exports[`Renderer:input table 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="table"
                   data-role="form-item"
                 >
                   <div
@@ -332,6 +333,7 @@ exports[`Renderer:input table add 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="table"
           data-role="form-item"
         >
           <div
@@ -440,6 +442,7 @@ exports[`Renderer:input table add 1`] = `
                         >
                           <div
                             class="cxd-Form-item cxd-Form-item--normal"
+                            data-amis-name="a"
                             data-role="form-item"
                           >
                             <div
@@ -466,6 +469,7 @@ exports[`Renderer:input table add 1`] = `
                         >
                           <div
                             class="cxd-Form-item cxd-Form-item--normal"
+                            data-amis-name="b"
                             data-role="form-item"
                           >
                             <div
@@ -592,6 +596,7 @@ exports[`Renderer:input-table cell selects delete 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="table"
           data-role="form-item"
         >
           <label
@@ -688,6 +693,7 @@ exports[`Renderer:input-table cell selects delete 1`] = `
                         >
                           <div
                             class="cxd-Form-item cxd-Form-item--normal"
+                            data-amis-name="select"
                             data-role="form-item"
                           >
                             <div
@@ -826,6 +832,7 @@ exports[`Renderer:input-table init display 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="aaa"
           data-role="form-item"
         >
           <label
@@ -893,6 +900,7 @@ exports[`Renderer:input-table init display 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="tableList"
           data-role="form-item"
         >
           <label
@@ -1035,6 +1043,7 @@ exports[`Renderer:input-table init display 1`] = `
                         >
                           <div
                             class="cxd-Form-item cxd-Form-item--normal"
+                            data-amis-name="name"
                             data-role="form-item"
                           >
                             <div
@@ -1061,6 +1070,7 @@ exports[`Renderer:input-table init display 1`] = `
                         >
                           <div
                             class="cxd-Form-item cxd-Form-item--normal"
+                            data-amis-name="score"
                             data-role="form-item"
                           >
                             <div
@@ -1172,6 +1182,7 @@ exports[`Renderer:input-table init display 1`] = `
                         >
                           <div
                             class="cxd-Form-item cxd-Form-item--normal"
+                            data-amis-name="level"
                             data-role="form-item"
                           >
                             <div
@@ -1236,6 +1247,7 @@ exports[`Renderer:input-table init display 1`] = `
                         >
                           <div
                             class="cxd-Form-item cxd-Form-item--normal"
+                            data-amis-name="name"
                             data-role="form-item"
                           >
                             <div
@@ -1262,6 +1274,7 @@ exports[`Renderer:input-table init display 1`] = `
                         >
                           <div
                             class="cxd-Form-item cxd-Form-item--normal"
+                            data-amis-name="score"
                             data-role="form-item"
                           >
                             <div
@@ -1373,6 +1386,7 @@ exports[`Renderer:input-table init display 1`] = `
                         >
                           <div
                             class="cxd-Form-item cxd-Form-item--normal"
+                            data-amis-name="level"
                             data-role="form-item"
                           >
                             <div
@@ -1489,6 +1503,7 @@ exports[`Renderer:input-table verifty 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="table"
           data-role="form-item"
         >
           <label
@@ -1560,6 +1575,7 @@ exports[`Renderer:input-table with combo column 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="table"
           data-role="form-item"
         >
           <div
@@ -1620,6 +1636,7 @@ exports[`Renderer:input-table with combo column 1`] = `
                         >
                           <div
                             class="cxd-Form-item cxd-Form-item--normal"
+                            data-amis-name="q1"
                             data-role="form-item"
                           >
                             <div
@@ -1650,6 +1667,7 @@ exports[`Renderer:input-table with combo column 1`] = `
                                         >
                                           <div
                                             class="cxd-Form-item cxd-Form-item--row"
+                                            data-amis-name="score"
                                             data-role="form-item"
                                           >
                                             <div
@@ -1713,6 +1731,7 @@ exports[`Renderer:input-table with combo column 1`] = `
                                         >
                                           <div
                                             class="cxd-Form-item cxd-Form-item--row"
+                                            data-amis-name="comment"
                                             data-role="form-item"
                                           >
                                             <div
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/inputTag.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/inputTag.test.tsx.snap
index dc892f0fa..bc893667f 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/inputTag.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/inputTag.test.tsx.snap
@@ -12,6 +12,7 @@ exports[`Renderer:InputTag InputTag input with batch tag 1`] = `
     />
     <div
       class="cxd-Form-item cxd-Form-item--normal"
+      data-amis-name="tag"
       data-role="form-item"
     >
       <label
@@ -127,6 +128,7 @@ exports[`Renderer:InputTag InputTag input with batch tag and separator "|" 1`] =
     />
     <div
       class="cxd-Form-item cxd-Form-item--normal"
+      data-amis-name="tag"
       data-role="form-item"
     >
       <label
@@ -242,6 +244,7 @@ exports[`Renderer:InputTag InputTag input with max quantity 2 1`] = `
     />
     <div
       class="cxd-Form-item cxd-Form-item--normal"
+      data-amis-name="tag"
       data-role="form-item"
     >
       <label
@@ -338,6 +341,7 @@ exports[`Renderer:InputTag InputTag input with maxTagLength 5 1`] = `
     />
     <div
       class="cxd-Form-item cxd-Form-item--normal"
+      data-amis-name="tag"
       data-role="form-item"
     >
       <label
@@ -417,6 +421,7 @@ exports[`Renderer:InputTag InputTag input with single tag 1`] = `
     />
     <div
       class="cxd-Form-item cxd-Form-item--normal"
+      data-amis-name="tag"
       data-role="form-item"
     >
       <label
@@ -498,6 +503,7 @@ exports[`Renderer:InputTag InputTag with options 1`] = `
     />
     <div
       class="cxd-Form-item cxd-Form-item--normal"
+      data-amis-name="tag"
       data-role="form-item"
     >
       <label
@@ -612,6 +618,7 @@ exports[`Renderer:InputTag InputTag with placeholder 1`] = `
     />
     <div
       class="cxd-Form-item cxd-Form-item--normal"
+      data-amis-name="tag"
       data-role="form-item"
     >
       <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/inputYearRange.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/inputYearRange.test.tsx.snap
index 868011408..9aa45a21d 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/inputYearRange.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/inputYearRange.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`Renderer:inputYearRange with embed 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="year"
           data-role="form-item"
         >
           <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/list.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/list.test.tsx.snap
index 02d2a16ff..7e4bdc87f 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/list.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/list.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`Renderer:list 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="select"
           data-role="form-item"
         >
           <label
@@ -131,6 +132,7 @@ exports[`Renderer:list:multiple clearable 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="select"
           data-role="form-item"
         >
           <label
@@ -175,6 +177,7 @@ exports[`Renderer:list:multiple clearable 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="select"
           data-role="form-item"
         >
           <label
@@ -243,6 +246,7 @@ exports[`Renderer:list:multiple clearable 2`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="select"
           data-role="form-item"
         >
           <label
@@ -287,6 +291,7 @@ exports[`Renderer:list:multiple clearable 2`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="select"
           data-role="form-item"
         >
           <label
@@ -355,6 +360,7 @@ exports[`Renderer:list:multiple clearable 3`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="select"
           data-role="form-item"
         >
           <label
@@ -399,6 +405,7 @@ exports[`Renderer:list:multiple clearable 3`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="select"
           data-role="form-item"
         >
           <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/listSelect.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/listSelect.test.tsx.snap
index 14fc26593..fdb1176b4 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/listSelect.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/listSelect.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`Renderer:listSelect with image option & listClassName 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="select"
           data-role="form-item"
         >
           <label
@@ -146,6 +147,7 @@ exports[`Renderer:listSelect with multiple & clearable 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="select"
           data-role="form-item"
         >
           <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/nestedSelect.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/nestedSelect.test.tsx.snap
index 752b396b0..86a99fef3 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/nestedSelect.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/nestedSelect.test.tsx.snap
@@ -12,6 +12,7 @@ exports[`Renderer:NestedSelect with maxTagLength 3 1`] = `
     />
     <div
       class="cxd-Form-item cxd-Form-item--normal"
+      data-amis-name="nestedSelect"
       data-role="form-item"
     >
       <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/number.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/number.test.tsx.snap
index cc6f15d4b..ad06a09c9 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/number.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/number.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`Renderer:number 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="a"
           data-role="form-item"
         >
           <label
@@ -137,6 +138,7 @@ exports[`Renderer:number with big value 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="number"
           data-role="form-item"
         >
           <label
@@ -259,6 +261,7 @@ exports[`Renderer:number with borderMode 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="number"
           data-role="form-item"
         >
           <label
@@ -378,6 +381,7 @@ exports[`Renderer:number with borderMode 2`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="number"
           data-role="form-item"
         >
           <label
@@ -497,6 +501,7 @@ exports[`Renderer:number with precision and default value 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="number"
           data-role="form-item"
         >
           <label
@@ -617,6 +622,7 @@ exports[`Renderer:number with prefix & suffix & kilobitSeparator 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="number"
           data-role="form-item"
         >
           <label
@@ -737,6 +743,7 @@ exports[`Renderer:number with step & precision & displayMode & keyboard 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="number"
           data-role="form-item"
         >
           <label
@@ -877,6 +884,7 @@ exports[`Renderer:number with unitOptions 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="number"
           data-role="form-item"
         >
           <label
@@ -969,6 +977,7 @@ exports[`Renderer:number with unitOptions 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="number"
           data-role="form-item"
         >
           <div
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/options.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/options.test.tsx.snap
index 71f6e5aaf..93641b924 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/options.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/options.test.tsx.snap
@@ -12,6 +12,7 @@ exports[`options:linkage 1`] = `
     />
     <div
       class="cxd-Form-item cxd-Form-item--normal"
+      data-amis-name="a"
       data-role="form-item"
     >
       <label
@@ -65,6 +66,7 @@ exports[`options:linkage 1`] = `
     </div>
     <div
       class="cxd-Form-item cxd-Form-item--normal"
+      data-amis-name="b"
       data-role="form-item"
     >
       <label
@@ -129,6 +131,7 @@ exports[`options:linkage 2`] = `
     />
     <div
       class="cxd-Form-item cxd-Form-item--normal"
+      data-amis-name="a"
       data-role="form-item"
     >
       <label
@@ -182,6 +185,7 @@ exports[`options:linkage 2`] = `
     </div>
     <div
       class="cxd-Form-item cxd-Form-item--normal"
+      data-amis-name="b"
       data-role="form-item"
     >
       <label
@@ -247,6 +251,7 @@ exports[`options:linkage 3`] = `
     />
     <div
       class="cxd-Form-item cxd-Form-item--normal"
+      data-amis-name="a"
       data-role="form-item"
     >
       <label
@@ -300,6 +305,7 @@ exports[`options:linkage 3`] = `
     </div>
     <div
       class="cxd-Form-item cxd-Form-item--normal"
+      data-amis-name="b"
       data-role="form-item"
     >
       <label
@@ -350,6 +356,7 @@ exports[`options:linkage 4`] = `
     />
     <div
       class="cxd-Form-item cxd-Form-item--normal"
+      data-amis-name="a"
       data-role="form-item"
     >
       <label
@@ -403,6 +410,7 @@ exports[`options:linkage 4`] = `
     </div>
     <div
       class="cxd-Form-item cxd-Form-item--normal"
+      data-amis-name="b"
       data-role="form-item"
     >
       <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/panel.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/panel.test.tsx.snap
index 130367876..4eaffe68f 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/panel.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/panel.test.tsx.snap
@@ -126,6 +126,7 @@ exports[`Renderer:panel 1`] = `
                   >
                     <div
                       class="cxd-Form-item cxd-Form-item--normal"
+                      data-amis-name="text"
                       data-role="form-item"
                     >
                       <div
@@ -148,6 +149,7 @@ exports[`Renderer:panel 1`] = `
                     </div>
                     <div
                       class="cxd-Form-item cxd-Form-item--normal"
+                      data-amis-name="text2"
                       data-role="form-item"
                     >
                       <div
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/radios.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/radios.test.tsx.snap
index b411ff3b0..f1c178f9c 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/radios.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/radios.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`Renderer:radios 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="radios"
           data-role="form-item"
         >
           <label
@@ -111,6 +112,7 @@ exports[`Renderer:radios 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="radios"
           data-role="form-item"
         >
           <label
@@ -183,6 +185,7 @@ exports[`Renderer:radios 2`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="radios"
           data-role="form-item"
         >
           <label
@@ -261,6 +264,7 @@ exports[`Renderer:radios 2`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="radios"
           data-role="form-item"
         >
           <label
@@ -329,6 +333,7 @@ exports[`Renderer:radios source & autoFill 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="radios"
           data-role="form-item"
         >
           <label
@@ -409,6 +414,7 @@ exports[`Renderer:radios source & autoFill 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="radios"
           data-role="form-item"
         >
           <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/range.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/range.test.tsx.snap
index b45316732..79d200909 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/range.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/range.test.tsx.snap
@@ -46,6 +46,7 @@ exports[`Renderer: range with min & max & step by variables 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="range"
                   data-role="form-item"
                 >
                   <label
@@ -215,6 +216,7 @@ exports[`Renderer:range with marks 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="range"
           data-role="form-item"
         >
           <div
@@ -357,6 +359,7 @@ exports[`Renderer:range with min & max & step & joinValues 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="range"
           data-role="form-item"
         >
           <div
@@ -579,6 +582,7 @@ exports[`Renderer:range with multiple & clearable & delimiter 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="range"
           data-role="form-item"
         >
           <div
@@ -740,6 +744,7 @@ exports[`Renderer:range with multiple & clearable & delimiter 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="range"
           data-role="form-item"
         >
           <div
@@ -795,6 +800,7 @@ exports[`Renderer:range with showInput & showInputUnit 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="range"
           data-role="form-item"
         >
           <div
@@ -936,6 +942,7 @@ exports[`Renderer:range with showSteps 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="range"
           data-role="form-item"
         >
           <div
@@ -1110,6 +1117,7 @@ exports[`Renderer:range with tooltipVisible & tooltipPlacement 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="range"
           data-role="form-item"
         >
           <div
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/rating.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/rating.test.tsx.snap
index 606a2a49f..02e66d4ce 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/rating.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/rating.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`Renderer:rating with allowClear 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="rating"
           data-role="form-item"
         >
           <label
@@ -101,6 +102,7 @@ exports[`Renderer:rating with allowClear 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="rating"
           data-role="form-item"
         >
           <div
@@ -208,6 +210,7 @@ exports[`Renderer:rating with char & charClassName 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="rating"
           data-role="form-item"
         >
           <label
@@ -314,6 +317,7 @@ exports[`Renderer:rating with colors & inactiveColor 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="rating"
           data-role="form-item"
         >
           <label
@@ -387,6 +391,7 @@ exports[`Renderer:rating with colors & inactiveColor 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="rating"
           data-role="form-item"
         >
           <label
@@ -507,6 +512,7 @@ exports[`Renderer:rating with count & half 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="rating"
           data-role="form-item"
         >
           <label
@@ -636,6 +642,7 @@ exports[`Renderer:rating with readOnly 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="rating"
           data-role="form-item"
         >
           <label
@@ -704,6 +711,7 @@ exports[`Renderer:rating with readOnly 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="rating"
           data-role="form-item"
         >
           <div
@@ -811,6 +819,7 @@ exports[`Renderer:rating with texts & textPosition & textClassName 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="rating"
           data-role="form-item"
         >
           <label
@@ -884,6 +893,7 @@ exports[`Renderer:rating with texts & textPosition & textClassName 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="rating"
           data-role="form-item"
         >
           <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/repeat.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/repeat.test.tsx.snap
index 44a27f132..73151d0b5 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/repeat.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/repeat.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`Renderer:repeat 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="a"
           data-role="form-item"
         >
           <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/select.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/select.test.tsx.snap
index d1687c287..fe5950a5c 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/select.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/select.test.tsx.snap
@@ -46,6 +46,7 @@ exports[`Renderer: chained select 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="a"
                   data-role="form-item"
                 >
                   <label
@@ -164,6 +165,7 @@ exports[`Renderer:select associated 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="b"
                   data-role="form-item"
                 >
                   <label
@@ -269,6 +271,7 @@ exports[`Renderer:select associated mode with virtual 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="select"
           data-role="form-item"
         >
           <label
@@ -621,6 +624,7 @@ exports[`Renderer:select chained 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="a"
                   data-role="form-item"
                 >
                   <label
@@ -726,6 +730,7 @@ exports[`Renderer:select chained mode with virtual 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="select"
           data-role="form-item"
         >
           <label
@@ -970,6 +975,7 @@ exports[`Renderer:select group 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="a"
                   data-role="form-item"
                 >
                   <label
@@ -1075,6 +1081,7 @@ exports[`Renderer:select group mode with virtual 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="select"
           data-role="form-item"
         >
           <label
@@ -1283,6 +1290,7 @@ exports[`Renderer:select menutpl 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="select"
                   data-role="form-item"
                 >
                   <label
@@ -1400,6 +1408,7 @@ exports[`Renderer:select table 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="a"
                   data-role="form-item"
                 >
                   <label
@@ -1505,6 +1514,7 @@ exports[`Renderer:select table mode with virtual 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="select"
           data-role="form-item"
         >
           <label
@@ -1732,6 +1742,7 @@ exports[`Renderer:select table with labelField & valueField 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="a"
           data-role="form-item"
         >
           <label
@@ -2115,6 +2126,7 @@ exports[`Renderer:select tree 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="a"
                   data-role="form-item"
                 >
                   <label
@@ -2220,6 +2232,7 @@ exports[`Renderer:select virtual 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="select"
           data-role="form-item"
         >
           <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/service.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/service.test.tsx.snap
index 534e2edce..7d56ded8f 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/service.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/service.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`Renderer:service 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal is-required"
+          data-amis-name="tpl"
           data-role="form-item"
         >
           <label
@@ -88,6 +89,7 @@ exports[`Renderer:service 1`] = `
         >
           <div
             class="cxd-Form-item cxd-Form-item--normal is-required"
+            data-amis-name="dy_1"
             data-role="form-item"
           >
             <label
@@ -128,6 +130,7 @@ exports[`Renderer:service 1`] = `
           </div>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="dy_2"
             data-role="form-item"
           >
             <label
@@ -183,6 +186,7 @@ exports[`form:service:remoteData 1`] = `
     >
       <div
         class="cxd-Form-item cxd-Form-item--normal"
+        data-amis-name="child-a"
         data-role="form-item"
       >
         <div
@@ -236,6 +240,7 @@ exports[`form:service:remoteSchmea+data 1`] = `
     >
       <div
         class="cxd-Form-item cxd-Form-item--normal"
+        data-amis-name="child-a"
         data-role="form-item"
       >
         <div
@@ -258,6 +263,7 @@ exports[`form:service:remoteSchmea+data 1`] = `
       </div>
       <div
         class="cxd-Form-item cxd-Form-item--normal"
+        data-amis-name="child-b"
         data-role="form-item"
       >
         <div
@@ -311,6 +317,7 @@ exports[`form:service:super-remoteData 1`] = `
     >
       <div
         class="cxd-Form-item cxd-Form-item--normal"
+        data-amis-name="child-a"
         data-role="form-item"
       >
         <div
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/static.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/static.test.tsx.snap
index 134fa04d3..1b5afb955 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/static.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/static.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`Renderer:static 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal bg-white"
+          data-amis-name="static"
           data-role="form-item"
         >
           <label
@@ -71,6 +72,7 @@ exports[`Renderer:static 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="static 1"
           data-role="form-item"
         >
           <div
@@ -93,6 +95,7 @@ exports[`Renderer:static 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="static 2"
           data-role="form-item"
         >
           <div
@@ -123,6 +126,7 @@ exports[`Renderer:static-quickEdit-icon 1`] = `
 <div>
   <div
     class="cxd-Form-item cxd-Form-item--normal"
+    data-amis-name="static"
     data-role="form-item"
   >
     <label
@@ -197,6 +201,7 @@ exports[`Renderer:static2 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="a"
           data-role="form-item"
         >
           <label
@@ -220,6 +225,7 @@ exports[`Renderer:static2 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="b"
           data-role="form-item"
         >
           <label
@@ -255,6 +261,7 @@ exports[`Renderer:static2 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="c"
           data-role="form-item"
         >
           <label
@@ -284,6 +291,7 @@ exports[`Renderer:static2 1`] = `
           >
             <div
               class="cxd-Form-item cxd-Form-item--normal"
+              data-amis-name="a"
               data-role="form-item"
             >
               <label
@@ -311,6 +319,7 @@ exports[`Renderer:static2 1`] = `
           >
             <div
               class="cxd-Form-item cxd-Form-item--normal"
+              data-amis-name="b"
               data-role="form-item"
             >
               <label
@@ -350,6 +359,7 @@ exports[`Renderer:static2 1`] = `
           >
             <div
               class="cxd-Form-item cxd-Form-item--normal"
+              data-amis-name="c"
               data-role="form-item"
             >
               <label
@@ -381,6 +391,7 @@ exports[`Renderer:static2 1`] = `
           >
             <div
               class="cxd-Form-item cxd-Form-item--normal"
+              data-amis-name="a"
               data-role="form-item"
             >
               <label
@@ -420,6 +431,7 @@ exports[`Renderer:static2 1`] = `
           >
             <div
               class="cxd-Form-item cxd-Form-item--normal"
+              data-amis-name="b"
               data-role="form-item"
             >
               <label
@@ -459,6 +471,7 @@ exports[`Renderer:static2 1`] = `
           >
             <div
               class="cxd-Form-item cxd-Form-item--normal"
+              data-amis-name="c"
               data-role="form-item"
             >
               <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/switch.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/switch.test.tsx.snap
index be8197fa3..d27338803 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/switch.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/switch.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`Renderer:Switch Switch basic props 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal block"
+          data-amis-name="switch"
           data-role="form-item"
         >
           <label
@@ -115,6 +116,7 @@ exports[`Renderer:Switch Switch size 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="switch"
           data-role="form-item"
         >
           <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/tabs.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/tabs.test.tsx.snap
index 486772b47..88de788e0 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/tabs.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/tabs.test.tsx.snap
@@ -98,6 +98,7 @@ exports[`Renderer:tabs 1`] = `
             >
               <div
                 class="cxd-Form-item cxd-Form-item--normal"
+                data-amis-name="c"
                 data-role="form-item"
               >
                 <label
@@ -133,6 +134,7 @@ exports[`Renderer:tabs 1`] = `
               </div>
               <div
                 class="cxd-Form-item cxd-Form-item--normal"
+                data-amis-name="d"
                 data-role="form-item"
               >
                 <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/tabsTransfer.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/tabsTransfer.test.tsx.snap
index 0e3dee6b9..982cba16f 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/tabsTransfer.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/tabsTransfer.test.tsx.snap
@@ -46,6 +46,7 @@ exports[`Renderer:tabsTransfer 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="a"
                   data-role="form-item"
                 >
                   <label
@@ -656,6 +657,7 @@ exports[`Renderer:tabsTransfer with deferApi 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="a"
                   data-role="form-item"
                 >
                   <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/tabsTransferPicker.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/tabsTransferPicker.test.tsx.snap
index 422dae560..834f6c67e 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/tabsTransferPicker.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/tabsTransferPicker.test.tsx.snap
@@ -50,6 +50,7 @@ exports[`Renderer:TabsTransferPicker 1`] = `
                   />
                   <div
                     class="cxd-Form-item cxd-Form-item--normal"
+                    data-amis-name="a"
                     data-role="form-item"
                   >
                     <label
@@ -186,6 +187,7 @@ exports[`Renderer:TabsTransferPicker: dialog open 1`] = `
                   />
                   <div
                     class="cxd-Form-item cxd-Form-item--normal"
+                    data-amis-name="a"
                     data-role="form-item"
                   >
                     <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/text.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/text.test.tsx.snap
index 5878fae59..a00cfc9dd 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/text.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/text.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`Renderer:text 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="text"
           data-role="form-item"
         >
           <label
@@ -121,6 +122,7 @@ exports[`Renderer:text type is email: validate fail 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal is-error has-error--isEmail"
+          data-amis-name="text"
           data-role="form-item"
         >
           <label
@@ -216,6 +218,7 @@ exports[`Renderer:text type is email: validate success 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="text"
           data-role="form-item"
         >
           <label
@@ -304,6 +307,7 @@ exports[`Renderer:text type is password with revealPassword 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="text"
           data-role="form-item"
         >
           <label
@@ -392,6 +396,7 @@ exports[`Renderer:text type is password: password invisible 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="text"
           data-role="form-item"
         >
           <label
@@ -488,6 +493,7 @@ exports[`Renderer:text type is password: password visible 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="text"
           data-role="form-item"
         >
           <label
@@ -584,6 +590,7 @@ exports[`Renderer:text type is url: validate fail 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal is-error has-error--isUrl"
+          data-amis-name="text"
           data-role="form-item"
         >
           <label
@@ -679,6 +686,7 @@ exports[`Renderer:text type is url: validate success 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="text"
           data-role="form-item"
         >
           <label
@@ -767,6 +775,7 @@ exports[`Renderer:text with addOn 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="text"
           data-role="form-item"
         >
           <label
@@ -867,6 +876,7 @@ exports[`Renderer:text with clearable 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="text"
           data-role="form-item"
         >
           <label
@@ -963,6 +973,7 @@ exports[`Renderer:text with counter 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="text"
           data-role="form-item"
         >
           <label
@@ -1056,6 +1067,7 @@ exports[`Renderer:text with counter 2`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="text"
           data-role="form-item"
         >
           <label
@@ -1149,6 +1161,7 @@ exports[`Renderer:text with counter and maxLength 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="text"
           data-role="form-item"
         >
           <label
@@ -1243,6 +1256,7 @@ exports[`Renderer:text with counter and maxLength 2`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="text"
           data-role="form-item"
         >
           <label
@@ -1337,6 +1351,7 @@ exports[`Renderer:text with minLength 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal is-error has-error--maxLength"
+          data-amis-name="text"
           data-role="form-item"
         >
           <label
@@ -1434,6 +1449,7 @@ exports[`Renderer:text with options 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="text"
           data-role="form-item"
         >
           <label
@@ -1526,6 +1542,7 @@ exports[`Renderer:text with options and multiple Renderer:text with options and
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="text"
           data-role="form-item"
         >
           <label
@@ -1621,6 +1638,7 @@ exports[`Renderer:text with options and multiple Renderer:text with options and
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="text"
           data-role="form-item"
         >
           <div
@@ -1692,6 +1710,7 @@ exports[`Renderer:text with options and multiple Renderer:text with options and
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="text"
           data-role="form-item"
         >
           <label
@@ -1784,6 +1803,7 @@ exports[`Renderer:text with options and multiple Renderer:text with options and
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="text"
           data-role="form-item"
         >
           <div
@@ -1859,6 +1879,7 @@ exports[`Renderer:text with options and multiple Renderer:text with options and
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="text"
           data-role="form-item"
         >
           <label
@@ -1954,6 +1975,7 @@ exports[`Renderer:text with options and multiple Renderer:text with options and
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="text"
           data-role="form-item"
         >
           <div
@@ -2025,6 +2047,7 @@ exports[`Renderer:text with options and multiple Renderer:text with options and
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="text"
           data-role="form-item"
         >
           <label
@@ -2123,6 +2146,7 @@ exports[`Renderer:text with options and multiple Renderer:text with options and
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="text"
           data-role="form-item"
         >
           <div
@@ -2194,6 +2218,7 @@ exports[`Renderer:text with options and multiple Renderer:text with options and
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="text"
           data-role="form-item"
         >
           <label
@@ -2272,6 +2297,7 @@ exports[`Renderer:text with options and multiple Renderer:text with options and
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="text"
           data-role="form-item"
         >
           <div
@@ -2343,6 +2369,7 @@ exports[`Renderer:text with options: options is open 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="text"
           data-role="form-item"
         >
           <label
@@ -2468,6 +2495,7 @@ exports[`Renderer:text with options: select first option 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="text"
           data-role="form-item"
         >
           <label
@@ -2562,6 +2590,7 @@ exports[`Renderer:text with prefix and suffix 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="text"
           data-role="form-item"
         >
           <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/textarea.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/textarea.test.tsx.snap
index 878bb9f07..a4c050c6e 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/textarea.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/textarea.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`Renderer:textarea 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="a"
           data-role="form-item"
         >
           <label
@@ -101,6 +102,7 @@ exports[`Renderer:textarea with maxLength & clearable & resetValue 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal is-error has-error--maxLength"
+          data-amis-name="text"
           data-role="form-item"
         >
           <label
@@ -214,6 +216,7 @@ exports[`Renderer:textarea with readOnly 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="text"
           data-role="form-item"
         >
           <label
@@ -299,6 +302,7 @@ exports[`Renderer:textarea with trimContents & showCounter 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="text"
           data-role="form-item"
         >
           <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/transfer.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/transfer.test.tsx.snap
index f18e78d4b..e9603e4b9 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/transfer.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/transfer.test.tsx.snap
@@ -46,6 +46,7 @@ exports[`Renderer:transfer 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="transfer"
                   data-role="form-item"
                 >
                   <label
@@ -352,6 +353,7 @@ exports[`Renderer:transfer associated mode with virtual 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="b"
           data-role="form-item"
         >
           <label
@@ -833,6 +835,7 @@ exports[`Renderer:transfer chained 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="transfer5"
                   data-role="form-item"
                 >
                   <label
@@ -1048,6 +1051,7 @@ exports[`Renderer:transfer chained mode with virtual 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="transfer"
           data-role="form-item"
         >
           <label
@@ -1455,6 +1459,7 @@ exports[`Renderer:transfer follow left mode 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="transfer4"
           data-role="form-item"
         >
           <label
@@ -2092,6 +2097,7 @@ exports[`Renderer:transfer follow left mode 2`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="transfer4"
           data-role="form-item"
         >
           <label
@@ -2750,6 +2756,7 @@ exports[`Renderer:transfer group mode with virtual 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="transfer"
           data-role="form-item"
         >
           <label
@@ -3061,6 +3068,7 @@ exports[`Renderer:transfer left tree 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="b"
                   data-role="form-item"
                 >
                   <label
@@ -3560,6 +3568,7 @@ exports[`Renderer:transfer table 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="transfer"
                   data-role="form-item"
                 >
                   <label
@@ -3938,6 +3947,7 @@ exports[`Renderer:transfer table mode with virtual: result not virtual 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="transfer"
           data-role="form-item"
         >
           <label
@@ -4760,6 +4770,7 @@ exports[`Renderer:transfer table mode with virtual: result virtual 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="transfer"
           data-role="form-item"
         >
           <label
@@ -5224,6 +5235,7 @@ exports[`Renderer:transfer tree 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="transfer4"
                   data-role="form-item"
                 >
                   <label
@@ -5733,6 +5745,7 @@ exports[`Renderer:transfer with showInvalidMatch & unmatched do not add 1`] = `
 <div>
   <div
     class="cxd-Form-item cxd-Form-item--normal"
+    data-amis-name="transfer"
     data-role="form-item"
   >
     <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/transferPicker.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/transferPicker.test.tsx.snap
index b53aaec4f..6eb16ab5f 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/transferPicker.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/transferPicker.test.tsx.snap
@@ -46,6 +46,7 @@ exports[`Renderer:transfer-picker 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="a"
                   data-role="form-item"
                 >
                   <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/usersSelect.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/usersSelect.test.tsx.snap
index 28d76aee1..b2ae2c663 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/usersSelect.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/usersSelect.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`Renderer:usersselect 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="usersselect"
           data-role="form-item"
         >
           <label
diff --git a/packages/amis/__tests__/renderers/Form/__snapshots__/valueFormula.test.tsx.snap b/packages/amis/__tests__/renderers/Form/__snapshots__/valueFormula.test.tsx.snap
index 69da511c0..3a57266d3 100644
--- a/packages/amis/__tests__/renderers/Form/__snapshots__/valueFormula.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/Form/__snapshots__/valueFormula.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`Renderer:inputDate 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="test1"
           data-role="form-item"
         >
           <label
@@ -68,6 +69,7 @@ exports[`Renderer:inputDate 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="test"
           data-role="form-item"
         >
           <label
@@ -103,6 +105,7 @@ exports[`Renderer:inputDate 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="test1"
           data-role="form-item"
         >
           <label
@@ -138,6 +141,7 @@ exports[`Renderer:inputDate 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="test4"
           data-role="form-item"
         >
           <label
@@ -173,6 +177,7 @@ exports[`Renderer:inputDate 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="test5"
           data-role="form-item"
         >
           <label
@@ -208,6 +213,7 @@ exports[`Renderer:inputDate 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="switch"
           data-role="form-item"
         >
           <div
@@ -238,6 +244,7 @@ exports[`Renderer:inputDate 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="test6"
           data-role="form-item"
         >
           <label
@@ -273,6 +280,7 @@ exports[`Renderer:inputDate 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="test7"
           data-role="form-item"
         >
           <label
@@ -308,6 +316,7 @@ exports[`Renderer:inputDate 1`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="test8"
           data-role="form-item"
         >
           <label
diff --git a/packages/amis/__tests__/renderers/__snapshots__/AnchorNav.test.tsx.snap b/packages/amis/__tests__/renderers/__snapshots__/AnchorNav.test.tsx.snap
index c4234cce3..ac3a25355 100644
--- a/packages/amis/__tests__/renderers/__snapshots__/AnchorNav.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/__snapshots__/AnchorNav.test.tsx.snap
@@ -87,6 +87,7 @@ exports[`Renderer:anchorNav 1`] = `
                       />
                       <div
                         class="cxd-Form-item cxd-Form-item--normal"
+                        data-amis-name="name"
                         data-role="form-item"
                       >
                         <label
@@ -122,6 +123,7 @@ exports[`Renderer:anchorNav 1`] = `
                       </div>
                       <div
                         class="cxd-Form-item cxd-Form-item--normal"
+                        data-amis-name="email"
                         data-role="form-item"
                       >
                         <label
@@ -209,6 +211,7 @@ exports[`Renderer:anchorNav 1`] = `
                       />
                       <div
                         class="cxd-Form-item cxd-Form-item--normal"
+                        data-amis-name="cname"
                         data-role="form-item"
                       >
                         <label
@@ -244,6 +247,7 @@ exports[`Renderer:anchorNav 1`] = `
                       </div>
                       <div
                         class="cxd-Form-item cxd-Form-item--normal"
+                        data-amis-name="caddress"
                         data-role="form-item"
                       >
                         <label
@@ -331,6 +335,7 @@ exports[`Renderer:anchorNav 1`] = `
                       />
                       <div
                         class="cxd-Form-item cxd-Form-item--normal"
+                        data-amis-name="interest1"
                         data-role="form-item"
                       >
                         <label
@@ -366,6 +371,7 @@ exports[`Renderer:anchorNav 1`] = `
                       </div>
                       <div
                         class="cxd-Form-item cxd-Form-item--normal"
+                        data-amis-name="interest2"
                         data-role="form-item"
                       >
                         <label
@@ -401,6 +407,7 @@ exports[`Renderer:anchorNav 1`] = `
                       </div>
                       <div
                         class="cxd-Form-item cxd-Form-item--normal"
+                        data-amis-name="interest3"
                         data-role="form-item"
                       >
                         <label
@@ -436,6 +443,7 @@ exports[`Renderer:anchorNav 1`] = `
                       </div>
                       <div
                         class="cxd-Form-item cxd-Form-item--normal"
+                        data-amis-name="interest4"
                         data-role="form-item"
                       >
                         <label
@@ -471,6 +479,7 @@ exports[`Renderer:anchorNav 1`] = `
                       </div>
                       <div
                         class="cxd-Form-item cxd-Form-item--normal"
+                        data-amis-name="interest5"
                         data-role="form-item"
                       >
                         <label
@@ -506,6 +515,7 @@ exports[`Renderer:anchorNav 1`] = `
                       </div>
                       <div
                         class="cxd-Form-item cxd-Form-item--normal"
+                        data-amis-name="interest6"
                         data-role="form-item"
                       >
                         <label
@@ -664,6 +674,7 @@ exports[`Renderer:anchorNav with children 1`] = `
                       />
                       <div
                         class="cxd-Form-item cxd-Form-item--normal"
+                        data-amis-name="name"
                         data-role="form-item"
                       >
                         <label
@@ -699,6 +710,7 @@ exports[`Renderer:anchorNav with children 1`] = `
                       </div>
                       <div
                         class="cxd-Form-item cxd-Form-item--normal"
+                        data-amis-name="email"
                         data-role="form-item"
                       >
                         <label
@@ -786,6 +798,7 @@ exports[`Renderer:anchorNav with children 1`] = `
                       />
                       <div
                         class="cxd-Form-item cxd-Form-item--normal"
+                        data-amis-name="cname1"
                         data-role="form-item"
                       >
                         <label
@@ -821,6 +834,7 @@ exports[`Renderer:anchorNav with children 1`] = `
                       </div>
                       <div
                         class="cxd-Form-item cxd-Form-item--normal"
+                        data-amis-name="caddress1"
                         data-role="form-item"
                       >
                         <label
@@ -908,6 +922,7 @@ exports[`Renderer:anchorNav with children 1`] = `
                       />
                       <div
                         class="cxd-Form-item cxd-Form-item--normal"
+                        data-amis-name="cname2"
                         data-role="form-item"
                       >
                         <label
@@ -943,6 +958,7 @@ exports[`Renderer:anchorNav with children 1`] = `
                       </div>
                       <div
                         class="cxd-Form-item cxd-Form-item--normal"
+                        data-amis-name="caddress2"
                         data-role="form-item"
                       >
                         <label
@@ -1030,6 +1046,7 @@ exports[`Renderer:anchorNav with children 1`] = `
                       />
                       <div
                         class="cxd-Form-item cxd-Form-item--normal"
+                        data-amis-name="cname"
                         data-role="form-item"
                       >
                         <label
@@ -1065,6 +1082,7 @@ exports[`Renderer:anchorNav with children 1`] = `
                       </div>
                       <div
                         class="cxd-Form-item cxd-Form-item--normal"
+                        data-amis-name="caddress"
                         data-role="form-item"
                       >
                         <label
@@ -1196,6 +1214,7 @@ exports[`Renderer:anchorNav with horizontal 1`] = `
                       />
                       <div
                         class="cxd-Form-item cxd-Form-item--normal"
+                        data-amis-name="name"
                         data-role="form-item"
                       >
                         <label
@@ -1231,6 +1250,7 @@ exports[`Renderer:anchorNav with horizontal 1`] = `
                       </div>
                       <div
                         class="cxd-Form-item cxd-Form-item--normal"
+                        data-amis-name="email"
                         data-role="form-item"
                       >
                         <label
diff --git a/packages/amis/__tests__/renderers/__snapshots__/ButtonToolbar.test.tsx.snap b/packages/amis/__tests__/renderers/__snapshots__/ButtonToolbar.test.tsx.snap
index 22881cc48..f237276d8 100644
--- a/packages/amis/__tests__/renderers/__snapshots__/ButtonToolbar.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/__snapshots__/ButtonToolbar.test.tsx.snap
@@ -4,6 +4,7 @@ exports[`Renderer:button-toolbar 1`] = `
 <div>
   <div
     class="cxd-Form-item cxd-Form-item--normal show"
+    data-amis-name="button-toolbar"
     data-role="form-item"
   >
     <label
diff --git a/packages/amis/__tests__/renderers/__snapshots__/Image.test.tsx.snap b/packages/amis/__tests__/renderers/__snapshots__/Image.test.tsx.snap
index db441d13c..a34b3f47d 100644
--- a/packages/amis/__tests__/renderers/__snapshots__/Image.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/__snapshots__/Image.test.tsx.snap
@@ -33,6 +33,7 @@ exports[`Renderer:image image as form item 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="image"
           data-role="form-item"
         >
           <label
diff --git a/packages/amis/__tests__/renderers/__snapshots__/Page.test.tsx.snap b/packages/amis/__tests__/renderers/__snapshots__/Page.test.tsx.snap
index 9cabca46c..94489838f 100644
--- a/packages/amis/__tests__/renderers/__snapshots__/Page.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/__snapshots__/Page.test.tsx.snap
@@ -547,6 +547,7 @@ exports[`Renderer:Page handleAction actionType=dialog mergeData 1`] = `
           />
           <div
             class="cxd-Form-item cxd-Form-item--horizontal"
+            data-amis-name="a"
             data-role="form-item"
           >
             <label
@@ -835,6 +836,7 @@ exports[`Renderer:Page handleAction actionType=drawer mergeData 1`] = `
           />
           <div
             class="cxd-Form-item cxd-Form-item--horizontal"
+            data-amis-name="a"
             data-role="form-item"
           >
             <label
@@ -1213,6 +1215,7 @@ exports[`Renderer:Page initApi reload by Dialog action 2`] = `
           />
           <div
             class="cxd-Form-item cxd-Form-item--horizontal"
+            data-amis-name="a"
             data-role="form-item"
           >
             <label
@@ -1421,6 +1424,7 @@ exports[`Renderer:Page initApi reload by Drawer action 2`] = `
           />
           <div
             class="cxd-Form-item cxd-Form-item--horizontal"
+            data-amis-name="a"
             data-role="form-item"
           >
             <label
@@ -1563,6 +1567,7 @@ exports[`Renderer:Page initApi reload by Form submit 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="a"
                   data-role="form-item"
                 >
                   <div
@@ -1666,6 +1671,7 @@ exports[`Renderer:Page initApi reload by Form submit 2`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="a"
                   data-role="form-item"
                 >
                   <div
diff --git a/packages/amis/__tests__/renderers/__snapshots__/Picker.test.tsx.snap b/packages/amis/__tests__/renderers/__snapshots__/Picker.test.tsx.snap
index 4bb344148..5b449cfe5 100644
--- a/packages/amis/__tests__/renderers/__snapshots__/Picker.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/__snapshots__/Picker.test.tsx.snap
@@ -8,6 +8,7 @@ exports[`1. Renderer:Picker base 1`] = `
   <div>
     <div
       class="cxd-Form-item cxd-Form-item--normal"
+      data-amis-name="picker"
       data-role="form-item"
     >
       <label
@@ -225,6 +226,7 @@ exports[`1. Renderer:Picker base 2`] = `
 <div>
   <div
     class="cxd-Form-item cxd-Form-item--normal"
+    data-amis-name="picker"
     data-role="form-item"
   >
     <label
diff --git a/packages/amis/__tests__/renderers/__snapshots__/PopOver.test.tsx.snap b/packages/amis/__tests__/renderers/__snapshots__/PopOver.test.tsx.snap
index cc8a16781..e51436a00 100644
--- a/packages/amis/__tests__/renderers/__snapshots__/PopOver.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/__snapshots__/PopOver.test.tsx.snap
@@ -4,6 +4,7 @@ exports[`Renderer:PopOver with offset: default 1`] = `
 <div>
   <div
     class="cxd-Form-item cxd-Form-item--normal"
+    data-amis-name="static"
     data-role="form-item"
   >
     <label
@@ -48,6 +49,7 @@ exports[`Renderer:PopOver with offset: show popover no offset 1`] = `
 <div>
   <div
     class="cxd-Form-item cxd-Form-item--normal"
+    data-amis-name="static"
     data-role="form-item"
   >
     <label
@@ -114,6 +116,7 @@ exports[`Renderer:PopOver with offset: show popover with offset 1`] = `
 <div>
   <div
     class="cxd-Form-item cxd-Form-item--normal"
+    data-amis-name="static"
     data-role="form-item"
   >
     <label
diff --git a/packages/amis/__tests__/renderers/__snapshots__/Progress.test.tsx.snap b/packages/amis/__tests__/renderers/__snapshots__/Progress.test.tsx.snap
index be694f879..6d4c9dc8b 100644
--- a/packages/amis/__tests__/renderers/__snapshots__/Progress.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/__snapshots__/Progress.test.tsx.snap
@@ -66,6 +66,7 @@ exports[`Renderer:Progress as form item 1`] = `
         />
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="progress"
           data-role="form-item"
         >
           <label
diff --git a/packages/amis/__tests__/renderers/__snapshots__/Tabs.test.tsx.snap b/packages/amis/__tests__/renderers/__snapshots__/Tabs.test.tsx.snap
index 95460ebaf..31e32c35a 100644
--- a/packages/amis/__tests__/renderers/__snapshots__/Tabs.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/__snapshots__/Tabs.test.tsx.snap
@@ -296,6 +296,7 @@ exports[`Renderer:tabs change active tab 2`] = `
       >
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="c"
           data-role="form-item"
         >
           <label
@@ -331,6 +332,7 @@ exports[`Renderer:tabs change active tab 2`] = `
         </div>
         <div
           class="cxd-Form-item cxd-Form-item--normal"
+          data-amis-name="d"
           data-role="form-item"
         >
           <label
diff --git a/packages/amis/__tests__/renderers/__snapshots__/Tree.test.tsx.snap b/packages/amis/__tests__/renderers/__snapshots__/Tree.test.tsx.snap
index 3b4c80ea0..d4c5e4c3f 100644
--- a/packages/amis/__tests__/renderers/__snapshots__/Tree.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/__snapshots__/Tree.test.tsx.snap
@@ -46,6 +46,7 @@ exports[`Tree: basic & disabled children & default check children 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="tree"
                   data-role="form-item"
                 >
                   <label
@@ -380,6 +381,7 @@ exports[`Tree: showOutline 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="tree"
                   data-role="form-item"
                 >
                   <label
diff --git a/packages/amis/__tests__/renderers/__snapshots__/Wizard.test.tsx.snap b/packages/amis/__tests__/renderers/__snapshots__/Wizard.test.tsx.snap
index d5fe688bd..bd266cdfa 100644
--- a/packages/amis/__tests__/renderers/__snapshots__/Wizard.test.tsx.snap
+++ b/packages/amis/__tests__/renderers/__snapshots__/Wizard.test.tsx.snap
@@ -270,6 +270,7 @@ exports[`Renderer:Wizard actionPrevLabel actionNextLabel actionFinishLabel class
           />
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="website"
             data-role="form-item"
           >
             <label
@@ -305,6 +306,7 @@ exports[`Renderer:Wizard actionPrevLabel actionNextLabel actionFinishLabel class
           </div>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="name"
             data-role="form-item"
           >
             <label
@@ -384,6 +386,7 @@ exports[`Renderer:Wizard default 1`] = `
           />
           <div
             class="cxd-Form-item cxd-Form-item--normal is-required"
+            data-amis-name="website"
             data-role="form-item"
           >
             <label
@@ -424,6 +427,7 @@ exports[`Renderer:Wizard default 1`] = `
           </div>
           <div
             class="cxd-Form-item cxd-Form-item--normal is-required"
+            data-amis-name="name"
             data-role="form-item"
           >
             <label
@@ -599,6 +603,7 @@ exports[`Renderer:Wizard dialog 1`] = `
                   />
                   <div
                     class="cxd-Form-item cxd-Form-item--normal"
+                    data-amis-name="website"
                     data-role="form-item"
                   >
                     <label
@@ -634,6 +639,7 @@ exports[`Renderer:Wizard dialog 1`] = `
                   </div>
                   <div
                     class="cxd-Form-item cxd-Form-item--normal"
+                    data-amis-name="name"
                     data-role="form-item"
                   >
                     <label
@@ -744,6 +750,7 @@ exports[`Renderer:Wizard dialog 1`] = `
           />
           <div
             class="cxd-Form-item cxd-Form-item--horizontal"
+            data-amis-name="name"
             data-role="form-item"
           >
             <label
@@ -938,6 +945,7 @@ exports[`Renderer:Wizard dialog 2`] = `
                   />
                   <div
                     class="cxd-Form-item cxd-Form-item--normal"
+                    data-amis-name="website"
                     data-role="form-item"
                   >
                     <label
@@ -973,6 +981,7 @@ exports[`Renderer:Wizard dialog 2`] = `
                   </div>
                   <div
                     class="cxd-Form-item cxd-Form-item--normal"
+                    data-amis-name="name"
                     data-role="form-item"
                   >
                     <label
@@ -1203,6 +1212,7 @@ exports[`Renderer:Wizard initApi default 1`] = `
           />
           <div
             class="cxd-Form-item cxd-Form-item--normal is-required"
+            data-amis-name="website"
             data-role="form-item"
           >
             <label
@@ -1243,6 +1253,7 @@ exports[`Renderer:Wizard initApi default 1`] = `
           </div>
           <div
             class="cxd-Form-item cxd-Form-item--normal is-required"
+            data-amis-name="name"
             data-role="form-item"
           >
             <label
@@ -1442,6 +1453,7 @@ exports[`Renderer:Wizard initApi reload 1`] = `
                   />
                   <div
                     class="cxd-Form-item cxd-Form-item--normal"
+                    data-amis-name="website"
                     data-role="form-item"
                   >
                     <label
@@ -1477,6 +1489,7 @@ exports[`Renderer:Wizard initApi reload 1`] = `
                   </div>
                   <div
                     class="cxd-Form-item cxd-Form-item--normal"
+                    data-amis-name="name"
                     data-role="form-item"
                   >
                     <label
@@ -2068,6 +2081,7 @@ exports[`Renderer:Wizard initApi show loading 2`] = `
           />
           <div
             class="cxd-Form-item cxd-Form-item--normal is-required"
+            data-amis-name="website"
             data-role="form-item"
           >
             <label
@@ -2108,6 +2122,7 @@ exports[`Renderer:Wizard initApi show loading 2`] = `
           </div>
           <div
             class="cxd-Form-item cxd-Form-item--normal is-required"
+            data-amis-name="name"
             data-role="form-item"
           >
             <label
@@ -2192,6 +2207,7 @@ exports[`Renderer:Wizard readOnly 1`] = `
           />
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="website"
             data-role="form-item"
           >
             <label
@@ -2228,6 +2244,7 @@ exports[`Renderer:Wizard readOnly 1`] = `
           </div>
           <div
             class="cxd-Form-item cxd-Form-item--normal"
+            data-amis-name="name"
             data-role="form-item"
           >
             <label
@@ -2584,6 +2601,7 @@ exports[`Renderer:Wizard step initApi 1`] = `
           />
           <div
             class="cxd-Form-item cxd-Form-item--normal is-required"
+            data-amis-name="email"
             data-role="form-item"
           >
             <label
@@ -2871,6 +2889,7 @@ exports[`Renderer:Wizard target 1`] = `
                 />
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="website"
                   data-role="form-item"
                 >
                   <label
@@ -2906,6 +2925,7 @@ exports[`Renderer:Wizard target 1`] = `
                 </div>
                 <div
                   class="cxd-Form-item cxd-Form-item--normal"
+                  data-amis-name="name"
                   data-role="form-item"
                 >
                   <label
@@ -3125,6 +3145,7 @@ exports[`Renderer:Wizard validate 1`] = `
           />
           <div
             class="cxd-Form-item cxd-Form-item--normal is-error is-required has-error--isUrl"
+            data-amis-name="website"
             data-role="form-item"
           >
             <label
@@ -3172,6 +3193,7 @@ exports[`Renderer:Wizard validate 1`] = `
           </div>
           <div
             class="cxd-Form-item cxd-Form-item--normal is-error is-required has-error--isRequired"
+            data-amis-name="name"
             data-role="form-item"
           >
             <label