@king-design/vue 3.1.4-beta.2 → 3.1.4

package/components/tree/index.spec.js

@@ -16,443 +16,365 @@ 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();
-            checkbox4.click();
-            _context2.next = 39;
-            return wait();
-
-          case 39:
-            instance.set('checkedKeys', ['floor-2']);
-            _context2.next = 42;
-            return wait();
-
-          case 42:
-            expect(checkbox2.classList.contains('k-checked')).to.be.true;
-            expect(checkbox2.classList.contains('k-indeterminate')).to.be.false;
-
-          case 44:
-          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();
+          checkbox4.click();
+          _context2.next = 39;
+          return wait();
+        case 39:
+          instance.set('checkedKeys', ['floor-2']);
+          _context2.next = 42;
+          return wait();
+        case 42:
+          expect(checkbox2.classList.contains('k-checked')).to.be.true;
+          expect(checkbox2.classList.contains('k-indeterminate')).to.be.false;
+        case 44:
+        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, _element$querySelecto13, notAllowed, file1, file2, dir1, file3, dir2, disabled;
-
     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', ['guide']);
-            _context7.next = 11;
-            return wait(500);
-
-          case 11:
-            _element$querySelecto13 = element.querySelectorAll('.k-tree-label'), notAllowed = _element$querySelecto13[0], file1 = _element$querySelecto13[1], file2 = _element$querySelecto13[2], dir1 = _element$querySelecto13[3], file3 = _element$querySelecto13[4], dir2 = _element$querySelecto13[5], disabled = _element$querySelecto13[6]; // can not drag disabled item
-
-            dispatchEvent(disabled, 'dragstart');
-            expect(onDenyDrag.callCount).to.eql(1); // can not drag not-allowed item
-
-            dispatchEvent(notAllowed, 'dragstart');
-            expect(onDenyDrag.callCount).to.eql(2);
-            _context7.next = 18;
-            return dragInsert(dir1, dir1);
-
-          case 18:
-            // drag to self will do nothing
-            expect(element.innerHTML).to.matchSnapshot();
-            expect(onDragEnd.callCount).to.eql(0);
-            _context7.next = 22;
-            return dragInsert(file1, notAllowed);
-
-          case 22:
-            // drag to not-allowed item will do nothing
-            expect(element.innerHTML).to.matchSnapshot();
-            expect(onDragEnd.callCount).to.eql(0);
-            _context7.next = 26;
-            return dragInsert(file1, disabled);
-
-          case 26:
-            // drag to disabled item will do nothing
-            expect(element.innerHTML).to.matchSnapshot();
-            expect(onDragEnd.callCount).to.eql(0);
-            _context7.next = 30;
-            return dragInsert(file2, file1, 'before');
-
-          case 30:
-            expect(element.innerHTML).to.matchSnapshot();
-            expect(onDragEnd.callCount).to.eql(1);
-            expect(instance.get('data')).to.matchSnapshot();
-            _context7.next = 35;
-            return dragInsert(file2, file1, 'after');
-
-          case 35:
-            expect(element.innerHTML).to.matchSnapshot();
-            expect(onDragEnd.callCount).to.eql(2);
-            expect(instance.get('data')).to.matchSnapshot();
-            _context7.next = 40;
-            return dragInsert(file1, dir1);
-
-          case 40:
-            expect(onDragEnd.callCount).to.eql(3);
-            expect(element.innerHTML).to.matchSnapshot();
-            expect(instance.get('data')).to.matchSnapshot();
-            _context7.next = 45;
-            return dragInsert(dir2, dir1);
-
-          case 45:
-            expect(onDragEnd.callCount).to.eql(3);
-            expect(onDenyDrag.callCount).to.eql(2);
-            _context7.next = 49;
-            return dragInsert(dir2, file3, 'before');
-
-          case 49:
-            expect(onDragEnd.callCount).to.eql(3);
-            expect(onDenyDrag.callCount).to.eql(2);
-
-          case 51:
-          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', ['guide']);
+          _context7.next = 11;
+          return wait(500);
+        case 11:
+          _element$querySelecto13 = element.querySelectorAll('.k-tree-label'), notAllowed = _element$querySelecto13[0], file1 = _element$querySelecto13[1], file2 = _element$querySelecto13[2], dir1 = _element$querySelecto13[3], file3 = _element$querySelecto13[4], dir2 = _element$querySelecto13[5], disabled = _element$querySelecto13[6]; // can not drag disabled item
+          dispatchEvent(disabled, 'dragstart');
+          expect(onDenyDrag.callCount).to.eql(1);
+          // can not drag not-allowed item
+          dispatchEvent(notAllowed, 'dragstart');
+          expect(onDenyDrag.callCount).to.eql(2);
+          _context7.next = 18;
+          return dragInsert(dir1, dir1);
+        case 18:
+          // drag to self will do nothing
+          expect(element.innerHTML).to.matchSnapshot();
+          expect(onDragEnd.callCount).to.eql(0);
+          _context7.next = 22;
+          return dragInsert(file1, notAllowed);
+        case 22:
+          // drag to not-allowed item will do nothing
+          expect(element.innerHTML).to.matchSnapshot();
+          expect(onDragEnd.callCount).to.eql(0);
+          _context7.next = 26;
+          return dragInsert(file1, disabled);
+        case 26:
+          // drag to disabled item will do nothing
+          expect(element.innerHTML).to.matchSnapshot();
+          expect(onDragEnd.callCount).to.eql(0);
+          _context7.next = 30;
+          return dragInsert(file2, file1, 'before');
+        case 30:
+          expect(element.innerHTML).to.matchSnapshot();
+          expect(onDragEnd.callCount).to.eql(1);
+          expect(instance.get('data')).to.matchSnapshot();
+          _context7.next = 35;
+          return dragInsert(file2, file1, 'after');
+        case 35:
+          expect(element.innerHTML).to.matchSnapshot();
+          expect(onDragEnd.callCount).to.eql(2);
+          expect(instance.get('data')).to.matchSnapshot();
+          _context7.next = 40;
+          return dragInsert(file1, dir1);
+        case 40:
+          expect(onDragEnd.callCount).to.eql(3);
+          expect(element.innerHTML).to.matchSnapshot();
+          expect(instance.get('data')).to.matchSnapshot();
+          _context7.next = 45;
+          return dragInsert(dir2, dir1);
+        case 45:
+          expect(onDragEnd.callCount).to.eql(3);
+          expect(onDenyDrag.callCount).to.eql(2);
+          _context7.next = 49;
+          return dragInsert(dir2, file3, 'before');
+        case 49:
+          expect(onDragEnd.callCount).to.eql(3);
+          expect(onDenyDrag.callCount).to.eql(2);
+        case 51:
+        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()
+      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
             });
-            _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();
-        }
+          } 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);
   }));