@pie-lib/plot 4.1.0-beta.7 → 5.0.0-next.35

package/lib/__tests__/grid-draggable.test.js

@@ -1,738 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = require("@testing-library/react");
-var _react2 = _interopRequireDefault(require("react"));
-var _gridDraggable = require("../grid-draggable");
-var _utils = require("../utils");
-var _d3Selection = require("d3-selection");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-jest.mock('d3-selection', function () {
-  return {
-    pointer: jest.fn().mockReturnValue([0, 0])
-  };
-});
-var mockDraggableCoreProps;
-jest.mock('../draggable', function () {
-  return {
-    DraggableCore: function DraggableCore(props) {
-      // Store the props so tests can call the handlers
-      mockDraggableCoreProps = props;
-      return props.children;
-    }
-  };
-});
-
-// Reusable mock start event with a target that supports addEventListener/removeEventListener
-var mockStartEvent = function mockStartEvent() {
-  var overrides = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return _objectSpread({
-    clientX: 0,
-    clientY: 0,
-    target: {
-      addEventListener: jest.fn(),
-      removeEventListener: jest.fn()
-    }
-  }, overrides);
-};
-jest.mock('../utils', function () {
-  return {
-    getDelta: jest.fn()
-  };
-});
-var xyFn = function xyFn() {
-  var out = jest.fn(function (n) {
-    return n;
-  });
-  out.invert = jest.fn(function (n) {
-    return n;
-  });
-  return out;
-};
-var getGraphProps = function getGraphProps() {
-  return {
-    scale: {
-      x: xyFn(),
-      y: xyFn()
-    },
-    snap: {
-      x: xyFn(),
-      y: xyFn()
-    },
-    domain: {
-      min: 0,
-      max: 1,
-      step: 1
-    },
-    range: {
-      min: 0,
-      max: 1,
-      step: 1
-    },
-    size: {
-      width: 500,
-      height: 500
-    },
-    getRootNode: function getRootNode() {
-      return {
-        ownerSVGElement: null,
-        getBoundingClientRect: function getBoundingClientRect() {
-          return {
-            left: 0,
-            top: 0,
-            right: 100,
-            bottom: 100
-          };
-        }
-      };
-    }
-  };
-};
-describe('gridDraggable', function () {
-  var defaultOptions;
-  var defaultProps;
-  beforeEach(function () {
-    mockDraggableCoreProps = null;
-    defaultOptions = {
-      anchorPoint: jest.fn().mockReturnValue({
-        x: 0,
-        y: 0
-      }),
-      bounds: jest.fn().mockReturnValue({
-        left: 0,
-        top: 0,
-        bottom: 0,
-        right: 0
-      }),
-      fromDelta: jest.fn()
-    };
-    defaultProps = {
-      graphProps: getGraphProps()
-    };
-  });
-  it('renders regular component', function () {
-    var Comp = (0, _gridDraggable.gridDraggable)(defaultOptions)(function () {
-      return /*#__PURE__*/_react2["default"].createElement("div", null, "Test");
-    });
-    var _render = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(Comp, defaultProps)),
-      container = _render.container;
-    expect(container.firstChild).toBeInTheDocument();
-  });
-  it('renders with decimal domain and range', function () {
-    var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-      graphProps: _objectSpread(_objectSpread({}, getGraphProps()), {}, {
-        domain: {
-          min: -1.5,
-          max: 1.6,
-          step: 0.3
-        },
-        range: {
-          min: -2,
-          max: 3,
-          step: 0.2
-        }
-      })
-    });
-    var Comp = (0, _gridDraggable.gridDraggable)(defaultOptions)(function () {
-      return /*#__PURE__*/_react2["default"].createElement("div", null, "Test");
-    });
-    var _render2 = (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(Comp, props)),
-      container = _render2.container;
-    expect(container.firstChild).toBeInTheDocument();
-  });
-  describe('logic', function () {
-    describe('grid calculation', function () {
-      it('passes correct grid to DraggableCore based on domain and range step', function () {
-        var Comp = (0, _gridDraggable.gridDraggable)(defaultOptions)(function () {
-          return /*#__PURE__*/_react2["default"].createElement("div", null, "Test");
-        });
-        (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(Comp, defaultProps));
-
-        // Grid is calculated as: scale.x(domain.step) - scale.x(0)
-        // With our mock xyFn that returns n, this is: step - 0 = step
-        expect(mockDraggableCoreProps.grid).toEqual([1, 1]);
-      });
-      it('calculates grid with decimal steps', function () {
-        var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-          graphProps: _objectSpread(_objectSpread({}, getGraphProps()), {}, {
-            domain: {
-              min: -1.5,
-              max: 1.6,
-              step: 0.3
-            },
-            range: {
-              min: -2,
-              max: 3,
-              step: 0.2
-            }
-          })
-        });
-        var Comp = (0, _gridDraggable.gridDraggable)(defaultOptions)(function () {
-          return /*#__PURE__*/_react2["default"].createElement("div", null, "Test");
-        });
-        (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(Comp, props));
-        expect(mockDraggableCoreProps.grid).toEqual([0.3, 0.2]);
-      });
-    });
-    describe('onStart', function () {
-      it('calls onDragStart handler when drag starts', function () {
-        var onDragStart = jest.fn();
-        var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-          onDragStart: onDragStart
-        });
-        var Comp = (0, _gridDraggable.gridDraggable)(defaultOptions)(function () {
-          return /*#__PURE__*/_react2["default"].createElement("div", null, "Test");
-        });
-        (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(Comp, props));
-
-        // Simulate drag start
-        mockDraggableCoreProps.onStart(mockStartEvent({
-          clientX: 100,
-          clientY: 100
-        }));
-        expect(onDragStart).toHaveBeenCalled();
-      });
-    });
-    describe('onDrag', function () {
-      it('calls onDrag callback with result from fromDelta', function () {
-        var onDrag = jest.fn();
-        var fromDelta = jest.fn().mockReturnValue('delta-result');
-        var bounds = jest.fn().mockReturnValue({
-          left: -100,
-          top: -100,
-          bottom: 100,
-          right: 100
-        });
-        var options = _objectSpread(_objectSpread({}, defaultOptions), {}, {
-          fromDelta: fromDelta,
-          bounds: bounds
-        });
-        var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-          onDrag: onDrag
-        });
-        var Comp = (0, _gridDraggable.gridDraggable)(options)(function () {
-          return /*#__PURE__*/_react2["default"].createElement("div", null, "Test");
-        });
-        (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(Comp, props));
-
-        // Set up drag start state
-        mockDraggableCoreProps.onStart(mockStartEvent());
-
-        // Simulate drag
-        mockDraggableCoreProps.onDrag({}, {
-          deltaX: 10,
-          deltaY: 10
-        });
-        expect(fromDelta).toHaveBeenCalled();
-        expect(onDrag).toHaveBeenCalledWith('delta-result');
-      });
-      it('does not call onDrag when no onDrag handler is provided', function () {
-        var fromDelta = jest.fn();
-        var options = _objectSpread(_objectSpread({}, defaultOptions), {}, {
-          fromDelta: fromDelta
-        });
-        var Comp = (0, _gridDraggable.gridDraggable)(options)(function () {
-          return /*#__PURE__*/_react2["default"].createElement("div", null, "Test");
-        });
-        (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(Comp, defaultProps));
-        mockDraggableCoreProps.onStart(mockStartEvent());
-        mockDraggableCoreProps.onDrag({}, {
-          deltaX: 10,
-          deltaY: 10
-        });
-        expect(fromDelta).not.toHaveBeenCalled();
-      });
-      describe('bounds checking', function () {
-        it('does not call onDrag when dragging left beyond left bound', function () {
-          var onDrag = jest.fn();
-          var bounds = jest.fn().mockReturnValue({
-            left: 0,
-            top: 0,
-            bottom: 0,
-            right: 0
-          });
-          var fromDelta = jest.fn().mockReturnValue('result');
-          var options = _objectSpread(_objectSpread({}, defaultOptions), {}, {
-            bounds: bounds,
-            fromDelta: fromDelta
-          });
-          var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-            onDrag: onDrag
-          });
-          var Comp = (0, _gridDraggable.gridDraggable)(options)(function () {
-            return /*#__PURE__*/_react2["default"].createElement("div", null, "Test");
-          });
-          (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(Comp, props));
-          mockDraggableCoreProps.onStart(mockStartEvent());
-          // deltaX < 0 and deltaX < scaled bounds.left (0), so -10 < 0 triggers early return
-          mockDraggableCoreProps.onDrag({}, {
-            deltaX: -10,
-            deltaY: 0
-          });
-          expect(onDrag).not.toHaveBeenCalled();
-        });
-        it('does not call onDrag when dragging right beyond right bound', function () {
-          var onDrag = jest.fn();
-          var bounds = jest.fn().mockReturnValue({
-            left: 0,
-            top: 0,
-            bottom: 0,
-            right: 0
-          });
-          var fromDelta = jest.fn().mockReturnValue('result');
-          var options = _objectSpread(_objectSpread({}, defaultOptions), {}, {
-            bounds: bounds,
-            fromDelta: fromDelta
-          });
-          var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-            onDrag: onDrag
-          });
-          var Comp = (0, _gridDraggable.gridDraggable)(options)(function () {
-            return /*#__PURE__*/_react2["default"].createElement("div", null, "Test");
-          });
-          (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(Comp, props));
-          mockDraggableCoreProps.onStart(mockStartEvent());
-          // deltaX > 0 and deltaX > scaled bounds.right (0), so 10 > 0 triggers early return
-          mockDraggableCoreProps.onDrag({}, {
-            deltaX: 10,
-            deltaY: 0
-          });
-          expect(onDrag).not.toHaveBeenCalled();
-        });
-        it('does not call onDrag when dragging up beyond top bound', function () {
-          var onDrag = jest.fn();
-          var bounds = jest.fn().mockReturnValue({
-            left: -100,
-            top: 0,
-            bottom: 0,
-            right: 100
-          });
-          var fromDelta = jest.fn().mockReturnValue('result');
-          var options = _objectSpread(_objectSpread({}, defaultOptions), {}, {
-            bounds: bounds,
-            fromDelta: fromDelta
-          });
-          var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-            onDrag: onDrag
-          });
-          var Comp = (0, _gridDraggable.gridDraggable)(options)(function () {
-            return /*#__PURE__*/_react2["default"].createElement("div", null, "Test");
-          });
-          (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(Comp, props));
-          mockDraggableCoreProps.onStart(mockStartEvent());
-          // deltaY < 0 and deltaY < scaled bounds.top (0), so -10 < 0 triggers early return
-          mockDraggableCoreProps.onDrag({}, {
-            deltaX: 0,
-            deltaY: -10
-          });
-          expect(onDrag).not.toHaveBeenCalled();
-        });
-        it('does not call onDrag when dragging down beyond bottom bound', function () {
-          var onDrag = jest.fn();
-          var bounds = jest.fn().mockReturnValue({
-            left: -100,
-            top: -100,
-            bottom: 0,
-            right: 100
-          });
-          var fromDelta = jest.fn().mockReturnValue('result');
-          var options = _objectSpread(_objectSpread({}, defaultOptions), {}, {
-            bounds: bounds,
-            fromDelta: fromDelta
-          });
-          var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-            onDrag: onDrag
-          });
-          var Comp = (0, _gridDraggable.gridDraggable)(options)(function () {
-            return /*#__PURE__*/_react2["default"].createElement("div", null, "Test");
-          });
-          (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(Comp, props));
-          mockDraggableCoreProps.onStart(mockStartEvent());
-          // deltaY > 0 and deltaY > scaled bounds.bottom (0), so 10 > 0 triggers early return
-          mockDraggableCoreProps.onDrag({}, {
-            deltaX: 0,
-            deltaY: 10
-          });
-          expect(onDrag).not.toHaveBeenCalled();
-        });
-        it('calls onDrag when dragging within bounds', function () {
-          var onDrag = jest.fn();
-          var bounds = jest.fn().mockReturnValue({
-            left: -100,
-            top: -100,
-            bottom: 100,
-            right: 100
-          });
-          var fromDelta = jest.fn().mockReturnValue('result');
-          var options = _objectSpread(_objectSpread({}, defaultOptions), {}, {
-            bounds: bounds,
-            fromDelta: fromDelta
-          });
-          var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-            onDrag: onDrag
-          });
-          var Comp = (0, _gridDraggable.gridDraggable)(options)(function () {
-            return /*#__PURE__*/_react2["default"].createElement("div", null, "Test");
-          });
-          (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(Comp, props));
-          mockDraggableCoreProps.onStart(mockStartEvent());
-          // All bound checks pass: deltaX (-10) is NOT < bounds.left (-100) and NOT > bounds.right (100)
-          // Similarly for deltaY
-          mockDraggableCoreProps.onDrag({}, {
-            deltaX: -10,
-            deltaY: 10
-          });
-          expect(onDrag).toHaveBeenCalled();
-        });
-      });
-      describe('skipDragOutsideOfBounds', function () {
-        it('skips drag when moving left and x is below domain.min', function () {
-          var onDrag = jest.fn();
-          var graphProps = _objectSpread(_objectSpread({}, getGraphProps()), {}, {
-            domain: {
-              min: -5,
-              max: 5,
-              step: 1
-            },
-            range: {
-              min: -5,
-              max: 5,
-              step: 1
-            }
-          });
-          graphProps.scale.x.invert = jest.fn().mockReturnValue(-6); // Below min
-
-          var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-            graphProps: graphProps,
-            onDrag: onDrag
-          });
-          var bounds = jest.fn().mockReturnValue({
-            left: 100,
-            top: 100,
-            bottom: 100,
-            right: 100
-          });
-          var options = _objectSpread(_objectSpread({}, defaultOptions), {}, {
-            bounds: bounds
-          });
-          var Comp = (0, _gridDraggable.gridDraggable)(options)(function () {
-            return /*#__PURE__*/_react2["default"].createElement("div", null, "Test");
-          });
-          (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(Comp, props));
-          mockDraggableCoreProps.onStart(mockStartEvent());
-          mockDraggableCoreProps.onDrag({}, {
-            deltaX: 1,
-            deltaY: 0
-          });
-          expect(onDrag).not.toHaveBeenCalled();
-        });
-        it('skips drag when moving right and x is above domain.max', function () {
-          var onDrag = jest.fn();
-          var graphProps = _objectSpread(_objectSpread({}, getGraphProps()), {}, {
-            domain: {
-              min: -5,
-              max: 5,
-              step: 1
-            },
-            range: {
-              min: -5,
-              max: 5,
-              step: 1
-            }
-          });
-          graphProps.scale.x.invert = jest.fn().mockReturnValue(6); // Above max
-
-          var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-            graphProps: graphProps,
-            onDrag: onDrag
-          });
-          var bounds = jest.fn().mockReturnValue({
-            left: 100,
-            top: 100,
-            bottom: 100,
-            right: 100
-          });
-          var options = _objectSpread(_objectSpread({}, defaultOptions), {}, {
-            bounds: bounds
-          });
-          var Comp = (0, _gridDraggable.gridDraggable)(options)(function () {
-            return /*#__PURE__*/_react2["default"].createElement("div", null, "Test");
-          });
-          (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(Comp, props));
-          mockDraggableCoreProps.onStart(mockStartEvent());
-          mockDraggableCoreProps.onDrag({}, {
-            deltaX: -1,
-            deltaY: 0
-          });
-          expect(onDrag).not.toHaveBeenCalled();
-        });
-        it('skips drag when moving up and y is above range.max', function () {
-          var onDrag = jest.fn();
-          var graphProps = _objectSpread(_objectSpread({}, getGraphProps()), {}, {
-            domain: {
-              min: -5,
-              max: 5,
-              step: 1
-            },
-            range: {
-              min: -5,
-              max: 5,
-              step: 1
-            }
-          });
-          graphProps.scale.y.invert = jest.fn().mockReturnValue(6); // Above max
-
-          var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-            graphProps: graphProps,
-            onDrag: onDrag
-          });
-          var bounds = jest.fn().mockReturnValue({
-            left: 100,
-            top: 100,
-            bottom: 100,
-            right: 100
-          });
-          var options = _objectSpread(_objectSpread({}, defaultOptions), {}, {
-            bounds: bounds
-          });
-          var Comp = (0, _gridDraggable.gridDraggable)(options)(function () {
-            return /*#__PURE__*/_react2["default"].createElement("div", null, "Test");
-          });
-          (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(Comp, props));
-          mockDraggableCoreProps.onStart(mockStartEvent());
-          mockDraggableCoreProps.onDrag({}, {
-            deltaX: 0,
-            deltaY: 1
-          });
-          expect(onDrag).not.toHaveBeenCalled();
-        });
-        it('skips drag when moving down and y is below range.min', function () {
-          var onDrag = jest.fn();
-          var graphProps = _objectSpread(_objectSpread({}, getGraphProps()), {}, {
-            domain: {
-              min: -5,
-              max: 5,
-              step: 1
-            },
-            range: {
-              min: -5,
-              max: 5,
-              step: 1
-            }
-          });
-          graphProps.scale.y.invert = jest.fn().mockReturnValue(-6); // Below min
-
-          var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-            graphProps: graphProps,
-            onDrag: onDrag
-          });
-          var bounds = jest.fn().mockReturnValue({
-            left: 100,
-            top: 100,
-            bottom: 100,
-            right: 100
-          });
-          var options = _objectSpread(_objectSpread({}, defaultOptions), {}, {
-            bounds: bounds
-          });
-          var Comp = (0, _gridDraggable.gridDraggable)(options)(function () {
-            return /*#__PURE__*/_react2["default"].createElement("div", null, "Test");
-          });
-          (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(Comp, props));
-          mockDraggableCoreProps.onStart(mockStartEvent());
-          mockDraggableCoreProps.onDrag({}, {
-            deltaX: 0,
-            deltaY: -1
-          });
-          expect(onDrag).not.toHaveBeenCalled();
-        });
-        it('allows drag when within domain and range', function () {
-          var onDrag = jest.fn();
-          var graphProps = _objectSpread(_objectSpread({}, getGraphProps()), {}, {
-            domain: {
-              min: -5,
-              max: 5,
-              step: 1
-            },
-            range: {
-              min: -5,
-              max: 5,
-              step: 1
-            }
-          });
-          graphProps.scale.x.invert = jest.fn().mockReturnValue(3); // Within bounds
-          graphProps.scale.y.invert = jest.fn().mockReturnValue(2); // Within bounds
-
-          var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-            graphProps: graphProps,
-            onDrag: onDrag
-          });
-          var bounds = jest.fn().mockReturnValue({
-            left: -100,
-            top: -100,
-            bottom: 100,
-            right: 100
-          });
-          var options = _objectSpread(_objectSpread({}, defaultOptions), {}, {
-            bounds: bounds
-          });
-          var Comp = (0, _gridDraggable.gridDraggable)(options)(function () {
-            return /*#__PURE__*/_react2["default"].createElement("div", null, "Test");
-          });
-          (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(Comp, props));
-          mockDraggableCoreProps.onStart(mockStartEvent());
-          mockDraggableCoreProps.onDrag({}, {
-            deltaX: 1,
-            deltaY: -1
-          });
-          expect(onDrag).toHaveBeenCalled();
-        });
-      });
-    });
-    describe('getDelta and applyDelta', function () {
-      it('calls utils.getDelta when processing drag', function () {
-        _utils.getDelta.mockClear();
-        var onDrag = jest.fn();
-        var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-          onDrag: onDrag
-        });
-        var bounds = jest.fn().mockReturnValue({
-          left: -100,
-          top: -100,
-          bottom: 100,
-          right: 100
-        });
-        var options = _objectSpread(_objectSpread({}, defaultOptions), {}, {
-          bounds: bounds
-        });
-        var Comp = (0, _gridDraggable.gridDraggable)(options)(function () {
-          return /*#__PURE__*/_react2["default"].createElement("div", null, "Test");
-        });
-        (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(Comp, props));
-        mockDraggableCoreProps.onStart(mockStartEvent());
-        mockDraggableCoreProps.onDrag({}, {
-          deltaX: 10,
-          deltaY: 10
-        });
-        expect(_utils.getDelta).toHaveBeenCalled();
-      });
-      it('calls fromDelta with result from getDelta', function () {
-        var fromDelta = jest.fn();
-        _utils.getDelta.mockReturnValue({
-          x: 5,
-          y: 5
-        });
-        var bounds = jest.fn().mockReturnValue({
-          left: -100,
-          top: -100,
-          bottom: 100,
-          right: 100
-        });
-        var options = _objectSpread(_objectSpread({}, defaultOptions), {}, {
-          fromDelta: fromDelta,
-          bounds: bounds
-        });
-        var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-          onDrag: jest.fn()
-        });
-        var Comp = (0, _gridDraggable.gridDraggable)(options)(function () {
-          return /*#__PURE__*/_react2["default"].createElement("div", null, "Test");
-        });
-        (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(Comp, props));
-        mockDraggableCoreProps.onStart(mockStartEvent());
-        mockDraggableCoreProps.onDrag({}, {
-          deltaX: 10,
-          deltaY: 10
-        });
-        expect(fromDelta).toHaveBeenCalled();
-      });
-    });
-    describe('onStop', function () {
-      it('calls onDragStop when drag stops', function () {
-        var onDragStop = jest.fn();
-        var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-          onDragStop: onDragStop
-        });
-        var Comp = (0, _gridDraggable.gridDraggable)(defaultOptions)(function () {
-          return /*#__PURE__*/_react2["default"].createElement("div", null, "Test");
-        });
-        (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(Comp, props));
-
-        // Start to set up state
-        mockDraggableCoreProps.onStart(mockStartEvent());
-
-        // Stop with large movement (not tiny)
-        mockDraggableCoreProps.onStop({
-          clientX: 100,
-          clientY: 100,
-          stopPropagation: jest.fn()
-        }, {});
-        expect(onDragStop).toHaveBeenCalled();
-      });
-      it('calls onClick instead of onDragStop when movement is tiny', function () {
-        var onClick = jest.fn();
-        var onDragStop = jest.fn();
-        var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-          onClick: onClick,
-          onDragStop: onDragStop
-        });
-        _d3Selection.pointer.mockReturnValue([0, 0]);
-        var Comp = (0, _gridDraggable.gridDraggable)(defaultOptions)(function () {
-          return /*#__PURE__*/_react2["default"].createElement("div", null, "Test");
-        });
-        (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(Comp, props));
-
-        // Start and stop at almost the same position (tiny movement)
-        // Grid is 1x1, tiny threshold is grid/10 = 0.1
-        mockDraggableCoreProps.onStart(mockStartEvent());
-        mockDraggableCoreProps.onStop({
-          clientX: 0.05,
-          clientY: 0.05,
-          target: {},
-          stopPropagation: jest.fn()
-        }, {});
-        expect(onClick).toHaveBeenCalledWith({
-          x: 0,
-          y: 0
-        });
-      });
-      it('calls onClick with snapped coordinates', function () {
-        var onClick = jest.fn();
-        var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-          onClick: onClick
-        });
-        var graphProps = getGraphProps();
-        graphProps.scale.x.invert = jest.fn().mockReturnValue(1.7);
-        graphProps.scale.y.invert = jest.fn().mockReturnValue(2.3);
-        graphProps.snap.x = jest.fn().mockReturnValue(2);
-        graphProps.snap.y = jest.fn().mockReturnValue(2);
-        _d3Selection.pointer.mockReturnValue([1.7, 2.3]);
-        var propsWithGraphProps = _objectSpread(_objectSpread({}, props), {}, {
-          graphProps: graphProps
-        });
-        var Comp = (0, _gridDraggable.gridDraggable)(defaultOptions)(function () {
-          return /*#__PURE__*/_react2["default"].createElement("div", null, "Test");
-        });
-        (0, _react.render)(/*#__PURE__*/_react2["default"].createElement(Comp, propsWithGraphProps));
-
-        // Start and stop at almost the same position (tiny movement)
-        mockDraggableCoreProps.onStart(mockStartEvent());
-        mockDraggableCoreProps.onStop({
-          clientX: 0.05,
-          clientY: 0.05,
-          target: {},
-          stopPropagation: jest.fn()
-        }, {});
-        expect(graphProps.snap.x).toHaveBeenCalledWith(1.7);
-        expect(graphProps.snap.y).toHaveBeenCalledWith(2.3);
-        expect(onClick).toHaveBeenCalledWith({
-          x: 2,
-          y: 2
-        });
-      });
-    });
-  });
-});
-//# sourceMappingURL=grid-draggable.test.js.map