@king-design/react 2.1.4 → 2.1.6

package/components/tree/index.spec.js

@@ -16,340 +16,410 @@ describe('Tree', function () {
   });
   it('expand and shrink', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
     var _mount, instance, element, _element$querySelecto, icon1, icon2;
+
     return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          this.timeout(0);
-          _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
-          _element$querySelecto = element.querySelectorAll('.k-icon'), icon1 = _element$querySelecto[1], icon2 = _element$querySelecto[2];
-          icon2.click();
-          _context.next = 6;
-          return wait(500);
-        case 6:
-          expect(element.outerHTML).to.matchSnapshot();
-          icon1.click();
-          _context.next = 10;
-          return wait(500);
-        case 10:
-          expect(element.outerHTML).to.matchSnapshot();
-          icon1.click();
-          _context.next = 14;
-          return wait(500);
-        case 14:
-          expect(element.outerHTML).to.matchSnapshot();
-        case 15:
-        case "end":
-          return _context.stop();
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            this.timeout(0);
+            _mount = mount(BasicDemo), instance = _mount[0], element = _mount[1];
+            _element$querySelecto = element.querySelectorAll('.k-icon'), icon1 = _element$querySelecto[1], icon2 = _element$querySelecto[2];
+            icon2.click();
+            _context.next = 6;
+            return wait(500);
+
+          case 6:
+            expect(element.outerHTML).to.matchSnapshot();
+            icon1.click();
+            _context.next = 10;
+            return wait(500);
+
+          case 10:
+            expect(element.outerHTML).to.matchSnapshot();
+            icon1.click();
+            _context.next = 14;
+            return wait(500);
+
+          case 14:
+            expect(element.outerHTML).to.matchSnapshot();
+
+          case 15:
+          case "end":
+            return _context.stop();
+        }
       }
     }, _callee, this);
   })));
   it('checkbox', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
     var _mount2, instance, element, tree, _element$querySelecto2, checkbox1, checkbox2, data1, _element$querySelecto3, firstIcon, icon, _element$querySelecto4, icon1, data2, _element$querySelecto5, checkbox3, checkbox4;
+
     return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
-        case 0:
-          _mount2 = mount(CheckboxDemo), instance = _mount2[0], element = _mount2[1];
-          tree = instance.refs.tree;
-          expect(_JSON$stringify(tree.getCheckedData())).to.matchSnapshot();
-          _element$querySelecto2 = element.querySelectorAll('.k-checkbox'), checkbox1 = _element$querySelecto2[0], checkbox2 = _element$querySelecto2[1];
-          checkbox2.click();
-          _context2.next = 7;
-          return wait();
-        case 7:
-          expect(element.outerHTML).to.matchSnapshot();
-          data1 = tree.getCheckedData();
-          expect(data1.length).to.eql(4);
-          expect(_JSON$stringify(data1)).to.matchSnapshot();
-          _element$querySelecto3 = element.querySelectorAll('.k-icon'), firstIcon = _element$querySelecto3[0], icon = _element$querySelecto3[1]; // expand
-          icon.click();
-          _context2.next = 15;
-          return wait();
-        case 15:
-          _element$querySelecto4 = element.querySelectorAll('.k-icon'), icon1 = _element$querySelecto4[2]; // expand
-          icon1.click();
-          _context2.next = 19;
-          return wait(500);
-        case 19:
-          expect(element.outerHTML).to.matchSnapshot();
-          data2 = tree.getCheckedData(true);
-          expect(data2.length).to.eql(2);
-          expect(_JSON$stringify(data2)).to.matchSnapshot();
-          // uncheck a leaf checkbox
-          _element$querySelecto5 = element.querySelectorAll('.k-checkbox'), checkbox3 = _element$querySelecto5[2], checkbox4 = _element$querySelecto5[3];
-          checkbox4.click();
-          _context2.next = 27;
-          return wait();
-        case 27:
-          expect(element.outerHTML).to.matchSnapshot();
-          checkbox4.click();
-          _context2.next = 31;
-          return wait();
-        case 31:
-          expect(element.outerHTML).to.matchSnapshot();
-          checkbox3.click();
-          _context2.next = 35;
-          return wait();
-        case 35:
-          expect(element.outerHTML).to.matchSnapshot();
-        case 36:
-        case "end":
-          return _context2.stop();
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            _mount2 = mount(CheckboxDemo), instance = _mount2[0], element = _mount2[1];
+            tree = instance.refs.tree;
+            expect(_JSON$stringify(tree.getCheckedData())).to.matchSnapshot();
+            _element$querySelecto2 = element.querySelectorAll('.k-checkbox'), checkbox1 = _element$querySelecto2[0], checkbox2 = _element$querySelecto2[1];
+            checkbox2.click();
+            _context2.next = 7;
+            return wait();
+
+          case 7:
+            expect(element.outerHTML).to.matchSnapshot();
+            data1 = tree.getCheckedData();
+            expect(data1.length).to.eql(4);
+            expect(_JSON$stringify(data1)).to.matchSnapshot();
+            _element$querySelecto3 = element.querySelectorAll('.k-icon'), firstIcon = _element$querySelecto3[0], icon = _element$querySelecto3[1]; // expand
+
+            icon.click();
+            _context2.next = 15;
+            return wait();
+
+          case 15:
+            _element$querySelecto4 = element.querySelectorAll('.k-icon'), icon1 = _element$querySelecto4[2]; // expand
+
+            icon1.click();
+            _context2.next = 19;
+            return wait(500);
+
+          case 19:
+            expect(element.outerHTML).to.matchSnapshot();
+            data2 = tree.getCheckedData(true);
+            expect(data2.length).to.eql(2);
+            expect(_JSON$stringify(data2)).to.matchSnapshot(); // uncheck a leaf checkbox
+
+            _element$querySelecto5 = element.querySelectorAll('.k-checkbox'), checkbox3 = _element$querySelecto5[2], checkbox4 = _element$querySelecto5[3];
+            checkbox4.click();
+            _context2.next = 27;
+            return wait();
+
+          case 27:
+            expect(element.outerHTML).to.matchSnapshot();
+            checkbox4.click();
+            _context2.next = 31;
+            return wait();
+
+          case 31:
+            expect(element.outerHTML).to.matchSnapshot();
+            checkbox3.click();
+            _context2.next = 35;
+            return wait();
+
+          case 35:
+            expect(element.outerHTML).to.matchSnapshot();
+
+          case 36:
+          case "end":
+            return _context2.stop();
+        }
       }
     }, _callee2);
   })));
   it('async load', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
     var _mount3, instance, element, icon, _element$querySelecto6, icon1, checkbox, _element$querySelecto7, icon2;
+
     return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-      while (1) switch (_context3.prev = _context3.next) {
-        case 0:
-          this.timeout(0);
-          _mount3 = mount(LoadingDemo), instance = _mount3[0], element = _mount3[1];
-          icon = element.querySelector('.k-icon');
-          icon.click();
-          _context3.next = 6;
-          return wait();
-        case 6:
-          expect(element.outerHTML).to.matchSnapshot();
-          _context3.next = 9;
-          return wait(500);
-        case 9:
-          _element$querySelecto6 = element.querySelectorAll('.k-icon'), icon1 = _element$querySelecto6[1];
-          icon1.click();
-          _context3.next = 13;
-          return wait();
-        case 13:
-          expect(element.outerHTML).to.matchSnapshot();
-          // loaded
-          _context3.next = 16;
-          return wait(1500);
-        case 16:
-          expect(element.outerHTML).to.matchSnapshot();
-          // check
-          checkbox = element.querySelector('.k-checkbox');
-          checkbox.click();
-          _context3.next = 21;
-          return wait();
-        case 21:
-          _element$querySelecto7 = element.querySelectorAll('.k-icon'), icon2 = _element$querySelecto7[2];
-          icon2.click();
-          _context3.next = 25;
-          return wait(1500);
-        case 25:
-          expect(element.outerHTML).to.matchSnapshot();
-        case 26:
-        case "end":
-          return _context3.stop();
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            this.timeout(0);
+            _mount3 = mount(LoadingDemo), instance = _mount3[0], element = _mount3[1];
+            icon = element.querySelector('.k-icon');
+            icon.click();
+            _context3.next = 6;
+            return wait();
+
+          case 6:
+            expect(element.outerHTML).to.matchSnapshot();
+            _context3.next = 9;
+            return wait(500);
+
+          case 9:
+            _element$querySelecto6 = element.querySelectorAll('.k-icon'), icon1 = _element$querySelecto6[1];
+            icon1.click();
+            _context3.next = 13;
+            return wait();
+
+          case 13:
+            expect(element.outerHTML).to.matchSnapshot(); // loaded
+
+            _context3.next = 16;
+            return wait(1500);
+
+          case 16:
+            expect(element.outerHTML).to.matchSnapshot(); // check
+
+            checkbox = element.querySelector('.k-checkbox');
+            checkbox.click();
+            _context3.next = 21;
+            return wait();
+
+          case 21:
+            _element$querySelecto7 = element.querySelectorAll('.k-icon'), icon2 = _element$querySelecto7[2];
+            icon2.click();
+            _context3.next = 25;
+            return wait(1500);
+
+          case 25:
+            expect(element.outerHTML).to.matchSnapshot();
+
+          case 26:
+          case "end":
+            return _context3.stop();
+        }
       }
     }, _callee3, this);
   })));
   it('append and remove node', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
     var _mount4, instance, element, _element$querySelecto8, btn1, btn2, _element$querySelecto9, checkbox, _element$querySelecto10, btn3, _element$querySelecto11, checkbox1;
+
     return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-      while (1) switch (_context4.prev = _context4.next) {
-        case 0:
-          this.timeout(0);
-          _mount4 = mount(CustomDemo), instance = _mount4[0], element = _mount4[1];
-          _element$querySelecto8 = element.querySelectorAll('.k-btn'), btn1 = _element$querySelecto8[0], btn2 = _element$querySelecto8[1];
-          btn1.click();
-          _context4.next = 6;
-          return wait(500);
-        case 6:
-          expect(element.outerHTML).to.matchSnapshot();
-          expect(instance.get('data')).to.have.length(3);
-          expect(instance.get('data')).to.matchSnapshot();
-          btn2.click();
-          _context4.next = 12;
-          return wait(500);
-        case 12:
-          expect(element.outerHTML).to.matchSnapshot();
-          _element$querySelecto9 = element.querySelectorAll('.k-checkbox'), checkbox = _element$querySelecto9[1];
-          checkbox.click();
-          _context4.next = 17;
-          return wait();
-        case 17:
-          _element$querySelecto10 = element.querySelectorAll('.k-btn'), btn3 = _element$querySelecto10[3];
-          btn3.click();
-          _context4.next = 21;
-          return wait(500);
-        case 21:
-          expect(element.outerHTML).to.matchSnapshot();
-          // uncheck and remove
-          _element$querySelecto11 = element.querySelectorAll('.k-checkbox'), checkbox1 = _element$querySelecto11[2];
-          checkbox1.click();
-          _context4.next = 26;
-          return wait();
-        case 26:
-          checkbox1.parentNode.querySelector('.k-btn:nth-child(2)').click();
-          _context4.next = 29;
-          return wait(500);
-        case 29:
-          expect(element.outerHTML).to.matchSnapshot();
-          expect(instance.get('data')).to.matchSnapshot();
-        case 31:
-        case "end":
-          return _context4.stop();
+      while (1) {
+        switch (_context4.prev = _context4.next) {
+          case 0:
+            this.timeout(0);
+            _mount4 = mount(CustomDemo), instance = _mount4[0], element = _mount4[1];
+            _element$querySelecto8 = element.querySelectorAll('.k-btn'), btn1 = _element$querySelecto8[0], btn2 = _element$querySelecto8[1];
+            btn1.click();
+            _context4.next = 6;
+            return wait(500);
+
+          case 6:
+            expect(element.outerHTML).to.matchSnapshot();
+            expect(instance.get('data')).to.have.length(3);
+            expect(instance.get('data')).to.matchSnapshot();
+            btn2.click();
+            _context4.next = 12;
+            return wait(500);
+
+          case 12:
+            expect(element.outerHTML).to.matchSnapshot();
+            _element$querySelecto9 = element.querySelectorAll('.k-checkbox'), checkbox = _element$querySelecto9[1];
+            checkbox.click();
+            _context4.next = 17;
+            return wait();
+
+          case 17:
+            _element$querySelecto10 = element.querySelectorAll('.k-btn'), btn3 = _element$querySelecto10[3];
+            btn3.click();
+            _context4.next = 21;
+            return wait(500);
+
+          case 21:
+            expect(element.outerHTML).to.matchSnapshot(); // uncheck and remove
+
+            _element$querySelecto11 = element.querySelectorAll('.k-checkbox'), checkbox1 = _element$querySelecto11[2];
+            checkbox1.click();
+            _context4.next = 26;
+            return wait();
+
+          case 26:
+            checkbox1.parentNode.querySelector('.k-btn:nth-child(2)').click();
+            _context4.next = 29;
+            return wait(500);
+
+          case 29:
+            expect(element.outerHTML).to.matchSnapshot();
+            expect(instance.get('data')).to.matchSnapshot();
+
+          case 31:
+          case "end":
+            return _context4.stop();
+        }
       }
     }, _callee4, this);
   })));
   it('filterable', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
     var _mount5, instance, element;
+
     return _regeneratorRuntime.wrap(function _callee5$(_context5) {
-      while (1) switch (_context5.prev = _context5.next) {
-        case 0:
-          _mount5 = mount(FilterableDemo), instance = _mount5[0], element = _mount5[1];
-          instance.set('keywords', 'First');
-          _context5.next = 4;
-          return wait(500);
-        case 4:
-          expect(element.outerHTML).to.matchSnapshot();
-          instance.set('keywords', '2.1.1');
-          _context5.next = 8;
-          return wait(500);
-        case 8:
-          expect(element.outerHTML).to.matchSnapshot();
-        case 9:
-        case "end":
-          return _context5.stop();
+      while (1) {
+        switch (_context5.prev = _context5.next) {
+          case 0:
+            _mount5 = mount(FilterableDemo), instance = _mount5[0], element = _mount5[1];
+            instance.set('keywords', 'First');
+            _context5.next = 4;
+            return wait(500);
+
+          case 4:
+            expect(element.outerHTML).to.matchSnapshot();
+            instance.set('keywords', '2.1.1');
+            _context5.next = 8;
+            return wait(500);
+
+          case 8:
+            expect(element.outerHTML).to.matchSnapshot();
+
+          case 9:
+          case "end":
+            return _context5.stop();
+        }
       }
     }, _callee5);
   })));
   it('select', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee6() {
     var _mount6, instance, element, tree, _element$querySelecto12, text1, text2, disabledText;
+
     return _regeneratorRuntime.wrap(function _callee6$(_context6) {
-      while (1) switch (_context6.prev = _context6.next) {
-        case 0:
-          _mount6 = mount(SelectDemo), instance = _mount6[0], element = _mount6[1];
-          tree = instance.refs.tree;
-          expect(tree.getSelectedData().length).to.eql(1);
-          _element$querySelecto12 = element.querySelectorAll('.k-tree-text'), text1 = _element$querySelecto12[2], text2 = _element$querySelecto12[3], disabledText = _element$querySelecto12[5];
-          text1.click();
-          _context6.next = 7;
-          return wait();
-        case 7:
-          expect(tree.getSelectedData().length).to.eql(2);
-          text1.click();
-          text2.click();
-          _context6.next = 12;
-          return wait();
-        case 12:
-          expect(tree.getSelectedData().length).to.eql(0);
-          disabledText.click();
-          _context6.next = 16;
-          return wait();
-        case 16:
-          expect(tree.getSelectedData().length).to.eql(0);
-          // disable select and click on disabled selectable text should expand the tree
-          tree.set('selectable', false);
-          text1.click();
-          _context6.next = 21;
-          return wait(500);
-        case 21:
-          expect(tree.getSelectedData().length).to.eql(0);
-          expect(element.outerHTML).to.matchSnapshot();
-        case 23:
-        case "end":
-          return _context6.stop();
+      while (1) {
+        switch (_context6.prev = _context6.next) {
+          case 0:
+            _mount6 = mount(SelectDemo), instance = _mount6[0], element = _mount6[1];
+            tree = instance.refs.tree;
+            expect(tree.getSelectedData().length).to.eql(1);
+            _element$querySelecto12 = element.querySelectorAll('.k-tree-text'), text1 = _element$querySelecto12[2], text2 = _element$querySelecto12[3], disabledText = _element$querySelecto12[5];
+            text1.click();
+            _context6.next = 7;
+            return wait();
+
+          case 7:
+            expect(tree.getSelectedData().length).to.eql(2);
+            text1.click();
+            text2.click();
+            _context6.next = 12;
+            return wait();
+
+          case 12:
+            expect(tree.getSelectedData().length).to.eql(0);
+            disabledText.click();
+            _context6.next = 16;
+            return wait();
+
+          case 16:
+            expect(tree.getSelectedData().length).to.eql(0); // disable select and click on disabled selectable text should expand the tree
+
+            tree.set('selectable', false);
+            text1.click();
+            _context6.next = 21;
+            return wait(500);
+
+          case 21:
+            expect(tree.getSelectedData().length).to.eql(0);
+            expect(element.outerHTML).to.matchSnapshot();
+
+          case 23:
+          case "end":
+            return _context6.stop();
+        }
       }
     }, _callee6);
   })));
   it('draggable', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee7() {
     var onDenyDrag, onDenyDrop, onDragEnd, _mount7, instance, element, disabled, nodes, notAllowed;
+
     return _regeneratorRuntime.wrap(function _callee7$(_context7) {
-      while (1) switch (_context7.prev = _context7.next) {
-        case 0:
-          this.timeout(0);
-          onDenyDrag = sinon.spy();
-          onDenyDrop = sinon.spy();
-          onDragEnd = sinon.spy();
-          DraggableDemo.prototype.onDenyDrag = onDenyDrag;
-          DraggableDemo.prototype.onDenyDrop = onDenyDrop;
-          DraggableDemo.prototype.onDragEnd = onDragEnd;
-          _mount7 = mount(DraggableDemo), instance = _mount7[0], element = _mount7[1];
-          instance.set('expandedKeys', ['2', '2-1', '1', '1-1']);
-          _context7.next = 11;
-          return wait(500);
-        case 11:
-          // can not drag disabled item
-          disabled = element.querySelector('.k-disabled'); // dispatchEvent(disabled, 'mousedown');
-          dispatchEvent(disabled, 'dragstart');
-          expect(onDenyDrag.callCount).to.eql(1);
-          nodes = element.querySelectorAll('.k-tree-label'); // can not drag not-allowed item
-          notAllowed = nodes[2]; // dispatchEvent(notAllowed, 'mousedown');
-          dispatchEvent(notAllowed, 'dragstart');
-          expect(onDenyDrag.callCount).to.eql(2);
-          // drag insert
-          return _context7.abrupt("return", dragInsert(nodes[6], nodes[6]).then(function () {
-            // drag to self will do nothing
-            expect(element.innerHTML).to.matchSnapshot();
-            expect(onDragEnd.callCount).to.eql(0);
-            return dragInsert(nodes[6], notAllowed);
-          }).then(function () {
-            // drag to not-allowed item will do nothing
-            expect(element.innerHTML).to.matchSnapshot();
-            expect(onDragEnd.callCount).to.eql(0);
-            return dragInsert(nodes[6], disabled);
-          }).then(function () {
-            // drag to disabled item will do nothing
-            expect(element.innerHTML).to.matchSnapshot();
-            expect(onDragEnd.callCount).to.eql(0);
-            return dragInsert(nodes[6], nodes[5], 'before');
-          }).then(function () {
-            expect(element.innerHTML).to.matchSnapshot();
-            expect(onDragEnd.callCount).to.eql(1);
-            expect(instance.get('data')).to.matchSnapshot();
-            return dragInsert(nodes[6], nodes[5], 'after');
-          }).then(function () {
-            expect(element.innerHTML).to.matchSnapshot();
-            expect(instance.get('data')).to.matchSnapshot();
-            return dragInsert(nodes[6], nodes[5]);
-          }).then(function () {
-            expect(element.innerHTML).to.matchSnapshot();
-            expect(instance.get('data')).to.matchSnapshot();
-          }));
-        case 19:
-        case "end":
-          return _context7.stop();
+      while (1) {
+        switch (_context7.prev = _context7.next) {
+          case 0:
+            this.timeout(0);
+            onDenyDrag = sinon.spy();
+            onDenyDrop = sinon.spy();
+            onDragEnd = sinon.spy();
+            DraggableDemo.prototype.onDenyDrag = onDenyDrag;
+            DraggableDemo.prototype.onDenyDrop = onDenyDrop;
+            DraggableDemo.prototype.onDragEnd = onDragEnd;
+            _mount7 = mount(DraggableDemo), instance = _mount7[0], element = _mount7[1];
+            instance.set('expandedKeys', ['2', '2-1', '1', '1-1']);
+            _context7.next = 11;
+            return wait(500);
+
+          case 11:
+            // can not drag disabled item
+            disabled = element.querySelector('.k-disabled'); // dispatchEvent(disabled, 'mousedown');
+
+            dispatchEvent(disabled, 'dragstart');
+            expect(onDenyDrag.callCount).to.eql(1);
+            nodes = element.querySelectorAll('.k-tree-label'); // can not drag not-allowed item
+
+            notAllowed = nodes[2]; // dispatchEvent(notAllowed, 'mousedown');
+
+            dispatchEvent(notAllowed, 'dragstart');
+            expect(onDenyDrag.callCount).to.eql(2); // drag insert
+
+            return _context7.abrupt("return", dragInsert(nodes[6], nodes[6]).then(function () {
+              // drag to self will do nothing
+              expect(element.innerHTML).to.matchSnapshot();
+              expect(onDragEnd.callCount).to.eql(0);
+              return dragInsert(nodes[6], notAllowed);
+            }).then(function () {
+              // drag to not-allowed item will do nothing
+              expect(element.innerHTML).to.matchSnapshot();
+              expect(onDragEnd.callCount).to.eql(0);
+              return dragInsert(nodes[6], disabled);
+            }).then(function () {
+              // drag to disabled item will do nothing
+              expect(element.innerHTML).to.matchSnapshot();
+              expect(onDragEnd.callCount).to.eql(0);
+              return dragInsert(nodes[6], nodes[5], 'before');
+            }).then(function () {
+              expect(element.innerHTML).to.matchSnapshot();
+              expect(onDragEnd.callCount).to.eql(1);
+              expect(instance.get('data')).to.matchSnapshot();
+              return dragInsert(nodes[6], nodes[5], 'after');
+            }).then(function () {
+              expect(element.innerHTML).to.matchSnapshot();
+              expect(instance.get('data')).to.matchSnapshot();
+              return dragInsert(nodes[6], nodes[5]);
+            }).then(function () {
+              expect(element.innerHTML).to.matchSnapshot();
+              expect(instance.get('data')).to.matchSnapshot();
+            }));
+
+          case 19:
+          case "end":
+            return _context7.stop();
+        }
       }
     }, _callee7, this);
   })));
 });
