diff --git a/packages/editor-whole/protocols/extension_protocols/meta3d-editor-whole-protocol/lib/bs/.compiler.log b/packages/editor-whole/protocols/extension_protocols/meta3d-editor-whole-protocol/lib/bs/.compiler.log
index 7e11ebe11..5f8f87ecc 100644
--- a/packages/editor-whole/protocols/extension_protocols/meta3d-editor-whole-protocol/lib/bs/.compiler.log
+++ b/packages/editor-whole/protocols/extension_protocols/meta3d-editor-whole-protocol/lib/bs/.compiler.log
@@ -1,2 +1,2 @@
-#Start(1703472283352)
-#Done(1703472283394)
+#Start(1703474691837)
+#Done(1703474691882)
diff --git a/packages/editor-whole/protocols/extension_protocols/meta3d-editor-whole-protocol/lib/bs/.ninja_log b/packages/editor-whole/protocols/extension_protocols/meta3d-editor-whole-protocol/lib/bs/.ninja_log
index 02a49693a..c309decf8 100644
--- a/packages/editor-whole/protocols/extension_protocols/meta3d-editor-whole-protocol/lib/bs/.ninja_log
+++ b/packages/editor-whole/protocols/extension_protocols/meta3d-editor-whole-protocol/lib/bs/.ninja_log
@@ -1,8 +1,8 @@
 # ninja log v6
-0	16	1703472283367569983	src/service/ServiceType.ast	785165cefc5839bb
-0	17	1703472283367527783	Meta3dEditorWholeProtocol.cmi	27dde7c45547adb8
-17	24	1703472283375820850	src/service/ServiceType.d	702d225c4edca7ca
-24	42	1703472283393814507	src/service/ServiceType-Meta3dEditorWholeProtocol.cmj	122fd4b72a3a71c4
-24	42	1703472283393814507	src/service/ServiceType-Meta3dEditorWholeProtocol.cmi	122fd4b72a3a71c4
-24	42	1703472283393814507	../es6_global/src/service/ServiceType.bs.js	122fd4b72a3a71c4
-24	42	1703472283393814507	../js/src/service/ServiceType.bs.js	122fd4b72a3a71c4
+0	15	1703474691851644314	src/service/ServiceType.ast	785165cefc5839bb
+0	16	1703474691851852980	Meta3dEditorWholeProtocol.cmi	27dde7c45547adb8
+16	23	1703474691859919686	src/service/ServiceType.d	702d225c4edca7ca
+23	45	1703474691881452392	src/service/ServiceType-Meta3dEditorWholeProtocol.cmj	a478e171ab12301b
+23	45	1703474691881452392	src/service/ServiceType-Meta3dEditorWholeProtocol.cmi	a478e171ab12301b
+23	45	1703474691881452392	../es6_global/src/service/ServiceType.bs.js	a478e171ab12301b
+23	45	1703474691881452392	../js/src/service/ServiceType.bs.js	a478e171ab12301b
diff --git a/packages/editor-whole/protocols/extension_protocols/meta3d-editor-whole-protocol/lib/bs/src/service/ServiceType-Meta3dEditorWholeProtocol.cmt b/packages/editor-whole/protocols/extension_protocols/meta3d-editor-whole-protocol/lib/bs/src/service/ServiceType-Meta3dEditorWholeProtocol.cmt
index 4cf667393..9cb37c2a7 100644
Binary files a/packages/editor-whole/protocols/extension_protocols/meta3d-editor-whole-protocol/lib/bs/src/service/ServiceType-Meta3dEditorWholeProtocol.cmt and b/packages/editor-whole/protocols/extension_protocols/meta3d-editor-whole-protocol/lib/bs/src/service/ServiceType-Meta3dEditorWholeProtocol.cmt differ
diff --git a/platform/frontend/jest_coverage.json b/platform/frontend/jest_coverage.json
index 61191d4c4..172208303 100755
--- a/platform/frontend/jest_coverage.json
+++ b/platform/frontend/jest_coverage.json
@@ -3,7 +3,7 @@
     "moduleFileExtensions": [
         "js"
     ],
-    "testRegex": "lib/js/test/step-definitions/.+.steps.bs.js",
+    "testRegex": "lib/es6_global/test/step-definitions/.+.steps.bs.js",
     "transformIgnorePatterns": [
         "<rootDir>/node_modules/jest-cucumber"
     ],
@@ -19,19 +19,19 @@
     "collectCoverage": true,
     "coverageDirectory": "<rootDir>/coverage/",
     "coveragePathIgnorePatterns": [
-        "<rootDir>/lib/js/src/.+/AssembleSpace.*",
-        "<rootDir>/lib/js/src/.+/ApAssemble.*",
-        "<rootDir>/lib/js/src/.+/ElementAssemble.*",
-        "<rootDir>/lib/js/src/.+/ExtensionInspector.*",
-        "<rootDir>/lib/js/src/.+/ContributeInspector.*",
-        "<rootDir>/lib/js/src/.+/PackageInspector.*",
-        "<rootDir>/lib/js/src/.+/ApDependencyGraph.*",
-        "<rootDir>/lib/js/src/.+/PackageDependencyGraph.*",
-        "<rootDir>/lib/js/src/.+/Most.*",
-        "<rootDir>/lib/js/src/.+/.*Store.*"
+        "<rootDir>/lib/es6_global/src/.+/AssembleSpace.*",
+        "<rootDir>/lib/es6_global/src/.+/ApAssemble.*",
+        "<rootDir>/lib/es6_global/src/.+/ElementAssemble.*",
+        "<rootDir>/lib/es6_global/src/.+/ExtensionInspector.*",
+        "<rootDir>/lib/es6_global/src/.+/ContributeInspector.*",
+        "<rootDir>/lib/es6_global/src/.+/PackageInspector.*",
+        "<rootDir>/lib/es6_global/src/.+/ApDependencyGraph.*",
+        "<rootDir>/lib/es6_global/src/.+/PackageDependencyGraph.*",
+        "<rootDir>/lib/es6_global/src/.+/Most.*",
+        "<rootDir>/lib/es6_global/src/.+/.*Store.*"
     ],
     "collectCoverageFrom": [
-        "lib/js/src/**/*.js",
+        "lib/es6_global/src/**/*.js",
         "!**/node_modules/**",
         "!**/vendor/**"
     ],
