@king-design/vue 2.1.4 → 2.1.6

package/components/upload/index.spec.js

@@ -5,9 +5,13 @@ 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";
@@ -21,30 +25,38 @@ 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', {
@@ -57,10 +69,12 @@ 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);
@@ -69,55 +83,68 @@ 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, _dialog$querySelector, cancel, _dialog$querySelector2, 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');
-            _dialog$querySelector = dialog.querySelectorAll('.k-dialog-footer .k-btn'), cancel = _dialog$querySelector[1];
-            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');
-            _dialog$querySelector2 = dialog.querySelectorAll('.k-dialog-footer .k-btn'), ok = _dialog$querySelector2[0];
-            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');
+              _dialog$querySelector = dialog.querySelectorAll('.k-dialog-footer .k-btn'), cancel = _dialog$querySelector[1];
+              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');
+              _dialog$querySelector2 = dialog.querySelectorAll('.k-dialog-footer .k-btn'), ok = _dialog$querySelector2[0];
+              ok.click();
+              _context.next = 21;
+              return wait(500);
+
+            case 21:
+              expect(element.innerHTML).to.matchSnapshot();
+              done();
+
+            case 23:
+            case "end":
+              return _context.stop();
+          }
         }
       }, _callee);
     })));
@@ -128,78 +155,92 @@ 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);
+      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'])
             });
-          });
-          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();
+            _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:
-            expect(element.innerHTML.replace(/blob:[^"]*/g, '')).to.matchSnapshot();
-            view = element.querySelector('.k-upload-overlap');
-            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();
+        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();
-              done();
-            });
-            input.files = getDataTransfer(['b', 'c', 'd']).files;
-          case 11:
-          case "end":
-            return _context3.stop();
+              view = element.querySelector('.k-upload-overlap');
+              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();
+          }
         }
       }, _callee3);
     })));
@@ -211,22 +252,28 @@ 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.$lastInput.children;
     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);
     })));
@@ -240,29 +287,40 @@ 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)], {
@@ -271,79 +329,108 @@ 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)], {
@@ -351,17 +438,21 @@ 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);
     })));
@@ -377,9 +468,11 @@ 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();
@@ -393,25 +486,34 @@ 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();
             });
@@ -419,13 +521,18 @@ 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)], {