@pie-lib/graphing-solution-set 4.1.0-beta.6 → 4.1.0-beta.8

package/lib/tools/shared/line/__tests__/with-root-edge.test.js

@@ -1,618 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _testUtils = require("@pie-lib/test-utils");
-var _react = _interopRequireDefault(require("react"));
-var _withRootEdge = require("../with-root-edge");
-var _utils = require("../../../../__tests__/utils");
-var _plot = require("@pie-lib/plot");
-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; }
-var xy = _plot.utils.xy;
-jest.mock('../index', function () {
-  var React = require('react');
-  var out = {
-    lineBase: jest.fn(function (Component) {
-      return Component;
-    }),
-    lineToolComponent: jest.fn(function (Component) {
-      return function (props) {
-        return /*#__PURE__*/React.createElement(Component, props);
-      };
-    })
-  };
-  return out;
-});
-describe('rootEdgeToFromToWrapper', function () {
-  var Comp;
-  var onChange;
-  beforeEach(function () {
-    onChange = jest.fn();
-    Comp = (0, _withRootEdge.rootEdgeToFromToWrapper)(function (props) {
-      return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
-        "data-testid": "wrapped-component"
-      }, props));
-    });
-  });
-  var renderComponent = function renderComponent(extras) {
-    var defaults = {
-      mark: {
-        root: xy(1, 1),
-        edge: xy(2, 2)
-      },
-      onChange: onChange
-    };
-    var props = _objectSpread(_objectSpread({}, defaults), extras);
-    return (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(Comp, props));
-  };
-  describe('rendering', function () {
-    it('renders without crashing', function () {
-      var _renderComponent = renderComponent(),
-        container = _renderComponent.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with only root point', function () {
-      var _renderComponent2 = renderComponent({
-          mark: {
-            root: xy(1, 1)
-          }
-        }),
-        container = _renderComponent2.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with root and edge points', function () {
-      var _renderComponent3 = renderComponent({
-          mark: {
-            root: xy(0, 0),
-            edge: xy(5, 5)
-          }
-        }),
-        container = _renderComponent3.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with negative coordinates', function () {
-      var _renderComponent4 = renderComponent({
-          mark: {
-            root: xy(-5, -5),
-            edge: xy(-1, -1)
-          }
-        }),
-        container = _renderComponent4.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with decimal coordinates', function () {
-      var _renderComponent5 = renderComponent({
-          mark: {
-            root: xy(0.5, 0.5),
-            edge: xy(1.5, 1.5)
-          }
-        }),
-        container = _renderComponent5.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-  describe('coordinate transformation', function () {
-    it('converts root/edge to from/to for wrapped component', function () {
-      var _renderComponent6 = renderComponent({
-          mark: {
-            root: xy(1, 1),
-            edge: xy(2, 2)
-          }
-        }),
-        getByTestId = _renderComponent6.getByTestId;
-      var wrappedComponent = getByTestId('wrapped-component');
-      expect(wrappedComponent).toBeInTheDocument();
-    });
-    it('handles mark without edge', function () {
-      var _renderComponent7 = renderComponent({
-          mark: {
-            root: xy(1, 1)
-          }
-        }),
-        container = _renderComponent7.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('handles mark with undefined edge', function () {
-      var _renderComponent8 = renderComponent({
-          mark: {
-            root: xy(1, 1),
-            edge: undefined
-          }
-        }),
-        container = _renderComponent8.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-  describe('onChange handling', function () {
-    it('passes onChange handler to wrapped component', function () {
-      var _renderComponent9 = renderComponent(),
-        container = _renderComponent9.container;
-      expect(container.firstChild).toBeInTheDocument();
-      expect(onChange).not.toHaveBeenCalled();
-    });
-    it('provides onChange prop to wrapped component', function () {
-      var _renderComponent0 = renderComponent(),
-        getByTestId = _renderComponent0.getByTestId;
-      var wrappedComponent = getByTestId('wrapped-component');
-      expect(wrappedComponent).toBeInTheDocument();
-    });
-  });
-  describe('prop forwarding', function () {
-    it('forwards additional props to wrapped component', function () {
-      var _renderComponent1 = renderComponent({
-          disabled: true,
-          correctness: 'correct'
-        }),
-        getByTestId = _renderComponent1.getByTestId;
-      var wrappedComponent = getByTestId('wrapped-component');
-      expect(wrappedComponent).toBeInTheDocument();
-    });
-    it('forwards graphProps', function () {
-      var graphProps = (0, _utils.graphProps)();
-      var _renderComponent10 = renderComponent({
-          graphProps: graphProps
-        }),
-        getByTestId = _renderComponent10.getByTestId;
-      var wrappedComponent = getByTestId('wrapped-component');
-      expect(wrappedComponent).toBeInTheDocument();
-    });
-    it('forwards all standard props', function () {
-      var _renderComponent11 = renderComponent({
-          disabled: false,
-          correctness: 'incorrect',
-          fill: '#ff0000',
-          onClick: jest.fn(),
-          onDragStart: jest.fn(),
-          onDragStop: jest.fn()
-        }),
-        getByTestId = _renderComponent11.getByTestId;
-      var wrappedComponent = getByTestId('wrapped-component');
-      expect(wrappedComponent).toBeInTheDocument();
-    });
-  });
-  describe('edge cases', function () {
-    it('handles mark with same root and edge', function () {
-      var _renderComponent12 = renderComponent({
-          mark: {
-            root: xy(1, 1),
-            edge: xy(1, 1)
-          }
-        }),
-        container = _renderComponent12.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('handles mark with zero coordinates', function () {
-      var _renderComponent13 = renderComponent({
-          mark: {
-            root: xy(0, 0),
-            edge: xy(0, 0)
-          }
-        }),
-        container = _renderComponent13.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('handles mark with large coordinate values', function () {
-      var _renderComponent14 = renderComponent({
-          mark: {
-            root: xy(1000, 1000),
-            edge: xy(2000, 2000)
-          }
-        }),
-        container = _renderComponent14.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('handles mark with labels', function () {
-      var _renderComponent15 = renderComponent({
-          mark: {
-            root: {
-              x: 1,
-              y: 1,
-              label: 'Root'
-            },
-            edge: {
-              x: 2,
-              y: 2,
-              label: 'Edge'
-            }
-          }
-        }),
-        container = _renderComponent15.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-});
-describe('rootEdgeComponent', function () {
-  var onChange;
-  var Comp;
-  var mark;
-  beforeEach(function () {
-    onChange = jest.fn();
-    mark = {
-      root: xy(0, 0),
-      edge: xy(1, 1)
-    };
-    Comp = (0, _withRootEdge.rootEdgeComponent)(function (props) {
-      return /*#__PURE__*/_react["default"].createElement("text", (0, _extends2["default"])({
-        "data-testid": "root-edge-comp"
-      }, props));
-    });
-  });
-  var renderComponent = function renderComponent(extras) {
-    var defaults = {
-      mark: mark,
-      graphProps: (0, _utils.graphProps)(),
-      onChange: onChange
-    };
-    var props = _objectSpread(_objectSpread({}, defaults), extras);
-    return (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(Comp, props));
-  };
-  describe('rendering', function () {
-    it('renders without crashing', function () {
-      var _renderComponent16 = renderComponent(),
-        container = _renderComponent16.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with building mark', function () {
-      var buildingMark = {
-        root: xy(0, 0),
-        building: true
-      };
-      var _renderComponent17 = renderComponent({
-          mark: buildingMark
-        }),
-        container = _renderComponent17.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with complete mark', function () {
-      var completeMark = {
-        root: xy(0, 0),
-        edge: xy(5, 5),
-        building: false
-      };
-      var _renderComponent18 = renderComponent({
-          mark: completeMark
-        }),
-        container = _renderComponent18.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with disabled mark', function () {
-      var disabledMark = {
-        root: xy(0, 0),
-        edge: xy(1, 1),
-        disabled: true
-      };
-      var _renderComponent19 = renderComponent({
-          mark: disabledMark
-        }),
-        container = _renderComponent19.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with correctness state', function () {
-      var correctMark = {
-        root: xy(0, 0),
-        edge: xy(1, 1),
-        correctness: 'correct'
-      };
-      var _renderComponent20 = renderComponent({
-          mark: correctMark
-        }),
-        container = _renderComponent20.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-  describe('mark variations', function () {
-    it('handles mark without edge', function () {
-      var _renderComponent21 = renderComponent({
-          mark: {
-            root: xy(1, 1)
-          }
-        }),
-        container = _renderComponent21.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('handles mark with middle point', function () {
-      var _renderComponent22 = renderComponent({
-          mark: {
-            root: xy(0, 0),
-            edge: xy(2, 2),
-            middle: xy(1, 1)
-          }
-        }),
-        container = _renderComponent22.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('handles mark with custom fill', function () {
-      var _renderComponent23 = renderComponent({
-          mark: {
-            root: xy(0, 0),
-            edge: xy(1, 1),
-            fill: '#00ff00'
-          }
-        }),
-        container = _renderComponent23.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('handles mark with type property', function () {
-      var _renderComponent24 = renderComponent({
-          mark: {
-            root: xy(0, 0),
-            edge: xy(1, 1),
-            type: 'parabola'
-          }
-        }),
-        container = _renderComponent24.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-  describe('prop forwarding', function () {
-    it('forwards graphProps correctly', function () {
-      var customGraphProps = (0, _utils.graphProps)(0, 10, 0, 10);
-      var _renderComponent25 = renderComponent({
-          graphProps: customGraphProps
-        }),
-        container = _renderComponent25.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('forwards onClick handler', function () {
-      var onClick = jest.fn();
-      var _renderComponent26 = renderComponent({
-          onClick: onClick
-        }),
-        container = _renderComponent26.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('forwards labelNode', function () {
-      var labelNode = document.createElement('foreignObject');
-      var _renderComponent27 = renderComponent({
-          labelNode: labelNode
-        }),
-        container = _renderComponent27.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('forwards labelModeEnabled', function () {
-      var _renderComponent28 = renderComponent({
-          labelModeEnabled: true
-        }),
-        container = _renderComponent28.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('forwards coordinatesOnHover', function () {
-      var _renderComponent29 = renderComponent({
-          coordinatesOnHover: true
-        }),
-        container = _renderComponent29.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-  describe('edge cases', function () {
-    it('handles vertical line (same x coordinates)', function () {
-      var _renderComponent30 = renderComponent({
-          mark: {
-            root: xy(1, 0),
-            edge: xy(1, 5)
-          }
-        }),
-        container = _renderComponent30.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('handles horizontal line (same y coordinates)', function () {
-      var _renderComponent31 = renderComponent({
-          mark: {
-            root: xy(0, 1),
-            edge: xy(5, 1)
-          }
-        }),
-        container = _renderComponent31.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('handles diagonal line', function () {
-      var _renderComponent32 = renderComponent({
-          mark: {
-            root: xy(0, 0),
-            edge: xy(5, 5)
-          }
-        }),
-        container = _renderComponent32.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('handles negative slope', function () {
-      var _renderComponent33 = renderComponent({
-          mark: {
-            root: xy(0, 5),
-            edge: xy(5, 0)
-          }
-        }),
-        container = _renderComponent33.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-});
-describe('withRootEdge', function () {
-  var getPoints;
-  var Comp;
-  beforeEach(function () {
-    getPoints = jest.fn(function () {
-      return {
-        dataPoints: [{
-          x: 0,
-          y: 0
-        }, {
-          x: 1,
-          y: 1
-        }, {
-          x: 2,
-          y: 4
-        }],
-        enableCurve: true
-      };
-    });
-    Comp = (0, _withRootEdge.withRootEdge)(getPoints);
-  });
-  var renderComponent = function renderComponent(extras) {
-    var defaults = {
-      from: xy(0, 0),
-      to: xy(2, 2),
-      graphProps: (0, _utils.graphProps)(),
-      onChange: jest.fn()
-    };
-    var props = _objectSpread(_objectSpread({}, defaults), extras);
-    return (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(Comp, props));
-  };
-  describe('rendering', function () {
-    it('renders without crashing', function () {
-      var _renderComponent34 = renderComponent(),
-        container = _renderComponent34.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('calls getPoints with correct parameters', function () {
-      renderComponent();
-      expect(getPoints).toHaveBeenCalled();
-    });
-    it('renders with curve enabled', function () {
-      getPoints.mockReturnValue({
-        dataPoints: [xy(0, 0), xy(1, 1), xy(2, 2)],
-        enableCurve: true
-      });
-      var _renderComponent35 = renderComponent(),
-        container = _renderComponent35.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with curve disabled', function () {
-      getPoints.mockReturnValue({
-        dataPoints: [xy(0, 0), xy(1, 1), xy(2, 2)],
-        enableCurve: false
-      });
-      var _renderComponent36 = renderComponent(),
-        container = _renderComponent36.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-  describe('data points handling', function () {
-    it('handles empty data points', function () {
-      getPoints.mockReturnValue({
-        dataPoints: [],
-        enableCurve: true
-      });
-      var _renderComponent37 = renderComponent(),
-        container = _renderComponent37.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('handles single data point', function () {
-      getPoints.mockReturnValue({
-        dataPoints: [xy(1, 1)],
-        enableCurve: true
-      });
-      var _renderComponent38 = renderComponent(),
-        container = _renderComponent38.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('handles many data points', function () {
-      var points = Array.from({
-        length: 100
-      }, function (_, i) {
-        return xy(i, i * i);
-      });
-      getPoints.mockReturnValue({
-        dataPoints: points,
-        enableCurve: true
-      });
-      var _renderComponent39 = renderComponent(),
-        container = _renderComponent39.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('handles negative coordinate data points', function () {
-      getPoints.mockReturnValue({
-        dataPoints: [xy(-5, -5), xy(-3, -3), xy(-1, -1)],
-        enableCurve: true
-      });
-      var _renderComponent40 = renderComponent(),
-        container = _renderComponent40.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-  describe('prop handling', function () {
-    it('forwards onClick handler', function () {
-      var onClick = jest.fn();
-      var _renderComponent41 = renderComponent({
-          onClick: onClick
-        }),
-        container = _renderComponent41.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('forwards onDragStart handler', function () {
-      var onDragStart = jest.fn();
-      var _renderComponent42 = renderComponent({
-          onDragStart: onDragStart
-        }),
-        container = _renderComponent42.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('forwards onDragStop handler', function () {
-      var onDragStop = jest.fn();
-      var _renderComponent43 = renderComponent({
-          onDragStop: onDragStop
-        }),
-        container = _renderComponent43.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('forwards disabled state', function () {
-      var _renderComponent44 = renderComponent({
-          disabled: true
-        }),
-        container = _renderComponent44.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('forwards correctness state', function () {
-      var _renderComponent45 = renderComponent({
-          correctness: 'correct'
-        }),
-        container = _renderComponent45.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('forwards custom props', function () {
-      var _renderComponent46 = renderComponent({
-          fill: '#ff0000',
-          strokeWidth: 5
-        }),
-        container = _renderComponent46.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-  describe('edge cases', function () {
-    it('handles undefined to point', function () {
-      var _renderComponent47 = renderComponent({
-          to: undefined
-        }),
-        container = _renderComponent47.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('handles same from and to points', function () {
-      var _renderComponent48 = renderComponent({
-          from: xy(1, 1),
-          to: xy(1, 1)
-        }),
-        container = _renderComponent48.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('handles different graph scales', function () {
-      var customGraphProps = (0, _utils.graphProps)(-10, 10, -10, 10);
-      var _renderComponent49 = renderComponent({
-          graphProps: customGraphProps
-        }),
-        container = _renderComponent49.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('handles getPoints returning enableCurve as undefined', function () {
-      getPoints.mockReturnValue({
-        dataPoints: [xy(0, 0), xy(1, 1)]
-        // enableCurve is undefined
-      });
-      var _renderComponent50 = renderComponent(),
-        container = _renderComponent50.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-});
-//# sourceMappingURL=with-root-edge.test.js.map