diff --git a/platform/frontend/test/step-definitions/__snapshots__/apInspector.steps.bs.js.snap b/platform/frontend/test/step-definitions/__snapshots__/apInspector.steps.bs.js.snap
deleted file mode 100644
index 3f98fe86e..000000000
--- a/platform/frontend/test/step-definitions/__snapshots__/apInspector.steps.bs.js.snap
+++ /dev/null
@@ -1,1281 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ApInsepctor show clearColor r input 1`] = `
-<div
-  className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-vertical ant-space-gap-row-middle ant-space-gap-col-middle"
-  style={Object {}}
->
-  <div
-    className="ant-space-item"
-  >
-    <h1>
-      2
-    </h1>
-  </div>
-  <div
-    className="ant-space-item"
-  >
-    <h1>
-      2
-    </h1>
-  </div>
-  <div
-    className="ant-space-item"
-  >
-    <div
-      className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
-      style={
-        Object {
-          "flexWrap": "wrap",
-        }
-      }
-    >
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-          onBeforeInput={[Function]}
-          onBlur={[Function]}
-          onCompositionEnd={[Function]}
-          onCompositionStart={[Function]}
-          onFocus={[Function]}
-          onKeyDown={[Function]}
-          onKeyUp={[Function]}
-          style={Object {}}
-        >
-          <div
-            className="ant-input-number-handler-wrap"
-          >
-            <span
-              aria-disabled={false}
-              aria-label="Increase Value"
-              className="ant-input-number-handler ant-input-number-handler-up"
-              onMouseDown={[Function]}
-              onMouseLeave={[Function]}
-              onMouseUp={[Function]}
-              role="button"
-              unselectable="on"
-            >
-              <span
-                aria-label="up"
-                className="anticon anticon-up ant-input-number-handler-up-inner"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="up"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              aria-disabled={false}
-              aria-label="Decrease Value"
-              className="ant-input-number-handler ant-input-number-handler-down"
-              onMouseDown={[Function]}
-              onMouseLeave={[Function]}
-              onMouseUp={[Function]}
-              role="button"
-              unselectable="on"
-            >
-              <span
-                aria-label="down"
-                className="anticon anticon-down ant-input-number-handler-down-inner"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="down"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                  />
-                </svg>
-              </span>
-            </span>
-          </div>
-          <div
-            className="ant-input-number-input-wrap"
-          >
-            <input
-              aria-valuemax={1}
-              aria-valuemin={0}
-              aria-valuenow="0.1"
-              autoComplete="off"
-              className="ant-input-number-input"
-              disabled={false}
-              onChange={[Function]}
-              role="spinbutton"
-              step="0.001"
-              value="0.100"
-            />
-          </div>
-        </div>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-          onBeforeInput={[Function]}
-          onBlur={[Function]}
-          onCompositionEnd={[Function]}
-          onCompositionStart={[Function]}
-          onFocus={[Function]}
-          onKeyDown={[Function]}
-          onKeyUp={[Function]}
-          style={Object {}}
-        >
-          <div
-            className="ant-input-number-handler-wrap"
-          >
-            <span
-              aria-disabled={true}
-              aria-label="Increase Value"
-              className="ant-input-number-handler ant-input-number-handler-up ant-input-number-handler-up-disabled"
-              onMouseDown={[Function]}
-              onMouseLeave={[Function]}
-              onMouseUp={[Function]}
-              role="button"
-              unselectable="on"
-            >
-              <span
-                aria-label="up"
-                className="anticon anticon-up ant-input-number-handler-up-inner"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="up"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              aria-disabled={false}
-              aria-label="Decrease Value"
-              className="ant-input-number-handler ant-input-number-handler-down"
-              onMouseDown={[Function]}
-              onMouseLeave={[Function]}
-              onMouseUp={[Function]}
-              role="button"
-              unselectable="on"
-            >
-              <span
-                aria-label="down"
-                className="anticon anticon-down ant-input-number-handler-down-inner"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="down"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                  />
-                </svg>
-              </span>
-            </span>
-          </div>
-          <div
-            className="ant-input-number-input-wrap"
-          >
-            <input
-              aria-valuemax={1}
-              aria-valuemin={0}
-              aria-valuenow="1"
-              autoComplete="off"
-              className="ant-input-number-input"
-              disabled={false}
-              onChange={[Function]}
-              role="spinbutton"
-              step="0.001"
-              value="1.000"
-            />
-          </div>
-        </div>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-          onBeforeInput={[Function]}
-          onBlur={[Function]}
-          onCompositionEnd={[Function]}
-          onCompositionStart={[Function]}
-          onFocus={[Function]}
-          onKeyDown={[Function]}
-          onKeyUp={[Function]}
-          style={Object {}}
-        >
-          <div
-            className="ant-input-number-handler-wrap"
-          >
-            <span
-              aria-disabled={true}
-              aria-label="Increase Value"
-              className="ant-input-number-handler ant-input-number-handler-up ant-input-number-handler-up-disabled"
-              onMouseDown={[Function]}
-              onMouseLeave={[Function]}
-              onMouseUp={[Function]}
-              role="button"
-              unselectable="on"
-            >
-              <span
-                aria-label="up"
-                className="anticon anticon-up ant-input-number-handler-up-inner"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="up"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              aria-disabled={false}
-              aria-label="Decrease Value"
-              className="ant-input-number-handler ant-input-number-handler-down"
-              onMouseDown={[Function]}
-              onMouseLeave={[Function]}
-              onMouseUp={[Function]}
-              role="button"
-              unselectable="on"
-            >
-              <span
-                aria-label="down"
-                className="anticon anticon-down ant-input-number-handler-down-inner"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="down"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                  />
-                </svg>
-              </span>
-            </span>
-          </div>
-          <div
-            className="ant-input-number-input-wrap"
-          >
-            <input
-              aria-valuemax={1}
-              aria-valuemin={0}
-              aria-valuenow="1"
-              autoComplete="off"
-              className="ant-input-number-input"
-              disabled={false}
-              onChange={[Function]}
-              role="spinbutton"
-              step="0.001"
-              value="1.000"
-            />
-          </div>
-        </div>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-          onBeforeInput={[Function]}
-          onBlur={[Function]}
-          onCompositionEnd={[Function]}
-          onCompositionStart={[Function]}
-          onFocus={[Function]}
-          onKeyDown={[Function]}
-          onKeyUp={[Function]}
-          style={Object {}}
-        >
-          <div
-            className="ant-input-number-handler-wrap"
-          >
-            <span
-              aria-disabled={true}
-              aria-label="Increase Value"
-              className="ant-input-number-handler ant-input-number-handler-up ant-input-number-handler-up-disabled"
-              onMouseDown={[Function]}
-              onMouseLeave={[Function]}
-              onMouseUp={[Function]}
-              role="button"
-              unselectable="on"
-            >
-              <span
-                aria-label="up"
-                className="anticon anticon-up ant-input-number-handler-up-inner"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="up"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              aria-disabled={false}
-              aria-label="Decrease Value"
-              className="ant-input-number-handler ant-input-number-handler-down"
-              onMouseDown={[Function]}
-              onMouseLeave={[Function]}
-              onMouseUp={[Function]}
-              role="button"
-              unselectable="on"
-            >
-              <span
-                aria-label="down"
-                className="anticon anticon-down ant-input-number-handler-down-inner"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="down"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                  />
-                </svg>
-              </span>
-            </span>
-          </div>
-          <div
-            className="ant-input-number-input-wrap"
-          >
-            <input
-              aria-valuemax={1}
-              aria-valuemin={0}
-              aria-valuenow="1"
-              autoComplete="off"
-              className="ant-input-number-input"
-              disabled={false}
-              onChange={[Function]}
-              role="spinbutton"
-              step="0.001"
-              value="1.000"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    className="ant-space-item"
-  >
-    <h1>
-      2
-    </h1>
-  </div>
-</div>
-`;
-
-exports[`ApInsepctor show isDebug select 1`] = `
-<div
-  className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-vertical ant-space-gap-row-middle ant-space-gap-col-middle"
-  style={Object {}}
->
-  <div
-    className="ant-space-item"
-  >
-    <h1>
-      2
-    </h1>
-  </div>
-  <div
-    className="ant-space-item"
-  >
-    <h1>
-      2
-    </h1>
-  </div>
-  <div
-    className="ant-space-item"
-  >
-    <div
-      className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
-      style={
-        Object {
-          "flexWrap": "wrap",
-        }
-      }
-    >
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-          onBeforeInput={[Function]}
-          onBlur={[Function]}
-          onCompositionEnd={[Function]}
-          onCompositionStart={[Function]}
-          onFocus={[Function]}
-          onKeyDown={[Function]}
-          onKeyUp={[Function]}
-          style={Object {}}
-        >
-          <div
-            className="ant-input-number-handler-wrap"
-          >
-            <span
-              aria-disabled={true}
-              aria-label="Increase Value"
-              className="ant-input-number-handler ant-input-number-handler-up ant-input-number-handler-up-disabled"
-              onMouseDown={[Function]}
-              onMouseLeave={[Function]}
-              onMouseUp={[Function]}
-              role="button"
-              unselectable="on"
-            >
-              <span
-                aria-label="up"
-                className="anticon anticon-up ant-input-number-handler-up-inner"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="up"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              aria-disabled={false}
-              aria-label="Decrease Value"
-              className="ant-input-number-handler ant-input-number-handler-down"
-              onMouseDown={[Function]}
-              onMouseLeave={[Function]}
-              onMouseUp={[Function]}
-              role="button"
-              unselectable="on"
-            >
-              <span
-                aria-label="down"
-                className="anticon anticon-down ant-input-number-handler-down-inner"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="down"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                  />
-                </svg>
-              </span>
-            </span>
-          </div>
-          <div
-            className="ant-input-number-input-wrap"
-          >
-            <input
-              aria-valuemax={1}
-              aria-valuemin={0}
-              aria-valuenow="1"
-              autoComplete="off"
-              className="ant-input-number-input"
-              disabled={false}
-              onChange={[Function]}
-              role="spinbutton"
-              step="0.001"
-              value="1.000"
-            />
-          </div>
-        </div>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-          onBeforeInput={[Function]}
-          onBlur={[Function]}
-          onCompositionEnd={[Function]}
-          onCompositionStart={[Function]}
-          onFocus={[Function]}
-          onKeyDown={[Function]}
-          onKeyUp={[Function]}
-          style={Object {}}
-        >
-          <div
-            className="ant-input-number-handler-wrap"
-          >
-            <span
-              aria-disabled={true}
-              aria-label="Increase Value"
-              className="ant-input-number-handler ant-input-number-handler-up ant-input-number-handler-up-disabled"
-              onMouseDown={[Function]}
-              onMouseLeave={[Function]}
-              onMouseUp={[Function]}
-              role="button"
-              unselectable="on"
-            >
-              <span
-                aria-label="up"
-                className="anticon anticon-up ant-input-number-handler-up-inner"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="up"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              aria-disabled={false}
-              aria-label="Decrease Value"
-              className="ant-input-number-handler ant-input-number-handler-down"
-              onMouseDown={[Function]}
-              onMouseLeave={[Function]}
-              onMouseUp={[Function]}
-              role="button"
-              unselectable="on"
-            >
-              <span
-                aria-label="down"
-                className="anticon anticon-down ant-input-number-handler-down-inner"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="down"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                  />
-                </svg>
-              </span>
-            </span>
-          </div>
-          <div
-            className="ant-input-number-input-wrap"
-          >
-            <input
-              aria-valuemax={1}
-              aria-valuemin={0}
-              aria-valuenow="1"
-              autoComplete="off"
-              className="ant-input-number-input"
-              disabled={false}
-              onChange={[Function]}
-              role="spinbutton"
-              step="0.001"
-              value="1.000"
-            />
-          </div>
-        </div>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-          onBeforeInput={[Function]}
-          onBlur={[Function]}
-          onCompositionEnd={[Function]}
-          onCompositionStart={[Function]}
-          onFocus={[Function]}
-          onKeyDown={[Function]}
-          onKeyUp={[Function]}
-          style={Object {}}
-        >
-          <div
-            className="ant-input-number-handler-wrap"
-          >
-            <span
-              aria-disabled={true}
-              aria-label="Increase Value"
-              className="ant-input-number-handler ant-input-number-handler-up ant-input-number-handler-up-disabled"
-              onMouseDown={[Function]}
-              onMouseLeave={[Function]}
-              onMouseUp={[Function]}
-              role="button"
-              unselectable="on"
-            >
-              <span
-                aria-label="up"
-                className="anticon anticon-up ant-input-number-handler-up-inner"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="up"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              aria-disabled={false}
-              aria-label="Decrease Value"
-              className="ant-input-number-handler ant-input-number-handler-down"
-              onMouseDown={[Function]}
-              onMouseLeave={[Function]}
-              onMouseUp={[Function]}
-              role="button"
-              unselectable="on"
-            >
-              <span
-                aria-label="down"
-                className="anticon anticon-down ant-input-number-handler-down-inner"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="down"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                  />
-                </svg>
-              </span>
-            </span>
-          </div>
-          <div
-            className="ant-input-number-input-wrap"
-          >
-            <input
-              aria-valuemax={1}
-              aria-valuemin={0}
-              aria-valuenow="1"
-              autoComplete="off"
-              className="ant-input-number-input"
-              disabled={false}
-              onChange={[Function]}
-              role="spinbutton"
-              step="0.001"
-              value="1.000"
-            />
-          </div>
-        </div>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-          onBeforeInput={[Function]}
-          onBlur={[Function]}
-          onCompositionEnd={[Function]}
-          onCompositionStart={[Function]}
-          onFocus={[Function]}
-          onKeyDown={[Function]}
-          onKeyUp={[Function]}
-          style={Object {}}
-        >
-          <div
-            className="ant-input-number-handler-wrap"
-          >
-            <span
-              aria-disabled={true}
-              aria-label="Increase Value"
-              className="ant-input-number-handler ant-input-number-handler-up ant-input-number-handler-up-disabled"
-              onMouseDown={[Function]}
-              onMouseLeave={[Function]}
-              onMouseUp={[Function]}
-              role="button"
-              unselectable="on"
-            >
-              <span
-                aria-label="up"
-                className="anticon anticon-up ant-input-number-handler-up-inner"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="up"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              aria-disabled={false}
-              aria-label="Decrease Value"
-              className="ant-input-number-handler ant-input-number-handler-down"
-              onMouseDown={[Function]}
-              onMouseLeave={[Function]}
-              onMouseUp={[Function]}
-              role="button"
-              unselectable="on"
-            >
-              <span
-                aria-label="down"
-                className="anticon anticon-down ant-input-number-handler-down-inner"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="down"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                  />
-                </svg>
-              </span>
-            </span>
-          </div>
-          <div
-            className="ant-input-number-input-wrap"
-          >
-            <input
-              aria-valuemax={1}
-              aria-valuemin={0}
-              aria-valuenow="1"
-              autoComplete="off"
-              className="ant-input-number-input"
-              disabled={false}
-              onChange={[Function]}
-              role="spinbutton"
-              step="0.001"
-              value="1.000"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    className="ant-space-item"
-  >
-    <h1>
-      2
-    </h1>
-  </div>
-</div>
-`;
-
-exports[`ApInsepctor show nothing 1`] = `null`;
-
-exports[`ApInsepctor show skin name select 1`] = `
-<div
-  className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-vertical ant-space-gap-row-middle ant-space-gap-col-middle"
-  style={Object {}}
->
-  <div
-    className="ant-space-item"
-  >
-    <h1>
-      2
-    </h1>
-  </div>
-  <div
-    className="ant-space-item"
-  >
-    <h1>
-      2
-    </h1>
-  </div>
-  <div
-    className="ant-space-item"
-  >
-    <div
-      className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
-      style={
-        Object {
-          "flexWrap": "wrap",
-        }
-      }
-    >
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-          onBeforeInput={[Function]}
-          onBlur={[Function]}
-          onCompositionEnd={[Function]}
-          onCompositionStart={[Function]}
-          onFocus={[Function]}
-          onKeyDown={[Function]}
-          onKeyUp={[Function]}
-          style={Object {}}
-        >
-          <div
-            className="ant-input-number-handler-wrap"
-          >
-            <span
-              aria-disabled={true}
-              aria-label="Increase Value"
-              className="ant-input-number-handler ant-input-number-handler-up ant-input-number-handler-up-disabled"
-              onMouseDown={[Function]}
-              onMouseLeave={[Function]}
-              onMouseUp={[Function]}
-              role="button"
-              unselectable="on"
-            >
-              <span
-                aria-label="up"
-                className="anticon anticon-up ant-input-number-handler-up-inner"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="up"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              aria-disabled={false}
-              aria-label="Decrease Value"
-              className="ant-input-number-handler ant-input-number-handler-down"
-              onMouseDown={[Function]}
-              onMouseLeave={[Function]}
-              onMouseUp={[Function]}
-              role="button"
-              unselectable="on"
-            >
-              <span
-                aria-label="down"
-                className="anticon anticon-down ant-input-number-handler-down-inner"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="down"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                  />
-                </svg>
-              </span>
-            </span>
-          </div>
-          <div
-            className="ant-input-number-input-wrap"
-          >
-            <input
-              aria-valuemax={1}
-              aria-valuemin={0}
-              aria-valuenow="1"
-              autoComplete="off"
-              className="ant-input-number-input"
-              disabled={false}
-              onChange={[Function]}
-              role="spinbutton"
-              step="0.001"
-              value="1.000"
-            />
-          </div>
-        </div>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-          onBeforeInput={[Function]}
-          onBlur={[Function]}
-          onCompositionEnd={[Function]}
-          onCompositionStart={[Function]}
-          onFocus={[Function]}
-          onKeyDown={[Function]}
-          onKeyUp={[Function]}
-          style={Object {}}
-        >
-          <div
-            className="ant-input-number-handler-wrap"
-          >
-            <span
-              aria-disabled={true}
-              aria-label="Increase Value"
-              className="ant-input-number-handler ant-input-number-handler-up ant-input-number-handler-up-disabled"
-              onMouseDown={[Function]}
-              onMouseLeave={[Function]}
-              onMouseUp={[Function]}
-              role="button"
-              unselectable="on"
-            >
-              <span
-                aria-label="up"
-                className="anticon anticon-up ant-input-number-handler-up-inner"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="up"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              aria-disabled={false}
-              aria-label="Decrease Value"
-              className="ant-input-number-handler ant-input-number-handler-down"
-              onMouseDown={[Function]}
-              onMouseLeave={[Function]}
-              onMouseUp={[Function]}
-              role="button"
-              unselectable="on"
-            >
-              <span
-                aria-label="down"
-                className="anticon anticon-down ant-input-number-handler-down-inner"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="down"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                  />
-                </svg>
-              </span>
-            </span>
-          </div>
-          <div
-            className="ant-input-number-input-wrap"
-          >
-            <input
-              aria-valuemax={1}
-              aria-valuemin={0}
-              aria-valuenow="1"
-              autoComplete="off"
-              className="ant-input-number-input"
-              disabled={false}
-              onChange={[Function]}
-              role="spinbutton"
-              step="0.001"
-              value="1.000"
-            />
-          </div>
-        </div>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-          onBeforeInput={[Function]}
-          onBlur={[Function]}
-          onCompositionEnd={[Function]}
-          onCompositionStart={[Function]}
-          onFocus={[Function]}
-          onKeyDown={[Function]}
-          onKeyUp={[Function]}
-          style={Object {}}
-        >
-          <div
-            className="ant-input-number-handler-wrap"
-          >
-            <span
-              aria-disabled={true}
-              aria-label="Increase Value"
-              className="ant-input-number-handler ant-input-number-handler-up ant-input-number-handler-up-disabled"
-              onMouseDown={[Function]}
-              onMouseLeave={[Function]}
-              onMouseUp={[Function]}
-              role="button"
-              unselectable="on"
-            >
-              <span
-                aria-label="up"
-                className="anticon anticon-up ant-input-number-handler-up-inner"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="up"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              aria-disabled={false}
-              aria-label="Decrease Value"
-              className="ant-input-number-handler ant-input-number-handler-down"
-              onMouseDown={[Function]}
-              onMouseLeave={[Function]}
-              onMouseUp={[Function]}
-              role="button"
-              unselectable="on"
-            >
-              <span
-                aria-label="down"
-                className="anticon anticon-down ant-input-number-handler-down-inner"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="down"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                  />
-                </svg>
-              </span>
-            </span>
-          </div>
-          <div
-            className="ant-input-number-input-wrap"
-          >
-            <input
-              aria-valuemax={1}
-              aria-valuemin={0}
-              aria-valuenow="1"
-              autoComplete="off"
-              className="ant-input-number-input"
-              disabled={false}
-              onChange={[Function]}
-              role="spinbutton"
-              step="0.001"
-              value="1.000"
-            />
-          </div>
-        </div>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-          onBeforeInput={[Function]}
-          onBlur={[Function]}
-          onCompositionEnd={[Function]}
-          onCompositionStart={[Function]}
-          onFocus={[Function]}
-          onKeyDown={[Function]}
-          onKeyUp={[Function]}
-          style={Object {}}
-        >
-          <div
-            className="ant-input-number-handler-wrap"
-          >
-            <span
-              aria-disabled={true}
-              aria-label="Increase Value"
-              className="ant-input-number-handler ant-input-number-handler-up ant-input-number-handler-up-disabled"
-              onMouseDown={[Function]}
-              onMouseLeave={[Function]}
-              onMouseUp={[Function]}
-              role="button"
-              unselectable="on"
-            >
-              <span
-                aria-label="up"
-                className="anticon anticon-up ant-input-number-handler-up-inner"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="up"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                  />
-                </svg>
-              </span>
-            </span>
-            <span
-              aria-disabled={false}
-              aria-label="Decrease Value"
-              className="ant-input-number-handler ant-input-number-handler-down"
-              onMouseDown={[Function]}
-              onMouseLeave={[Function]}
-              onMouseUp={[Function]}
-              role="button"
-              unselectable="on"
-            >
-              <span
-                aria-label="down"
-                className="anticon anticon-down ant-input-number-handler-down-inner"
-                role="img"
-              >
-                <svg
-                  aria-hidden="true"
-                  data-icon="down"
-                  fill="currentColor"
-                  focusable="false"
-                  height="1em"
-                  viewBox="64 64 896 896"
-                  width="1em"
-                >
-                  <path
-                    d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                  />
-                </svg>
-              </span>
-            </span>
-          </div>
-          <div
-            className="ant-input-number-input-wrap"
-          >
-            <input
-              aria-valuemax={1}
-              aria-valuemin={0}
-              aria-valuenow="1"
-              autoComplete="off"
-              className="ant-input-number-input"
-              disabled={false}
-              onChange={[Function]}
-              role="spinbutton"
-              step="0.001"
-              value="1.000"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    className="ant-space-item"
-  >
-    <h1>
-      2
-    </h1>
-  </div>
-</div>
-`;
diff --git a/platform/frontend/test/step-definitions/__snapshots__/contributeInspector.steps.bs.js.snap b/platform/frontend/test/step-definitions/__snapshots__/contributeInspector.steps.bs.js.snap
deleted file mode 100644
index ab8f30354..000000000
--- a/platform/frontend/test/step-definitions/__snapshots__/contributeInspector.steps.bs.js.snap
+++ /dev/null
@@ -1,3 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ContributeInspector show nothing 1`] = `null`;
diff --git a/platform/frontend/test/step-definitions/__snapshots__/contributes.steps.bs.js.snap b/platform/frontend/test/step-definitions/__snapshots__/contributes.steps.bs.js.snap
deleted file mode 100644
index d464cf18e..000000000
--- a/platform/frontend/test/step-definitions/__snapshots__/contributes.steps.bs.js.snap
+++ /dev/null
@@ -1,67 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Contributes show contributes list 1`] = `
-<div
-  className="ant-list ant-list-split ant-list-grid css-dev-only-do-not-override-p7e5j5"
-  style={Object {}}
->
-  <div
-    className="ant-spin-nested-loading css-dev-only-do-not-override-p7e5j5"
-  >
-    <div
-      className="ant-spin-container"
-    >
-      <div
-        className="ant-list-empty-text"
-      >
-        <div
-          className="css-dev-only-do-not-override-p7e5j5 ant-empty ant-empty-normal"
-          style={Object {}}
-        >
-          <div
-            className="ant-empty-image"
-          >
-            <svg
-              height="41"
-              viewBox="0 0 64 41"
-              width="64"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <g
-                fill="none"
-                fillRule="evenodd"
-                transform="translate(0 1)"
-              >
-                <ellipse
-                  cx="32"
-                  cy="33"
-                  fill="#f5f5f5"
-                  rx="32"
-                  ry="7"
-                />
-                <g
-                  fillRule="nonzero"
-                  stroke="#d9d9d9"
-                >
-                  <path
-                    d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                  />
-                  <path
-                    d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                    fill="#fafafa"
-                  />
-                </g>
-              </g>
-            </svg>
-          </div>
-          <div
-            className="ant-empty-description"
-          >
-            No data
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/platform/frontend/test/step-definitions/__snapshots__/elementVisual.steps.bs.js.snap b/platform/frontend/test/step-definitions/__snapshots__/elementVisual.steps.bs.js.snap
deleted file mode 100644
index 31e2bf9a3..000000000
--- a/platform/frontend/test/step-definitions/__snapshots__/elementVisual.steps.bs.js.snap
+++ /dev/null
@@ -1,18 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ElementVisual show canvas 1`] = `
-<canvas
-  height="20px"
-  id="ui-visual-canvas"
-  style={
-    Object {
-      "borderColor": "red",
-      "borderStyle": "solid",
-      "borderWidth": "2px",
-      "height": "20px",
-      "width": "10px",
-    }
-  }
-  width="10px"
-/>
-`;
diff --git a/platform/frontend/test/step-definitions/__snapshots__/extensionInspector.steps.bs.js.snap b/platform/frontend/test/step-definitions/__snapshots__/extensionInspector.steps.bs.js.snap
deleted file mode 100644
index c2e8cfed6..000000000
--- a/platform/frontend/test/step-definitions/__snapshots__/extensionInspector.steps.bs.js.snap
+++ /dev/null
@@ -1,3 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ExtensionInspector show nothing 1`] = `null`;
diff --git a/platform/frontend/test/step-definitions/__snapshots__/extensions.steps.bs.js.snap b/platform/frontend/test/step-definitions/__snapshots__/extensions.steps.bs.js.snap
deleted file mode 100644
index 4cc872e5a..000000000
--- a/platform/frontend/test/step-definitions/__snapshots__/extensions.steps.bs.js.snap
+++ /dev/null
@@ -1,67 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Extensions show extensions list exclude selected extensions 1`] = `
-<div
-  className="ant-list ant-list-split ant-list-grid css-dev-only-do-not-override-p7e5j5"
-  style={Object {}}
->
-  <div
-    className="ant-spin-nested-loading css-dev-only-do-not-override-p7e5j5"
-  >
-    <div
-      className="ant-spin-container"
-    >
-      <div
-        className="ant-list-empty-text"
-      >
-        <div
-          className="css-dev-only-do-not-override-p7e5j5 ant-empty ant-empty-normal"
-          style={Object {}}
-        >
-          <div
-            className="ant-empty-image"
-          >
-            <svg
-              height="41"
-              viewBox="0 0 64 41"
-              width="64"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <g
-                fill="none"
-                fillRule="evenodd"
-                transform="translate(0 1)"
-              >
-                <ellipse
-                  cx="32"
-                  cy="33"
-                  fill="#f5f5f5"
-                  rx="32"
-                  ry="7"
-                />
-                <g
-                  fillRule="nonzero"
-                  stroke="#d9d9d9"
-                >
-                  <path
-                    d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                  />
-                  <path
-                    d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                    fill="#fafafa"
-                  />
-                </g>
-              </g>
-            </svg>
-          </div>
-          <div
-            className="ant-empty-description"
-          >
-            No data
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/platform/frontend/test/step-definitions/__snapshots__/fix_assembleSpace_bug.steps.bs.js.snap b/platform/frontend/test/step-definitions/__snapshots__/fix_assembleSpace_bug.steps.bs.js.snap
deleted file mode 100644
index 2af0327ec..000000000
--- a/platform/frontend/test/step-definitions/__snapshots__/fix_assembleSpace_bug.steps.bs.js.snap
+++ /dev/null
@@ -1,67 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Fix AssembleSpace Bug fix "enter AssembleSpace should reset" bug 1`] = `
-<div
-  className="ant-list ant-list-split ant-list-grid css-dev-only-do-not-override-p7e5j5"
-  style={Object {}}
->
-  <div
-    className="ant-spin-nested-loading css-dev-only-do-not-override-p7e5j5"
-  >
-    <div
-      className="ant-spin-container"
-    >
-      <div
-        className="ant-list-empty-text"
-      >
-        <div
-          className="css-dev-only-do-not-override-p7e5j5 ant-empty ant-empty-normal"
-          style={Object {}}
-        >
-          <div
-            className="ant-empty-image"
-          >
-            <svg
-              height="41"
-              viewBox="0 0 64 41"
-              width="64"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <g
-                fill="none"
-                fillRule="evenodd"
-                transform="translate(0 1)"
-              >
-                <ellipse
-                  cx="32"
-                  cy="33"
-                  fill="#f5f5f5"
-                  rx="32"
-                  ry="7"
-                />
-                <g
-                  fillRule="nonzero"
-                  stroke="#d9d9d9"
-                >
-                  <path
-                    d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                  />
-                  <path
-                    d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                    fill="#fafafa"
-                  />
-                </g>
-              </g>
-            </svg>
-          </div>
-          <div
-            className="ant-empty-description"
-          >
-            No data
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/platform/frontend/test/step-definitions/__snapshots__/publish.steps.bs.js.snap b/platform/frontend/test/step-definitions/__snapshots__/publish.steps.bs.js.snap
deleted file mode 100644
index 6d6e6b77b..000000000
--- a/platform/frontend/test/step-definitions/__snapshots__/publish.steps.bs.js.snap
+++ /dev/null
@@ -1,16 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Publish show publish button 1`] = `
-<button
-  className="ant-btn css-dev-only-do-not-override-p7e5j5 ant-btn-default"
-  disabled={false}
-  onClick={[Function]}
-  style={Object {}}
-  type="button"
->
-  <span>
-    发 布
-  </span>
-  
-</button>
-`;
diff --git a/platform/frontend/test/step-definitions/__snapshots__/runElementVisual.steps.bs.js.snap b/platform/frontend/test/step-definitions/__snapshots__/runElementVisual.steps.bs.js.snap
deleted file mode 100644
index e907a1c5e..000000000
--- a/platform/frontend/test/step-definitions/__snapshots__/runElementVisual.steps.bs.js.snap
+++ /dev/null
@@ -1,15 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`RunElementVisual show the canvas 1`] = `
-<canvas
-  height="2px"
-  id="ui-visual-run-canvas"
-  style={
-    Object {
-      "height": "2px",
-      "width": "1px",
-    }
-  }
-  width="1px"
-/>
-`;
diff --git a/platform/frontend/test/step-definitions/__snapshots__/runElementVisualController.steps.bs.js.snap b/platform/frontend/test/step-definitions/__snapshots__/runElementVisualController.steps.bs.js.snap
deleted file mode 100644
index c2eb42206..000000000
--- a/platform/frontend/test/step-definitions/__snapshots__/runElementVisualController.steps.bs.js.snap
+++ /dev/null
@@ -1,31 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`RunElementVisualController if data not ready, show waiting 1`] = `
-<button
-  className="ant-btn css-dev-only-do-not-override-p7e5j5 ant-btn-default"
-  disabled={true}
-  onClick={[Function]}
-  style={Object {}}
-  type="button"
->
-  <span>
-    运 行
-  </span>
-  
-</button>
-`;
-
-exports[`RunElementVisualController if data ready, show run button 1`] = `
-<button
-  className="ant-btn css-dev-only-do-not-override-p7e5j5 ant-btn-default"
-  disabled={false}
-  onClick={[Function]}
-  style={Object {}}
-  type="button"
->
-  <span>
-    运 行
-  </span>
-  
-</button>
-`;
diff --git a/platform/frontend/test/step-definitions/__snapshots__/selectedContributes.steps.bs.js.snap b/platform/frontend/test/step-definitions/__snapshots__/selectedContributes.steps.bs.js.snap
deleted file mode 100644
index 4feed75c2..000000000
--- a/platform/frontend/test/step-definitions/__snapshots__/selectedContributes.steps.bs.js.snap
+++ /dev/null
@@ -1,204 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Selected Contributes show selected contributes 1`] = `
-<div
-  className="ant-list ant-list-split ant-list-grid css-dev-only-do-not-override-p7e5j5"
-  style={Object {}}
->
-  <div
-    className="ant-spin-nested-loading css-dev-only-do-not-override-p7e5j5"
-  >
-    <div
-      className="ant-spin-container"
-    >
-      <div
-        className="ant-row css-dev-only-do-not-override-p7e5j5"
-        style={
-          Object {
-            "marginLeft": -8,
-            "marginRight": -8,
-            "rowGap": undefined,
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "maxWidth": "100%",
-              "width": "100%",
-            }
-          }
-        >
-          <div
-            className="ant-col css-dev-only-do-not-override-p7e5j5"
-            style={
-              Object {
-                "flex": "1 1 auto",
-                "paddingLeft": 8,
-                "paddingRight": 8,
-              }
-            }
-          >
-            <div
-              className="ant-list-item"
-            >
-              <div
-                className="ant-card ant-card-bordered css-dev-only-do-not-override-p7e5j5"
-                onClick={[Function]}
-                style={Object {}}
-              >
-                <div
-                  className="ant-card-cover"
-                >
-                  <div
-                    className="ant-image css-dev-only-do-not-override-p7e5j5"
-                    style={
-                      Object {
-                        "height": 50,
-                        "width": 50,
-                      }
-                    }
-                  >
-                    <img
-                      className="ant-image-img css-dev-only-do-not-override-p7e5j5"
-                      height={50}
-                      onLoad={[Function]}
-                      src="i1"
-                      style={
-                        Object {
-                          "height": 50,
-                        }
-                      }
-                      width={50}
-                    />
-                  </div>
-                </div>
-                <div
-                  className="ant-card-body"
-                  style={
-                    Object {
-                      "padding": "0px",
-                    }
-                  }
-                >
-                  <div
-                    className="ant-card-meta"
-                  >
-                    <div
-                      className="ant-card-meta-detail"
-                    >
-                      <div
-                        className="ant-card-meta-title"
-                      >
-                        <span
-                          style={
-                            Object {
-                              "whiteSpace": "normal",
-                              "wordBreak": "break-all",
-                              "wordWrap": "break-word",
-                            }
-                          }
-                        >
-                          d1
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "maxWidth": "100%",
-              "width": "100%",
-            }
-          }
-        >
-          <div
-            className="ant-col css-dev-only-do-not-override-p7e5j5"
-            style={
-              Object {
-                "flex": "1 1 auto",
-                "paddingLeft": 8,
-                "paddingRight": 8,
-              }
-            }
-          >
-            <div
-              className="ant-list-item"
-            >
-              <div
-                className="ant-card ant-card-bordered css-dev-only-do-not-override-p7e5j5"
-                onClick={[Function]}
-                style={Object {}}
-              >
-                <div
-                  className="ant-card-cover"
-                >
-                  <div
-                    className="ant-image css-dev-only-do-not-override-p7e5j5"
-                    style={
-                      Object {
-                        "height": 50,
-                        "width": 50,
-                      }
-                    }
-                  >
-                    <img
-                      className="ant-image-img css-dev-only-do-not-override-p7e5j5"
-                      height={50}
-                      onLoad={[Function]}
-                      src="i2"
-                      style={
-                        Object {
-                          "height": 50,
-                        }
-                      }
-                      width={50}
-                    />
-                  </div>
-                </div>
-                <div
-                  className="ant-card-body"
-                  style={
-                    Object {
-                      "padding": "0px",
-                    }
-                  }
-                >
-                  <div
-                    className="ant-card-meta"
-                  >
-                    <div
-                      className="ant-card-meta-detail"
-                    >
-                      <div
-                        className="ant-card-meta-title"
-                      >
-                        <span
-                          style={
-                            Object {
-                              "whiteSpace": "normal",
-                              "wordBreak": "break-all",
-                              "wordWrap": "break-word",
-                            }
-                          }
-                        >
-                          d1
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/platform/frontend/test/step-definitions/__snapshots__/selectedExtensions.steps.bs.js.snap b/platform/frontend/test/step-definitions/__snapshots__/selectedExtensions.steps.bs.js.snap
deleted file mode 100644
index 4955e1160..000000000
--- a/platform/frontend/test/step-definitions/__snapshots__/selectedExtensions.steps.bs.js.snap
+++ /dev/null
@@ -1,204 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Selected Extensions show selected extensions 1`] = `
-<div
-  className="ant-list ant-list-split ant-list-grid css-dev-only-do-not-override-p7e5j5"
-  style={Object {}}
->
-  <div
-    className="ant-spin-nested-loading css-dev-only-do-not-override-p7e5j5"
-  >
-    <div
-      className="ant-spin-container"
-    >
-      <div
-        className="ant-row css-dev-only-do-not-override-p7e5j5"
-        style={
-          Object {
-            "marginLeft": -8,
-            "marginRight": -8,
-            "rowGap": undefined,
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "maxWidth": "100%",
-              "width": "100%",
-            }
-          }
-        >
-          <div
-            className="ant-col css-dev-only-do-not-override-p7e5j5"
-            style={
-              Object {
-                "flex": "1 1 auto",
-                "paddingLeft": 8,
-                "paddingRight": 8,
-              }
-            }
-          >
-            <div
-              className="ant-list-item"
-            >
-              <div
-                className="ant-card ant-card-bordered css-dev-only-do-not-override-p7e5j5"
-                onClick={[Function]}
-                style={Object {}}
-              >
-                <div
-                  className="ant-card-cover"
-                >
-                  <div
-                    className="ant-image css-dev-only-do-not-override-p7e5j5"
-                    style={
-                      Object {
-                        "height": 50,
-                        "width": 50,
-                      }
-                    }
-                  >
-                    <img
-                      className="ant-image-img css-dev-only-do-not-override-p7e5j5"
-                      height={50}
-                      onLoad={[Function]}
-                      src="i1"
-                      style={
-                        Object {
-                          "height": 50,
-                        }
-                      }
-                      width={50}
-                    />
-                  </div>
-                </div>
-                <div
-                  className="ant-card-body"
-                  style={
-                    Object {
-                      "padding": "0px",
-                    }
-                  }
-                >
-                  <div
-                    className="ant-card-meta"
-                  >
-                    <div
-                      className="ant-card-meta-detail"
-                    >
-                      <div
-                        className="ant-card-meta-title"
-                      >
-                        <span
-                          style={
-                            Object {
-                              "whiteSpace": "normal",
-                              "wordBreak": "break-all",
-                              "wordWrap": "break-word",
-                            }
-                          }
-                        >
-                          
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "maxWidth": "100%",
-              "width": "100%",
-            }
-          }
-        >
-          <div
-            className="ant-col css-dev-only-do-not-override-p7e5j5"
-            style={
-              Object {
-                "flex": "1 1 auto",
-                "paddingLeft": 8,
-                "paddingRight": 8,
-              }
-            }
-          >
-            <div
-              className="ant-list-item"
-            >
-              <div
-                className="ant-card ant-card-bordered css-dev-only-do-not-override-p7e5j5"
-                onClick={[Function]}
-                style={Object {}}
-              >
-                <div
-                  className="ant-card-cover"
-                >
-                  <div
-                    className="ant-image css-dev-only-do-not-override-p7e5j5"
-                    style={
-                      Object {
-                        "height": 50,
-                        "width": 50,
-                      }
-                    }
-                  >
-                    <img
-                      className="ant-image-img css-dev-only-do-not-override-p7e5j5"
-                      height={50}
-                      onLoad={[Function]}
-                      src="i2"
-                      style={
-                        Object {
-                          "height": 50,
-                        }
-                      }
-                      width={50}
-                    />
-                  </div>
-                </div>
-                <div
-                  className="ant-card-body"
-                  style={
-                    Object {
-                      "padding": "0px",
-                    }
-                  }
-                >
-                  <div
-                    className="ant-card-meta"
-                  >
-                    <div
-                      className="ant-card-meta-detail"
-                    >
-                      <div
-                        className="ant-card-meta-title"
-                      >
-                        <span
-                          style={
-                            Object {
-                              "whiteSpace": "normal",
-                              "wordBreak": "break-all",
-                              "wordWrap": "break-word",
-                            }
-                          }
-                        >
-                          
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/platform/frontend/test/step-definitions/__snapshots__/uiControlInspector.steps.bs.js.snap b/platform/frontend/test/step-definitions/__snapshots__/uiControlInspector.steps.bs.js.snap
deleted file mode 100644
index db37a7392..000000000
--- a/platform/frontend/test/step-definitions/__snapshots__/uiControlInspector.steps.bs.js.snap
+++ /dev/null
@@ -1,2856 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`UIControlInsepctor show default action and action select 1`] = `
-<div
-  className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-vertical ant-space-gap-row-middle ant-space-gap-col-middle"
-  style={Object {}}
->
-  <div
-    className="ant-space-item"
-  >
-    <h1>
-      2
-    </h1>
-  </div>
-  <div
-    className="ant-space-item"
-  >
-    <div
-      className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
-      style={Object {}}
-    >
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
-          style={Object {}}
-        >
-          <div
-            className="ant-space-item"
-          >
-            <span>
-              X: 
-            </span>
-          </div>
-          <div
-            className="ant-space-item"
-          >
-            <div
-              className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-              onBeforeInput={[Function]}
-              onBlur={[Function]}
-              onCompositionEnd={[Function]}
-              onCompositionStart={[Function]}
-              onFocus={[Function]}
-              onKeyDown={[Function]}
-              onKeyUp={[Function]}
-              style={Object {}}
-            >
-              <div
-                className="ant-input-number-handler-wrap"
-              >
-                <span
-                  aria-disabled={false}
-                  aria-label="Increase Value"
-                  className="ant-input-number-handler ant-input-number-handler-up"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="up"
-                    className="anticon anticon-up ant-input-number-handler-up-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="up"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-                <span
-                  aria-disabled={false}
-                  aria-label="Decrease Value"
-                  className="ant-input-number-handler ant-input-number-handler-down"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="down"
-                    className="anticon anticon-down ant-input-number-handler-down-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="down"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-              </div>
-              <div
-                className="ant-input-number-input-wrap"
-              >
-                <input
-                  aria-valuenow="0"
-                  autoComplete="off"
-                  className="ant-input-number-input"
-                  disabled={false}
-                  onChange={[Function]}
-                  role="spinbutton"
-                  step="1"
-                  value="0"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
-          style={Object {}}
-        >
-          <div
-            className="ant-space-item"
-          >
-            <span>
-              Y: 
-            </span>
-          </div>
-          <div
-            className="ant-space-item"
-          >
-            <div
-              className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-              onBeforeInput={[Function]}
-              onBlur={[Function]}
-              onCompositionEnd={[Function]}
-              onCompositionStart={[Function]}
-              onFocus={[Function]}
-              onKeyDown={[Function]}
-              onKeyUp={[Function]}
-              style={Object {}}
-            >
-              <div
-                className="ant-input-number-handler-wrap"
-              >
-                <span
-                  aria-disabled={false}
-                  aria-label="Increase Value"
-                  className="ant-input-number-handler ant-input-number-handler-up"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="up"
-                    className="anticon anticon-up ant-input-number-handler-up-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="up"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-                <span
-                  aria-disabled={false}
-                  aria-label="Decrease Value"
-                  className="ant-input-number-handler ant-input-number-handler-down"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="down"
-                    className="anticon anticon-down ant-input-number-handler-down-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="down"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-              </div>
-              <div
-                className="ant-input-number-input-wrap"
-              >
-                <input
-                  aria-valuenow="0"
-                  autoComplete="off"
-                  className="ant-input-number-input"
-                  disabled={false}
-                  onChange={[Function]}
-                  role="spinbutton"
-                  step="1"
-                  value="0"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
-          style={Object {}}
-        >
-          <div
-            className="ant-space-item"
-          >
-            <span>
-              宽: 
-            </span>
-          </div>
-          <div
-            className="ant-space-item"
-          >
-            <div
-              className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-              onBeforeInput={[Function]}
-              onBlur={[Function]}
-              onCompositionEnd={[Function]}
-              onCompositionStart={[Function]}
-              onFocus={[Function]}
-              onKeyDown={[Function]}
-              onKeyUp={[Function]}
-              style={Object {}}
-            >
-              <div
-                className="ant-input-number-handler-wrap"
-              >
-                <span
-                  aria-disabled={false}
-                  aria-label="Increase Value"
-                  className="ant-input-number-handler ant-input-number-handler-up"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="up"
-                    className="anticon anticon-up ant-input-number-handler-up-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="up"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-                <span
-                  aria-disabled={false}
-                  aria-label="Decrease Value"
-                  className="ant-input-number-handler ant-input-number-handler-down"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="down"
-                    className="anticon anticon-down ant-input-number-handler-down-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="down"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-              </div>
-              <div
-                className="ant-input-number-input-wrap"
-              >
-                <input
-                  aria-valuenow="0"
-                  autoComplete="off"
-                  className="ant-input-number-input"
-                  disabled={false}
-                  onChange={[Function]}
-                  role="spinbutton"
-                  step="1"
-                  value="0"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
-          style={Object {}}
-        >
-          <div
-            className="ant-space-item"
-          >
-            <span>
-              高: 
-            </span>
-          </div>
-          <div
-            className="ant-space-item"
-          >
-            <div
-              className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-              onBeforeInput={[Function]}
-              onBlur={[Function]}
-              onCompositionEnd={[Function]}
-              onCompositionStart={[Function]}
-              onFocus={[Function]}
-              onKeyDown={[Function]}
-              onKeyUp={[Function]}
-              style={Object {}}
-            >
-              <div
-                className="ant-input-number-handler-wrap"
-              >
-                <span
-                  aria-disabled={false}
-                  aria-label="Increase Value"
-                  className="ant-input-number-handler ant-input-number-handler-up"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="up"
-                    className="anticon anticon-up ant-input-number-handler-up-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="up"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-                <span
-                  aria-disabled={false}
-                  aria-label="Decrease Value"
-                  className="ant-input-number-handler ant-input-number-handler-down"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="down"
-                    className="anticon anticon-down ant-input-number-handler-down-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="down"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-              </div>
-              <div
-                className="ant-input-number-input-wrap"
-              >
-                <input
-                  aria-valuenow="0"
-                  autoComplete="off"
-                  className="ant-input-number-input"
-                  disabled={false}
-                  onChange={[Function]}
-                  role="spinbutton"
-                  step="1"
-                  value="0"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    className="ant-space-item"
-  >
-    <div
-      className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-vertical ant-space-gap-row-middle ant-space-gap-col-middle"
-      style={Object {}}
-    >
-      <div
-        className="ant-space-item"
-      >
-        <h1>
-          2
-        </h1>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <section />
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <h1>
-          2
-        </h1>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <h1>
-          2
-        </h1>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-list ant-list-split css-dev-only-do-not-override-p7e5j5"
-          style={Object {}}
-        >
-          <div
-            className="ant-spin-nested-loading css-dev-only-do-not-override-p7e5j5"
-          >
-            <div
-              className="ant-spin-container"
-            >
-              <ul
-                className="ant-list-items"
-              >
-                <li
-                  className="ant-list-item"
-                >
-                  <div
-                    className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-vertical ant-space-gap-row-middle ant-space-gap-col-middle"
-                    style={Object {}}
-                  >
-                    <div
-                      className="ant-space-item"
-                    >
-                      <div
-                        className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-horizontal ant-space-align-center ant-space-gap-row-middle ant-space-gap-col-middle"
-                        style={Object {}}
-                      >
-                        <div
-                          className="ant-space-item"
-                        >
-                          <span>
-                            button_click: 
-                          </span>
-                        </div>
-                        <div
-                          className="ant-space-item"
-                        >
-                          <section />
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </li>
-              </ul>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`UIControlInsepctor show default data 1`] = `
-<div
-  className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-vertical ant-space-gap-row-middle ant-space-gap-col-middle"
-  style={Object {}}
->
-  <div
-    className="ant-space-item"
-  >
-    <h1>
-      2
-    </h1>
-  </div>
-  <div
-    className="ant-space-item"
-  >
-    <div
-      className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
-      style={Object {}}
-    >
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
-          style={Object {}}
-        >
-          <div
-            className="ant-space-item"
-          >
-            <span>
-              X: 
-            </span>
-          </div>
-          <div
-            className="ant-space-item"
-          >
-            <div
-              className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-              onBeforeInput={[Function]}
-              onBlur={[Function]}
-              onCompositionEnd={[Function]}
-              onCompositionStart={[Function]}
-              onFocus={[Function]}
-              onKeyDown={[Function]}
-              onKeyUp={[Function]}
-              style={Object {}}
-            >
-              <div
-                className="ant-input-number-handler-wrap"
-              >
-                <span
-                  aria-disabled={false}
-                  aria-label="Increase Value"
-                  className="ant-input-number-handler ant-input-number-handler-up"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="up"
-                    className="anticon anticon-up ant-input-number-handler-up-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="up"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-                <span
-                  aria-disabled={false}
-                  aria-label="Decrease Value"
-                  className="ant-input-number-handler ant-input-number-handler-down"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="down"
-                    className="anticon anticon-down ant-input-number-handler-down-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="down"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-              </div>
-              <div
-                className="ant-input-number-input-wrap"
-              >
-                <input
-                  aria-valuenow="0"
-                  autoComplete="off"
-                  className="ant-input-number-input"
-                  disabled={false}
-                  onChange={[Function]}
-                  role="spinbutton"
-                  step="1"
-                  value="0"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
-          style={Object {}}
-        >
-          <div
-            className="ant-space-item"
-          >
-            <span>
-              Y: 
-            </span>
-          </div>
-          <div
-            className="ant-space-item"
-          >
-            <div
-              className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-              onBeforeInput={[Function]}
-              onBlur={[Function]}
-              onCompositionEnd={[Function]}
-              onCompositionStart={[Function]}
-              onFocus={[Function]}
-              onKeyDown={[Function]}
-              onKeyUp={[Function]}
-              style={Object {}}
-            >
-              <div
-                className="ant-input-number-handler-wrap"
-              >
-                <span
-                  aria-disabled={false}
-                  aria-label="Increase Value"
-                  className="ant-input-number-handler ant-input-number-handler-up"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="up"
-                    className="anticon anticon-up ant-input-number-handler-up-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="up"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-                <span
-                  aria-disabled={false}
-                  aria-label="Decrease Value"
-                  className="ant-input-number-handler ant-input-number-handler-down"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="down"
-                    className="anticon anticon-down ant-input-number-handler-down-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="down"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-              </div>
-              <div
-                className="ant-input-number-input-wrap"
-              >
-                <input
-                  aria-valuenow="10"
-                  autoComplete="off"
-                  className="ant-input-number-input"
-                  disabled={false}
-                  onChange={[Function]}
-                  role="spinbutton"
-                  step="1"
-                  value="10"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
-          style={Object {}}
-        >
-          <div
-            className="ant-space-item"
-          >
-            <span>
-              宽: 
-            </span>
-          </div>
-          <div
-            className="ant-space-item"
-          >
-            <div
-              className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-              onBeforeInput={[Function]}
-              onBlur={[Function]}
-              onCompositionEnd={[Function]}
-              onCompositionStart={[Function]}
-              onFocus={[Function]}
-              onKeyDown={[Function]}
-              onKeyUp={[Function]}
-              style={Object {}}
-            >
-              <div
-                className="ant-input-number-handler-wrap"
-              >
-                <span
-                  aria-disabled={false}
-                  aria-label="Increase Value"
-                  className="ant-input-number-handler ant-input-number-handler-up"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="up"
-                    className="anticon anticon-up ant-input-number-handler-up-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="up"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-                <span
-                  aria-disabled={false}
-                  aria-label="Decrease Value"
-                  className="ant-input-number-handler ant-input-number-handler-down"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="down"
-                    className="anticon anticon-down ant-input-number-handler-down-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="down"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-              </div>
-              <div
-                className="ant-input-number-input-wrap"
-              >
-                <input
-                  aria-valuenow="0"
-                  autoComplete="off"
-                  className="ant-input-number-input"
-                  disabled={false}
-                  onChange={[Function]}
-                  role="spinbutton"
-                  step="1"
-                  value="0"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
-          style={Object {}}
-        >
-          <div
-            className="ant-space-item"
-          >
-            <span>
-              高: 
-            </span>
-          </div>
-          <div
-            className="ant-space-item"
-          >
-            <div
-              className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-              onBeforeInput={[Function]}
-              onBlur={[Function]}
-              onCompositionEnd={[Function]}
-              onCompositionStart={[Function]}
-              onFocus={[Function]}
-              onKeyDown={[Function]}
-              onKeyUp={[Function]}
-              style={Object {}}
-            >
-              <div
-                className="ant-input-number-handler-wrap"
-              >
-                <span
-                  aria-disabled={false}
-                  aria-label="Increase Value"
-                  className="ant-input-number-handler ant-input-number-handler-up"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="up"
-                    className="anticon anticon-up ant-input-number-handler-up-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="up"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-                <span
-                  aria-disabled={false}
-                  aria-label="Decrease Value"
-                  className="ant-input-number-handler ant-input-number-handler-down"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="down"
-                    className="anticon anticon-down ant-input-number-handler-down-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="down"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-              </div>
-              <div
-                className="ant-input-number-input-wrap"
-              >
-                <input
-                  aria-valuenow="0"
-                  autoComplete="off"
-                  className="ant-input-number-input"
-                  disabled={false}
-                  onChange={[Function]}
-                  role="spinbutton"
-                  step="1"
-                  value="0"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    className="ant-space-item"
-  >
-    <div
-      className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-vertical ant-space-gap-row-middle ant-space-gap-col-middle"
-      style={Object {}}
-    >
-      <div
-        className="ant-space-item"
-      >
-        <h1>
-          2
-        </h1>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <section />
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <h1>
-          2
-        </h1>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <h1>
-          2
-        </h1>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-list ant-list-split css-dev-only-do-not-override-p7e5j5"
-          style={Object {}}
-        >
-          <div
-            className="ant-spin-nested-loading css-dev-only-do-not-override-p7e5j5"
-          >
-            <div
-              className="ant-spin-container"
-            >
-              <div
-                className="ant-list-empty-text"
-              >
-                <div
-                  className="css-dev-only-do-not-override-p7e5j5 ant-empty ant-empty-normal"
-                  style={Object {}}
-                >
-                  <div
-                    className="ant-empty-image"
-                  >
-                    <svg
-                      height="41"
-                      viewBox="0 0 64 41"
-                      width="64"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <g
-                        fill="none"
-                        fillRule="evenodd"
-                        transform="translate(0 1)"
-                      >
-                        <ellipse
-                          cx="32"
-                          cy="33"
-                          fill="#f5f5f5"
-                          rx="32"
-                          ry="7"
-                        />
-                        <g
-                          fillRule="nonzero"
-                          stroke="#d9d9d9"
-                        >
-                          <path
-                            d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                          />
-                          <path
-                            d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                            fill="#fafafa"
-                          />
-                        </g>
-                      </g>
-                    </svg>
-                  </div>
-                  <div
-                    className="ant-empty-description"
-                  >
-                    No data
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`UIControlInsepctor show input 1`] = `
-<div
-  className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-vertical ant-space-gap-row-middle ant-space-gap-col-middle"
-  style={Object {}}
->
-  <div
-    className="ant-space-item"
-  >
-    <h1>
-      2
-    </h1>
-  </div>
-  <div
-    className="ant-space-item"
-  >
-    <div
-      className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
-      style={Object {}}
-    >
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
-          style={Object {}}
-        >
-          <div
-            className="ant-space-item"
-          >
-            <span>
-              X: 
-            </span>
-          </div>
-          <div
-            className="ant-space-item"
-          >
-            <div
-              className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-              onBeforeInput={[Function]}
-              onBlur={[Function]}
-              onCompositionEnd={[Function]}
-              onCompositionStart={[Function]}
-              onFocus={[Function]}
-              onKeyDown={[Function]}
-              onKeyUp={[Function]}
-              style={Object {}}
-            >
-              <div
-                className="ant-input-number-handler-wrap"
-              >
-                <span
-                  aria-disabled={false}
-                  aria-label="Increase Value"
-                  className="ant-input-number-handler ant-input-number-handler-up"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="up"
-                    className="anticon anticon-up ant-input-number-handler-up-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="up"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-                <span
-                  aria-disabled={false}
-                  aria-label="Decrease Value"
-                  className="ant-input-number-handler ant-input-number-handler-down"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="down"
-                    className="anticon anticon-down ant-input-number-handler-down-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="down"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-              </div>
-              <div
-                className="ant-input-number-input-wrap"
-              >
-                <input
-                  aria-valuenow="0"
-                  autoComplete="off"
-                  className="ant-input-number-input"
-                  disabled={false}
-                  onChange={[Function]}
-                  role="spinbutton"
-                  step="1"
-                  value="0"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
-          style={Object {}}
-        >
-          <div
-            className="ant-space-item"
-          >
-            <span>
-              Y: 
-            </span>
-          </div>
-          <div
-            className="ant-space-item"
-          >
-            <div
-              className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-              onBeforeInput={[Function]}
-              onBlur={[Function]}
-              onCompositionEnd={[Function]}
-              onCompositionStart={[Function]}
-              onFocus={[Function]}
-              onKeyDown={[Function]}
-              onKeyUp={[Function]}
-              style={Object {}}
-            >
-              <div
-                className="ant-input-number-handler-wrap"
-              >
-                <span
-                  aria-disabled={false}
-                  aria-label="Increase Value"
-                  className="ant-input-number-handler ant-input-number-handler-up"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="up"
-                    className="anticon anticon-up ant-input-number-handler-up-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="up"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-                <span
-                  aria-disabled={false}
-                  aria-label="Decrease Value"
-                  className="ant-input-number-handler ant-input-number-handler-down"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="down"
-                    className="anticon anticon-down ant-input-number-handler-down-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="down"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-              </div>
-              <div
-                className="ant-input-number-input-wrap"
-              >
-                <input
-                  aria-valuenow="0"
-                  autoComplete="off"
-                  className="ant-input-number-input"
-                  disabled={false}
-                  onChange={[Function]}
-                  role="spinbutton"
-                  step="1"
-                  value="0"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
-          style={Object {}}
-        >
-          <div
-            className="ant-space-item"
-          >
-            <span>
-              宽: 
-            </span>
-          </div>
-          <div
-            className="ant-space-item"
-          >
-            <div
-              className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-              onBeforeInput={[Function]}
-              onBlur={[Function]}
-              onCompositionEnd={[Function]}
-              onCompositionStart={[Function]}
-              onFocus={[Function]}
-              onKeyDown={[Function]}
-              onKeyUp={[Function]}
-              style={Object {}}
-            >
-              <div
-                className="ant-input-number-handler-wrap"
-              >
-                <span
-                  aria-disabled={false}
-                  aria-label="Increase Value"
-                  className="ant-input-number-handler ant-input-number-handler-up"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="up"
-                    className="anticon anticon-up ant-input-number-handler-up-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="up"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-                <span
-                  aria-disabled={false}
-                  aria-label="Decrease Value"
-                  className="ant-input-number-handler ant-input-number-handler-down"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="down"
-                    className="anticon anticon-down ant-input-number-handler-down-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="down"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-              </div>
-              <div
-                className="ant-input-number-input-wrap"
-              >
-                <input
-                  aria-valuenow="0"
-                  autoComplete="off"
-                  className="ant-input-number-input"
-                  disabled={false}
-                  onChange={[Function]}
-                  role="spinbutton"
-                  step="1"
-                  value="0"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
-          style={Object {}}
-        >
-          <div
-            className="ant-space-item"
-          >
-            <span>
-              高: 
-            </span>
-          </div>
-          <div
-            className="ant-space-item"
-          >
-            <div
-              className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-              onBeforeInput={[Function]}
-              onBlur={[Function]}
-              onCompositionEnd={[Function]}
-              onCompositionStart={[Function]}
-              onFocus={[Function]}
-              onKeyDown={[Function]}
-              onKeyUp={[Function]}
-              style={Object {}}
-            >
-              <div
-                className="ant-input-number-handler-wrap"
-              >
-                <span
-                  aria-disabled={false}
-                  aria-label="Increase Value"
-                  className="ant-input-number-handler ant-input-number-handler-up"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="up"
-                    className="anticon anticon-up ant-input-number-handler-up-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="up"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-                <span
-                  aria-disabled={false}
-                  aria-label="Decrease Value"
-                  className="ant-input-number-handler ant-input-number-handler-down"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="down"
-                    className="anticon anticon-down ant-input-number-handler-down-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="down"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-              </div>
-              <div
-                className="ant-input-number-input-wrap"
-              >
-                <input
-                  aria-valuenow="0"
-                  autoComplete="off"
-                  className="ant-input-number-input"
-                  disabled={false}
-                  onChange={[Function]}
-                  role="spinbutton"
-                  step="1"
-                  value="0"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    className="ant-space-item"
-  >
-    <div
-      className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-vertical ant-space-gap-row-middle ant-space-gap-col-middle"
-      style={Object {}}
-    >
-      <div
-        className="ant-space-item"
-      >
-        <h1>
-          2
-        </h1>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <section />
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <h1>
-          2
-        </h1>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <h1>
-          2
-        </h1>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-list ant-list-split css-dev-only-do-not-override-p7e5j5"
-          style={Object {}}
-        >
-          <div
-            className="ant-spin-nested-loading css-dev-only-do-not-override-p7e5j5"
-          >
-            <div
-              className="ant-spin-container"
-            >
-              <div
-                className="ant-list-empty-text"
-              >
-                <div
-                  className="css-dev-only-do-not-override-p7e5j5 ant-empty ant-empty-normal"
-                  style={Object {}}
-                >
-                  <div
-                    className="ant-empty-image"
-                  >
-                    <svg
-                      height="41"
-                      viewBox="0 0 64 41"
-                      width="64"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <g
-                        fill="none"
-                        fillRule="evenodd"
-                        transform="translate(0 1)"
-                      >
-                        <ellipse
-                          cx="32"
-                          cy="33"
-                          fill="#f5f5f5"
-                          rx="32"
-                          ry="7"
-                        />
-                        <g
-                          fillRule="nonzero"
-                          stroke="#d9d9d9"
-                        >
-                          <path
-                            d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                          />
-                          <path
-                            d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                            fill="#fafafa"
-                          />
-                        </g>
-                      </g>
-                    </svg>
-                  </div>
-                  <div
-                    className="ant-empty-description"
-                  >
-                    No data
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`UIControlInsepctor show nothing 1`] = `
-<div
-  className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-vertical ant-space-gap-row-middle ant-space-gap-col-middle"
-  style={Object {}}
->
-  <div
-    className="ant-space-item"
-  >
-    <h1>
-      2
-    </h1>
-  </div>
-  <div
-    className="ant-space-item"
-  >
-    <div
-      className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
-      style={Object {}}
-    >
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
-          style={Object {}}
-        >
-          <div
-            className="ant-space-item"
-          >
-            <span>
-              X: 
-            </span>
-          </div>
-          <div
-            className="ant-space-item"
-          >
-            <div
-              className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-              onBeforeInput={[Function]}
-              onBlur={[Function]}
-              onCompositionEnd={[Function]}
-              onCompositionStart={[Function]}
-              onFocus={[Function]}
-              onKeyDown={[Function]}
-              onKeyUp={[Function]}
-              style={Object {}}
-            >
-              <div
-                className="ant-input-number-handler-wrap"
-              >
-                <span
-                  aria-disabled={false}
-                  aria-label="Increase Value"
-                  className="ant-input-number-handler ant-input-number-handler-up"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="up"
-                    className="anticon anticon-up ant-input-number-handler-up-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="up"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-                <span
-                  aria-disabled={false}
-                  aria-label="Decrease Value"
-                  className="ant-input-number-handler ant-input-number-handler-down"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="down"
-                    className="anticon anticon-down ant-input-number-handler-down-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="down"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-              </div>
-              <div
-                className="ant-input-number-input-wrap"
-              >
-                <input
-                  aria-valuenow="0"
-                  autoComplete="off"
-                  className="ant-input-number-input"
-                  disabled={false}
-                  onChange={[Function]}
-                  role="spinbutton"
-                  step="1"
-                  value="0"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
-          style={Object {}}
-        >
-          <div
-            className="ant-space-item"
-          >
-            <span>
-              Y: 
-            </span>
-          </div>
-          <div
-            className="ant-space-item"
-          >
-            <div
-              className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-              onBeforeInput={[Function]}
-              onBlur={[Function]}
-              onCompositionEnd={[Function]}
-              onCompositionStart={[Function]}
-              onFocus={[Function]}
-              onKeyDown={[Function]}
-              onKeyUp={[Function]}
-              style={Object {}}
-            >
-              <div
-                className="ant-input-number-handler-wrap"
-              >
-                <span
-                  aria-disabled={false}
-                  aria-label="Increase Value"
-                  className="ant-input-number-handler ant-input-number-handler-up"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="up"
-                    className="anticon anticon-up ant-input-number-handler-up-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="up"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-                <span
-                  aria-disabled={false}
-                  aria-label="Decrease Value"
-                  className="ant-input-number-handler ant-input-number-handler-down"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="down"
-                    className="anticon anticon-down ant-input-number-handler-down-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="down"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-              </div>
-              <div
-                className="ant-input-number-input-wrap"
-              >
-                <input
-                  aria-valuenow="0"
-                  autoComplete="off"
-                  className="ant-input-number-input"
-                  disabled={false}
-                  onChange={[Function]}
-                  role="spinbutton"
-                  step="1"
-                  value="0"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
-          style={Object {}}
-        >
-          <div
-            className="ant-space-item"
-          >
-            <span>
-              宽: 
-            </span>
-          </div>
-          <div
-            className="ant-space-item"
-          >
-            <div
-              className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-              onBeforeInput={[Function]}
-              onBlur={[Function]}
-              onCompositionEnd={[Function]}
-              onCompositionStart={[Function]}
-              onFocus={[Function]}
-              onKeyDown={[Function]}
-              onKeyUp={[Function]}
-              style={Object {}}
-            >
-              <div
-                className="ant-input-number-handler-wrap"
-              >
-                <span
-                  aria-disabled={false}
-                  aria-label="Increase Value"
-                  className="ant-input-number-handler ant-input-number-handler-up"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="up"
-                    className="anticon anticon-up ant-input-number-handler-up-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="up"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-                <span
-                  aria-disabled={false}
-                  aria-label="Decrease Value"
-                  className="ant-input-number-handler ant-input-number-handler-down"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="down"
-                    className="anticon anticon-down ant-input-number-handler-down-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="down"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-              </div>
-              <div
-                className="ant-input-number-input-wrap"
-              >
-                <input
-                  aria-valuenow="0"
-                  autoComplete="off"
-                  className="ant-input-number-input"
-                  disabled={false}
-                  onChange={[Function]}
-                  role="spinbutton"
-                  step="1"
-                  value="0"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
-          style={Object {}}
-        >
-          <div
-            className="ant-space-item"
-          >
-            <span>
-              高: 
-            </span>
-          </div>
-          <div
-            className="ant-space-item"
-          >
-            <div
-              className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-              onBeforeInput={[Function]}
-              onBlur={[Function]}
-              onCompositionEnd={[Function]}
-              onCompositionStart={[Function]}
-              onFocus={[Function]}
-              onKeyDown={[Function]}
-              onKeyUp={[Function]}
-              style={Object {}}
-            >
-              <div
-                className="ant-input-number-handler-wrap"
-              >
-                <span
-                  aria-disabled={false}
-                  aria-label="Increase Value"
-                  className="ant-input-number-handler ant-input-number-handler-up"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="up"
-                    className="anticon anticon-up ant-input-number-handler-up-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="up"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-                <span
-                  aria-disabled={false}
-                  aria-label="Decrease Value"
-                  className="ant-input-number-handler ant-input-number-handler-down"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="down"
-                    className="anticon anticon-down ant-input-number-handler-down-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="down"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-              </div>
-              <div
-                className="ant-input-number-input-wrap"
-              >
-                <input
-                  aria-valuenow="0"
-                  autoComplete="off"
-                  className="ant-input-number-input"
-                  disabled={false}
-                  onChange={[Function]}
-                  role="spinbutton"
-                  step="1"
-                  value="0"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    className="ant-space-item"
-  >
-    <div
-      className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-vertical ant-space-gap-row-middle ant-space-gap-col-middle"
-      style={Object {}}
-    >
-      <div
-        className="ant-space-item"
-      >
-        <h1>
-          2
-        </h1>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <section />
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <h1>
-          2
-        </h1>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <h1>
-          2
-        </h1>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-list ant-list-split css-dev-only-do-not-override-p7e5j5"
-          style={Object {}}
-        >
-          <div
-            className="ant-spin-nested-loading css-dev-only-do-not-override-p7e5j5"
-          >
-            <div
-              className="ant-spin-container"
-            >
-              <div
-                className="ant-list-empty-text"
-              >
-                <div
-                  className="css-dev-only-do-not-override-p7e5j5 ant-empty ant-empty-normal"
-                  style={Object {}}
-                >
-                  <div
-                    className="ant-empty-image"
-                  >
-                    <svg
-                      height="41"
-                      viewBox="0 0 64 41"
-                      width="64"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <g
-                        fill="none"
-                        fillRule="evenodd"
-                        transform="translate(0 1)"
-                      >
-                        <ellipse
-                          cx="32"
-                          cy="33"
-                          fill="#f5f5f5"
-                          rx="32"
-                          ry="7"
-                        />
-                        <g
-                          fillRule="nonzero"
-                          stroke="#d9d9d9"
-                        >
-                          <path
-                            d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                          />
-                          <path
-                            d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                            fill="#fafafa"
-                          />
-                        </g>
-                      </g>
-                    </svg>
-                  </div>
-                  <div
-                    className="ant-empty-description"
-                  >
-                    No data
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`UIControlInsepctor show specific 1`] = `
-<div
-  className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-vertical ant-space-gap-row-middle ant-space-gap-col-middle"
-  style={Object {}}
->
-  <div
-    className="ant-space-item"
-  >
-    <h1>
-      2
-    </h1>
-  </div>
-  <div
-    className="ant-space-item"
-  >
-    <div
-      className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-vertical ant-space-gap-row-small ant-space-gap-col-small"
-      style={Object {}}
-    >
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
-          style={Object {}}
-        >
-          <div
-            className="ant-space-item"
-          >
-            <span>
-              X: 
-            </span>
-          </div>
-          <div
-            className="ant-space-item"
-          >
-            <div
-              className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-              onBeforeInput={[Function]}
-              onBlur={[Function]}
-              onCompositionEnd={[Function]}
-              onCompositionStart={[Function]}
-              onFocus={[Function]}
-              onKeyDown={[Function]}
-              onKeyUp={[Function]}
-              style={Object {}}
-            >
-              <div
-                className="ant-input-number-handler-wrap"
-              >
-                <span
-                  aria-disabled={false}
-                  aria-label="Increase Value"
-                  className="ant-input-number-handler ant-input-number-handler-up"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="up"
-                    className="anticon anticon-up ant-input-number-handler-up-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="up"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-                <span
-                  aria-disabled={false}
-                  aria-label="Decrease Value"
-                  className="ant-input-number-handler ant-input-number-handler-down"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="down"
-                    className="anticon anticon-down ant-input-number-handler-down-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="down"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-              </div>
-              <div
-                className="ant-input-number-input-wrap"
-              >
-                <input
-                  aria-valuenow="0"
-                  autoComplete="off"
-                  className="ant-input-number-input"
-                  disabled={false}
-                  onChange={[Function]}
-                  role="spinbutton"
-                  step="1"
-                  value="0"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
-          style={Object {}}
-        >
-          <div
-            className="ant-space-item"
-          >
-            <span>
-              Y: 
-            </span>
-          </div>
-          <div
-            className="ant-space-item"
-          >
-            <div
-              className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-              onBeforeInput={[Function]}
-              onBlur={[Function]}
-              onCompositionEnd={[Function]}
-              onCompositionStart={[Function]}
-              onFocus={[Function]}
-              onKeyDown={[Function]}
-              onKeyUp={[Function]}
-              style={Object {}}
-            >
-              <div
-                className="ant-input-number-handler-wrap"
-              >
-                <span
-                  aria-disabled={false}
-                  aria-label="Increase Value"
-                  className="ant-input-number-handler ant-input-number-handler-up"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="up"
-                    className="anticon anticon-up ant-input-number-handler-up-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="up"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-                <span
-                  aria-disabled={false}
-                  aria-label="Decrease Value"
-                  className="ant-input-number-handler ant-input-number-handler-down"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="down"
-                    className="anticon anticon-down ant-input-number-handler-down-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="down"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-              </div>
-              <div
-                className="ant-input-number-input-wrap"
-              >
-                <input
-                  aria-valuenow="0"
-                  autoComplete="off"
-                  className="ant-input-number-input"
-                  disabled={false}
-                  onChange={[Function]}
-                  role="spinbutton"
-                  step="1"
-                  value="0"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
-          style={Object {}}
-        >
-          <div
-            className="ant-space-item"
-          >
-            <span>
-              宽: 
-            </span>
-          </div>
-          <div
-            className="ant-space-item"
-          >
-            <div
-              className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-              onBeforeInput={[Function]}
-              onBlur={[Function]}
-              onCompositionEnd={[Function]}
-              onCompositionStart={[Function]}
-              onFocus={[Function]}
-              onKeyDown={[Function]}
-              onKeyUp={[Function]}
-              style={Object {}}
-            >
-              <div
-                className="ant-input-number-handler-wrap"
-              >
-                <span
-                  aria-disabled={false}
-                  aria-label="Increase Value"
-                  className="ant-input-number-handler ant-input-number-handler-up"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="up"
-                    className="anticon anticon-up ant-input-number-handler-up-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="up"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-                <span
-                  aria-disabled={false}
-                  aria-label="Decrease Value"
-                  className="ant-input-number-handler ant-input-number-handler-down"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="down"
-                    className="anticon anticon-down ant-input-number-handler-down-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="down"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-              </div>
-              <div
-                className="ant-input-number-input-wrap"
-              >
-                <input
-                  aria-valuenow="0"
-                  autoComplete="off"
-                  className="ant-input-number-input"
-                  disabled={false}
-                  onChange={[Function]}
-                  role="spinbutton"
-                  step="1"
-                  value="0"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-horizontal ant-space-align-center ant-space-gap-row-small ant-space-gap-col-small"
-          style={Object {}}
-        >
-          <div
-            className="ant-space-item"
-          >
-            <span>
-              高: 
-            </span>
-          </div>
-          <div
-            className="ant-space-item"
-          >
-            <div
-              className="ant-input-number css-dev-only-do-not-override-p7e5j5"
-              onBeforeInput={[Function]}
-              onBlur={[Function]}
-              onCompositionEnd={[Function]}
-              onCompositionStart={[Function]}
-              onFocus={[Function]}
-              onKeyDown={[Function]}
-              onKeyUp={[Function]}
-              style={Object {}}
-            >
-              <div
-                className="ant-input-number-handler-wrap"
-              >
-                <span
-                  aria-disabled={false}
-                  aria-label="Increase Value"
-                  className="ant-input-number-handler ant-input-number-handler-up"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="up"
-                    className="anticon anticon-up ant-input-number-handler-up-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="up"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-                <span
-                  aria-disabled={false}
-                  aria-label="Decrease Value"
-                  className="ant-input-number-handler ant-input-number-handler-down"
-                  onMouseDown={[Function]}
-                  onMouseLeave={[Function]}
-                  onMouseUp={[Function]}
-                  role="button"
-                  unselectable="on"
-                >
-                  <span
-                    aria-label="down"
-                    className="anticon anticon-down ant-input-number-handler-down-inner"
-                    role="img"
-                  >
-                    <svg
-                      aria-hidden="true"
-                      data-icon="down"
-                      fill="currentColor"
-                      focusable="false"
-                      height="1em"
-                      viewBox="64 64 896 896"
-                      width="1em"
-                    >
-                      <path
-                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
-                      />
-                    </svg>
-                  </span>
-                </span>
-              </div>
-              <div
-                className="ant-input-number-input-wrap"
-              >
-                <input
-                  aria-valuenow="0"
-                  autoComplete="off"
-                  className="ant-input-number-input"
-                  disabled={false}
-                  onChange={[Function]}
-                  role="spinbutton"
-                  step="1"
-                  value="0"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div
-    className="ant-space-item"
-  >
-    <div
-      className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-vertical ant-space-gap-row-middle ant-space-gap-col-middle"
-      style={Object {}}
-    >
-      <div
-        className="ant-space-item"
-      >
-        <h1>
-          2
-        </h1>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <section />
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <h1>
-          2
-        </h1>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-card ant-card-bordered css-dev-only-do-not-override-p7e5j5"
-          style={Object {}}
-        >
-          <div
-            className="ant-card-head"
-            style={Object {}}
-          >
-            <div
-              className="ant-card-head-wrapper"
-            >
-              <div
-                className="ant-card-head-title"
-              >
-                label
-              </div>
-            </div>
-          </div>
-          <div
-            className="ant-card-body"
-            style={Object {}}
-          >
-            <input
-              className="ant-input css-dev-only-do-not-override-p7e5j5 css-dev-only-do-not-override-p7e5j5"
-              disabled={false}
-              onBlur={[Function]}
-              onChange={[Function]}
-              onCompositionEnd={[Function]}
-              onCompositionStart={[Function]}
-              onFocus={[Function]}
-              onKeyDown={[Function]}
-              style={Object {}}
-              type="text"
-              value="Window1"
-            />
-          </div>
-        </div>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <h1>
-          2
-        </h1>
-      </div>
-      <div
-        className="ant-space-item"
-      >
-        <div
-          className="ant-list ant-list-split css-dev-only-do-not-override-p7e5j5"
-          style={Object {}}
-        >
-          <div
-            className="ant-spin-nested-loading css-dev-only-do-not-override-p7e5j5"
-          >
-            <div
-              className="ant-spin-container"
-            >
-              <div
-                className="ant-list-empty-text"
-              >
-                <div
-                  className="css-dev-only-do-not-override-p7e5j5 ant-empty ant-empty-normal"
-                  style={Object {}}
-                >
-                  <div
-                    className="ant-empty-image"
-                  >
-                    <svg
-                      height="41"
-                      viewBox="0 0 64 41"
-                      width="64"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <g
-                        fill="none"
-                        fillRule="evenodd"
-                        transform="translate(0 1)"
-                      >
-                        <ellipse
-                          cx="32"
-                          cy="33"
-                          fill="#f5f5f5"
-                          rx="32"
-                          ry="7"
-                        />
-                        <g
-                          fillRule="nonzero"
-                          stroke="#d9d9d9"
-                        >
-                          <path
-                            d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                          />
-                          <path
-                            d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                            fill="#fafafa"
-                          />
-                        </g>
-                      </g>
-                    </svg>
-                  </div>
-                  <div
-                    className="ant-empty-description"
-                  >
-                    No data
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/platform/frontend/test/step-definitions/__snapshots__/uiControls.steps.bs.js.snap b/platform/frontend/test/step-definitions/__snapshots__/uiControls.steps.bs.js.snap
deleted file mode 100644
index 78c23ee1c..000000000
--- a/platform/frontend/test/step-definitions/__snapshots__/uiControls.steps.bs.js.snap
+++ /dev/null
@@ -1,135 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`UIControls show uiControls list 1`] = `
-<div
-  className="ant-list ant-list-split ant-list-grid css-dev-only-do-not-override-p7e5j5"
-  style={Object {}}
->
-  <div
-    className="ant-spin-nested-loading css-dev-only-do-not-override-p7e5j5"
-  >
-    <div
-      className="ant-spin-container"
-    >
-      <div
-        className="ant-row css-dev-only-do-not-override-p7e5j5"
-        style={
-          Object {
-            "marginLeft": -8,
-            "marginRight": -8,
-            "rowGap": undefined,
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "maxWidth": "33.333333333333336%",
-              "width": "33.333333333333336%",
-            }
-          }
-        >
-          <div
-            className="ant-col css-dev-only-do-not-override-p7e5j5"
-            style={
-              Object {
-                "flex": "1 1 auto",
-                "paddingLeft": 8,
-                "paddingRight": 8,
-              }
-            }
-          >
-            <div
-              className="ant-list-item"
-            >
-              <div
-                className="ant-card css-dev-only-do-not-override-p7e5j5"
-                onClick={[Function]}
-                style={Object {}}
-              >
-                <div
-                  className="ant-card-cover"
-                >
-                  <div
-                    style={
-                      Object {
-                        "alignItems": "center",
-                        "display": "flex",
-                        "justifyContent": "center",
-                      }
-                    }
-                  >
-                    <div
-                      className="ant-image css-dev-only-do-not-override-p7e5j5"
-                      style={
-                        Object {
-                          "height": 50,
-                          "width": 50,
-                        }
-                      }
-                    >
-                      <img
-                        className="ant-image-img css-dev-only-do-not-override-p7e5j5"
-                        height={50}
-                        onLoad={[Function]}
-                        src="i1"
-                        style={
-                          Object {
-                            "height": 50,
-                          }
-                        }
-                        width={50}
-                      />
-                    </div>
-                  </div>
-                </div>
-                <div
-                  className="ant-card-body"
-                  style={
-                    Object {
-                      "padding": "0px",
-                    }
-                  }
-                >
-                  <div
-                    className="ant-card-meta"
-                  >
-                    <div
-                      className="ant-card-meta-detail"
-                    >
-                      <div
-                        className="ant-card-meta-title"
-                      >
-                        <div
-                          className="ant-row ant-row-center css-dev-only-do-not-override-p7e5j5"
-                          style={
-                            Object {
-                              "rowGap": undefined,
-                            }
-                          }
-                        >
-                          <span
-                            style={
-                              Object {
-                                "whiteSpace": "normal",
-                                "wordBreak": "break-all",
-                                "wordWrap": "break-word",
-                              }
-                            }
-                          >
-                            u1
-                          </span>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/platform/frontend/test/step-definitions/package/__snapshots__/package_contributeInspector.steps.bs.js.snap b/platform/frontend/test/step-definitions/package/__snapshots__/package_contributeInspector.steps.bs.js.snap
deleted file mode 100644
index ad0120664..000000000
--- a/platform/frontend/test/step-definitions/package/__snapshots__/package_contributeInspector.steps.bs.js.snap
+++ /dev/null
@@ -1,3 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`PackageContributeInspector show nothing 1`] = `null`;
diff --git a/platform/frontend/test/step-definitions/package/__snapshots__/package_contributes.steps.bs.js.snap b/platform/frontend/test/step-definitions/package/__snapshots__/package_contributes.steps.bs.js.snap
deleted file mode 100644
index c7c223a51..000000000
--- a/platform/frontend/test/step-definitions/package/__snapshots__/package_contributes.steps.bs.js.snap
+++ /dev/null
@@ -1,67 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`PackageContributes show contributes list 1`] = `
-<div
-  className="ant-list ant-list-split ant-list-grid css-dev-only-do-not-override-p7e5j5"
-  style={Object {}}
->
-  <div
-    className="ant-spin-nested-loading css-dev-only-do-not-override-p7e5j5"
-  >
-    <div
-      className="ant-spin-container"
-    >
-      <div
-        className="ant-list-empty-text"
-      >
-        <div
-          className="css-dev-only-do-not-override-p7e5j5 ant-empty ant-empty-normal"
-          style={Object {}}
-        >
-          <div
-            className="ant-empty-image"
-          >
-            <svg
-              height="41"
-              viewBox="0 0 64 41"
-              width="64"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <g
-                fill="none"
-                fillRule="evenodd"
-                transform="translate(0 1)"
-              >
-                <ellipse
-                  cx="32"
-                  cy="33"
-                  fill="#f5f5f5"
-                  rx="32"
-                  ry="7"
-                />
-                <g
-                  fillRule="nonzero"
-                  stroke="#d9d9d9"
-                >
-                  <path
-                    d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                  />
-                  <path
-                    d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                    fill="#fafafa"
-                  />
-                </g>
-              </g>
-            </svg>
-          </div>
-          <div
-            className="ant-empty-description"
-          >
-            No data
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/platform/frontend/test/step-definitions/package/__snapshots__/package_extensionInspector.steps.bs.js.snap b/platform/frontend/test/step-definitions/package/__snapshots__/package_extensionInspector.steps.bs.js.snap
deleted file mode 100644
index 65c60e071..000000000
--- a/platform/frontend/test/step-definitions/package/__snapshots__/package_extensionInspector.steps.bs.js.snap
+++ /dev/null
@@ -1,51 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`PackageExtensionInspector show mark entry button 1`] = `
-<div
-  className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-vertical ant-space-gap-row-middle ant-space-gap-col-middle"
-  style={Object {}}
->
-  <div
-    className="ant-space-item"
-  >
-    <button
-      className="ant-btn css-dev-only-do-not-override-p7e5j5 ant-btn-default"
-      disabled={false}
-      onClick={[Function]}
-      style={Object {}}
-      type="button"
-    >
-      <span>
-        设为入口
-      </span>
-      
-    </button>
-  </div>
-</div>
-`;
-
-exports[`PackageExtensionInspector show nothing 1`] = `null`;
-
-exports[`PackageExtensionInspector show unmark entry button 1`] = `
-<div
-  className="ant-space css-dev-only-do-not-override-p7e5j5 ant-space-vertical ant-space-gap-row-middle ant-space-gap-col-middle"
-  style={Object {}}
->
-  <div
-    className="ant-space-item"
-  >
-    <button
-      className="ant-btn css-dev-only-do-not-override-p7e5j5 ant-btn-default"
-      disabled={false}
-      onClick={[Function]}
-      style={Object {}}
-      type="button"
-    >
-      <span>
-        取消设为入口
-      </span>
-      
-    </button>
-  </div>
-</div>
-`;
diff --git a/platform/frontend/test/step-definitions/package/__snapshots__/package_extensions.steps.bs.js.snap b/platform/frontend/test/step-definitions/package/__snapshots__/package_extensions.steps.bs.js.snap
deleted file mode 100644
index 6cf1a2cf4..000000000
--- a/platform/frontend/test/step-definitions/package/__snapshots__/package_extensions.steps.bs.js.snap
+++ /dev/null
@@ -1,67 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`PackageExtensions show extensions list 1`] = `
-<div
-  className="ant-list ant-list-split ant-list-grid css-dev-only-do-not-override-p7e5j5"
-  style={Object {}}
->
-  <div
-    className="ant-spin-nested-loading css-dev-only-do-not-override-p7e5j5"
-  >
-    <div
-      className="ant-spin-container"
-    >
-      <div
-        className="ant-list-empty-text"
-      >
-        <div
-          className="css-dev-only-do-not-override-p7e5j5 ant-empty ant-empty-normal"
-          style={Object {}}
-        >
-          <div
-            className="ant-empty-image"
-          >
-            <svg
-              height="41"
-              viewBox="0 0 64 41"
-              width="64"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <g
-                fill="none"
-                fillRule="evenodd"
-                transform="translate(0 1)"
-              >
-                <ellipse
-                  cx="32"
-                  cy="33"
-                  fill="#f5f5f5"
-                  rx="32"
-                  ry="7"
-                />
-                <g
-                  fillRule="nonzero"
-                  stroke="#d9d9d9"
-                >
-                  <path
-                    d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
-                  />
-                  <path
-                    d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
-                    fill="#fafafa"
-                  />
-                </g>
-              </g>
-            </svg>
-          </div>
-          <div
-            className="ant-empty-description"
-          >
-            No data
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/platform/frontend/test/step-definitions/package/__snapshots__/package_packages.steps.bs.js.snap b/platform/frontend/test/step-definitions/package/__snapshots__/package_packages.steps.bs.js.snap
deleted file mode 100644
index dc4d8f2fb..000000000
--- a/platform/frontend/test/step-definitions/package/__snapshots__/package_packages.steps.bs.js.snap
+++ /dev/null
@@ -1,116 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`PackagePackages show packages list exclude selected packages 1`] = `
-<div
-  className="ant-list ant-list-split ant-list-grid css-dev-only-do-not-override-p7e5j5"
-  style={Object {}}
->
-  <div
-    className="ant-spin-nested-loading css-dev-only-do-not-override-p7e5j5"
-  >
-    <div
-      className="ant-spin-container"
-    >
-      <div
-        className="ant-row css-dev-only-do-not-override-p7e5j5"
-        style={
-          Object {
-            "marginLeft": -8,
-            "marginRight": -8,
-            "rowGap": undefined,
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "maxWidth": "50%",
-              "width": "50%",
-            }
-          }
-        >
-          <div
-            className="ant-col css-dev-only-do-not-override-p7e5j5"
-            style={
-              Object {
-                "flex": "1 1 auto",
-                "paddingLeft": 8,
-                "paddingRight": 8,
-              }
-            }
-          >
-            <div
-              className="ant-list-item"
-            >
-              <div
-                className="ant-card ant-card-bordered css-dev-only-do-not-override-p7e5j5"
-                onClick={[Function]}
-                style={Object {}}
-              >
-                <div
-                  className="ant-card-cover"
-                >
-                  <div
-                    className="ant-image css-dev-only-do-not-override-p7e5j5"
-                    style={
-                      Object {
-                        "height": 50,
-                        "width": 50,
-                      }
-                    }
-                  >
-                    <img
-                      className="ant-image-img css-dev-only-do-not-override-p7e5j5"
-                      height={50}
-                      onLoad={[Function]}
-                      src="pi1"
-                      style={
-                        Object {
-                          "height": 50,
-                        }
-                      }
-                      width={50}
-                    />
-                  </div>
-                </div>
-                <div
-                  className="ant-card-body"
-                  style={
-                    Object {
-                      "padding": "0px",
-                    }
-                  }
-                >
-                  <div
-                    className="ant-card-meta"
-                  >
-                    <div
-                      className="ant-card-meta-detail"
-                    >
-                      <div
-                        className="ant-card-meta-title"
-                      >
-                        <span
-                          style={
-                            Object {
-                              "whiteSpace": "normal",
-                              "wordBreak": "break-all",
-                              "wordWrap": "break-word",
-                            }
-                          }
-                        >
-                          p2
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/platform/frontend/test/step-definitions/package/__snapshots__/package_selectedContributes.steps.bs.js.snap b/platform/frontend/test/step-definitions/package/__snapshots__/package_selectedContributes.steps.bs.js.snap
deleted file mode 100644
index 0514061a6..000000000
--- a/platform/frontend/test/step-definitions/package/__snapshots__/package_selectedContributes.steps.bs.js.snap
+++ /dev/null
@@ -1,204 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Package Selected Contributes show selected contributes 1`] = `
-<div
-  className="ant-list ant-list-split ant-list-grid css-dev-only-do-not-override-p7e5j5"
-  style={Object {}}
->
-  <div
-    className="ant-spin-nested-loading css-dev-only-do-not-override-p7e5j5"
-  >
-    <div
-      className="ant-spin-container"
-    >
-      <div
-        className="ant-row css-dev-only-do-not-override-p7e5j5"
-        style={
-          Object {
-            "marginLeft": -8,
-            "marginRight": -8,
-            "rowGap": undefined,
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "maxWidth": "100%",
-              "width": "100%",
-            }
-          }
-        >
-          <div
-            className="ant-col css-dev-only-do-not-override-p7e5j5"
-            style={
-              Object {
-                "flex": "1 1 auto",
-                "paddingLeft": 8,
-                "paddingRight": 8,
-              }
-            }
-          >
-            <div
-              className="ant-list-item"
-            >
-              <div
-                className="ant-card ant-card-bordered css-dev-only-do-not-override-p7e5j5"
-                onClick={[Function]}
-                style={Object {}}
-              >
-                <div
-                  className="ant-card-cover"
-                >
-                  <div
-                    className="ant-image css-dev-only-do-not-override-p7e5j5"
-                    style={
-                      Object {
-                        "height": 50,
-                        "width": 50,
-                      }
-                    }
-                  >
-                    <img
-                      className="ant-image-img css-dev-only-do-not-override-p7e5j5"
-                      height={50}
-                      onLoad={[Function]}
-                      src="i1"
-                      style={
-                        Object {
-                          "height": 50,
-                        }
-                      }
-                      width={50}
-                    />
-                  </div>
-                </div>
-                <div
-                  className="ant-card-body"
-                  style={
-                    Object {
-                      "padding": "0px",
-                    }
-                  }
-                >
-                  <div
-                    className="ant-card-meta"
-                  >
-                    <div
-                      className="ant-card-meta-detail"
-                    >
-                      <div
-                        className="ant-card-meta-title"
-                      >
-                        <span
-                          style={
-                            Object {
-                              "whiteSpace": "normal",
-                              "wordBreak": "break-all",
-                              "wordWrap": "break-word",
-                            }
-                          }
-                        >
-                          d1
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "maxWidth": "100%",
-              "width": "100%",
-            }
-          }
-        >
-          <div
-            className="ant-col css-dev-only-do-not-override-p7e5j5"
-            style={
-              Object {
-                "flex": "1 1 auto",
-                "paddingLeft": 8,
-                "paddingRight": 8,
-              }
-            }
-          >
-            <div
-              className="ant-list-item"
-            >
-              <div
-                className="ant-card ant-card-bordered css-dev-only-do-not-override-p7e5j5"
-                onClick={[Function]}
-                style={Object {}}
-              >
-                <div
-                  className="ant-card-cover"
-                >
-                  <div
-                    className="ant-image css-dev-only-do-not-override-p7e5j5"
-                    style={
-                      Object {
-                        "height": 50,
-                        "width": 50,
-                      }
-                    }
-                  >
-                    <img
-                      className="ant-image-img css-dev-only-do-not-override-p7e5j5"
-                      height={50}
-                      onLoad={[Function]}
-                      src="i2"
-                      style={
-                        Object {
-                          "height": 50,
-                        }
-                      }
-                      width={50}
-                    />
-                  </div>
-                </div>
-                <div
-                  className="ant-card-body"
-                  style={
-                    Object {
-                      "padding": "0px",
-                    }
-                  }
-                >
-                  <div
-                    className="ant-card-meta"
-                  >
-                    <div
-                      className="ant-card-meta-detail"
-                    >
-                      <div
-                        className="ant-card-meta-title"
-                      >
-                        <span
-                          style={
-                            Object {
-                              "whiteSpace": "normal",
-                              "wordBreak": "break-all",
-                              "wordWrap": "break-word",
-                            }
-                          }
-                        >
-                          d1
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/platform/frontend/test/step-definitions/package/__snapshots__/package_selectedExtensions.steps.bs.js.snap b/platform/frontend/test/step-definitions/package/__snapshots__/package_selectedExtensions.steps.bs.js.snap
deleted file mode 100644
index afe481546..000000000
--- a/platform/frontend/test/step-definitions/package/__snapshots__/package_selectedExtensions.steps.bs.js.snap
+++ /dev/null
@@ -1,204 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Package Selected Extensions show selected extensions 1`] = `
-<div
-  className="ant-list ant-list-split ant-list-grid css-dev-only-do-not-override-p7e5j5"
-  style={Object {}}
->
-  <div
-    className="ant-spin-nested-loading css-dev-only-do-not-override-p7e5j5"
-  >
-    <div
-      className="ant-spin-container"
-    >
-      <div
-        className="ant-row css-dev-only-do-not-override-p7e5j5"
-        style={
-          Object {
-            "marginLeft": -8,
-            "marginRight": -8,
-            "rowGap": undefined,
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "maxWidth": "100%",
-              "width": "100%",
-            }
-          }
-        >
-          <div
-            className="ant-col css-dev-only-do-not-override-p7e5j5"
-            style={
-              Object {
-                "flex": "1 1 auto",
-                "paddingLeft": 8,
-                "paddingRight": 8,
-              }
-            }
-          >
-            <div
-              className="ant-list-item"
-            >
-              <div
-                className="ant-card ant-card-bordered css-dev-only-do-not-override-p7e5j5"
-                onClick={[Function]}
-                style={Object {}}
-              >
-                <div
-                  className="ant-card-cover"
-                >
-                  <div
-                    className="ant-image css-dev-only-do-not-override-p7e5j5"
-                    style={
-                      Object {
-                        "height": 50,
-                        "width": 50,
-                      }
-                    }
-                  >
-                    <img
-                      className="ant-image-img css-dev-only-do-not-override-p7e5j5"
-                      height={50}
-                      onLoad={[Function]}
-                      src="i1"
-                      style={
-                        Object {
-                          "height": 50,
-                        }
-                      }
-                      width={50}
-                    />
-                  </div>
-                </div>
-                <div
-                  className="ant-card-body"
-                  style={
-                    Object {
-                      "padding": "0px",
-                    }
-                  }
-                >
-                  <div
-                    className="ant-card-meta"
-                  >
-                    <div
-                      className="ant-card-meta-detail"
-                    >
-                      <div
-                        className="ant-card-meta-title"
-                      >
-                        <span
-                          style={
-                            Object {
-                              "whiteSpace": "normal",
-                              "wordBreak": "break-all",
-                              "wordWrap": "break-word",
-                            }
-                          }
-                        >
-                          
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "maxWidth": "100%",
-              "width": "100%",
-            }
-          }
-        >
-          <div
-            className="ant-col css-dev-only-do-not-override-p7e5j5"
-            style={
-              Object {
-                "flex": "1 1 auto",
-                "paddingLeft": 8,
-                "paddingRight": 8,
-              }
-            }
-          >
-            <div
-              className="ant-list-item"
-            >
-              <div
-                className="ant-card ant-card-bordered css-dev-only-do-not-override-p7e5j5"
-                onClick={[Function]}
-                style={Object {}}
-              >
-                <div
-                  className="ant-card-cover"
-                >
-                  <div
-                    className="ant-image css-dev-only-do-not-override-p7e5j5"
-                    style={
-                      Object {
-                        "height": 50,
-                        "width": 50,
-                      }
-                    }
-                  >
-                    <img
-                      className="ant-image-img css-dev-only-do-not-override-p7e5j5"
-                      height={50}
-                      onLoad={[Function]}
-                      src="i2"
-                      style={
-                        Object {
-                          "height": 50,
-                        }
-                      }
-                      width={50}
-                    />
-                  </div>
-                </div>
-                <div
-                  className="ant-card-body"
-                  style={
-                    Object {
-                      "padding": "0px",
-                    }
-                  }
-                >
-                  <div
-                    className="ant-card-meta"
-                  >
-                    <div
-                      className="ant-card-meta-detail"
-                    >
-                      <div
-                        className="ant-card-meta-title"
-                      >
-                        <span
-                          style={
-                            Object {
-                              "whiteSpace": "normal",
-                              "wordBreak": "break-all",
-                              "wordWrap": "break-word",
-                            }
-                          }
-                        >
-                          
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/platform/frontend/test/step-definitions/package/__snapshots__/package_selectedPackages.steps.bs.js.snap b/platform/frontend/test/step-definitions/package/__snapshots__/package_selectedPackages.steps.bs.js.snap
deleted file mode 100644
index 41bd2a042..000000000
--- a/platform/frontend/test/step-definitions/package/__snapshots__/package_selectedPackages.steps.bs.js.snap
+++ /dev/null
@@ -1,204 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Package Selected Packages show selected packages 1`] = `
-<div
-  className="ant-list ant-list-split ant-list-grid css-dev-only-do-not-override-p7e5j5"
-  style={Object {}}
->
-  <div
-    className="ant-spin-nested-loading css-dev-only-do-not-override-p7e5j5"
-  >
-    <div
-      className="ant-spin-container"
-    >
-      <div
-        className="ant-row css-dev-only-do-not-override-p7e5j5"
-        style={
-          Object {
-            "marginLeft": -8,
-            "marginRight": -8,
-            "rowGap": undefined,
-          }
-        }
-      >
-        <div
-          style={
-            Object {
-              "maxWidth": "100%",
-              "width": "100%",
-            }
-          }
-        >
-          <div
-            className="ant-col css-dev-only-do-not-override-p7e5j5"
-            style={
-              Object {
-                "flex": "1 1 auto",
-                "paddingLeft": 8,
-                "paddingRight": 8,
-              }
-            }
-          >
-            <div
-              className="ant-list-item"
-            >
-              <div
-                className="ant-card ant-card-bordered css-dev-only-do-not-override-p7e5j5"
-                onClick={[Function]}
-                style={Object {}}
-              >
-                <div
-                  className="ant-card-cover"
-                >
-                  <div
-                    className="ant-image css-dev-only-do-not-override-p7e5j5"
-                    style={
-                      Object {
-                        "height": 50,
-                        "width": 50,
-                      }
-                    }
-                  >
-                    <img
-                      className="ant-image-img css-dev-only-do-not-override-p7e5j5"
-                      height={50}
-                      onLoad={[Function]}
-                      src="i1"
-                      style={
-                        Object {
-                          "height": 50,
-                        }
-                      }
-                      width={50}
-                    />
-                  </div>
-                </div>
-                <div
-                  className="ant-card-body"
-                  style={
-                    Object {
-                      "padding": "0px",
-                    }
-                  }
-                >
-                  <div
-                    className="ant-card-meta"
-                  >
-                    <div
-                      className="ant-card-meta-detail"
-                    >
-                      <div
-                        className="ant-card-meta-title"
-                      >
-                        <span
-                          style={
-                            Object {
-                              "whiteSpace": "normal",
-                              "wordBreak": "break-all",
-                              "wordWrap": "break-word",
-                            }
-                          }
-                        >
-                          p1
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div
-          style={
-            Object {
-              "maxWidth": "100%",
-              "width": "100%",
-            }
-          }
-        >
-          <div
-            className="ant-col css-dev-only-do-not-override-p7e5j5"
-            style={
-              Object {
-                "flex": "1 1 auto",
-                "paddingLeft": 8,
-                "paddingRight": 8,
-              }
-            }
-          >
-            <div
-              className="ant-list-item"
-            >
-              <div
-                className="ant-card ant-card-bordered css-dev-only-do-not-override-p7e5j5"
-                onClick={[Function]}
-                style={Object {}}
-              >
-                <div
-                  className="ant-card-cover"
-                >
-                  <div
-                    className="ant-image css-dev-only-do-not-override-p7e5j5"
-                    style={
-                      Object {
-                        "height": 50,
-                        "width": 50,
-                      }
-                    }
-                  >
-                    <img
-                      className="ant-image-img css-dev-only-do-not-override-p7e5j5"
-                      height={50}
-                      onLoad={[Function]}
-                      src="i2"
-                      style={
-                        Object {
-                          "height": 50,
-                        }
-                      }
-                      width={50}
-                    />
-                  </div>
-                </div>
-                <div
-                  className="ant-card-body"
-                  style={
-                    Object {
-                      "padding": "0px",
-                    }
-                  }
-                >
-                  <div
-                    className="ant-card-meta"
-                  >
-                    <div
-                      className="ant-card-meta-detail"
-                    >
-                      <div
-                        className="ant-card-meta-title"
-                      >
-                        <span
-                          style={
-                            Object {
-                              "whiteSpace": "normal",
-                              "wordBreak": "break-all",
-                              "wordWrap": "break-word",
-                            }
-                          }
-                        >
-                          p2
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/platform/frontend/test/step-definitions/package/__snapshots__/publish_package.steps.bs.js.snap b/platform/frontend/test/step-definitions/package/__snapshots__/publish_package.steps.bs.js.snap
deleted file mode 100644
index c13a0f55c..000000000
--- a/platform/frontend/test/step-definitions/package/__snapshots__/publish_package.steps.bs.js.snap
+++ /dev/null
@@ -1,16 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Publish Package show publish button 1`] = `
-<button
-  className="ant-btn css-dev-only-do-not-override-p7e5j5 ant-btn-default"
-  disabled={false}
-  onClick={[Function]}
-  style={Object {}}
-  type="button"
->
-  <span>
-    发 布
-  </span>
-  
-</button>
-`;