@king-design/react 3.1.4-beta.2 → 3.1.5

package/components/upload/index.spec.js

@@ -5,13 +5,9 @@ import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-meth
 import _inheritsLoose from "@babel/runtime-corejs3/helpers/inheritsLoose";
 import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
-
 function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { var _context15; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context15 = Object.prototype.toString.call(o)).call(_context15, 8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return _Array$from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
 import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
 import _Promise from "@babel/runtime-corejs3/core-js/promise";
 import _concatInstanceProperty from "@babel/runtime-corejs3/core-js/instance/concat";
@@ -25,38 +21,30 @@ import ManuallyDemo from '~/components/upload/demos/manually';
 import { mount, unmount, dispatchEvent, getElement, wait } from '../../test/utils';
 import { Upload } from './';
 import { bind } from '../utils';
-
 function getDataTransfer(names, options, type) {
   if (options === void 0) {
     options = {};
   }
-
   if (type === void 0) {
     type = '';
   }
-
   var data = _mapInstanceProperty(names).call(names, function (item) {
     var file = new File([item], (options.name || item) + "." + (options.type || 'png'), {
       type: type
     });
     return file;
   });
-
   var dt = new DataTransfer();
-
   for (var _iterator = _createForOfIteratorHelperLoose(data), _step; !(_step = _iterator()).done;) {
     var file = _step.value;
     dt.items.add(file);
   }
-
   return dt;
 }
-
 var respond = function respond(xhr) {
   xhr.respond(200);
-}; // we should trigger change event manually in the newest ChromeHeadless
-
-
+};
+// we should trigger change event manually in the newest ChromeHeadless
 function fixInputChange(input) {
   var files;
   Object.defineProperty(input, 'files', {
@@ -69,12 +57,10 @@ function fixInputChange(input) {
     }
   });
 }
