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

package/src/tools/polygon/__tests__/index.test.js

@@ -1,294 +0,0 @@
-import { addPointToArray, tool } from '../index';
-import Polygon from '../component';
-
-const xy = (x, y) => ({ x, y });
-
-/**
- * Test suite for polygon tool
- *
- * Note: equalPoints() uses roundNumber() which rounds to 4 decimal places.
- * - Values like 1.0001 and 1.0002 are considered DIFFERENT (round to 1.0001 and 1.0002)
- * - Values like 1.00001 and 1.00002 are considered EQUAL (both round to 1.0000)
- */
-
-describe('polygon', () => {
-  describe('addPointToArray', () => {
-    const assertAddPoint = (point, arr, expected) => {
-      it(`returns expected result when adding point to array`, () => {
-        const result = addPointToArray(point, arr);
-        expect(result).toEqual(expected);
-      });
-    };
-
-    assertAddPoint(xy(0, 0), [], { closed: false, points: [xy(0, 0)] });
-    assertAddPoint(xy(0, 0), [xy(0, 0)], { closed: false, points: [xy(0, 0)] });
-    assertAddPoint(xy(1, 1), [xy(0, 0)], {
-      closed: false,
-      points: [xy(0, 0), xy(1, 1)],
-    });
-
-    it('handles undefined array', () => {
-      const result = addPointToArray(xy(1, 2), undefined);
-      expect(result).toEqual({ points: [xy(1, 2)], closed: false });
-    });
-
-    it('handles null array', () => {
-      const result = addPointToArray(xy(1, 2), null);
-      expect(result).toEqual({ points: [xy(1, 2)], closed: false });
-    });
-
-    it('closes polygon when clicking first point', () => {
-      const firstPoint = xy(1, 2);
-      const points = [firstPoint, xy(3, 4), xy(5, 6)];
-      const result = addPointToArray(firstPoint, points);
-
-      expect(result).toEqual({ points, closed: true });
-    });
-
-    it('does not add duplicate point in middle', () => {
-      const points = [xy(1, 2), xy(3, 4), xy(5, 6)];
-      const result = addPointToArray(points[1], points);
-
-      expect(result).toEqual({ points, closed: false });
-    });
-
-    it('adds new point to array with 2+ points', () => {
-      const points = [xy(0, 0), xy(1, 1)];
-      const newPoint = xy(2, 2);
-      const result = addPointToArray(newPoint, points);
-
-      expect(result).toEqual({
-        points: [...points, newPoint],
-        closed: false,
-      });
-    });
-
-    it('handles points within rounding tolerance', () => {
-      // roundNumber rounds to 4 decimal places
-      // 1.0001 and 1.0002 round to different values after toFixed(4)
-      const firstPoint = xy(1.0001, 2.0001);
-      const closePoint = xy(1.0002, 2.0002);
-      const result = addPointToArray(closePoint, [firstPoint]);
-
-      // Since they round to different values, both points are added
-      expect(result).toEqual({ points: [firstPoint, closePoint], closed: false });
-    });
-
-    it('handles points that round to exactly the same value', () => {
-      // Points that round to exactly the same value after toFixed(4)
-      const firstPoint = xy(1.0001, 2.0001);
-      const samePoint = xy(1.0001, 2.0001);
-      const result = addPointToArray(samePoint, [firstPoint]);
-
-      // Since they round to the same value, point is not added
-      expect(result).toEqual({ points: [firstPoint], closed: false });
-    });
-  });
-});
-
-describe('tool', () => {
-  let t;
-
-  beforeEach(() => {
-    t = tool();
-  });
-
-  describe('tool structure', () => {
-    it('creates polygon type', () => {
-      expect(t.type).toEqual('polygon');
-    });
-
-    it('has Component property', () => {
-      expect(t.Component).toBe(Polygon);
-    });
-
-    it('has complete method', () => {
-      expect(typeof t.complete).toBe('function');
-    });
-
-    it('has addPoint method', () => {
-      expect(typeof t.addPoint).toBe('function');
-    });
-  });
-
-  describe('complete', () => {
-    it('closes polygon', () => {
-      expect(t.complete()).toEqual({ building: false, closed: true });
-    });
-
-    it('marks polygon as not building', () => {
-      const mark = {
-        type: 'polygon',
-        points: [xy(1, 2), xy(3, 4)],
-        closed: false,
-        building: true,
-      };
-      const result = t.complete(null, mark);
-
-      expect(result.building).toBe(false);
-    });
-
-    it('marks polygon as closed', () => {
-      const mark = {
-        type: 'polygon',
-        points: [xy(1, 2), xy(3, 4)],
-        closed: false,
-        building: true,
-      };
-      const result = t.complete(null, mark);
-
-      expect(result.closed).toBe(true);
-    });
-
-    it('preserves other mark properties', () => {
-      const mark = {
-        type: 'polygon',
-        points: [xy(1, 2)],
-        closed: false,
-        building: true,
-        label: 'Test',
-        color: 'red',
-      };
-      const result = t.complete(null, mark);
-
-      expect(result.label).toBe('Test');
-      expect(result.color).toBe('red');
-    });
-  });
-
-  describe('addPoint', () => {
-    it('creates new polygon with first point', () => {
-      const mark = t.addPoint({ x: 0, y: 0 });
-      expect(mark).toEqual({
-        type: 'polygon',
-        points: [{ x: 0, y: 0 }],
-        closed: false,
-        building: true,
-      });
-    });
-
-    it('adds second point to existing mark', () => {
-      const mark = t.addPoint({ x: 0, y: 0 }, { points: [{ x: 1, y: 1 }] });
-      expect(mark).toEqual({
-        building: true,
-        closed: false,
-        points: [
-          { x: 1, y: 1 },
-          { x: 0, y: 0 },
-        ],
-      });
-    });
-
-    it('creates mark with building flag true', () => {
-      const mark = t.addPoint(xy(1, 2));
-      expect(mark.building).toBe(true);
-    });
-
-    it('creates mark with closed flag false', () => {
-      const mark = t.addPoint(xy(1, 2));
-      expect(mark.closed).toBe(false);
-    });
-
-    it('adds multiple points sequentially', () => {
-      let mark = t.addPoint(xy(0, 0));
-      mark = t.addPoint(xy(1, 1), mark);
-      mark = t.addPoint(xy(2, 2), mark);
-
-      expect(mark.points).toHaveLength(3);
-      expect(mark.points).toEqual([xy(0, 0), xy(1, 1), xy(2, 2)]);
-    });
-
-    it('closes polygon when clicking first point', () => {
-      const firstPoint = xy(1, 2);
-      let mark = t.addPoint(firstPoint);
-      mark = t.addPoint(xy(3, 4), mark);
-      mark = t.addPoint(xy(5, 6), mark);
-      mark = t.addPoint(firstPoint, mark);
-
-      expect(mark.closed).toBe(true);
-      expect(mark.building).toBe(false);
-    });
-
-    it('does not add duplicate points', () => {
-      const point = xy(1, 2);
-      let mark = t.addPoint(point);
-      mark = t.addPoint(xy(3, 4), mark);
-      // Adding the first point again would close it
-      // Let's add it one more time after closing to test duplicate handling
-      mark = t.addPoint(point, mark);
-
-      // When we add the first point to a polygon with 2+ points, it closes
-      expect(mark.points).toHaveLength(2);
-      expect(mark.closed).toBe(true);
-      expect(mark.building).toBe(false);
-    });
-
-    it('does not add duplicate non-first points', () => {
-      const firstPoint = xy(1, 2);
-      const secondPoint = xy(3, 4);
-      let mark = t.addPoint(firstPoint);
-      mark = t.addPoint(secondPoint, mark);
-      mark = t.addPoint(xy(5, 6), mark);
-      // Try to add the second point again (not the first point)
-      mark = t.addPoint(secondPoint, mark);
-
-      // Should not add the duplicate point
-      expect(mark.points).toHaveLength(3);
-      expect(mark.points).toEqual([firstPoint, secondPoint, xy(5, 6)]);
-      expect(mark.closed).toBe(false);
-    });
-
-    it('preserves mark properties when adding points', () => {
-      const mark = {
-        type: 'polygon',
-        points: [xy(1, 2)],
-        closed: false,
-        building: true,
-        label: 'My Shape',
-      };
-
-      const result = t.addPoint(xy(3, 4), mark);
-      expect(result.label).toBe('My Shape');
-    });
-  });
-
-  describe('integration scenarios', () => {
-    it('creates complete triangle', () => {
-      const p1 = xy(0, 0);
-      const p2 = xy(1, 0);
-      const p3 = xy(0.5, 1);
-
-      let mark = t.addPoint(p1);
-      mark = t.addPoint(p2, mark);
-      mark = t.addPoint(p3, mark);
-      mark = t.addPoint(p1, mark);
-
-      expect(mark.points).toEqual([p1, p2, p3]);
-      expect(mark.closed).toBe(true);
-      expect(mark.building).toBe(false);
-    });
-
-    it('creates complete square', () => {
-      const points = [xy(0, 0), xy(1, 0), xy(1, 1), xy(0, 1)];
-
-      let mark = t.addPoint(points[0]);
-      points.slice(1).forEach((p) => {
-        mark = t.addPoint(p, mark);
-      });
-      mark = t.addPoint(points[0], mark);
-
-      expect(mark.points).toEqual(points);
-      expect(mark.closed).toBe(true);
-    });
-
-    it('can force complete without closing', () => {
-      let mark = t.addPoint(xy(0, 0));
-      mark = t.addPoint(xy(1, 1), mark);
-      mark = t.complete(null, mark);
-
-      expect(mark.closed).toBe(true);
-      expect(mark.building).toBe(false);
-      expect(mark.points).toHaveLength(2);
-    });
-  });
-});

