@pie-lib/graphing 4.1.0-beta.7 → 4.1.0-beta.8

package/lib/__tests__/graph.test.js

@@ -1,927 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _react = _interopRequireDefault(require("react"));
-var _testUtils = require("@pie-lib/test-utils");
-var _utils = require("./utils");
-var _graph = _interopRequireWildcard(require("../graph"));
-var _tools = require("../tools");
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-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('removeBuildingToolIfCurrentToolDiffers', function () {
-  var marks = [{
-    type: 'point',
-    x: 2,
-    y: 2,
-    label: 'Point',
-    showLabel: true
-  }, {
-    type: 'line',
-    from: {
-      x: 0,
-      y: 0
-    },
-    to: {
-      x: 1,
-      y: 1
-    },
-    label: 'Line',
-    building: true
-  }];
-  it('keeps all marks if currentTool is the same', function () {
-    expect((0, _graph.removeBuildingToolIfCurrentToolDiffers)({
-      marks: marks,
-      currentTool: {
-        type: 'line'
-      }
-    })).toEqual(marks);
-  });
-  it('removes building marks if currentTool is different', function () {
-    expect((0, _graph.removeBuildingToolIfCurrentToolDiffers)({
-      marks: marks,
-      currentTool: {
-        type: 'different'
-      }
-    })).toEqual([marks[0]]);
-  });
-});
-describe('Graph', function () {
-  var onChangeMarks = jest.fn();
-  var defaultProps = _objectSpread({
-    className: 'className',
-    onChangeMarks: onChangeMarks,
-    tools: _tools.toolsArr,
-    domain: {
-      min: 0,
-      max: 1,
-      step: 1
-    },
-    range: {
-      min: 0,
-      max: 1,
-      step: 1
-    },
-    size: {
-      width: 400,
-      height: 400
-    },
-    marks: [{
-      type: 'point',
-      x: 2,
-      y: 2,
-      label: 'Point',
-      showLabel: true
-    }, {
-      type: 'line',
-      from: {
-        x: 0,
-        y: 0
-      },
-      to: {
-        x: 1,
-        y: 1
-      },
-      label: 'Line'
-    }]
-  }, (0, _utils.graphProps)());
-  beforeEach(function () {
-    onChangeMarks.mockClear();
-  });
-  describe('rendering', function () {
-    it('renders without crashing', function () {
-      var _render = (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(_graph["default"], defaultProps)),
-        container = _render.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with currentTool', function () {
-      var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-        currentTool: _tools.toolsArr[0]
-      });
-      var _render2 = (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(_graph["default"], props)),
-        container = _render2.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with marks', function () {
-      var _render3 = (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(_graph["default"], defaultProps)),
-        container = _render3.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with empty marks array', function () {
-      var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-        marks: []
-      });
-      var _render4 = (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(_graph["default"], props)),
-        container = _render4.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('renders with labelModeEnabled', function () {
-      var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-        labelModeEnabled: true
-      });
-      var _render5 = (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(_graph["default"], props)),
-        container = _render5.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-  describe('props handling', function () {
-    it('calls onChangeMarks when marks prop changes', function () {
-      var _render6 = (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(_graph["default"], defaultProps)),
-        rerender = _render6.rerender;
-      var newMarks = [{
-        type: 'point',
-        x: 3,
-        y: 3,
-        label: 'New Point',
-        showLabel: true
-      }];
-      rerender(/*#__PURE__*/_react["default"].createElement(_graph["default"], (0, _extends2["default"])({}, defaultProps, {
-        marks: newMarks
-      })));
-
-      // Component should render with new marks
-      // Note: onChangeMarks is called internally when marks are changed through user interaction,
-      // not when props change, so we just verify the component renders correctly
-      expect(onChangeMarks).not.toHaveBeenCalled();
-    });
-    it('handles undefined onChangeMarks gracefully', function () {
-      var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-        onChangeMarks: undefined
-      });
-      var _render7 = (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(_graph["default"], props)),
-        container = _render7.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-  describe('removeBuildingToolIfCurrentToolDiffers integration', function () {
-    it('removes building marks when currentTool changes', function () {
-      var marksWithBuilding = [{
-        type: 'point',
-        x: 2,
-        y: 2,
-        label: 'Point',
-        showLabel: true
-      }, {
-        type: 'line',
-        from: {
-          x: 0,
-          y: 0
-        },
-        to: {
-          x: 1,
-          y: 1
-        },
-        building: true
-      }];
-      var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-        marks: marksWithBuilding,
-        currentTool: {
-          type: 'point'
-        } // Different from building mark type
-      });
-      var _render8 = (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(_graph["default"], props)),
-        container = _render8.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-  describe('updateMarks method', function () {
-    it('updates an existing mark', function () {
-      var wrapper = (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(_graph["default"], defaultProps));
-      var rerender = wrapper.rerender;
-      var updatedMarks = [{
-        type: 'point',
-        x: 3,
-        y: 3,
-        label: 'Updated Point',
-        showLabel: true
-      }, {
-        type: 'line',
-        from: {
-          x: 0,
-          y: 0
-        },
-        to: {
-          x: 1,
-          y: 1
-        },
-        label: 'Line'
-      }];
-      rerender(/*#__PURE__*/_react["default"].createElement(_graph["default"], (0, _extends2["default"])({}, defaultProps, {
-        marks: updatedMarks
-      })));
-
-      // Component should render with updated marks
-      expect(wrapper.container.firstChild).toBeInTheDocument();
-    });
-    it('does not update if mark is duplicated', function () {
-      var duplicatedMarks = [{
-        type: 'point',
-        x: 2,
-        y: 2,
-        label: 'Point',
-        showLabel: true
-      }, {
-        type: 'point',
-        x: 2,
-        y: 2,
-        label: 'Point',
-        showLabel: true
-      }];
-      var _render9 = (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(_graph["default"], (0, _extends2["default"])({}, defaultProps, {
-          marks: duplicatedMarks
-        }))),
-        container = _render9.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('adds mark if addIfMissing is true and mark does not exist', function () {
-      var _render0 = (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(_graph["default"], defaultProps)),
-        container = _render0.container;
-
-      // The component should handle adding new marks through user interaction
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('does not update if mark has no building flag and is duplicated', function () {
-      var marks = [{
-        type: 'point',
-        x: 2,
-        y: 2,
-        label: 'Point',
-        showLabel: true
-      }];
-      var _render1 = (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(_graph["default"], (0, _extends2["default"])({}, defaultProps, {
-          marks: marks
-        }))),
-        container = _render1.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('handles building marks correctly', function () {
-      var marksWithBuilding = [{
-        type: 'line',
-        from: {
-          x: 0,
-          y: 0
-        },
-        building: true
-      }];
-      var _render10 = (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(_graph["default"], (0, _extends2["default"])({}, defaultProps, {
-          marks: marksWithBuilding
-        }))),
-        container = _render10.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('updates building mark to completed mark', function () {
-      var marksWithBuilding = [{
-        type: 'line',
-        from: {
-          x: 0,
-          y: 0
-        },
-        building: true
-      }];
-      var _render11 = (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(_graph["default"], (0, _extends2["default"])({}, defaultProps, {
-          marks: marksWithBuilding
-        }))),
-        rerender = _render11.rerender,
-        container = _render11.container;
-      var completedMarks = [{
-        type: 'line',
-        from: {
-          x: 0,
-          y: 0
-        },
-        to: {
-          x: 1,
-          y: 1
-        },
-        building: false
-      }];
-      rerender(/*#__PURE__*/_react["default"].createElement(_graph["default"], (0, _extends2["default"])({}, defaultProps, {
-        marks: completedMarks
-      })));
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('does not call onChangeMarks if update is undefined', function () {
-      var _render12 = (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(_graph["default"], defaultProps)),
-        container = _render12.container;
-
-      // If update is undefined, onChangeMarks should not be called
-      // This is handled internally by the component
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('does not add mark if existing is not found and addIfMissing is false', function () {
-      var _render13 = (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(_graph["default"], defaultProps)),
-        container = _render13.container;
-
-      // By default, marks are not added if they don't exist and addIfMissing is false
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('calls onChangeMarks with correct marks when updating', function () {
-      var marks = [{
-        type: 'point',
-        x: 2,
-        y: 2,
-        label: 'Point',
-        showLabel: true
-      }];
-      var _render14 = (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(_graph["default"], (0, _extends2["default"])({}, defaultProps, {
-          marks: marks
-        }))),
-        rerender = _render14.rerender;
-      var updatedMarks = [{
-        type: 'point',
-        x: 3,
-        y: 3,
-        label: 'Updated Point',
-        showLabel: true
-      }];
-      rerender(/*#__PURE__*/_react["default"].createElement(_graph["default"], (0, _extends2["default"])({}, defaultProps, {
-        marks: updatedMarks
-      })));
-
-      // The component handles mark updates internally
-      // onChangeMarks is called through user interactions
-    });
-    it('preserves other marks when updating a specific mark', function () {
-      var marks = [{
-        type: 'point',
-        x: 2,
-        y: 2,
-        label: 'Point 1',
-        showLabel: true
-      }, {
-        type: 'point',
-        x: 3,
-        y: 3,
-        label: 'Point 2',
-        showLabel: true
-      }];
-      var _render15 = (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(_graph["default"], (0, _extends2["default"])({}, defaultProps, {
-          marks: marks
-        }))),
-        container = _render15.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-  describe('getComponent method', function () {
-    it('returns null if mark is null', function () {
-      var _render16 = (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(_graph["default"], defaultProps)),
-        container = _render16.container;
-
-      // getComponent returns null for null marks
-      // This is tested by rendering with undefined marks
-      var propsWithoutMarks = _objectSpread(_objectSpread({}, defaultProps), {}, {
-        marks: []
-      });
-      var _render17 = (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(_graph["default"], propsWithoutMarks)),
-        emptyContainer = _render17.container;
-      expect(emptyContainer.firstChild).toBeInTheDocument();
-    });
-    it('returns null if mark is undefined', function () {
-      var _render18 = (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(_graph["default"], defaultProps)),
-        container = _render18.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-    it('returns null if tools is undefined', function () {
-      var propsWithUndefinedTools = _objectSpread(_objectSpread({}, defaultProps), {}, {
-        tools: undefined
-      });
-      var graphInstance = new _graph["default"](propsWithUndefinedTools);
-      var mark = {
-        type: 'point',
-        x: 1,
-        y: 1
-      };
-      var component = graphInstance.getComponent(mark);
-      expect(component).toBeNull();
-    });
-    it('returns null if tools is empty array', function () {
-      var propsWithEmptyTools = _objectSpread(_objectSpread({}, defaultProps), {}, {
-        tools: []
-      });
-      var graphInstance = new _graph["default"](propsWithEmptyTools);
-      var mark = {
-        type: 'point',
-        x: 1,
-        y: 1
-      };
-      var component = graphInstance.getComponent(mark);
-      expect(component).toBeNull();
-    });
-    it('returns null if mark type is not found in tools', function () {
-      var graphInstance = new _graph["default"](defaultProps);
-      var mark = {
-        type: 'nonexistent-type',
-        x: 1,
-        y: 1
-      };
-      var component = graphInstance.getComponent(mark);
-      expect(component).toBeNull();
-    });
-    it('returns component if tool has no Component property', function () {
-      var toolWithoutComponent = [{
-        type: 'custom',
-        label: 'Custom'
-      }];
-      var propsWithCustomTool = _objectSpread(_objectSpread({}, defaultProps), {}, {
-        tools: toolWithoutComponent
-      });
-      var graphInstance = new _graph["default"](propsWithCustomTool);
-      var mark = {
-        type: 'custom',
-        x: 1,
-        y: 1
-      };
-      var component = graphInstance.getComponent(mark);
-      expect(component).toBeNull();
-    });
-    it('returns correct component for point mark', function () {
-      var graphInstance = new _graph["default"](defaultProps);
-      var mark = {
-        type: 'point',
-        x: 1,
-        y: 1
-      };
-      var component = graphInstance.getComponent(mark);
-      expect(component).toBeTruthy();
-    });
-    it('returns correct component for line mark', function () {
-      var graphInstance = new _graph["default"](defaultProps);
-      var mark = {
-        type: 'line',
-        from: {
-          x: 0,
-          y: 0
-        },
-        to: {
-          x: 1,
-          y: 1
-        }
-      };
-      var component = graphInstance.getComponent(mark);
-      expect(component).toBeTruthy();
-    });
-    it('returns correct component for different mark types', function () {
-      var graphInstance = new _graph["default"](defaultProps);
-      var pointMark = {
-        type: 'point',
-        x: 1,
-        y: 1
-      };
-      var lineMark = {
-        type: 'line',
-        from: {
-          x: 0,
-          y: 0
-        },
-        to: {
-          x: 1,
-          y: 1
-        }
-      };
-      var circleMark = {
-        type: 'circle',
-        center: {
-          x: 0,
-          y: 0
-        },
-        edge: {
-          x: 1,
-          y: 1
-        }
-      };
-      var pointComponent = graphInstance.getComponent(pointMark);
-      var lineComponent = graphInstance.getComponent(lineMark);
-      var circleComponent = graphInstance.getComponent(circleMark);
-      expect(pointComponent).toBeTruthy();
-      expect(lineComponent).toBeTruthy();
-      expect(circleComponent).toBeTruthy();
-    });
-  });
-  describe('getComponent method - unit tests', function () {
-    it('returns null if mark is null', function () {
-      var graphInstance = new _graph["default"](defaultProps);
-      var component = graphInstance.getComponent(null);
-      expect(component).toBeNull();
-    });
-    it('returns null if mark is undefined', function () {
-      var graphInstance = new _graph["default"](defaultProps);
-      var component = graphInstance.getComponent(undefined);
-      expect(component).toBeNull();
-    });
-    it('returns null if tools is undefined', function () {
-      var propsWithUndefinedTools = _objectSpread(_objectSpread({}, defaultProps), {}, {
-        tools: undefined
-      });
-      var graphInstance = new _graph["default"](propsWithUndefinedTools);
-      var mark = {
-        type: 'point',
-        x: 1,
-        y: 1
-      };
-      var component = graphInstance.getComponent(mark);
-      expect(component).toBeNull();
-    });
-    it('returns null if tools is empty array', function () {
-      var propsWithEmptyTools = _objectSpread(_objectSpread({}, defaultProps), {}, {
-        tools: []
-      });
-      var graphInstance = new _graph["default"](propsWithEmptyTools);
-      var mark = {
-        type: 'point',
-        x: 1,
-        y: 1
-      };
-      var component = graphInstance.getComponent(mark);
-      expect(component).toBeNull();
-    });
-    it('returns null if mark type is not found in tools', function () {
-      var graphInstance = new _graph["default"](defaultProps);
-      var mark = {
-        type: 'nonexistent-type',
-        x: 1,
-        y: 1
-      };
-      var component = graphInstance.getComponent(mark);
-      expect(component).toBeNull();
-    });
-    it('returns component if tool has no Component property', function () {
-      var toolWithoutComponent = [{
-        type: 'custom',
-        label: 'Custom'
-      }];
-      var propsWithCustomTool = _objectSpread(_objectSpread({}, defaultProps), {}, {
-        tools: toolWithoutComponent
-      });
-      var graphInstance = new _graph["default"](propsWithCustomTool);
-      var mark = {
-        type: 'custom',
-        x: 1,
-        y: 1
-      };
-      var component = graphInstance.getComponent(mark);
-      expect(component).toBeNull();
-    });
-    it('returns correct component for point mark', function () {
-      var graphInstance = new _graph["default"](defaultProps);
-      var mark = {
-        type: 'point',
-        x: 1,
-        y: 1
-      };
-      var component = graphInstance.getComponent(mark);
-      expect(component).toBeTruthy();
-    });
-    it('returns correct component for line mark', function () {
-      var graphInstance = new _graph["default"](defaultProps);
-      var mark = {
-        type: 'line',
-        from: {
-          x: 0,
-          y: 0
-        },
-        to: {
-          x: 1,
-          y: 1
-        }
-      };
-      var component = graphInstance.getComponent(mark);
-      expect(component).toBeTruthy();
-    });
-    it('returns correct component for different mark types', function () {
-      var graphInstance = new _graph["default"](defaultProps);
-      var pointMark = {
-        type: 'point',
-        x: 1,
-        y: 1
-      };
-      var lineMark = {
-        type: 'line',
-        from: {
-          x: 0,
-          y: 0
-        },
-        to: {
-          x: 1,
-          y: 1
-        }
-      };
-      var circleMark = {
-        type: 'circle',
-        center: {
-          x: 0,
-          y: 0
-        },
-        edge: {
-          x: 1,
-          y: 1
-        }
-      };
-      var pointComponent = graphInstance.getComponent(pointMark);
-      var lineComponent = graphInstance.getComponent(lineMark);
-      var circleComponent = graphInstance.getComponent(circleMark);
-      expect(pointComponent).toBeTruthy();
-      expect(lineComponent).toBeTruthy();
-      expect(circleComponent).toBeTruthy();
-    });
-  });
-  describe('updateMarks method - unit tests', function () {
-    it('does not update if update parameter is null', function () {
-      var onChangeMarks = jest.fn();
-      var marks = [{
-        type: 'point',
-        x: 1,
-        y: 1
-      }];
-      var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-        onChangeMarks: onChangeMarks,
-        marks: marks
-      });
-      var graphInstance = new _graph["default"](props);
-      var existing = marks[0];
-      graphInstance.updateMarks(existing, null);
-      expect(onChangeMarks).not.toHaveBeenCalled();
-    });
-    it('does not update if update parameter is undefined', function () {
-      var onChangeMarks = jest.fn();
-      var marks = [{
-        type: 'point',
-        x: 1,
-        y: 1
-      }];
-      var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-        onChangeMarks: onChangeMarks,
-        marks: marks
-      });
-      var graphInstance = new _graph["default"](props);
-      var existing = marks[0];
-      graphInstance.updateMarks(existing, undefined);
-      expect(onChangeMarks).not.toHaveBeenCalled();
-    });
-    it('updates existing mark when found', function () {
-      var onChangeMarks = jest.fn();
-      var marks = [{
-        type: 'point',
-        x: 1,
-        y: 1
-      }, {
-        type: 'point',
-        x: 2,
-        y: 2
-      }];
-      var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-        onChangeMarks: onChangeMarks,
-        marks: marks
-      });
-      var graphInstance = new _graph["default"](props);
-      var existing = marks[0];
-      var updated = {
-        type: 'point',
-        x: 1,
-        y: 3
-      };
-      graphInstance.updateMarks(existing, updated);
-      expect(onChangeMarks).toHaveBeenCalledTimes(1);
-      var updatedMarks = onChangeMarks.mock.calls[0][0];
-      expect(updatedMarks[0]).toEqual(updated);
-      expect(updatedMarks[1]).toEqual(marks[1]);
-    });
-    it('adds mark if addIfMissing is true and mark not found', function () {
-      var onChangeMarks = jest.fn();
-      var marks = [{
-        type: 'point',
-        x: 1,
-        y: 1
-      }];
-      var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-        onChangeMarks: onChangeMarks,
-        marks: marks
-      });
-      var graphInstance = new _graph["default"](props);
-      var existing = {
-        type: 'point',
-        x: 5,
-        y: 5
-      };
-      var updated = {
-        type: 'point',
-        x: 2,
-        y: 2
-      };
-      graphInstance.updateMarks(existing, updated, true);
-      expect(onChangeMarks).toHaveBeenCalledTimes(1);
-      var updatedMarks = onChangeMarks.mock.calls[0][0];
-      expect(updatedMarks.length).toBe(2);
-      expect(updatedMarks[1]).toEqual(updated);
-    });
-    it('does not add mark if addIfMissing is false and mark not found', function () {
-      var onChangeMarks = jest.fn();
-      var marks = [{
-        type: 'point',
-        x: 1,
-        y: 1
-      }];
-      var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-        onChangeMarks: onChangeMarks,
-        marks: marks
-      });
-      var graphInstance = new _graph["default"](props);
-      var existing = {
-        type: 'point',
-        x: 5,
-        y: 5
-      };
-      var updated = {
-        type: 'point',
-        x: 2,
-        y: 2
-      };
-      graphInstance.updateMarks(existing, updated, false);
-      expect(onChangeMarks).not.toHaveBeenCalled();
-    });
-    it('does not update if mark is still building', function () {
-      var onChangeMarks = jest.fn();
-      var marks = [{
-        type: 'point',
-        x: 1,
-        y: 1,
-        building: true
-      }];
-      var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-        onChangeMarks: onChangeMarks,
-        marks: marks
-      });
-      var graphInstance = new _graph["default"](props);
-      var existing = marks[0];
-      var updated = {
-        type: 'point',
-        x: 2,
-        y: 2
-      };
-      graphInstance.updateMarks(existing, updated);
-      expect(onChangeMarks).toHaveBeenCalled();
-    });
-    it('preserves mark order when updating', function () {
-      var onChangeMarks = jest.fn();
-      var marks = [{
-        type: 'point',
-        x: 1,
-        y: 1
-      }, {
-        type: 'point',
-        x: 2,
-        y: 2
-      }, {
-        type: 'point',
-        x: 3,
-        y: 3
-      }];
-      var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-        onChangeMarks: onChangeMarks,
-        marks: marks
-      });
-      var graphInstance = new _graph["default"](props);
-      var existing = marks[1];
-      var updated = {
-        type: 'point',
-        x: 2,
-        y: 5
-      };
-      graphInstance.updateMarks(existing, updated);
-      var updatedMarks = onChangeMarks.mock.calls[0][0];
-      expect(updatedMarks[0]).toEqual(marks[0]);
-      expect(updatedMarks[1]).toEqual(updated);
-      expect(updatedMarks[2]).toEqual(marks[2]);
-    });
-    it('handles empty marks array', function () {
-      var onChangeMarks = jest.fn();
-      var props = _objectSpread(_objectSpread({}, defaultProps), {}, {
-        onChangeMarks: onChangeMarks,
-        marks: []
-      });
-      var graphInstance = new _graph["default"](props);
-      var existing = {
-        type: 'point',
-        x: 1,
-        y: 1
-      };
-      var updated = {
-        type: 'point',
-        x: 2,
-        y: 2
-      };
-      graphInstance.updateMarks(existing, updated, true);
-      expect(onChangeMarks).toHaveBeenCalledTimes(1);
-      var updatedMarks = onChangeMarks.mock.calls[0][0];
-      expect(updatedMarks.length).toBe(1);
-      expect(updatedMarks[0]).toEqual(updated);
-    });
-  });
-  describe('updateMarks and getComponent integration', function () {
-    it('updates marks and renders with correct components', function () {
-      var initialMarks = [{
-        type: 'point',
-        x: 2,
-        y: 2,
-        label: 'Point',
-        showLabel: true
-      }];
-      var _render19 = (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(_graph["default"], (0, _extends2["default"])({}, defaultProps, {
-          marks: initialMarks
-        }))),
-        rerender = _render19.rerender,
-        container = _render19.container;
-      var updatedMarks = [{
-        type: 'line',
-        from: {
-          x: 0,
-          y: 0
-        },
-        to: {
-          x: 1,
-          y: 1
-        },
-        label: 'Line'
-      }];
-      rerender(/*#__PURE__*/_react["default"].createElement(_graph["default"], (0, _extends2["default"])({}, defaultProps, {
-        marks: updatedMarks
-      })));
-      expect(container.querySelector('#marks')).toBeInTheDocument();
-    });
-    it('handles adding new marks with different types', function () {
-      var initialMarks = [{
-        type: 'point',
-        x: 2,
-        y: 2,
-        label: 'Point',
-        showLabel: true
-      }];
-      var _render20 = (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(_graph["default"], (0, _extends2["default"])({}, defaultProps, {
-          marks: initialMarks
-        }))),
-        rerender = _render20.rerender,
-        container = _render20.container;
-      var updatedMarks = [{
-        type: 'point',
-        x: 2,
-        y: 2,
-        label: 'Point',
-        showLabel: true
-      }, {
-        type: 'line',
-        from: {
-          x: 0,
-          y: 0
-        },
-        to: {
-          x: 1,
-          y: 1
-        },
-        label: 'Line'
-      }];
-      rerender(/*#__PURE__*/_react["default"].createElement(_graph["default"], (0, _extends2["default"])({}, defaultProps, {
-        marks: updatedMarks
-      })));
-      expect(container.querySelector('#marks')).toBeInTheDocument();
-    });
-    it('handles removing marks', function () {
-      var initialMarks = [{
-        type: 'point',
-        x: 2,
-        y: 2,
-        label: 'Point',
-        showLabel: true
-      }, {
-        type: 'line',
-        from: {
-          x: 0,
-          y: 0
-        },
-        to: {
-          x: 1,
-          y: 1
-        },
-        label: 'Line'
-      }];
-      var _render21 = (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(_graph["default"], (0, _extends2["default"])({}, defaultProps, {
-          marks: initialMarks
-        }))),
-        rerender = _render21.rerender,
-        container = _render21.container;
-      var updatedMarks = [{
-        type: 'point',
-        x: 2,
-        y: 2,
-        label: 'Point',
-        showLabel: true
-      }];
-      rerender(/*#__PURE__*/_react["default"].createElement(_graph["default"], (0, _extends2["default"])({}, defaultProps, {
-        marks: updatedMarks
-      })));
-      expect(container.querySelector('#marks')).toBeInTheDocument();
-    });
-  });
-});
-//# sourceMappingURL=graph.test.js.map