-
 describe('Upload', function () {
   beforeEach(function () {
     this.xhr = sinon.useFakeXMLHttpRequest();
     var requests = this.requests = [];
-
     this.xhr.onCreate = function (xhr) {
       setTimeout(function () {
         respond(xhr);
@@ -83,67 +69,55 @@ describe('Upload', function () {
   });
   afterEach(function (done) {
     unmount();
-
     respond = function respond(xhr) {
       xhr.respond(200);
     };
-
     this.xhr.restore();
     setTimeout(done, 500);
   });
   it('basic', function (done) {
     this.timeout(0);
-
     var _mount = mount(BasicDemo),
-        instance = _mount[0],
-        element = _mount[1];
-
+      instance = _mount[0],
+      element = _mount[1];
     var upload = instance.$lastInput.children;
     upload.on('success', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var remove, dialog, cancel, ok;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return wait(500);
-
-            case 2:
-              expect(element.innerHTML).to.matchSnapshot(); // beforeRemove
-
-              remove = element.querySelector('.k-upload-close');
-              remove.click();
-              _context.next = 7;
-              return wait();
-
-            case 7:
-              dialog = getElement('.k-dialog');
-              cancel = dialog.querySelector('.k-dialog-footer .k-dialog-cancel');
-              cancel.click();
-              _context.next = 12;
-              return wait(500);
-
-            case 12:
-              expect(element.innerHTML).to.matchSnapshot();
-              remove.click();
-              _context.next = 16;
-              return wait();
-
-            case 16:
-              dialog = getElement('.k-dialog');
-              ok = dialog.querySelector('.k-dialog-footer .k-dialog-ok');
-              ok.click();
-              _context.next = 21;
-              return wait(500);
-
-            case 21:
-              expect(element.innerHTML).to.matchSnapshot();
-              done();
-
-            case 23:
-            case "end":
-              return _context.stop();
-          }
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return wait(500);
+          case 2:
+            expect(element.innerHTML).to.matchSnapshot();
+            // beforeRemove
+            remove = element.querySelector('.k-upload-close');
+            remove.click();
+            _context.next = 7;
+            return wait();
+          case 7:
+            dialog = getElement('.k-dialog');
+            cancel = dialog.querySelector('.k-dialog-footer .k-dialog-cancel');
+            cancel.click();
+            _context.next = 12;
+            return wait(500);
+          case 12:
+            expect(element.innerHTML).to.matchSnapshot();
+            remove.click();
+            _context.next = 16;
+            return wait();
+          case 16:
+            dialog = getElement('.k-dialog');
+            ok = dialog.querySelector('.k-dialog-footer .k-dialog-ok');
+            ok.click();
+            _context.next = 21;
+            return wait(500);
+          case 21:
+            expect(element.innerHTML).to.matchSnapshot();
+            done();
+          case 23:
+          case "end":
+            return _context.stop();
         }
       }, _callee);
     })));
@@ -154,92 +128,78 @@ describe('Upload', function () {
   });
   it('drag', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var _mount2, instance, element, handle, upload, p;
-
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            this.timeout(0);
-            _mount2 = mount(DragDemo), instance = _mount2[0], element = _mount2[1];
-            handle = element.querySelector('.k-upload-handle');
-            dispatchEvent(handle, 'dragenter');
-            _context2.next = 6;
-            return wait();
-
-          case 6:
-            expect(element.outerHTML).to.matchSnapshot();
-            dispatchEvent(handle, 'dragleave');
-            _context2.next = 10;
-            return wait();
-
-          case 10:
-            expect(element.outerHTML).to.matchSnapshot();
-            upload = instance.$lastInput.children;
-            p = new _Promise(function (resolve) {
-              upload.on('success', function () {
-                setTimeout(function () {
-                  expect(element.innerHTML).to.matchSnapshot();
-                  resolve();
-                }, 1000);
-              });
-            });
-            dispatchEvent(handle, 'drop', {
-              dataTransfer: getDataTransfer(['a'])
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          this.timeout(0);
+          _mount2 = mount(DragDemo), instance = _mount2[0], element = _mount2[1];
+          handle = element.querySelector('.k-upload-handle');
+          dispatchEvent(handle, 'dragenter');
+          _context2.next = 6;
+          return wait();
+        case 6:
+          expect(element.outerHTML).to.matchSnapshot();
+          dispatchEvent(handle, 'dragleave');
+          _context2.next = 10;
+          return wait();
+        case 10:
+          expect(element.outerHTML).to.matchSnapshot();
+          upload = instance.$lastInput.children;
+          p = new _Promise(function (resolve) {
+            upload.on('success', function () {
+              setTimeout(function () {
+                expect(element.innerHTML).to.matchSnapshot();
+                resolve();
+              }, 1000);
             });
-            _context2.next = 16;
-            return wait();
-
-          case 16:
-            expect(element.innerHTML).to.matchSnapshot();
-            _context2.next = 19;
-            return p;
-
-          case 19:
-          case "end":
-            return _context2.stop();
-        }
+          });
+          dispatchEvent(handle, 'drop', {
+            dataTransfer: getDataTransfer(['a'])
+          });
+          _context2.next = 16;
+          return wait();
+        case 16:
+          expect(element.innerHTML).to.matchSnapshot();
+          _context2.next = 19;
+          return p;
+        case 19:
+        case "end":
+          return _context2.stop();
       }
     }, _callee2, this);
   })));
   it('gallery', function (done) {
     this.timeout(0);
-
     var _mount3 = mount(GalleryDemo),
-        instance = _mount3[0],
-        element = _mount3[1];
-
+      instance = _mount3[0],
+      element = _mount3[1];
     var input = element.querySelector('input');
     var upload = instance.$lastInput.children;
     upload.on('success', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
       var view, dialog;
       return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-        while (1) {
-          switch (_context3.prev = _context3.next) {
-            case 0:
-              _context3.next = 2;
-              return wait(1000);
-
-            case 2:
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            _context3.next = 2;
+            return wait(1000);
+          case 2:
+            expect(element.innerHTML.replace(/blob:[^"]*/g, '')).to.matchSnapshot();
+            view = element.querySelector('.k-upload-zoom');
+            view.click();
+            _context3.next = 7;
+            return wait();
+          case 7:
+            dialog = getElement('.k-dialog');
+            expect(dialog.innerHTML.replace(/blob:[^"]*/g, '')).to.matchSnapshot();
+            upload.on('error', function (err) {
+              expect(err.message).to.matchSnapshot();
               expect(element.innerHTML.replace(/blob:[^"]*/g, '')).to.matchSnapshot();
-              view = element.querySelector('.k-upload-zoom');
-              view.click();
-              _context3.next = 7;
-              return wait();
-
-            case 7:
-              dialog = getElement('.k-dialog');
-              expect(dialog.innerHTML.replace(/blob:[^"]*/g, '')).to.matchSnapshot();
-              upload.on('error', function (err) {
-                expect(err.message).to.matchSnapshot();
-                expect(element.innerHTML.replace(/blob:[^"]*/g, '')).to.matchSnapshot();
-                done();
-              });
-              input.files = getDataTransfer(['b', 'c', 'd']).files;
-
-            case 11:
-            case "end":
-              return _context3.stop();
-          }
+              done();
+            });
+            input.files = getDataTransfer(['b', 'c', 'd']).files;
+          case 11:
+          case "end":
+            return _context3.stop();
         }
       }, _callee3);
     })));
@@ -251,28 +211,22 @@ describe('Upload', function () {
   });
   it('manually', function (done) {
     this.timeout(0);
-
     var _mount4 = mount(ManuallyDemo),
-        instance = _mount4[0],
-        element = _mount4[1];
-
+      instance = _mount4[0],
+      element = _mount4[1];
     var upload = instance.refs.instance;
     upload.on('success', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
       return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-        while (1) {
-          switch (_context4.prev = _context4.next) {
-            case 0:
-              _context4.next = 2;
-              return wait(500);
-
-            case 2:
-              expect(element.innerHTML).to.matchSnapshot();
-              done();
-
-            case 4:
-            case "end":
-              return _context4.stop();
-          }
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            _context4.next = 2;
+            return wait(500);
+          case 2:
+            expect(element.innerHTML).to.matchSnapshot();
+            done();
+          case 4:
+          case "end":
+            return _context4.stop();
         }
       }, _callee4);
     })));
@@ -286,40 +240,29 @@ describe('Upload', function () {
   });
   it('should trigger error event when exceed the maxSize', function (done) {
     var _context6;
-
     var Demo = /*#__PURE__*/function (_Component) {
       _inheritsLoose(Demo, _Component);
-
       function Demo() {
         var _context5;
-
         var _this;
-
         for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
           args[_key] = arguments[_key];
         }
-
         _this = _Component.call.apply(_Component, _concatInstanceProperty(_context5 = [this]).call(_context5, args)) || this;
         _this.Upload = Upload;
         return _this;
       }
-
       var _proto = Demo.prototype;
-
       _proto._onError = function _onError(e) {
         expect(e.message).to.matchSnapshot();
         done();
       };
-
       return Demo;
     }(Component);
-
     Demo.template = "const {Upload} = this; <Upload maxSize={1} ev-error={this._onError} />";
-
     var _mount5 = mount(Demo),
-        instance = _mount5[0],
-        element = _mount5[1];
-
+      instance = _mount5[0],
+      element = _mount5[1];
     var input = element.querySelector('input');
     fixInputChange(input);
     input.files = getDataTransfer([_repeatInstanceProperty(_context6 = 'a').call(_context6, 1025 * 1)], {
@@ -328,108 +271,79 @@ describe('Upload', function () {
   });
   it('should handle error on uploading correctly', function (done) {
     var _context9;
-
     this.timeout(0);
-
     var Demo = /*#__PURE__*/function (_Component2) {
       _inheritsLoose(Demo, _Component2);
-
       function Demo() {
         var _context7;
-
         var _this2;
-
         for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
           args[_key2] = arguments[_key2];
         }
-
         _this2 = _Component2.call.apply(_Component2, _concatInstanceProperty(_context7 = [this]).call(_context7, args)) || this;
         _this2.Upload = Upload;
         return _this2;
       }
-
       var _proto2 = Demo.prototype;
-
       _proto2._onError = /*#__PURE__*/function () {
         var _onError2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(e) {
           return _regeneratorRuntime.wrap(function _callee5$(_context8) {
-            while (1) {
-              switch (_context8.prev = _context8.next) {
-                case 0:
-                  _context8.next = 2;
-                  return wait(500);
-
-                case 2:
-                  // FIXME: the innerHTML has string: `height: 44px;` when we run test in travis-ci
-                  // expect(element.innerHTML.replace(/height: \d+px;/, '')).to.matchSnapshot();
-                  expect(element.innerHTML).to.matchSnapshot();
-                  done();
-
-                case 4:
-                case "end":
-                  return _context8.stop();
-              }
+            while (1) switch (_context8.prev = _context8.next) {
+              case 0:
+                _context8.next = 2;
+                return wait(500);
+              case 2:
+                // FIXME: the innerHTML has string: `height: 44px;` when we run test in travis-ci
+                // expect(element.innerHTML.replace(/height: \d+px;/, '')).to.matchSnapshot();
+                expect(element.innerHTML).to.matchSnapshot();
+                done();
+              case 4:
+              case "end":
+                return _context8.stop();
             }
           }, _callee5);
         }));
-
         function _onError(_x) {
           return _onError2.apply(this, arguments);
         }
-
         return _onError;
       }();
-
       return Demo;
     }(Component);
-
     Demo.template = "\n                const {Upload} = this;\n                <Upload\n                    action=\"//localhost\"\n                    ev-error={this._onError}\n                />\n            ";
-
     var _mount6 = mount(Demo),
-        instance = _mount6[0],
-        element = _mount6[1];
-
+      instance = _mount6[0],
+      element = _mount6[1];
     var input = element.querySelector('input');
     fixInputChange(input);
     input.files = getDataTransfer([_repeatInstanceProperty(_context9 = 'a').call(_context9, 1024 * 100)], {
       name: 'a'
     }).files;
-
     respond = function respond(xhr) {
       return xhr.respond(500);
     };
   });
   it('should abort request when remove file in progress', function (done) {
     var _context11;
-
     this.timeout(0);
-
     var Demo = /*#__PURE__*/function (_Component3) {
       _inheritsLoose(Demo, _Component3);
-
       function Demo() {
         var _context10;
-
         var _this3;
-
         for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
           args[_key3] = arguments[_key3];
         }
-
         _this3 = _Component3.call.apply(_Component3, _concatInstanceProperty(_context10 = [this]).call(_context10, args)) || this;
         _this3.Upload = Upload;
         return _this3;
       }
-
       return Demo;
     }(Component);
-
     Demo.template = "\n                const {Upload} = this;\n                <Upload\n                    action=\"//jsonplaceholder.typicode.com/posts/\"\n                    ref=\"upload\"\n                />\n            ";
-
     var _mount7 = mount(Demo),
-        instance = _mount7[0],
-        element = _mount7[1];
-
+      instance = _mount7[0],
+      element = _mount7[1];
     var input = element.querySelector('input');
     fixInputChange(input);
     input.files = getDataTransfer([_repeatInstanceProperty(_context11 = 'a').call(_context11, 1024 * 512)], {
@@ -437,21 +351,17 @@ describe('Upload', function () {
     }).files;
     instance.refs.upload.on('progress', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
       return _regeneratorRuntime.wrap(function _callee6$(_context12) {
-        while (1) {
-          switch (_context12.prev = _context12.next) {
-            case 0:
-              element.querySelector('.k-upload-close').click();
-              _context12.next = 3;
-              return wait(500);
-
-            case 3:
-              expect(element.innerHTML).to.matchSnapshot();
-              done();
-
-            case 5:
-            case "end":
-              return _context12.stop();
-          }
+        while (1) switch (_context12.prev = _context12.next) {
+          case 0:
+            element.querySelector('.k-upload-close').click();
+            _context12.next = 3;
+            return wait(500);
+          case 3:
+            expect(element.innerHTML).to.matchSnapshot();
+            done();
+          case 5:
+          case "end":
+            return _context12.stop();
         }
       }, _callee6);
     })));
@@ -467,11 +377,9 @@ describe('Upload', function () {
     expect(!!i.accept.isValidType('image/png', '')).to.be.true;
     expect(!!i.accept.isValidType('video/avi', '')).to.be.true;
     expect(!!i.accept.isValidType('application/x-tar', 'a.tar')).to.be.true;
-
     var _mount8 = mount(BasicDemo),
-        instance = _mount8[0],
-        element = _mount8[1];
-
+      instance = _mount8[0],
+      element = _mount8[1];
     var upload = instance.$lastInput.children;
     upload.on('error', function (e) {
       expect(e.message).to.matchSnapshot();
@@ -485,34 +393,25 @@ describe('Upload', function () {
   });
   it('should not add file if beforeUpload returns false', function (done) {
     var _context14;
-
     var Demo = /*#__PURE__*/function (_Component4) {
       _inheritsLoose(Demo, _Component4);
-
       function Demo() {
         var _context13;
-
         var _this4;
-
         for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
           args[_key4] = arguments[_key4];
         }
-
         _this4 = _Component4.call.apply(_Component4, _concatInstanceProperty(_context13 = [this]).call(_context13, args)) || this;
         _this4.Upload = Upload;
         return _this4;
       }
-
       var _proto3 = Demo.prototype;
-
       _proto3.beforeUpload = function beforeUpload() {
         var _this5 = this;
-
         return new _Promise(function (resolve, reject) {
           setTimeout(function () {
             setTimeout(function () {
               var files = _this5.refs.upload.get('files');
-
               expect(files.length).to.eql(0);
               done();
             });
@@ -520,18 +419,13 @@ describe('Upload', function () {
           }, 100);
         });
       };
-
       return Demo;
     }(Component);
-
     Demo.template = "\n                const {Upload} = this;\n                <Upload\n                    action=\"//jsonplaceholder.typicode.com/posts/\"\n                    ref=\"upload\"\n                    beforeUpload={this.beforeUpload}\n                    type=\"gallery\"\n                    limit={1}\n                />\n            ";
-
     __decorate([bind], Demo.prototype, "beforeUpload", null);
-
     var _mount9 = mount(Demo),
-        instance = _mount9[0],
-        element = _mount9[1];
-
+      instance = _mount9[0],
+      element = _mount9[1];
     var input = element.querySelector('input');
     fixInputChange(input);
     input.files = getDataTransfer([_repeatInstanceProperty(_context14 = 'a').call(_context14, 1024 * 512)], {