test: Add test case

Author: zombieJ

package.json

@@ -37,7 +37,8 @@
     "now-build": "npm run docs:build"
   },
   "devDependencies": {
-    "@types/jest": "^26.0.0",
+    "@types/enzyme": "^3.10.8",
+    "@types/jest": "^26.0.19",
     "@types/react": "^16.9.2",
     "@types/react-dom": "^16.9.0",
     "@umijs/fabric": "^2.0.0",
@@ -67,18 +68,6 @@
     "classnames": "^2.2.5",
     "rc-util": "^5.2.0"
   },
-  "jest": {
-    "collectCoverageFrom": [
-      "src/*"
-    ],
-    "coveragePathIgnorePatterns": [
-      "src/IframeUploader.jsx"
-    ],
-    "transform": {
-      "\\.tsx?$": "./node_modules/rc-tools/scripts/jestPreprocessor.js",
-      "\\.jsx?$": "./node_modules/rc-tools/scripts/jestPreprocessor.js"
-    }
-  },
   "peerDependencies": {
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"

tests/batch.spec.tsx

@@ -0,0 +1,123 @@
+/* eslint no-console:0 */
+import React from 'react';
+import { format } from 'util';
+import { mount, ReactWrapper } from 'enzyme';
+import sinon from 'sinon';
+import Upload from '../src';
+import { UploadProps, RcFile } from '../src/interface';
+
+describe('Upload.Batch', () => {
+  function getFile(name: string): RcFile {
+    return {
+      name,
+      toString: () => name,
+    } as RcFile;
+  }
+
+  function genProps(props?: {
+    onStart: UploadProps['onStart'];
+    onProgress: UploadProps['onProgress'];
+    onSuccess: UploadProps['onSuccess'];
+    onError: UploadProps['onError'];
+  }) {
+    return {
+      action: '/test',
+      data: { a: 1, b: 2 },
+      multiple: true,
+      accept: '.png',
+      onStart(file) {
+        props?.onStart?.(file);
+      },
+      onSuccess(res, file, xhr) {
+        props?.onSuccess?.(res, file, xhr);
+      },
+      onProgress(step, file) {
+        props?.onProgress?.(step, file);
+      },
+      onError(err, ret, file) {
+        props?.onError?.(err, ret, file);
+      },
+    };
+  }
+
+  describe('onBatchUpload', () => {
+    const firstFile = getFile('first.png');
+    const secondFile = getFile('second.png');
+
+    function triggerUpload(wrapper: ReactWrapper) {
+      const files: RcFile[] = [firstFile, secondFile];
+      wrapper.find('input').first().simulate('change', { target: { files } });
+    }
+
+    it('should trigger', done => {
+      const onBatchUpload = jest.fn();
+
+      const wrapper = mount(<Upload onBatchUpload={onBatchUpload} {...genProps()} />);
+      triggerUpload(wrapper);
+
+      setTimeout(() => {
+        expect(onBatchUpload).toHaveBeenCalledWith([
+          expect.objectContaining(firstFile),
+          expect.objectContaining(secondFile),
+        ]);
+        done();
+      }, 10);
+    });
+
+    it('beforeUpload return false', done => {
+      const onBatchUpload = jest.fn();
+
+      const wrapper = mount(
+        <Upload onBatchUpload={onBatchUpload} beforeUpload={() => false} {...genProps()} />,
+      );
+      triggerUpload(wrapper);
+
+      setTimeout(() => {
+        expect(onBatchUpload).toHaveBeenCalledWith([
+          expect.objectContaining(firstFile),
+          expect.objectContaining(secondFile),
+        ]);
+        done();
+      }, 10);
+    });
+
+    it('beforeUpload return promise file', done => {
+      const onBatchUpload = jest.fn();
+
+      const wrapper = mount(
+        <Upload
+          onBatchUpload={onBatchUpload}
+          beforeUpload={file => Promise.resolve(file)}
+          {...genProps()}
+        />,
+      );
+      triggerUpload(wrapper);
+
+      setTimeout(() => {
+        expect(onBatchUpload).toHaveBeenCalledWith([
+          expect.objectContaining(firstFile),
+          expect.objectContaining(secondFile),
+        ]);
+        done();
+      }, 10);
+    });
+
+    it('beforeUpload return promise rejection', done => {
+      const onBatchUpload = jest.fn();
+
+      const wrapper = mount(
+        <Upload
+          onBatchUpload={onBatchUpload}
+          beforeUpload={() => Promise.reject()}
+          {...genProps()}
+        />,
+      );
+      triggerUpload(wrapper);
+
+      setTimeout(() => {
+        expect(onBatchUpload).toHaveBeenCalledWith([]);
+        done();
+      }, 10);
+    });
+  });
+});