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

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

@@ -1,72 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _withRootEdge = require("../../shared/line/with-root-edge");
-var _graphingUtils = require("@pie-lib/graphing-utils");
-var _plot = require("@pie-lib/plot");
-var _utils = require("../../../__tests__/utils");
-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('@pie-lib/graphing-utils', function () {
-  return {
-    sinY: jest.fn().mockReturnValue(0),
-    buildDataPoints: jest.fn().mockReturnValue([]),
-    parabolaFromTwoPoints: jest.fn(function () {
-      return jest.fn();
-    }),
-    getAmplitudeAndFreq: jest.fn().mockReturnValue({
-      freq: 4,
-      amplitude: 1
-    }),
-    FREQ_DIVIDER: 16
-  };
-});
-jest.mock('../../shared/line/with-root-edge', function () {
-  return {
-    withRootEdge: jest.fn(),
-    rootEdgeComponent: jest.fn()
-  };
-});
-describe('Parabola', function () {
-  var fnBody;
-  var graphProps;
-  var root;
-  var edge;
-  var result;
-  beforeEach(function () {
-    require('../component');
-    fnBody = _withRootEdge.withRootEdge.mock.calls[0][0];
-    graphProps = (0, _utils.graphProps)();
-    root = xy(0, 0);
-    edge = xy(1, 1);
-    result = fnBody({
-      graphProps: graphProps,
-      root: root,
-      edge: edge
-    });
-  });
-  it('fnBody is not null', function () {
-    expect(fnBody).toBeDefined();
-  });
-  it('calls buildDataPoints', function () {
-    var _graphProps = graphProps,
-      domain = _graphProps.domain,
-      range = _graphProps.range;
-    expect(_graphingUtils.buildDataPoints).toHaveBeenCalledWith(_objectSpread(_objectSpread({}, domain), {}, {
-      step: 0.25
-    }), range, root, edge, expect.anything());
-  });
-  it('calls sinY', function () {
-    expect(_graphingUtils.sinY).toHaveBeenCalledWith(1, 4, expect.anything());
-  });
-  it('returns dataPoints', function () {
-    expect(result).toEqual({
-      root: root,
-      edge: edge,
-      dataPoints: []
-    });
-  });
-});
-//# sourceMappingURL=component.test.js.map