+
 function dragInsert(_x, _x2, _x3) {
   return _dragInsert.apply(this, arguments);
 }
+
 function _dragInsert() {
   _dragInsert = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee8(srcElement, toElement, mode) {
     var _toElement$getBoundin, top, bottom, height, des;
+
     return _regeneratorRuntime.wrap(function _callee8$(_context8) {
-      while (1) switch (_context8.prev = _context8.next) {
-        case 0:
-          // dispatchEvent(srcElement, 'mousedown');
-          dispatchEvent(srcElement, 'dragstart', {
-            dataTransfer: new DataTransfer()
-          });
-          _toElement$getBoundin = toElement.getBoundingClientRect(), top = _toElement$getBoundin.top, bottom = _toElement$getBoundin.bottom, height = _toElement$getBoundin.height;
-          des = height * RANGE;
-          if (mode === 'before') {
-            dispatchEvent(toElement, 'dragover', {
-              clientY: top + des - 1
-            });
-          } else if (mode === 'after') {
-            dispatchEvent(toElement, 'dragover', {
-              clientY: bottom - des + 1
-            });
-          } else {
-            dispatchEvent(toElement, 'dragover', {
-              clientY: top + des + 1
+      while (1) {
+        switch (_context8.prev = _context8.next) {
+          case 0:
+            // dispatchEvent(srcElement, 'mousedown');
+            dispatchEvent(srcElement, 'dragstart', {
+              dataTransfer: new DataTransfer()
             });
-          }
-          _context8.next = 6;
-          return wait(700);
-        case 6:
-          dispatchEvent(toElement, 'dragend');
-          _context8.next = 9;
-          return wait(500);
-        case 9:
-        case "end":
-          return _context8.stop();
+            _toElement$getBoundin = toElement.getBoundingClientRect(), top = _toElement$getBoundin.top, bottom = _toElement$getBoundin.bottom, height = _toElement$getBoundin.height;
+            des = height * RANGE;
+
+            if (mode === 'before') {
+              dispatchEvent(toElement, 'dragover', {
+                clientY: top + des - 1
+              });
+            } else if (mode === 'after') {
+              dispatchEvent(toElement, 'dragover', {
+                clientY: bottom - des + 1
+              });
+            } else {
+              dispatchEvent(toElement, 'dragover', {
+                clientY: top + des + 1
+              });
+            }
+
+            _context8.next = 6;
+            return wait(700);
+
+          case 6:
+            dispatchEvent(toElement, 'dragend');
+            _context8.next = 9;
+            return wait(500);
+
+          case 9:
+          case "end":
+            return _context8.stop();
+        }
       }
     }, _callee8);
   }));