package/src/tools/polygon/__tests__/line.test.jsx

@@ -1,35 +0,0 @@
-import { render } from '@pie-lib/test-utils';
-import React from 'react';
-import { Line } from '../line';
-import { graphProps } from '../../../__tests__/utils';
-
-describe('Line', () => {
-  const renderComponent = (extras) => {
-    const defaults = {
-      classes: {},
-      className: 'className',
-      graphProps: graphProps(),
-    };
-    const props = { ...defaults, ...extras };
-    return render(<Line {...props} />);
-  };
-  describe('rendering', () => {
-    it('renders without crashing', () => {
-      const { container } = renderComponent();
-      expect(container.firstChild).toBeInTheDocument();
-    });
-
-    it('renders with from and to points', () => {
-      const { container } = renderComponent({
-        from: { x: 0, y: 0 },
-        to: { x: 5, y: 5 },
-      });
-      expect(container.firstChild).toBeInTheDocument();
-    });
-
-    it('renders with className', () => {
-      const { container } = renderComponent({ className: 'custom-line' });
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-});

package/src/tools/polygon/__tests__/polygon.test.jsx

@@ -1,61 +0,0 @@
-import { render } from '@pie-lib/test-utils';
-import React from 'react';
-import { getPointString, Polygon } from '../polygon';
-import { graphProps } from '../../../__tests__/utils';
-
-const xy = (x, y) => ({ x, y });
-
-describe('Polygon', () => {
-  const renderComponent = (extras) => {
-    const defaults = {
-      classes: {},
-      className: 'className',
-      graphProps: graphProps(),
-      closed: false,
-    };
-    const props = { ...defaults, ...extras };
-    return render(<Polygon {...props} />);
-  };
-
-  describe('rendering', () => {
-    it('renders without crashing', () => {
-      const { container } = renderComponent({ points: [{ x: 1, y: 1 }] });
-      expect(container.firstChild).toBeInTheDocument();
-    });
-
-    it('renders multiple points', () => {
-      const points = [xy(0, 0), xy(1, 1), xy(2, 0)];
-      const { container } = renderComponent({ points });
-      expect(container.firstChild).toBeInTheDocument();
-    });
-
-    it('renders closed polygon', () => {
-      const points = [xy(0, 0), xy(1, 1), xy(2, 0)];
-      const { container } = renderComponent({ points, closed: true });
-      expect(container.firstChild).toBeInTheDocument();
-    });
-
-    it('renders open polygon', () => {
-      const points = [xy(0, 0), xy(1, 1)];
-      const { container } = renderComponent({ points, closed: false });
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-});
-
-describe('getPointString', () => {
-  const assertString = (arr, expected) => {
-    it('creates: ', () => {
-      const result = getPointString(arr, {
-        x: jest.fn((n) => n),
-        y: jest.fn((n) => n),
-      });
-
-      expect(result).toEqual(expected);
-    });
-  };
-
-  assertString([xy(1, 1)], '1,1');
-  assertString([xy(1, 1), xy(2, 1)], '1,1 2,1');
-  assertString([xy(1, 1), xy(2, 1), xy(4, 4)], '1,1 2,1 4,4');
-});

package/src/tools/ray/__tests__/component.test.jsx

@@ -1,29 +0,0 @@
-import { render } from '@pie-lib/test-utils';
-import React from 'react';
-import { RayLine } from '../component';
-import { graphProps as getGraphProps } from '../../../__tests__/utils';
-import { utils } from '@pie-lib/plot';
-
-describe('RayLine', () => {
-  let onChange = jest.fn();
-  const renderComponent = (extras) => {
-    const defaults = {
-      classes: {},
-      className: 'className',
-      onChange,
-      markerId: '1',
-      graphProps: getGraphProps(),
-      from: utils.xy(0, 0),
-      to: utils.xy(1, 1),
-    };
-    const props = { ...defaults, ...extras };
-    return render(<RayLine {...props} />);
-  };
-
-  describe('rendering', () => {
-    it('renders without crashing', () => {
-      const { container } = renderComponent();
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-});

package/src/tools/segment/__tests__/component.test.jsx

@@ -1,28 +0,0 @@
-import { render } from '@pie-lib/test-utils';
-import React from 'react';
-import { Line } from '../component';
-import { graphProps as getGraphProps } from '../../../__tests__/utils';
-import { utils } from '@pie-lib/plot';
-
-const { xy } = utils;
-describe('Line', () => {
-  let onChange = jest.fn();
-  const renderComponent = (extras) => {
-    const defaults = {
-      classes: {},
-      className: 'className',
-      onChange,
-      graphProps: getGraphProps(),
-      from: xy(0, 0),
-      to: xy(1, 1),
-    };
-    const props = { ...defaults, ...extras };
-    return render(<Line {...props} />);
-  };
-  describe('rendering', () => {
-    it('renders without crashing', () => {
-      const { container } = renderComponent();
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-});

package/src/tools/shared/__tests__/arrow-head.test.jsx

@@ -1,31 +0,0 @@
-import { render } from '@pie-lib/test-utils';
-import React from 'react';
-import { ArrowHead, ArrowMarker } from '../arrow-head';
-
-describe('ArrowHead', () => {
-  const renderComponent = (extras) => {
-    const defaults = { size: 10, transform: '' };
-    const props = { ...defaults, ...extras };
-    return render(<ArrowHead {...props} />);
-  };
-  describe('rendering', () => {
-    it('renders without crashing', () => {
-      const { container } = renderComponent();
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-});
-
-describe('ArrowMarker', () => {
-  const renderComponent = (extras) => {
-    const defaults = { id: 'id', size: 10, className: 'className' };
-    const props = { ...defaults, ...extras };
-    return render(<ArrowMarker {...props} />);
-  };
-  describe('rendering', () => {
-    it('renders without crashing', () => {
-      const { container } = renderComponent();
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-});

package/src/tools/shared/line/__tests__/index.test.jsx

@@ -1,109 +0,0 @@
-import { lineBase, lineTool, lineToolComponent } from '../index';
-import { utils } from '@pie-lib/plot';
-import { render } from '@pie-lib/test-utils';
-import React from 'react';
-import { graphProps as getGraphProps } from '../../../../__tests__/utils';
-
-const { xy } = utils;
-const xyLabel = (x, y, label) => ({ x, y, label });
-
-describe('lineTool', () => {
-  describe('addPoint', () => {
-    let toolbar;
-    beforeEach(() => {
-      toolbar = lineTool('lineType', () => <div />)();
-    });
-    it('returns a building mark', () => {
-      const result = toolbar.addPoint(xy(1, 1));
-      expect(result).toEqual({
-        type: 'lineType',
-        building: true,
-        from: xy(1, 1),
-      });
-    });
-
-    it('returns a complete mark', () => {
-      const result = toolbar.addPoint(xy(1, 1), { from: xy(0, 0) });
-      expect(result).toEqual({
-        building: false,
-        from: xy(0, 0),
-        to: xy(1, 1),
-      });
-    });
-  });
-});
-
-describe('lineToolComponent', () => {
-  let Comp;
-  let mark;
-  let onChange;
-  const renderComponent = (extras) => {
-    const defaults = {
-      mark,
-      onChange: jest.fn(),
-      graphProps: getGraphProps(),
-    };
-    const props = { ...defaults, ...extras };
-
-    return render(<Comp {...props} />);
-  };
-
-  beforeEach(() => {
-    Comp = lineToolComponent(() => <text />);
-    mark = { from: xy(0, 0), to: xy(1, 1) };
-  });
-
-  describe('rendering', () => {
-    it('renders without crashing', () => {
-      const { container } = renderComponent();
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-});
-
-describe('lineBase', () => {
-  let Comp;
-  let onChange = jest.fn();
-  let changeMarkProps = jest.fn();
-
-  beforeEach(() => {
-    Comp = lineBase(() => <text />);
-    onChange.mockClear();
-    changeMarkProps.mockClear();
-  });
-
-  const renderComponent = (extras) => {
-    const defaults = {
-      onChange,
-      changeMarkProps,
-      graphProps: getGraphProps(),
-      from: xy(0, 0),
-      to: xy(1, 1),
-    };
-    const props = { ...defaults, ...extras };
-
-    return render(<Comp {...props} />);
-  };
-
-  // used to test items that have labels attached to points
-  const labelNode = document.createElement('foreignObject');
-  const renderWithLabels = (extras = {}) =>
-    renderComponent({
-      ...extras,
-      labelNode: labelNode,
-      from: xyLabel(0, 0, 'A'),
-      to: xyLabel(1, 1, 'B'),
-    });
-
-  describe('rendering', () => {
-    it('renders without crashing', () => {
-      const { container } = renderComponent();
-      expect(container.firstChild).toBeInTheDocument();
-    });
-
-    it('renders with labels', () => {
-      const { container } = renderWithLabels();
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-});

package/src/tools/shared/line/__tests__/line-path.test.jsx

@@ -1,53 +0,0 @@
-import { render } from '@pie-lib/test-utils';
-import React from 'react';
-import { graphProps as getGraphProps } from '../../../../__tests__/utils';
-import { utils } from '@pie-lib/plot';
-import * as lineUtils from '../../../../utils';
-
-const { xy } = utils;
-
-const { bounds, pointsToArea } = lineUtils;
-jest.mock('../../../../utils', () => {
-  const a = jest.requireActual('../../../../utils');
-  return {
-    pointsToArea: jest.fn().mockReturnValue({}),
-    bounds: jest.fn().mockReturnValue({}),
-    point: a.point,
-  };
-});
-
-jest.mock('@pie-lib/plot', () => {
-  const a = jest.requireActual('@pie-lib/plot');
-  return {
-    gridDraggable: jest.fn((opts) => jest.fn()),
-    types: a.types,
-    utils: a.utils,
-  };
-});
-
-describe('LinePath', () => {
-  let LinePath;
-  let onChange = jest.fn();
-  beforeEach(() => {
-    LinePath = require('../line-path').LinePath;
-  });
-  const renderComponent = (extras) => {
-    const defaults = {
-      classes: {},
-      className: 'className',
-      onChange,
-      graphProps: getGraphProps(),
-      from: xy(0, 0, 0),
-      to: xy(1, 1, 0),
-      data: [xy(0, 0, 0), xy(1, 1, 0)],
-    };
-    const props = { ...defaults, ...extras };
-    return render(<LinePath {...props} />);
-  };
-  describe('rendering', () => {
-    it('renders without crashing', () => {
-      const { container } = renderComponent();
-      expect(container.firstChild).toBeInTheDocument();
-    });
-  });
-});