@pie-lib/graphing 4.1.0-beta.7 → 5.0.0-next.36

package/lib/tools/circle/__tests__/component.test.js

@@ -1,615 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _testUtils = require("@pie-lib/test-utils");
-var _react = _interopRequireDefault(require("react"));
-var _utils = require("../../../__tests__/utils");
-var _component = require("../component");
-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; }
-describe('Component', function () {
-  var onChange = jest.fn();
-  var changeMarkProps = jest.fn();
-  var renderComponent = function renderComponent(extras) {
-    var defaults = {
-      classes: {},
-      className: 'className',
-      onChange: onChange,
-      changeMarkProps: changeMarkProps,
-      graphProps: (0, _utils.graphProps)(),
-      from: (0, _utils.xy)(0, 0),
-      to: (0, _utils.xy)(1, 1)
-    };
-    var props = _objectSpread(_objectSpread({}, defaults), extras);
-    return (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(_component.RawBaseCircle, props));
-  };
-
-  // used to test items that have labels attached to points
-  var labelNode = document.createElement('foreignObject');
-  var fromWithLabel = {
-    x: 0,
-    y: 0,
-    label: 'A'
-  };
-  var toWithLabel = {
-    x: 1,
-    y: 1,
-    label: 'B'
-  };
-  var renderWithLabels = function renderWithLabels() {
-    var extras = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    return renderComponent(_objectSpread(_objectSpread({}, extras), {}, {
-      labelNode: labelNode,
-      from: fromWithLabel,
-      to: toWithLabel
-    }));
-  };
-  describe('rendering', function () {
-    it('renders without crashing', function () {
-      var _renderComponent = renderComponent(),
-        container = _renderComponent.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with labels', function () {
-      var _renderWithLabels = renderWithLabels(),
-        container = _renderWithLabels.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders a g element', function () {
-      var _renderComponent2 = renderComponent(),
-        container = _renderComponent2.container;
-      var g = container.querySelector('g');
-      expect(g).toBeInTheDocument();
-    });
-    it('renders BgCircle component', function () {
-      var _renderComponent3 = renderComponent(),
-        container = _renderComponent3.container;
-      // BgCircle is rendered as a styled component
-      expect(container.querySelector('g')).toBeInTheDocument();
-    });
-    it('renders two BasePoint components', function () {
-      var _renderComponent4 = renderComponent(),
-        container = _renderComponent4.container;
-      // Two points: from and to
-      var points = container.querySelectorAll('g');
-      expect(points.length).toBeGreaterThanOrEqual(2);
-    });
-    it('renders with building prop', function () {
-      var _renderComponent5 = renderComponent({
-          building: true
-        }),
-        container = _renderComponent5.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with disabled prop', function () {
-      var _renderComponent6 = renderComponent({
-          disabled: true
-        }),
-        container = _renderComponent6.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with correctness prop', function () {
-      var _renderComponent7 = renderComponent({
-          correctness: 'correct'
-        }),
-        container = _renderComponent7.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with coordinatesOnHover enabled', function () {
-      var _renderComponent8 = renderComponent({
-          coordinatesOnHover: true
-        }),
-        container = _renderComponent8.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with labelModeEnabled', function () {
-      var _renderComponent9 = renderComponent({
-          labelModeEnabled: true
-        }),
-        container = _renderComponent9.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with middle point', function () {
-      var middle = {
-        x: 0.5,
-        y: 0.5,
-        label: 'M'
-      };
-      var _renderComponent0 = renderComponent({
-          middle: middle,
-          labelNode: labelNode,
-          labelModeEnabled: true
-        }),
-        container = _renderComponent0.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('handles undefined to point (uses from)', function () {
-      var _renderComponent1 = renderComponent({
-          to: undefined
-        }),
-        container = _renderComponent1.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('handles null to point (uses from)', function () {
-      var _renderComponent10 = renderComponent({
-          to: null
-        }),
-        container = _renderComponent10.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-  describe('props', function () {
-    it('passes onChange callback', function () {
-      var customOnChange = jest.fn();
-      var _renderComponent11 = renderComponent({
-          onChange: customOnChange
-        }),
-        container = _renderComponent11.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('passes changeMarkProps callback', function () {
-      var customChangeMarkProps = jest.fn();
-      var _renderComponent12 = renderComponent({
-          changeMarkProps: customChangeMarkProps
-        }),
-        container = _renderComponent12.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('passes onClick callback', function () {
-      var onClick = jest.fn();
-      var _renderComponent13 = renderComponent({
-          onClick: onClick
-        }),
-        container = _renderComponent13.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('passes onDragStart callback', function () {
-      var onDragStart = jest.fn();
-      var _renderComponent14 = renderComponent({
-          onDragStart: onDragStart
-        }),
-        container = _renderComponent14.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('passes onDragStop callback', function () {
-      var onDragStop = jest.fn();
-      var _renderComponent15 = renderComponent({
-          onDragStop: onDragStop
-        }),
-        container = _renderComponent15.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('uses default onClick when not provided', function () {
-      var _renderComponent16 = renderComponent({
-          onClick: undefined
-        }),
-        container = _renderComponent16.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('passes graphProps', function () {
-      var customGraphProps = (0, _utils.graphProps)();
-      customGraphProps.size = {
-        width: 800,
-        height: 600
-      };
-      var _renderComponent17 = renderComponent({
-          graphProps: customGraphProps
-        }),
-        container = _renderComponent17.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('passes className', function () {
-      var _renderComponent18 = renderComponent({
-          className: 'custom-circle'
-        }),
-        container = _renderComponent18.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-  describe('labels', function () {
-    it('renders from label when provided', function () {
-      var _renderWithLabels2 = renderWithLabels(),
-        container = _renderWithLabels2.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders to label when provided', function () {
-      var _renderWithLabels3 = renderWithLabels(),
-        container = _renderWithLabels3.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders middle label when provided', function () {
-      var middle = {
-        x: 0.5,
-        y: 0.5,
-        label: 'M'
-      };
-      var _renderComponent19 = renderComponent({
-          labelNode: labelNode,
-          middle: middle,
-          from: fromWithLabel,
-          to: toWithLabel
-        }),
-        container = _renderComponent19.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('does not render labels when labelNode is not provided', function () {
-      var _renderComponent20 = renderComponent({
-          from: fromWithLabel,
-          to: toWithLabel,
-          labelNode: null
-        }),
-        container = _renderComponent20.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('handles empty label', function () {
-      var from = {
-        x: 0,
-        y: 0,
-        label: ''
-      };
-      var to = {
-        x: 1,
-        y: 1,
-        label: ''
-      };
-      var _renderComponent21 = renderComponent({
-          labelNode: labelNode,
-          from: from,
-          to: to
-        }),
-        container = _renderComponent21.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with label mode enabled', function () {
-      var _renderComponent22 = renderComponent({
-          labelNode: labelNode,
-          labelModeEnabled: true,
-          from: fromWithLabel,
-          to: toWithLabel
-        }),
-        container = _renderComponent22.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with label mode disabled', function () {
-      var _renderComponent23 = renderComponent({
-          labelNode: labelNode,
-          labelModeEnabled: false,
-          from: fromWithLabel,
-          to: toWithLabel
-        }),
-        container = _renderComponent23.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with limitLabeling enabled', function () {
-      var _renderComponent24 = renderComponent({
-          labelNode: labelNode,
-          limitLabeling: true,
-          from: fromWithLabel,
-          to: toWithLabel
-        }),
-        container = _renderComponent24.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('handles from label undefined', function () {
-      var from = {
-        x: 0,
-        y: 0
-      };
-      var to = {
-        x: 1,
-        y: 1,
-        label: 'B'
-      };
-      var _renderComponent25 = renderComponent({
-          labelNode: labelNode,
-          from: from,
-          to: to
-        }),
-        container = _renderComponent25.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('handles to label undefined', function () {
-      var from = {
-        x: 0,
-        y: 0,
-        label: 'A'
-      };
-      var to = {
-        x: 1,
-        y: 1
-      };
-      var _renderComponent26 = renderComponent({
-          labelNode: labelNode,
-          from: from,
-          to: to
-        }),
-        container = _renderComponent26.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-  describe('coordinates', function () {
-    it('renders with positive coordinates', function () {
-      var _renderComponent27 = renderComponent({
-          from: (0, _utils.xy)(5, 10),
-          to: (0, _utils.xy)(15, 20)
-        }),
-        container = _renderComponent27.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with negative coordinates', function () {
-      var _renderComponent28 = renderComponent({
-          from: (0, _utils.xy)(-5, -10),
-          to: (0, _utils.xy)(-15, -20)
-        }),
-        container = _renderComponent28.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with zero coordinates', function () {
-      var _renderComponent29 = renderComponent({
-          from: (0, _utils.xy)(0, 0),
-          to: (0, _utils.xy)(0, 0)
-        }),
-        container = _renderComponent29.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with decimal coordinates', function () {
-      var _renderComponent30 = renderComponent({
-          from: {
-            x: 1.5,
-            y: 2.7
-          },
-          to: {
-            x: 3.2,
-            y: 4.9
-          }
-        }),
-        container = _renderComponent30.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with large coordinates', function () {
-      var _renderComponent31 = renderComponent({
-          from: (0, _utils.xy)(1000, 1000),
-          to: (0, _utils.xy)(2000, 2000)
-        }),
-        container = _renderComponent31.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with mixed coordinate signs', function () {
-      var _renderComponent32 = renderComponent({
-          from: (0, _utils.xy)(-5, 10),
-          to: (0, _utils.xy)(15, -20)
-        }),
-        container = _renderComponent32.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with very close points', function () {
-      var _renderComponent33 = renderComponent({
-          from: {
-            x: 5,
-            y: 5
-          },
-          to: {
-            x: 5.01,
-            y: 5.01
-          }
-        }),
-        container = _renderComponent33.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with very far points', function () {
-      var _renderComponent34 = renderComponent({
-          from: (0, _utils.xy)(0, 0),
-          to: (0, _utils.xy)(10000, 10000)
-        }),
-        container = _renderComponent34.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-  describe('states', function () {
-    it('renders in building state', function () {
-      var _renderComponent35 = renderComponent({
-          building: true
-        }),
-        container = _renderComponent35.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders in completed state', function () {
-      var _renderComponent36 = renderComponent({
-          building: false
-        }),
-        container = _renderComponent36.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders in disabled state', function () {
-      var _renderComponent37 = renderComponent({
-          disabled: true
-        }),
-        container = _renderComponent37.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders in enabled state', function () {
-      var _renderComponent38 = renderComponent({
-          disabled: false
-        }),
-        container = _renderComponent38.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with building and disabled', function () {
-      var _renderComponent39 = renderComponent({
-          building: true,
-          disabled: true
-        }),
-        container = _renderComponent39.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with correctness correct', function () {
-      var _renderComponent40 = renderComponent({
-          correctness: 'correct'
-        }),
-        container = _renderComponent40.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with correctness incorrect', function () {
-      var _renderComponent41 = renderComponent({
-          correctness: 'incorrect'
-        }),
-        container = _renderComponent41.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with correctness partial', function () {
-      var _renderComponent42 = renderComponent({
-          correctness: 'partial'
-        }),
-        container = _renderComponent42.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders without correctness', function () {
-      var _renderComponent43 = renderComponent({
-          correctness: undefined
-        }),
-        container = _renderComponent43.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-  describe('edge cases', function () {
-    it('handles null labelNode', function () {
-      var _renderComponent44 = renderComponent({
-          labelNode: null,
-          from: fromWithLabel,
-          to: toWithLabel
-        }),
-        container = _renderComponent44.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('handles undefined labelNode', function () {
-      var _renderComponent45 = renderComponent({
-          labelNode: undefined,
-          from: fromWithLabel,
-          to: toWithLabel
-        }),
-        container = _renderComponent45.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('handles missing from coordinates', function () {
-      var _renderComponent46 = renderComponent({
-          from: {},
-          to: (0, _utils.xy)(1, 1)
-        }),
-        container = _renderComponent46.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('handles all props undefined except required', function () {
-      var _renderComponent47 = renderComponent({
-          building: undefined,
-          disabled: undefined,
-          correctness: undefined,
-          coordinatesOnHover: undefined,
-          labelModeEnabled: undefined,
-          limitLabeling: undefined
-        }),
-        container = _renderComponent47.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with custom classes', function () {
-      var _renderComponent48 = renderComponent({
-          classes: {
-            root: 'custom-root'
-          }
-        }),
-        container = _renderComponent48.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with empty classes', function () {
-      var _renderComponent49 = renderComponent({
-          classes: {}
-        }),
-        container = _renderComponent49.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('handles middle point without label', function () {
-      var middle = {
-        x: 0.5,
-        y: 0.5
-      };
-      var _renderComponent50 = renderComponent({
-          labelNode: labelNode,
-          middle: middle
-        }),
-        container = _renderComponent50.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with all label types simultaneously', function () {
-      var middle = {
-        x: 0.5,
-        y: 0.5,
-        label: 'M'
-      };
-      var _renderComponent51 = renderComponent({
-          labelNode: labelNode,
-          from: fromWithLabel,
-          to: toWithLabel,
-          middle: middle,
-          labelModeEnabled: true
-        }),
-        container = _renderComponent51.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-  describe('integration', function () {
-    it('renders complete circle with all features', function () {
-      var middle = {
-        x: 0.5,
-        y: 0.5,
-        label: 'Middle'
-      };
-      var _renderComponent52 = renderComponent({
-          from: fromWithLabel,
-          to: toWithLabel,
-          middle: middle,
-          labelNode: labelNode,
-          labelModeEnabled: true,
-          coordinatesOnHover: true,
-          correctness: 'correct',
-          building: false,
-          disabled: false,
-          onClick: jest.fn(),
-          onChange: jest.fn(),
-          changeMarkProps: jest.fn(),
-          onDragStart: jest.fn(),
-          onDragStop: jest.fn()
-        }),
-        container = _renderComponent52.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders building circle without labels', function () {
-      var _renderComponent53 = renderComponent({
-          from: (0, _utils.xy)(0, 0),
-          to: (0, _utils.xy)(1, 1),
-          building: true,
-          disabled: false
-        }),
-        container = _renderComponent53.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders disabled circle with labels', function () {
-      var _renderComponent54 = renderComponent({
-          from: fromWithLabel,
-          to: toWithLabel,
-          labelNode: labelNode,
-          disabled: true,
-          building: false
-        }),
-        container = _renderComponent54.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-
-  // Note: Instance method tests (dragFrom, dragTo, dragCircle, labelChange, clickPoint)
-  // have been removed as they test internal implementation details.
-  // These behaviors should be tested through:
-  // 1. User interaction tests (drag-and-drop, clicks) - requires complex setup with @dnd-kit
-  // 2. Integration/E2E tests
-  // The component's public API (onChange, changeMarkProps callbacks) is what matters for RTL testing.
-});
-//# sourceMappingURL=component.test.js.map