package/lib/tools/sine/__tests__/component.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.test.js","names":["_withRootEdge","require","_graphingUtils","_plot","_utils","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","xy","utils","jest","mock","sinY","fn","mockReturnValue","buildDataPoints","parabolaFromTwoPoints","getAmplitudeAndFreq","freq","amplitude","FREQ_DIVIDER","withRootEdge","rootEdgeComponent","describe","fnBody","graphProps","root","edge","result","beforeEach","calls","getGraphProps","it","expect","toBeDefined","_graphProps","domain","range","toHaveBeenCalledWith","step","anything","toEqual","dataPoints"],"sources":["../../../../src/tools/sine/__tests__/component.test.jsx"],"sourcesContent":["import { withRootEdge } from '../../shared/line/with-root-edge';\nimport { buildDataPoints, sinY } from '@pie-lib/graphing-utils';\nimport { utils } from '@pie-lib/plot';\n\nimport { graphProps as getGraphProps } from '../../../__tests__/utils';\n\nconst { xy } = utils;\njest.mock('@pie-lib/graphing-utils', () => ({\n  sinY: jest.fn().mockReturnValue(0),\n  buildDataPoints: jest.fn().mockReturnValue([]),\n  parabolaFromTwoPoints: jest.fn(() => jest.fn()),\n  getAmplitudeAndFreq: jest.fn().mockReturnValue({ freq: 4, amplitude: 1 }),\n  FREQ_DIVIDER: 16,\n}));\n\njest.mock('../../shared/line/with-root-edge', () => ({\n  withRootEdge: jest.fn(),\n  rootEdgeComponent: jest.fn(),\n}));\ndescribe('Parabola', () => {\n  let fnBody;\n  let graphProps;\n  let root;\n  let edge;\n  let result;\n  beforeEach(() => {\n    require('../component');\n    fnBody = withRootEdge.mock.calls[0][0];\n    graphProps = getGraphProps();\n    root = xy(0, 0);\n    edge = xy(1, 1);\n\n    result = fnBody({ graphProps, root, edge });\n  });\n  it('fnBody is not null', () => {\n    expect(fnBody).toBeDefined();\n  });\n\n  it('calls buildDataPoints', () => {\n    const { domain, range } = graphProps;\n    expect(buildDataPoints).toHaveBeenCalledWith({ ...domain, step: 0.25 }, range, root, edge, expect.anything());\n  });\n\n  it('calls sinY', () => {\n    expect(sinY).toHaveBeenCalledWith(1, 4, expect.anything());\n  });\n\n  it('returns dataPoints', () => {\n    expect(result).toEqual({ root, edge, dataPoints: [] });\n  });\n});\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,32 +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 _component = require("../component");
-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; }
-describe('Line', function () {
-  var renderComponent = function renderComponent(extras) {
-    var defaults = {
-      classes: {},
-      className: 'className',
-      graphProps: (0, _utils.graphProps)(),
-      from: _plot.utils.xy(0, 0),
-      to: _plot.utils.xy(1, 1)
-    };
-    var props = _objectSpread(_objectSpread({}, defaults), extras);
-    return (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(_component.Line, props));
-  };
-  describe('rendering', function () {
-    it('renders without crashing', function () {
-      var _renderComponent = renderComponent(),
-        container = _renderComponent.container;
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-});
-//# sourceMappingURL=component.test.js.map

package/lib/tools/vector/__tests__/component.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"component.test.js","names":["_testUtils","require","_react","_interopRequireDefault","_component","_utils","_plot","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","describe","renderComponent","extras","defaults","classes","className","graphProps","getGraphProps","from","utils","xy","to","props","render","createElement","Line","it","_renderComponent","container","expect","firstChild","toBeInTheDocument"],"sources":["../../../../src/tools/vector/__tests__/component.test.jsx"],"sourcesContent":["import { render } from '@pie-lib/test-utils';\nimport React from 'react';\nimport { Line } from '../component';\nimport { graphProps as getGraphProps } from '../../../__tests__/utils';\nimport { utils } from '@pie-lib/plot';\n\ndescribe('Line', () => {\n  const renderComponent = (extras) => {\n    const defaults = {\n      classes: {},\n      className: 'className',\n      graphProps: getGraphProps(),\n      from: utils.xy(0, 0),\n      to: utils.xy(1, 1),\n    };\n    const props = { ...defaults, ...extras };\n    return render(<Line {...props} />);\n  };\n  describe('rendering', () => {\n    it('renders without crashing', () => {\n      const { container } = renderComponent();\n      expect(container.firstChild).toBeInTheDocument();\n    });\n  });\n});\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAAsC,SAAAM,QAAAC,CAAA,EAAAC,CAAA,QAAAC,CAAA,GAAAC,MAAA,CAAAC,IAAA,CAAAJ,CAAA,OAAAG,MAAA,CAAAE,qBAAA,QAAAC,CAAA,GAAAH,MAAA,CAAAE,qBAAA,CAAAL,CAAA,GAAAC,CAAA,KAAAK,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAAN,CAAA,WAAAE,MAAA,CAAAK,wBAAA,CAAAR,CAAA,EAAAC,CAAA,EAAAQ,UAAA,OAAAP,CAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,CAAA,EAAAI,CAAA,YAAAJ,CAAA;AAAA,SAAAU,cAAAZ,CAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAY,SAAA,CAAAC,MAAA,EAAAb,CAAA,UAAAC,CAAA,WAAAW,SAAA,CAAAZ,CAAA,IAAAY,SAAA,CAAAZ,CAAA,QAAAA,CAAA,OAAAF,OAAA,CAAAI,MAAA,CAAAD,CAAA,OAAAa,OAAA,WAAAd,CAAA,QAAAe,gBAAA,aAAAhB,CAAA,EAAAC,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAE,MAAA,CAAAc,yBAAA,GAAAd,MAAA,CAAAe,gBAAA,CAAAlB,CAAA,EAAAG,MAAA,CAAAc,yBAAA,CAAAf,CAAA,KAAAH,OAAA,CAAAI,MAAA,CAAAD,CAAA,GAAAa,OAAA,WAAAd,CAAA,IAAAE,MAAA,CAAAgB,cAAA,CAAAnB,CAAA,EAAAC,CAAA,EAAAE,MAAA,CAAAK,wBAAA,CAAAN,CAAA,EAAAD,CAAA,iBAAAD,CAAA;AAEtCoB,QAAQ,CAAC,MAAM,EAAE,YAAM;EACrB,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,MAAM,EAAK;IAClC,IAAMC,QAAQ,GAAG;MACfC,OAAO,EAAE,CAAC,CAAC;MACXC,SAAS,EAAE,WAAW;MACtBC,UAAU,EAAE,IAAAC,iBAAa,EAAC,CAAC;MAC3BC,IAAI,EAAEC,WAAK,CAACC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;MACpBC,EAAE,EAAEF,WAAK,CAACC,EAAE,CAAC,CAAC,EAAE,CAAC;IACnB,CAAC;IACD,IAAME,KAAK,GAAApB,aAAA,CAAAA,aAAA,KAAQW,QAAQ,GAAKD,MAAM,CAAE;IACxC,OAAO,IAAAW,iBAAM,eAACvC,MAAA,YAAAwC,aAAA,CAACtC,UAAA,CAAAuC,IAAI,EAAKH,KAAQ,CAAC,CAAC;EACpC,CAAC;EACDZ,QAAQ,CAAC,WAAW,EAAE,YAAM;IAC1BgB,EAAE,CAAC,0BAA0B,EAAE,YAAM;MACnC,IAAAC,gBAAA,GAAsBhB,eAAe,CAAC,CAAC;QAA/BiB,SAAS,GAAAD,gBAAA,CAATC,SAAS;MACjBC,MAAM,CAACD,SAAS,CAACE,UAAU,CAAC,CAACC,iBAAiB,CAAC,CAAC;IAClD,CAAC,CAAC;EACJ,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/src/__tests__/bg.test.jsx

@@ -1,250 +0,0 @@
-import React from 'react';
-import { render } from '@pie-lib/test-utils';
-import { select } from 'd3-selection';
-import Bg from '../bg';
-
-jest.mock('d3-selection', () => ({
-  select: jest.fn(),
-  pointer: jest.fn(() => [50, 50]),
-}));
-
-describe('Bg', () => {
-  let defaultProps;
-  let mockRect;
-  let clickHandler;
-
-  beforeEach(() => {
-    clickHandler = null;
-    mockRect = {
-      on: jest.fn((event, handler) => {
-        if (event === 'click') {
-          clickHandler = handler;
-        }
-      }),
-      node: jest.fn(() => ({})),
-    };
-
-    select.mockReturnValue(mockRect);
-
-    defaultProps = {
-      width: 500,
-      height: 400,
-      onClick: jest.fn(),
-      graphProps: {
-        domain: { min: -10, max: 10, step: 1, label: 'x', axisLabel: 'X' },
-        range: { min: -10, max: 10, step: 1, label: 'y', axisLabel: 'Y' },
-        size: { width: 500, height: 400 },
-        scale: {
-          x: {
-            invert: jest.fn((val) => val / 10),
-          },
-          y: {
-            invert: jest.fn((val) => val / 10),
-          },
-        },
-      },
-    };
-  });
-
-  describe('rendering', () => {
-    it('renders without crashing', () => {
-      const { container } = render(<Bg {...defaultProps} />);
-      expect(container).toBeTruthy();
-    });
-
-    it('renders a rect element', () => {
-      const { container } = render(<Bg {...defaultProps} />);
-      const rect = container.querySelector('rect');
-      expect(rect).toBeTruthy();
-    });
-
-    it('applies correct dimensions', () => {
-      const { container } = render(<Bg {...defaultProps} />);
-      const rect = container.querySelector('rect');
-
-      // Width and height should be expanded by padding * 2
-      const padding = 10; // default padding
-      expect(rect.getAttribute('width')).toBe(String(defaultProps.width + padding * 2));
-      expect(rect.getAttribute('height')).toBe(String(defaultProps.height + padding * 2));
-    });
-
-    it('applies correct transform', () => {
-      const { container } = render(<Bg {...defaultProps} />);
-      const rect = container.querySelector('rect');
-      const padding = 10;
-
-      expect(rect.getAttribute('transform')).toBe(`translate(-${padding}, -${padding})`);
-    });
-
-    it('sets fill opacity to make it invisible', () => {
-      const { container } = render(<Bg {...defaultProps} />);
-      const rect = container.querySelector('rect');
-
-      expect(rect.getAttribute('fill-opacity')).toBe('0.0');
-    });
-  });
-
-  describe('componentDidMount', () => {
-    it('attaches click handler to rect', () => {
-      render(<Bg {...defaultProps} />);
-
-      expect(select).toHaveBeenCalled();
-      expect(mockRect.on).toHaveBeenCalledWith('click', expect.any(Function));
-    });
-  });
-
-  describe('getRectPadding', () => {
-    it('returns 10 for normal graphs', () => {
-      const { container } = render(<Bg {...defaultProps} />);
-      const rect = container.querySelector('rect');
-      const padding = 10;
-
-      expect(rect.getAttribute('width')).toBe(String(defaultProps.width + padding * 2));
-    });
-
-    it('returns 6 for graphs with thinner shapes', () => {
-      const props = {
-        ...defaultProps,
-        graphProps: {
-          ...defaultProps.graphProps,
-          domain: { min: -100, max: 100, step: 1, label: 'x', axisLabel: 'X' },
-        },
-      };
-
-      const { container } = render(<Bg {...props} />);
-      const rect = container.querySelector('rect');
-      const padding = 6;
-
-      expect(rect.getAttribute('width')).toBe(String(props.width + padding * 2));
-    });
-  });
-
-  describe('onRectClick', () => {
-    it('calls onClick with snapped coordinates', () => {
-      const { pointer } = require('d3-selection');
-      pointer.mockReturnValue([100, 100]);
-
-      render(<Bg {...defaultProps} />);
-
-      const event = new MouseEvent('click');
-      clickHandler(event);
-
-      expect(defaultProps.onClick).toHaveBeenCalled();
-      const calledWith = defaultProps.onClick.mock.calls[0][0];
-      expect(calledWith).toHaveProperty('x');
-      expect(calledWith).toHaveProperty('y');
-    });
-
-    it('snaps coordinates to nearest tick', () => {
-      const { pointer } = require('d3-selection');
-
-      render(<Bg {...defaultProps} />);
-
-      const event = new MouseEvent('click');
-      clickHandler(event);
-
-      expect(defaultProps.onClick).toHaveBeenCalled();
-      const { x, y } = defaultProps.onClick.mock.calls[0][0];
-
-      expect(Number.isInteger(x) || x.toString().length <= 4).toBe(true);
-      expect(Number.isInteger(y) || y.toString().length <= 4).toBe(true);
-    });
-
-    it('accounts for padding when converting coordinates', () => {
-      const { pointer } = require('d3-selection');
-      const coords = [50, 50];
-      pointer.mockReturnValue(coords);
-
-      render(<Bg {...defaultProps} />);
-
-      const event = new MouseEvent('click');
-      clickHandler(event);
-
-      expect(defaultProps.graphProps.scale.x.invert).toHaveBeenCalled();
-      expect(defaultProps.graphProps.scale.y.invert).toHaveBeenCalled();
-    });
-  });
-
-  describe('shouldComponentUpdate', () => {
-    it('returns true when width changes', () => {
-      const { rerender } = render(<Bg {...defaultProps} />);
-      const newProps = {
-        ...defaultProps,
-        width: 600,
-        graphProps: {
-          ...defaultProps.graphProps,
-          size: { width: 600, height: defaultProps.height },
-        },
-      };
-
-      expect(() => {
-        rerender(<Bg {...newProps} />);
-      }).not.toThrow();
-    });
-
-    it('returns true when height changes', () => {
-      const { rerender } = render(<Bg {...defaultProps} />);
-      const newProps = {
-        ...defaultProps,
-        height: 500,
-        graphProps: {
-          ...defaultProps.graphProps,
-          size: { width: defaultProps.width, height: 500 },
-        },
-      };
-
-      expect(() => {
-        rerender(<Bg {...newProps} />);
-      }).not.toThrow();
-    });
-
-    it('returns true when graphProps domain/range changes', () => {
-      const { rerender } = render(<Bg {...defaultProps} />);
-      const newProps = {
-        ...defaultProps,
-        graphProps: {
-          ...defaultProps.graphProps,
-          domain: { min: -5, max: 5, step: 1, label: 'x', axisLabel: 'X' },
-        },
-      };
-
-      expect(() => {
-        rerender(<Bg {...newProps} />);
-      }).not.toThrow();
-    });
-  });
-
-  describe('edge cases', () => {
-    it('handles zero dimensions', () => {
-      const props = { ...defaultProps, width: 0, height: 0 };
-      const { container } = render(<Bg {...props} />);
-      const rect = container.querySelector('rect');
-
-      expect(rect).toBeTruthy();
-    });
-
-    it('handles large dimensions', () => {
-      const props = { ...defaultProps, width: 10000, height: 10000 };
-      const { container } = render(<Bg {...props} />);
-      const rect = container.querySelector('rect');
-
-      expect(rect).toBeTruthy();
-      expect(rect.getAttribute('width')).toBe('10020');
-      expect(rect.getAttribute('height')).toBe('10020');
-    });
-
-    it('handles negative coordinates in domain/range', () => {
-      const props = {
-        ...defaultProps,
-        graphProps: {
-          ...defaultProps.graphProps,
-          domain: { min: -100, max: -10, step: 1, label: 'x', axisLabel: 'X' },
-          range: { min: -100, max: -10, step: 1, label: 'y', axisLabel: 'Y' },
-        },
-      };
-
-      const { container } = render(<Bg {...props} />);
-      expect(container.querySelector('rect')).toBeTruthy();
-    });
-  });
-});

package/src/__tests__/coordinates-label.test.jsx

@@ -1,243 +0,0 @@
-import React from 'react';
-import { render } from '@pie-lib/test-utils';
-import { CoordinatesLabel, getLabelPosition } from '../coordinates-label';
-
-describe('CoordinatesLabel', () => {
-  let defaultProps;
-  let graphProps;
-
-  beforeEach(() => {
-    graphProps = {
-      domain: { min: -10, max: 10, step: 1, label: 'x', axisLabel: 'X' },
-      range: { min: -10, max: 10, step: 1, label: 'y', axisLabel: 'Y' },
-      scale: {
-        x: jest.fn((val) => (val + 10) * 20),
-        y: jest.fn((val) => (10 - val) * 20),
-      },
-    };
-
-    defaultProps = {
-      x: 5,
-      y: 5,
-      graphProps,
-    };
-  });
-
-  describe('rendering', () => {
-    it('renders without crashing', () => {
-      const { container } = render(<CoordinatesLabel {...defaultProps} />);
-      expect(container).toBeTruthy();
-    });
-
-    it('displays formatted coordinates', () => {
-      const { container } = render(<CoordinatesLabel {...defaultProps} />);
-      const input = container.querySelector('input');
-
-      expect(input.value).toBe('(5, 5)');
-    });
-
-    it('rounds coordinates to 4 decimal places', () => {
-      const props = { ...defaultProps, x: 1.123456, y: 2.987654 };
-      const { container } = render(<CoordinatesLabel {...props} />);
-      const input = container.querySelector('input');
-
-      expect(input.value).toBe('(1.1235, 2.9877)');
-    });
-
-    it('handles integer coordinates', () => {
-      const props = { ...defaultProps, x: 0, y: 0 };
-      const { container } = render(<CoordinatesLabel {...props} />);
-      const input = container.querySelector('input');
-
-      expect(input.value).toBe('(0, 0)');
-    });
-
-    it('handles negative coordinates', () => {
-      const props = { ...defaultProps, x: -3, y: -7 };
-      const { container } = render(<CoordinatesLabel {...props} />);
-      const input = container.querySelector('input');
-
-      expect(input.value).toBe('(-3, -7)');
-    });
-
-    it('renders as an input element', () => {
-      const { container } = render(<CoordinatesLabel {...defaultProps} />);
-      const input = container.querySelector('input');
-
-      expect(input).toBeTruthy();
-      expect(input.tagName).toBe('INPUT');
-    });
-
-    it('applies correct styles', () => {
-      const { container } = render(<CoordinatesLabel {...defaultProps} />);
-      const wrapper = container.firstChild;
-
-      expect(wrapper).toHaveStyle({ position: 'absolute' });
-      expect(wrapper).toHaveStyle({ pointerEvents: 'auto' });
-    });
-  });
-
-  describe('getLabelPosition', () => {
-    it('positions label to the right by default', () => {
-      const position = getLabelPosition(graphProps, 0, 0, 60);
-
-      expect(position.left).toBeGreaterThan(graphProps.scale.x(0));
-      expect(position.top).toBeDefined();
-    });
-
-    it('positions label to the left when near right edge', () => {
-      const x = 9; // Near max
-      const labelLength = 100;
-      const position = getLabelPosition(graphProps, x, 0, labelLength);
-
-      expect(position.left).toBeLessThan(graphProps.scale.x(x));
-    });
-
-    it('adjusts top position for minimum y value', () => {
-      const position = getLabelPosition(graphProps, 0, -10, 60);
-
-      expect(position.top).toBe(graphProps.scale.y(-10) - 16);
-    });
-
-    it('adjusts top position for maximum y value', () => {
-      const position = getLabelPosition(graphProps, 0, 10, 60);
-
-      expect(position.top).toBe(graphProps.scale.y(10) - 0);
-    });
-
-    it('centers label vertically for middle values', () => {
-      const position = getLabelPosition(graphProps, 0, 0, 60);
-
-      expect(position.top).toBe(graphProps.scale.y(0) - 8);
-    });
-
-    it('applies left shift consistently', () => {
-      const leftShift = 10;
-      const labelLength = 60;
-
-      const rightPos = getLabelPosition(graphProps, 0, 0, labelLength);
-      expect(rightPos.left).toBe(graphProps.scale.x(0) + leftShift);
-
-      const leftPos = getLabelPosition(graphProps, 9, 0, labelLength);
-      expect(leftPos.left).toBe(graphProps.scale.x(9) - leftShift - labelLength);
-    });
-  });
-
-  describe('label width calculation', () => {
-    it('calculates width based on label length', () => {
-      const props = { ...defaultProps, x: 1, y: 2 };
-      const { container } = render(<CoordinatesLabel {...props} />);
-      const wrapper = container.firstChild;
-
-      const expectedWidth = 6 * 6;
-      expect(wrapper).toHaveStyle({ width: `${expectedWidth}px` });
-    });
-
-    it('adjusts width for longer coordinates', () => {
-      const props = { ...defaultProps, x: -10.123, y: 10.456 };
-      const { container } = render(<CoordinatesLabel {...props} />);
-      const wrapper = container.firstChild;
-
-      const style = window.getComputedStyle(wrapper);
-      expect(parseInt(style.width)).toBeGreaterThan(42);
-    });
-  });
-
-  describe('edge cases', () => {
-    it('handles very small coordinates', () => {
-      const props = { ...defaultProps, x: 0.0001, y: 0.0002 };
-      const { container } = render(<CoordinatesLabel {...props} />);
-      const input = container.querySelector('input');
-
-      expect(input.value).toContain('(');
-      expect(input.value).toContain(')');
-      expect(input.value).toContain(',');
-    });
-
-    it('handles very large coordinates', () => {
-      const props = { ...defaultProps, x: 999999, y: 888888 };
-      const { container } = render(<CoordinatesLabel {...props} />);
-      const input = container.querySelector('input');
-
-      expect(input.value).toBe('(999999, 888888)');
-    });
-
-    it('handles zero coordinates', () => {
-      const props = { ...defaultProps, x: 0, y: 0 };
-      const { container } = render(<CoordinatesLabel {...props} />);
-      const input = container.querySelector('input');
-
-      expect(input.value).toBe('(0, 0)');
-    });
-
-    it('handles coordinates at domain/range boundaries', () => {
-      const props = { ...defaultProps, x: 10, y: 10 };
-      const { container } = render(<CoordinatesLabel {...props} />);
-      const input = container.querySelector('input');
-
-      expect(input.value).toBe('(10, 10)');
-    });
-
-    it('handles negative boundaries', () => {
-      const props = { ...defaultProps, x: -10, y: -10 };
-      const { container } = render(<CoordinatesLabel {...props} />);
-      const input = container.querySelector('input');
-
-      expect(input.value).toBe('(-10, -10)');
-    });
-  });
-
-  describe('prop types and validation', () => {
-    it('accepts required props', () => {
-      expect(() => {
-        render(<CoordinatesLabel {...defaultProps} />);
-      }).not.toThrow();
-    });
-
-    it('renders with missing optional props', () => {
-      const props = {
-        x: 1,
-        y: 2,
-        graphProps,
-      };
-
-      expect(() => {
-        render(<CoordinatesLabel {...props} />);
-      }).not.toThrow();
-    });
-  });
-
-  describe('updates', () => {
-    it('updates when x coordinate changes', () => {
-      const { container, rerender } = render(<CoordinatesLabel {...defaultProps} />);
-      let input = container.querySelector('input');
-      expect(input.value).toBe('(5, 5)');
-
-      rerender(<CoordinatesLabel {...defaultProps} x={7} />);
-      input = container.querySelector('input');
-      expect(input.value).toBe('(7, 5)');
-    });
-
-    it('updates when y coordinate changes', () => {
-      const { container, rerender } = render(<CoordinatesLabel {...defaultProps} />);
-      let input = container.querySelector('input');
-      expect(input.value).toBe('(5, 5)');
-
-      rerender(<CoordinatesLabel {...defaultProps} y={3} />);
-      input = container.querySelector('input');
-      expect(input.value).toBe('(5, 3)');
-    });
-
-    it('updates position when coordinates change', () => {
-      const { container, rerender } = render(<CoordinatesLabel {...defaultProps} />);
-      const initialStyle = window.getComputedStyle(container.firstChild);
-      const initialLeft = initialStyle.left;
-
-      rerender(<CoordinatesLabel {...defaultProps} x={8} />);
-      const newStyle = window.getComputedStyle(container.firstChild);
-      const newLeft = newStyle.left;
-
-      expect(newLeft).not.toBe(initialLeft);
-    });
-  });
-});