[test](sqle/Order): unit test list & create

packages/shared/lib/components/BasicChart/__snapshots__/index.test.tsx.snap

@@ -9,9 +9,7 @@ exports[`lib/BasicChart render type is column 1`] = `
       class="ant-card-body"
     >
       <div
-        data="[{\\"x\\":1}]"
-        locale="zh-cn"
-        theme="dark"
+        data-custom-params="{\\"data\\":[{\\"x\\":1}],\\"theme\\":\\"dark\\",\\"locale\\":\\"zh-cn\\"}"
       />
     </div>
   </div>
@@ -238,8 +236,7 @@ exports[`lib/BasicChart render type is line 4`] = `
       class="ant-card-body"
     >
       <div
-        data="[{\\"x\\":1}]"
-        theme="dark"
+        data-custom-params="{\\"data\\":[{\\"x\\":1}],\\"theme\\":\\"dark\\"}"
       />
     </div>
   </div>

packages/shared/lib/testUtil/mockAntDesignPlots.jsx

@@ -1,22 +1,10 @@
-import { cloneDeep, isObject } from 'lodash';
-
-// 不适合作为 html 属性元素出现的 key 的数据集合
-const customDomKeyData = ['label', 'legend'];
+import { cloneDeep } from 'lodash';
 
 const MockPlots = (props) => {
-  const { onReady, ref, ...othersParams } = cloneDeep(props);
-
-  Object.keys(othersParams).forEach((key) => {
-    if (customDomKeyData.includes(key)) {
-      delete othersParams[key];
-      return;
-    }
-    if (isObject(othersParams[key])) {
-      othersParams[key] = JSON.stringify(othersParams[key]);
-    }
-  });
-
-  return <div {...othersParams} />;
+  const clonePropsData = cloneDeep(props);
+  // 考虑到输入的属性是作为 div 的自定义属性，故而对 params 做了 stringify 的处理
+  const params = JSON.stringify(clonePropsData);
+  return <div data-custom-params={params} />;
 };
 
 const Line = MockPlots;