@hi-ui/hiui 2.15.9 → 2.15.11

package/es/tree/__tests__/index.test.js

@@ -1,603 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _enzyme = require("enzyme");
-
-var _reactDndTestUtils = require("react-dnd-test-utils");
-
-var _ = _interopRequireDefault(require("../"));
-
-var _Tree = require("../Tree");
-
-var _sinon = _interopRequireDefault(require("sinon"));
-
-var _testUtils = _interopRequireDefault(require("react-dom/test-utils"));
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
-
-var Foo = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(Foo, _React$Component);
-
-  var _super = _createSuper(Foo);
-
-  function Foo(props) {
-    var _this;
-
-    (0, _classCallCheck2["default"])(this, Foo);
-    _this = _super.call(this, props);
-    _this.treeData = [{
-      id: 1,
-      title: '小米人',
-      children: [{
-        id: 2,
-        title: '技术',
-        disabled: true,
-        children: [{
-          id: 3,
-          title: '后端',
-          disabled: true
-        }, {
-          id: 4,
-          title: '运维'
-        }, {
-          id: 5,
-          title: '前端'
-        }]
-      }, {
-        id: 6,
-        title: '产品'
-      }]
-    }, {
-      id: 11,
-      title: '小米2',
-      children: [{
-        id: 22,
-        title: '技术2',
-        expand: true,
-        children: [{
-          id: 33,
-          title: '后端2'
-        }, {
-          id: 44,
-          title: '运维2'
-        }, {
-          id: 55,
-          title: '前端2'
-        }]
-      }, {
-        id: 66,
-        title: '产品2'
-      }]
-    }];
-    _this.state = {
-      checkedKeys: []
-    };
-    return _this;
-  }
-
-  (0, _createClass2["default"])(Foo, [{
-    key: "render",
-    value: function render() {
-      var _this2 = this;
-
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          width: 300
-        }
-      }, /*#__PURE__*/_react["default"].createElement(_["default"], {
-        checkable: true,
-        defaultExpandAll: true,
-        editable: true,
-        data: this.treeData,
-        checkedIds: this.state.checkedKeys,
-        onChange: function onChange(checkedKeys, title, bool, semi) {
-          _this2.setState({
-            checkedKeys: checkedKeys
-          });
-        },
-        highlightable: true,
-        onClick: function onClick(data) {}
-      }));
-    }
-  }]);
-  return Foo;
-}(_react["default"].Component);
-
-describe('tree', function () {
-  var clock;
-  beforeEach(function () {
-    clock = _sinon["default"].useFakeTimers();
-  });
-  afterEach(function () {
-    clock.restore();
-  });
-  var treeData = [{
-    id: 1,
-    title: '小米',
-    children: [{
-      id: 2,
-      title: '技术',
-      disabled: true,
-      children: [{
-        id: 3,
-        title: '后端',
-        onClick: function onClick(data) {},
-        disabled: true
-      }, {
-        id: 4,
-        title: '运维'
-      }, {
-        id: 5,
-        title: '前端'
-      }]
-    }, {
-      id: 6,
-      title: '产品'
-    }]
-  }, {
-    id: 11,
-    title: '小米',
-    children: [{
-      id: 22,
-      title: '技术',
-      children: [{
-        id: 33,
-        title: '后端'
-      }, {
-        id: 44,
-        title: '运维'
-      }, {
-        id: 55,
-        title: '前端'
-      }]
-    }, {
-      id: 66,
-      title: '产品'
-    }]
-  }];
-  it('basic And defaultExpandAll', function () {
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", {
-      style: {
-        width: 500
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_["default"], {
-      data: treeData,
-      defaultExpandAll: true,
-      onChange: function onChange(data) {},
-      highlightable: true,
-      onClick: function onClick(item) {}
-    })));
-    expect(wrapper.find('.hi-tree')).toHaveLength(1);
-    wrapper.find('.hi-tree_item-icon').at(0).simulate('click');
-    expect(wrapper.find('.can-expand')).toHaveLength(3);
-    expect(wrapper.find('.is-root').at(0).find('ul')).toHaveLength(0);
-    wrapper.unmount();
-  });
-  it('basic Legacy', function () {
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", {
-      style: {
-        width: 500
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_["default"], {
-      Legacy: true,
-      data: treeData,
-      defaultExpandAll: true,
-      onChange: function onChange(data) {},
-      highlightable: true,
-      onClick: function onClick(item) {}
-    })));
-    expect(wrapper.find('.hi-tree')).toHaveLength(1);
-    wrapper.find('.hi-tree_item-icon').at(0).simulate('click');
-    expect(wrapper.find('.can-expand')).toHaveLength(3);
-    expect(wrapper.find('.is-root').at(0).find('ul')).toHaveLength(0);
-    wrapper.unmount();
-  });
-  it('should checkable', function () {
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(Foo, null));
-    expect(wrapper.find('.hi-tree')).toHaveLength(1);
-    expect(wrapper.find('.hi-checkbox-legacy__input')).toHaveLength(12);
-    expect(wrapper.find('.is-root').at(0).find('.hi-checkbox-legacy__input')).toHaveLength(6);
-    wrapper.find('.is-root').at(0).find('.hi-checkbox-legacy__label').at(0).simulate('click');
-    wrapper.find('.is-root').at(0).find('.hi-checkbox-legacy--disabled').find('.hi-checkbox-legacy__label').at(0).simulate('click');
-    expect(wrapper.find('.hi-checkbox-legacy--checked')).toHaveLength(0);
-    wrapper.find('.is-root').at(0).find('.hi-checkbox-legacy__input').at(0).simulate('click');
-    expect(wrapper.find('.hi-checkbox-legacy--checked')).toHaveLength(6);
-    wrapper.find('.is-root').at(0).find('.hi-checkbox-legacy__input').at(0).simulate('click');
-    expect(wrapper.find('.hi-checkbox-legacy--checked')).toHaveLength(0);
-    wrapper.find('.is-root').at(0).find('.hi-checkbox-legacy__input').at(5).simulate('click');
-    wrapper.find('.is-root').at(0).find('.hi-checkbox-legacy__input').at(0).simulate('click');
-    expect(wrapper.find('.hi-checkbox-legacy--checked')).toHaveLength(0);
-    wrapper.find('.is-root').at(0).find('.hi-checkbox-legacy__input').at(5).simulate('click');
-    expect(wrapper.find('.hi-checkbox-legacy--part')).toHaveLength(1);
-    wrapper.find('.is-root').at(0).find('.hi-checkbox-legacy__input').at(5).simulate('click');
-    expect(wrapper.find('.hi-checkbox-legacy--checked')).toHaveLength(0);
-    wrapper.unmount();
-  });
-  it('ContextMenuOption', function () {
-    var fn = jest.fn();
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", {
-      style: {
-        width: 500
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_["default"], {
-      editable: true,
-      data: treeData,
-      onSave: function onSave(saveNode, data) {},
-      onDelete: function onDelete(deleteNode, data) {},
-      contextMenu: [{
-        title: '自定义',
-        onClick: function onClick(item, node) {
-          fn();
-        }
-      }],
-      onChange: function onChange(data) {},
-      highlightable: true
-    })));
-    expect(wrapper.find('.hi-tree')).toHaveLength(1); // 编辑节点
-
-    wrapper.find('.is-root').at(0).find('.hi-tree_item-text').simulate('contextmenu');
-    wrapper.find('.right-click-menu li').at(0).simulate('click');
-    expect(fn).toHaveBeenCalled();
-    wrapper.unmount();
-  });
-  it('should editable Node CRUD For contextMenu And apperance Is line', function () {
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", {
-      style: {
-        width: 500
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_["default"], {
-      data: treeData,
-      editable: true,
-      apperance: "line",
-      onSave: function onSave(saveNode, data) {},
-      onDelete: function onDelete(deleteNode, data) {},
-      onChange: function onChange(data) {},
-      highlightable: true,
-      onClick: function onClick(item) {}
-    })));
-    expect(wrapper.find('.hi-tree')).toHaveLength(1);
-    expect(wrapper.find('.hi-tree--show-line')).toHaveLength(1);
-    wrapper.find('.hi-tree_item-icon').at(0).simulate('click');
-    expect(wrapper.find('.is-root').at(0).find('ul')).toHaveLength(1);
-    wrapper.find('.is-root').at(0).find('.hi-tree_item-text--disabled').at(0).simulate('click');
-    wrapper.find('.is-root').at(0).find('.hi-tree_item-text--disabled').at(0).simulate('contextmenu');
-    wrapper.find('.hi-tree_item-icon').at(0).simulate('click'); // 编辑节点取消
-
-    wrapper.find('.is-root').at(0).find('.hi-tree_item-text').simulate('contextmenu');
-    expect(document.querySelectorAll('.right-click-menu')).toHaveLength(1);
-    wrapper.find('.right-click-menu li').at(0).simulate('click');
-    expect(wrapper.find('.is-root').at(0).find('.editing')).toHaveLength(1);
-    expect(wrapper.find('.is-root').at(0).find('.hi-input__text')).toHaveLength(1);
-    wrapper.find('.is-root').at(0).find('.editing').find('span').at(1).simulate('click');
-    expect(wrapper.find('.is-root').at(0).find('.editing')).toHaveLength(0);
-    expect(wrapper.find('.is-root').at(0).find('.hi-input__text')).toHaveLength(0); // 编辑节点确定
-
-    wrapper.find('.is-root').at(0).find('.hi-tree_item-text').simulate('click');
-    wrapper.find('.is-root').at(0).find('.hi-tree_item-text').simulate('contextmenu');
-    expect(document.querySelectorAll('.right-click-menu')).toHaveLength(1);
-    wrapper.find('.right-click-menu li').at(0).simulate('click');
-    wrapper.find('input').simulate('change', {
-      target: {
-        value: '小米'
-      }
-    });
-    expect(wrapper.find('.is-root').at(0).find('.editing')).toHaveLength(1);
-    expect(wrapper.find('.is-root').at(0).find('.hi-input__text')).toHaveLength(1);
-    wrapper.find('.is-root').at(0).find('.editing').find('span').at(0).simulate('click');
-    expect(wrapper.find('.is-root').at(0).find('.editing')).toHaveLength(0);
-    expect(wrapper.find('.is-root').at(0).find('.hi-input__text')).toHaveLength(0);
-    wrapper.find('.hi-tree_item-icon').at(0).simulate('click');
-    expect(wrapper.find('.is-root').at(0).find('ul li')).toHaveLength(2); // 添加子节点
-
-    wrapper.find('.is-root').at(0).find('.hi-tree_item-icon').at(0).simulate('click');
-    wrapper.find('.is-root').at(0).find('.hi-tree_item-text').at(0).simulate('contextmenu');
-    wrapper.find('.right-click-menu li').at(1).simulate('click');
-    wrapper.find('.is-root').at(0).find('.editing').find('span').at(0).simulate('click');
-    expect(wrapper.find('.is-root').at(0).find('ul li')).toHaveLength(3);
-    wrapper.find('.is-root').at(0).find('.hi-tree_item-icon').at(0).simulate('click'); // 添加子节点未展开
-
-    wrapper.find('.is-root').at(0).find('.hi-tree_item-icon').at(0).simulate('click');
-    wrapper.find('.is-root').at(0).find('.hi-tree_item-text').at(0).simulate('contextmenu');
-    wrapper.find('.right-click-menu li').at(1).simulate('click');
-    wrapper.find('.is-root').at(0).find('.editing').find('span').at(0).simulate('click');
-    expect(wrapper.find('.is-root').at(0).find('ul li')).toHaveLength(4); // 添加节点取消
-
-    wrapper.find('.is-root').at(0).find('.hi-tree_item-text').at(0).simulate('contextmenu');
-    wrapper.find('.right-click-menu li').at(2).simulate('click');
-    wrapper.find('.editing').find('span').at(1).simulate('click');
-    expect(wrapper.find('.is-root')).toHaveLength(3); // 添加节点确定
-
-    wrapper.find('.is-root').at(0).find('.hi-tree_item-text').at(0).simulate('contextmenu');
-    wrapper.find('.right-click-menu li').at(2).simulate('click');
-    wrapper.find('.editing').find('span').at(0).simulate('click');
-    expect(wrapper.find('.is-root')).toHaveLength(4); // 删除节点
-
-    wrapper.find('.is-root').at(0).find('.hi-tree_item-text').at(0).simulate('contextmenu');
-    wrapper.find('.right-click-menu li').at(3).simulate('click');
-    wrapper.find('.hi-btn--type--primary').at(1).simulate('click');
-    expect(wrapper.find('.is-root')).toHaveLength(3);
-    wrapper.unmount();
-  });
-  it('should searchable', function () {
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", {
-      style: {
-        width: 500
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_["default"], {
-      searchable: true,
-      data: treeData,
-      onChange: function onChange(data) {},
-      highlightable: true,
-      onClick: function onClick(item) {}
-    })));
-    expect(wrapper.find('.hi-tree__searcher')).toHaveLength(1);
-    wrapper.find('input').simulate('change', {
-      target: {
-        value: '小米'
-      }
-    });
-    expect(wrapper.find('.is-root')).toHaveLength(2);
-  });
-  it('should draggable', function (done) {
-    var WrapTrees = (0, _reactDndTestUtils.wrapInTestContext)(_Tree.Tree);
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement(WrapTrees // defaultExpandAll
-    , {
-      draggable: true,
-      editable: true,
-      data: treeData,
-      onDragStart: function onDragStart(dragNode) {},
-      onDropEnd: function onDropEnd(dragNode, dropNode) {},
-      onChange: function onChange(data) {},
-      highlightable: true,
-      onClick: function onClick(item) {}
-    }));
-    wrapper.find('.hi-tree_item-icon').at(0).simulate('click');
-    expect(wrapper.find('.is-root').at(0).find('ul')).toHaveLength(1);
-    wrapper.find('.is-root').at(0).find('.hi-tree_item-text--disabled').at(0).simulate('click');
-    wrapper.find('.is-root').at(0).find('.hi-tree_item-text--disabled').at(0).simulate('contextmenu'); // const backend = getBackendFromInstance(wrapper.instance())
-
-    wrapper.find('.hi-tree_item-icon').at(0).simulate('click');
-    wrapper.find('.hi-tree_item-text').at(0).simulate('click');
-    expect(wrapper.find('.hi-tree_item-text').at(0).hasClass('highlight')).toBeTruthy(); // 右键
-
-    wrapper.find('.is-root').at(0).find('.hi-tree_item-text').simulate('contextmenu');
-    expect(document.querySelectorAll('.right-click-menu')).toHaveLength(1);
-    wrapper.find('.right-click-menu li').at(0).simulate('click');
-    expect(wrapper.find('.is-root').at(0).find('.editing')).toHaveLength(1);
-    expect(wrapper.find('.is-root').at(0).find('.hi-input__text')).toHaveLength(1);
-    wrapper.find('.is-root').at(0).find('.editing').find('span').at(1).simulate('click');
-    expect(wrapper.find('.is-root').at(0).find('.editing')).toHaveLength(0);
-    expect(wrapper.find('.is-root').at(0).find('.hi-input__text')).toHaveLength(0);
-    var backend = wrapper.instance().getManager().getBackend();
-    var sourceItem = wrapper.find('DragSource(TreeItem)').at(0);
-    var monitor = wrapper.instance().getManager().getMonitor();
-    var registry = wrapper.instance().getManager().getRegistry();
-    backend.simulateBeginDrag([sourceItem.instance().getHandlerId()]);
-    var targetItem = wrapper.find('DropTarget(DragSource(TreeItem))').at(0);
-    backend.simulateHover([targetItem.instance().getHandlerId()], {
-      clientOffset: {
-        x: 60,
-        y: 70
-      }
-    });
-    backend.simulateHover([targetItem.instance().getHandlerId()], {
-      clientOffset: {
-        x: 0,
-        y: 0
-      }
-    });
-    expect(monitor.getClientOffset()).toEqual({
-      x: 0,
-      y: 0
-    });
-    backend.simulateDrop();
-    expect(monitor.getInitialSourceClientOffset()).toEqual(null);
-    expect(monitor.getInitialClientOffset()).toEqual(null);
-    expect(monitor.getClientOffset()).toEqual(null);
-    expect(monitor.getSourceClientOffset()).toEqual(null);
-    expect(monitor.getDifferenceFromInitialOffset()).toEqual(null);
-    backend.simulateEndDrag();
-    expect(monitor.getInitialSourceClientOffset()).toEqual(null);
-    expect(monitor.getInitialClientOffset()).toEqual(null);
-    expect(monitor.getClientOffset()).toEqual(null);
-    expect(monitor.getSourceClientOffset()).toEqual(null);
-    expect(monitor.getDifferenceFromInitialOffset()).toEqual(null);
-    var sourceItem2 = wrapper.find('DragSource(TreeItem)').at(1);
-    backend.simulateBeginDrag([sourceItem2.instance().getHandlerId()], {
-      clientOffset: {
-        x: 50,
-        y: 40
-      },
-      getSourceClientOffset: function getSourceClientOffset() {
-        return {
-          x: 20,
-          y: 10
-        };
-      }
-    });
-    var targetItem2 = wrapper.find('DropTarget(DragSource(TreeItem))').at(1);
-    backend.simulateHover([targetItem2.instance().getHandlerId(), targetItem.instance().getHandlerId()]);
-    backend.simulateDrop();
-    backend.simulateEndDrag();
-    (0, _reactDndTestUtils.simulateDragDropSequence)(sourceItem.instance(), targetItem2.instance(), backend);
-    monitor.subscribeToStateChange(done);
-    backend.simulateBeginDrag([sourceItem.instance().getHandlerId()], {
-      clientOffset: {
-        x: 0,
-        y: 0
-      },
-      getSourceClientOffset: function getSourceClientOffset() {
-        return {
-          x: 0,
-          y: 0
-        };
-      }
-    });
-    backend.simulateDrop();
-    backend.simulateEndDrag();
-    monitor.subscribeToStateChange(done);
-    backend.simulateBeginDrag([sourceItem.instance().getHandlerId()], {
-      clientOffset: {
-        x: 20,
-        y: 20
-      },
-      getSourceClientOffset: function getSourceClientOffset() {
-        return {
-          x: 0,
-          y: 0
-        };
-      }
-    });
-    monitor.subscribeToOffsetChange(done);
-    backend.simulateHover([targetItem2.instance().getHandlerId()], {
-      clientOffset: {
-        x: 20,
-        y: 10
-      }
-    });
-    backend.simulateDrop();
-    backend.simulateEndDrag();
-    wrapper.find('.hi-tree_item-icon').at(1).simulate('click');
-    wrapper.find('.hi-tree_item-icon').at(2).simulate('click');
-    wrapper.find('.hi-tree_item-icon').at(3).simulate('click');
-    backend.simulateBeginDrag([sourceItem2.instance().getHandlerId()], {
-      clientOffset: {
-        x: 30,
-        y: 20
-      },
-      getSourceClientOffset: function getSourceClientOffset() {
-        return {
-          x: 0,
-          y: 0
-        };
-      }
-    });
-    var targetId = targetItem2.instance().getHandlerId();
-    var raisedChange = false;
-    monitor.subscribeToOffsetChange(function () {
-      raisedChange = true;
-    });
-    backend.simulateHover([targetId], {
-      clientOffset: {
-        x: 10,
-        y: 20
-      }
-    });
-    backend.simulateHover([targetId], {
-      clientOffset: {
-        x: 10,
-        y: 22
-      }
-    });
-    backend.simulateHover([targetId], {
-      clientOffset: {
-        x: 16,
-        y: 20
-      }
-    });
-    backend.simulateHover([targetId], {
-      clientOffset: {
-        x: 5,
-        y: 20
-      }
-    });
-    expect(monitor.getClientOffset()).toEqual({
-      x: 5,
-      y: 20
-    });
-    backend.simulateDrop();
-    expect(monitor.getInitialSourceClientOffset()).toEqual(null);
-    expect(monitor.getInitialClientOffset()).toEqual(null);
-    expect(monitor.getClientOffset()).toEqual(null);
-    expect(monitor.getSourceClientOffset()).toEqual(null);
-    expect(monitor.getDifferenceFromInitialOffset()).toEqual(null);
-    backend.simulateEndDrag();
-    expect(monitor.getInitialSourceClientOffset()).toEqual(null);
-    expect(monitor.getInitialClientOffset()).toEqual(null);
-    expect(monitor.getClientOffset()).toEqual(null);
-    expect(monitor.getSourceClientOffset()).toEqual(null);
-    expect(monitor.getDifferenceFromInitialOffset()).toEqual(null);
-    wrapper.unmount();
-  });
-  it('should loadTreeNode', function () {
-    var treeDataLoad = [{
-      id: 1,
-      title: '小米',
-      children: [{
-        id: 2,
-        title: '技术',
-        children: [{
-          id: 3,
-          title: '后端',
-          onClick: function onClick(data) {}
-        }, {
-          id: 4,
-          title: '运维'
-        }, {
-          id: 5,
-          title: '前端'
-        }]
-      }, {
-        id: 6,
-        title: '产品'
-      }]
-    }, {
-      id: 11,
-      title: '小米',
-      children: [{
-        id: 22,
-        title: '技术'
-      }, {
-        id: 66,
-        title: '产品'
-      }]
-    }];
-    var wrapper = (0, _enzyme.mount)( /*#__PURE__*/_react["default"].createElement("div", {
-      style: {
-        width: 500
-      }
-    }, /*#__PURE__*/_react["default"].createElement(_["default"], {
-      loadTreeNode: function loadTreeNode(id) {
-        var obj = {
-          method: 'get',
-          headers: {
-            'Content-Type': 'application/x-www-form-urlencoded'
-          },
-          data: {},
-          params: {
-            id: id
-          },
-          url: 'http://yapi.demo.qunar.com/mock/26534/hiui/async-tree',
-          transformResponse: function transformResponse(res) {
-            return res.data;
-          }
-        };
-        return obj;
-      },
-      defaultExpandAll: true,
-      editable: true,
-      data: treeDataLoad,
-      onChange: function onChange(data) {},
-      highlightable: true,
-      onClick: function onClick(item) {}
-    })));
-    wrapper.find('.is-root').at(1).find('ul').find('li').at(1).find('.hi-tree_item-icon').simulate('click');
-    clock.tick(400);
-    wrapper.unmount();
-  });
-}); //DropTarget(DragSource(TreeItem))