Upload Tests/Features/Bugs (#1918)

* test(Guide): update unit tests; fix content warning

* feat(upload): add some unit tests and features

* feat(upload): unit tests & features & bugs

* test(upload): image card

* test(upload): multipleFlowList unit tests

* test(upload): upload DraggerFile and CustomFile tests

* test(upload): add drag file unit tests

* feat: update common

* test(upload): mock request

* test: update snapshots

* test: update snapshots

package.json

@@ -151,6 +151,7 @@
     "lint-staged": "^12.1.6",
     "markdown-it-fence": "^0.1.3",
     "mockdate": "^3.0.5",
+    "msw": "^1.0.0",
     "npm-run-all": "^4.1.5",
     "nyc": "^15.1.0",
     "postcss": "^8.3.11",

src/common.ts

@@ -35,12 +35,16 @@ export interface UploadDisplayDragEvents {
 }
 
 export type ImageEvent<T = any> = SyntheticEvent<T>;
-/** 通用全局类型 */
+
+/**
+ * 通用全局类型
+ * */
+export type PlainObject = { [key: string]: any };
 
 export type OptionData = {
   label?: string;
   value?: string | number;
-} & { [key: string]: any };
+} & PlainObject;
 
 export type TreeOptionData<T = string | number> = {
   children?: Array<TreeOptionData<T>>;
@@ -50,7 +54,7 @@ export type TreeOptionData<T = string | number> = {
   text?: string;
   /** option value */
   value?: T;
-} & { [key: string]: any };
+} & PlainObject;
 
 export type SizeEnum = 'small' | 'medium' | 'large';
 

src/guide/Guide.tsx

@@ -336,7 +336,7 @@ const Guide = (props: GuideProps) => {
         current: innerCurrent,
         total: stepsTotal,
       };
-      renderBody = React.cloneElement(content as any, contentProps);
+      renderBody = isFunction(content) ? content(contentProps) : content;
     } else {
       renderBody = renderPopupContent();
     }