@pie-lib/graphing 4.0.24-beta.6 → 4.0.24-beta.7

package/lib/tools/shared/point/__tests__/base-point.test.js

@@ -0,0 +1,122 @@
+"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 _index = require("../index");
+var _plot = require("@pie-lib/plot");
+var _utils = require("../../../../__tests__/utils");
+var _utils2 = require("../../../../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; }
+jest.mock('../../../../utils', function () {
+  var _jest$requireActual = jest.requireActual('../../../../utils'),
+    point = _jest$requireActual.point,
+    thinnerShapesNeeded = _jest$requireActual.thinnerShapesNeeded;
+  return {
+    bounds: jest.fn(),
+    point: point,
+    thinnerShapesNeeded: thinnerShapesNeeded
+  };
+});
+jest.mock('@pie-lib/plot', function () {
+  var _jest$requireActual2 = jest.requireActual('@pie-lib/plot'),
+    types = _jest$requireActual2.types,
+    utils = _jest$requireActual2.utils;
+  return {
+    gridDraggable: jest.fn(function (opts) {
+      return function (Comp) {
+        return Comp;
+      };
+    }),
+    types: types,
+    utils: utils
+  };
+});
+describe('BasePoint', function () {
+  var onChange = jest.fn();
+  var renderComponent = function renderComponent(extras) {
+    var defaults = {
+      classes: {},
+      className: 'className',
+      onChange: onChange,
+      graphProps: (0, _utils.graphProps)(),
+      x: 0,
+      y: 0
+    };
+    var props = _objectSpread(_objectSpread({}, defaults), extras);
+    return (0, _testUtils.render)(/*#__PURE__*/_react["default"].createElement(_index.BasePoint, props));
+  };
+  describe('rendering', function () {
+    it('renders without crashing', function () {
+      var _renderComponent = renderComponent(),
+        container = _renderComponent.container;
+      expect(container.firstChild).toBeInTheDocument();
+    });
+  });
+  describe('gridDraggable options', function () {
+    var opts;
+    var domain;
+    var range;
+    beforeEach(function () {
+      domain = {
+        min: 0,
+        max: 1,
+        step: 1
+      };
+      range = {
+        min: 0,
+        max: 1,
+        step: 1
+      };
+      renderComponent();
+      opts = _plot.gridDraggable.mock.calls[_plot.gridDraggable.mock.calls.length - 1][0];
+    });
+    describe('bounds', function () {
+      it('calls utils.bounds with area', function () {
+        var result = opts.bounds({
+          x: 0,
+          y: 0
+        }, {
+          domain: domain,
+          range: range
+        });
+        expect(_utils2.bounds).toHaveBeenCalledWith({
+          left: 0,
+          top: 0,
+          bottom: 0,
+          right: 0
+        }, domain, range);
+      });
+    });
+    describe('anchorPoint', function () {
+      it('returns x/y', function () {
+        var result = opts.anchorPoint({
+          x: 0,
+          y: 0
+        });
+        expect(result).toEqual({
+          x: 0,
+          y: 0
+        });
+      });
+    });
+    describe('fromDelta', function () {
+      it('returns a new point from the x/y + delta', function () {
+        var result = opts.fromDelta({
+          x: -1,
+          y: 0
+        }, {
+          x: 1,
+          y: 3
+        });
+        expect(result).toEqual({
+          x: 0,
+          y: 3
+        });
+      });
+    });
+  });
+});
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfdGVzdFV0aWxzIiwicmVxdWlyZSIsIl9yZWFjdCIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfaW5kZXgiLCJfcGxvdCIsIl91dGlscyIsIl91dGlsczIiLCJvd25LZXlzIiwiZSIsInIiLCJ0IiwiT2JqZWN0Iiwia2V5cyIsImdldE93blByb3BlcnR5U3ltYm9scyIsIm8iLCJmaWx0ZXIiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJlbnVtZXJhYmxlIiwicHVzaCIsImFwcGx5IiwiX29iamVjdFNwcmVhZCIsImFyZ3VtZW50cyIsImxlbmd0aCIsImZvckVhY2giLCJfZGVmaW5lUHJvcGVydHkyIiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9ycyIsImRlZmluZVByb3BlcnRpZXMiLCJkZWZpbmVQcm9wZXJ0eSIsImplc3QiLCJtb2NrIiwiX2plc3QkcmVxdWlyZUFjdHVhbCIsInJlcXVpcmVBY3R1YWwiLCJwb2ludCIsInRoaW5uZXJTaGFwZXNOZWVkZWQiLCJib3VuZHMiLCJmbiIsIl9qZXN0JHJlcXVpcmVBY3R1YWwyIiwidHlwZXMiLCJ1dGlscyIsImdyaWREcmFnZ2FibGUiLCJvcHRzIiwiQ29tcCIsImRlc2NyaWJlIiwib25DaGFuZ2UiLCJyZW5kZXJDb21wb25lbnQiLCJleHRyYXMiLCJkZWZhdWx0cyIsImNsYXNzZXMiLCJjbGFzc05hbWUiLCJncmFwaFByb3BzIiwieCIsInkiLCJwcm9wcyIsInJlbmRlciIsImNyZWF0ZUVsZW1lbnQiLCJCYXNlUG9pbnQiLCJpdCIsIl9yZW5kZXJDb21wb25lbnQiLCJjb250YWluZXIiLCJleHBlY3QiLCJmaXJzdENoaWxkIiwidG9CZUluVGhlRG9jdW1lbnQiLCJkb21haW4iLCJyYW5nZSIsImJlZm9yZUVhY2giLCJtaW4iLCJtYXgiLCJzdGVwIiwiY2FsbHMiLCJyZXN1bHQiLCJ0b0hhdmVCZWVuQ2FsbGVkV2l0aCIsImxlZnQiLCJ0b3AiLCJib3R0b20iLCJyaWdodCIsImFuY2hvclBvaW50IiwidG9FcXVhbCIsImZyb21EZWx0YSJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy90b29scy9zaGFyZWQvcG9pbnQvX190ZXN0c19fL2Jhc2UtcG9pbnQudGVzdC5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgcmVuZGVyIH0gZnJvbSAnQHBpZS1saWIvdGVzdC11dGlscyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQmFzZVBvaW50IH0gZnJvbSAnLi4vaW5kZXgnO1xuaW1wb3J0IHsgZ3JpZERyYWdnYWJsZSB9IGZyb20gJ0BwaWUtbGliL3Bsb3QnO1xuaW1wb3J0IHsgZ3JhcGhQcm9wcyB9IGZyb20gJy4uLy4uLy4uLy4uL19fdGVzdHNfXy91dGlscyc7XG5pbXBvcnQgeyBib3VuZHMgfSBmcm9tICcuLi8uLi8uLi8uLi91dGlscyc7XG5cbmplc3QubW9jaygnLi4vLi4vLi4vLi4vdXRpbHMnLCAoKSA9PiB7XG4gIGNvbnN0IHsgcG9pbnQsIHRoaW5uZXJTaGFwZXNOZWVkZWQgfSA9IGplc3QucmVxdWlyZUFjdHVhbCgnLi4vLi4vLi4vLi4vdXRpbHMnKTtcbiAgcmV0dXJuIHtcbiAgICBib3VuZHM6IGplc3QuZm4oKSxcbiAgICBwb2ludCxcbiAgICB0aGlubmVyU2hhcGVzTmVlZGVkLFxuICB9O1xufSk7XG5cbmplc3QubW9jaygnQHBpZS1saWIvcGxvdCcsICgpID0+IHtcbiAgY29uc3QgeyB0eXBlcywgdXRpbHMgfSA9IGplc3QucmVxdWlyZUFjdHVhbCgnQHBpZS1saWIvcGxvdCcpO1xuICByZXR1cm4ge1xuICAgIGdyaWREcmFnZ2FibGU6IGplc3QuZm4oKG9wdHMpID0+IChDb21wKSA9PiBDb21wKSxcbiAgICB0eXBlcyxcbiAgICB1dGlscyxcbiAgfTtcbn0pO1xuXG5kZXNjcmliZSgnQmFzZVBvaW50JywgKCkgPT4ge1xuICBsZXQgb25DaGFuZ2UgPSBqZXN0LmZuKCk7XG4gIGNvbnN0IHJlbmRlckNvbXBvbmVudCA9IChleHRyYXMpID0+IHtcbiAgICBjb25zdCBkZWZhdWx0cyA9IHtcbiAgICAgIGNsYXNzZXM6IHt9LFxuICAgICAgY2xhc3NOYW1lOiAnY2xhc3NOYW1lJyxcbiAgICAgIG9uQ2hhbmdlLFxuICAgICAgZ3JhcGhQcm9wczogZ3JhcGhQcm9wcygpLFxuICAgICAgeDogMCxcbiAgICAgIHk6IDAsXG4gICAgfTtcbiAgICBjb25zdCBwcm9wcyA9IHsgLi4uZGVmYXVsdHMsIC4uLmV4dHJhcyB9O1xuICAgIHJldHVybiByZW5kZXIoPEJhc2VQb2ludCB7Li4ucHJvcHN9IC8+KTtcbiAgfTtcblxuICBkZXNjcmliZSgncmVuZGVyaW5nJywgKCkgPT4ge1xuICAgIGl0KCdyZW5kZXJzIHdpdGhvdXQgY3Jhc2hpbmcnLCAoKSA9PiB7XG4gICAgICBjb25zdCB7IGNvbnRhaW5lciB9ID0gcmVuZGVyQ29tcG9uZW50KCk7XG4gICAgICBleHBlY3QoY29udGFpbmVyLmZpcnN0Q2hpbGQpLnRvQmVJblRoZURvY3VtZW50KCk7XG4gICAgfSk7XG4gIH0pO1xuXG4gIGRlc2NyaWJlKCdncmlkRHJhZ2dhYmxlIG9wdGlvbnMnLCAoKSA9PiB7XG4gICAgbGV0IG9wdHM7XG4gICAgbGV0IGRvbWFpbjtcbiAgICBsZXQgcmFuZ2U7XG4gICAgYmVmb3JlRWFjaCgoKSA9PiB7XG4gICAgICBkb21haW4gPSB7XG4gICAgICAgIG1pbjogMCxcbiAgICAgICAgbWF4OiAxLFxuICAgICAgICBzdGVwOiAxLFxuICAgICAgfTtcbiAgICAgIHJhbmdlID0ge1xuICAgICAgICBtaW46IDAsXG4gICAgICAgIG1heDogMSxcbiAgICAgICAgc3RlcDogMSxcbiAgICAgIH07XG4gICAgICByZW5kZXJDb21wb25lbnQoKTtcbiAgICAgIG9wdHMgPSBncmlkRHJhZ2dhYmxlLm1vY2suY2FsbHNbZ3JpZERyYWdnYWJsZS5tb2NrLmNhbGxzLmxlbmd0aCAtIDFdWzBdO1xuICAgIH0pO1xuXG4gICAgZGVzY3JpYmUoJ2JvdW5kcycsICgpID0+IHtcbiAgICAgIGl0KCdjYWxscyB1dGlscy5ib3VuZHMgd2l0aCBhcmVhJywgKCkgPT4ge1xuICAgICAgICBjb25zdCByZXN1bHQgPSBvcHRzLmJvdW5kcyh7IHg6IDAsIHk6IDAgfSwgeyBkb21haW4sIHJhbmdlIH0pO1xuICAgICAgICBleHBlY3QoYm91bmRzKS50b0hhdmVCZWVuQ2FsbGVkV2l0aCh7IGxlZnQ6IDAsIHRvcDogMCwgYm90dG9tOiAwLCByaWdodDogMCB9LCBkb21haW4sIHJhbmdlKTtcbiAgICAgIH0pO1xuICAgIH0pO1xuICAgIGRlc2NyaWJlKCdhbmNob3JQb2ludCcsICgpID0+IHtcbiAgICAgIGl0KCdyZXR1cm5zIHgveScsICgpID0+IHtcbiAgICAgICAgY29uc3QgcmVzdWx0ID0gb3B0cy5hbmNob3JQb2ludCh7IHg6IDAsIHk6IDAgfSk7XG4gICAgICAgIGV4cGVjdChyZXN1bHQpLnRvRXF1YWwoeyB4OiAwLCB5OiAwIH0pO1xuICAgICAgfSk7XG4gICAgfSk7XG5cbiAgICBkZXNjcmliZSgnZnJvbURlbHRhJywgKCkgPT4ge1xuICAgICAgaXQoJ3JldHVybnMgYSBuZXcgcG9pbnQgZnJvbSB0aGUgeC95ICsgZGVsdGEnLCAoKSA9PiB7XG4gICAgICAgIGNvbnN0IHJlc3VsdCA9IG9wdHMuZnJvbURlbHRhKHsgeDogLTEsIHk6IDAgfSwgeyB4OiAxLCB5OiAzIH0pO1xuICAgICAgICBleHBlY3QocmVzdWx0KS50b0VxdWFsKHsgeDogMCwgeTogMyB9KTtcbiAgICAgIH0pO1xuICAgIH0pO1xuICB9KTtcbn0pO1xuIl0sIm1hcHBpbmdzIjoiOzs7O0FBQUEsSUFBQUEsVUFBQSxHQUFBQyxPQUFBO0FBQ0EsSUFBQUMsTUFBQSxHQUFBQyxzQkFBQSxDQUFBRixPQUFBO0FBQ0EsSUFBQUcsTUFBQSxHQUFBSCxPQUFBO0FBQ0EsSUFBQUksS0FBQSxHQUFBSixPQUFBO0FBQ0EsSUFBQUssTUFBQSxHQUFBTCxPQUFBO0FBQ0EsSUFBQU0sT0FBQSxHQUFBTixPQUFBO0FBQTJDLFNBQUFPLFFBQUFDLENB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

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

@@ -0,0 +1,72 @@
+"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=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfd2l0aFJvb3RFZGdlIiwicmVxdWlyZSIsIl9ncmFwaGluZ1V0aWxzIiwiX3Bsb3QiLCJfdXRpbHMiLCJvd25LZXlzIiwiZSIsInIiLCJ0IiwiT2JqZWN0Iiwia2V5cyIsImdldE93blByb3BlcnR5U3ltYm9scyIsIm8iLCJmaWx0ZXIiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJlbnVtZXJhYmxlIiwicHVzaCIsImFwcGx5IiwiX29iamVjdFNwcmVhZCIsImFyZ3VtZW50cyIsImxlbmd0aCIsImZvckVhY2giLCJfZGVmaW5lUHJvcGVydHkyIiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9ycyIsImRlZmluZVByb3BlcnRpZXMiLCJkZWZpbmVQcm9wZXJ0eSIsInh5IiwidXRpbHMiLCJqZXN0IiwibW9jayIsInNpblkiLCJmbiIsIm1vY2tSZXR1cm5WYWx1ZSIsImJ1aWxkRGF0YVBvaW50cyIsInBhcmFib2xhRnJvbVR3b1BvaW50cyIsImdldEFtcGxpdHVkZUFuZEZyZXEiLCJmcmVxIiwiYW1wbGl0dWRlIiwiRlJFUV9ESVZJREVSIiwid2l0aFJvb3RFZGdlIiwicm9vdEVkZ2VDb21wb25lbnQiLCJkZXNjcmliZSIsImZuQm9keSIsImdyYXBoUHJvcHMiLCJyb290IiwiZWRnZSIsInJlc3VsdCIsImJlZm9yZUVhY2giLCJjYWxscyIsImdldEdyYXBoUHJvcHMiLCJpdCIsImV4cGVjdCIsInRvQmVEZWZpbmVkIiwiX2dyYXBoUHJvcHMiLCJkb21haW4iLCJyYW5nZSIsInRvSGF2ZUJlZW5DYWxsZWRXaXRoIiwic3RlcCIsImFueXRoaW5nIiwidG9FcXVhbCIsImRhdGFQb2ludHMiXSwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdG9vbHMvc2luZS9fX3Rlc3RzX18vY29tcG9uZW50LnRlc3QuanN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHdpdGhSb290RWRnZSB9IGZyb20gJy4uLy4uL3NoYXJlZC9saW5lL3dpdGgtcm9vdC1lZGdlJztcbmltcG9ydCB7IGJ1aWxkRGF0YVBvaW50cywgc2luWSB9IGZyb20gJ0BwaWUtbGliL2dyYXBoaW5nLXV0aWxzJztcbmltcG9ydCB7IHV0aWxzIH0gZnJvbSAnQHBpZS1saWIvcGxvdCc7XG5cbmltcG9ydCB7IGdyYXBoUHJvcHMgYXMgZ2V0R3JhcGhQcm9wcyB9IGZyb20gJy4uLy4uLy4uL19fdGVzdHNfXy91dGlscyc7XG5cbmNvbnN0IHsgeHkgfSA9IHV0aWxzO1xuamVzdC5tb2NrKCdAcGllLWxpYi9ncmFwaGluZy11dGlscycsICgpID0+ICh7XG4gIHNpblk6IGplc3QuZm4oKS5tb2NrUmV0dXJuVmFsdWUoMCksXG4gIGJ1aWxkRGF0YVBvaW50czogamVzdC5mbigpLm1vY2tSZXR1cm5WYWx1ZShbXSksXG4gIHBhcmFib2xhRnJvbVR3b1BvaW50czogamVzdC5mbigoKSA9PiBqZXN0LmZuKCkpLFxuICBnZXRBbXBsaXR1ZGVBbmRGcmVxOiBqZXN0LmZuKCkubW9ja1JldHVyblZhbHVlKHsgZnJlcTogNCwgYW1wbGl0dWRlOiAxIH0pLFxuICBGUkVRX0RJVklERVI6IDE2LFxufSkpO1xuXG5qZXN0Lm1vY2soJy4uLy4uL3NoYXJlZC9saW5lL3dpdGgtcm9vdC1lZGdlJywgKCkgPT4gKHtcbiAgd2l0aFJvb3RFZGdlOiBqZXN0LmZuKCksXG4gIHJvb3RFZGdlQ29tcG9uZW50OiBqZXN0LmZuKCksXG59KSk7XG5kZXNjcmliZSgnUGFyYWJvbGEnLCAoKSA9PiB7XG4gIGxldCBmbkJvZHk7XG4gIGxldCBncmFwaFByb3BzO1xuICBsZXQgcm9vdDtcbiAgbGV0IGVkZ2U7XG4gIGxldCByZXN1bHQ7XG4gIGJlZm9yZUVhY2goKCkgPT4ge1xuICAgIHJlcXVpcmUoJy4uL2NvbXBvbmVudCcpO1xuICAgIGZuQm9keSA9IHdpdGhSb290RWRnZS5tb2NrLmNhbGxzWzBdWzBdO1xuICAgIGdyYXBoUHJvcHMgPSBnZXRHcmFwaFByb3BzKCk7XG4gICAgcm9vdCA9IHh5KDAsIDApO1xuICAgIGVkZ2UgPSB4eSgxLCAxKTtcblxuICAgIHJlc3VsdCA9IGZuQm9keSh7IGdyYXBoUHJvcHMsIHJvb3QsIGVkZ2UgfSk7XG4gIH0pO1xuICBpdCgnZm5Cb2R5IGlzIG5vdCBudWxsJywgKCkgPT4ge1xuICAgIGV4cGVjdChmbkJvZHkpLnRvQmVEZWZpbmVkKCk7XG4gIH0pO1xuXG4gIGl0KCdjYWxscyBidWlsZERhdGFQb2ludHMnLCAoKSA9PiB7XG4gICAgY29uc3QgeyBkb21haW4sIHJhbmdlIH0gPSBncmFwaFByb3BzO1xuICAgIGV4cGVjdChidWlsZERhdGFQb2ludHMpLnRvSGF2ZUJlZW5DYWxsZWRXaXRoKHsgLi4uZG9tYWluLCBzdGVwOiAwLjI1IH0sIHJhbmdlLCByb290LCBlZGdlLCBleHBlY3QuYW55dGhpbmcoKSk7XG4gIH0pO1xuXG4gIGl0KCdjYWxscyBzaW5ZJywgKCkgPT4ge1xuICAgIGV4cGVjdChzaW5ZKS50b0hhdmVCZWVuQ2FsbGVkV2l0aCgxLCA0LCBleHBlY3QuYW55dGhpbmcoKSk7XG4gIH0pO1xuXG4gIGl0KCdyZXR1cm5zIGRhdGFQb2ludHMnLCAoKSA9PiB7XG4gICAgZXhwZWN0KHJlc3VsdCkudG9FcXVhbCh7IHJvb3QsIGVkZ2UsIGRhdGFQb2ludHM6IFtdIH0pO1xuICB9KTtcbn0pO1xuIl0sIm1hcHBpbmdzIjoiOzs7O0FBQUEsSUFBQUEsYUFBQSxHQUFBQyxPQUFBO0FBQ0EsSUFBQUMsY0FBQSxHQUFBRCxPQUFBO0FBQ0EsSUFBQUUsS0FBQSxHQUFBRixPQUFBO0FBRUEsSUFBQUcsTUFBQSxHQUFBSCxPQUFBO0FBQXVFLFNBQUFJLFFBQUFDLENBQUEsRUFBQUMsQ0FBQSxRQUFBQyxDQUFBLEdBQUFDLE1BQUEsQ0FBQUMsSUFBQSxDQUFBSixDQUFBLE9BQUFHLE1BQUEsQ0FBQUUscUJBQUEsUUFBQUMsQ0FBQSxHQUFBSCxNQUFBLENBQUFFLHFCQUFBLENBQUFMLENBQUEsR0FBQUMsQ0FBQSxLQUFBSyxDQUFBLEdBQUFBLENBQUEsQ0FBQUMsTUFBQSxXQUFBTixDQUFBLFdBQUFF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

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

@@ -0,0 +1,32 @@
+"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=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJfdGVzdFV0aWxzIiwicmVxdWlyZSIsIl9yZWFjdCIsIl9pbnRlcm9wUmVxdWlyZURlZmF1bHQiLCJfY29tcG9uZW50IiwiX3V0aWxzIiwiX3Bsb3QiLCJvd25LZXlzIiwiZSIsInIiLCJ0IiwiT2JqZWN0Iiwia2V5cyIsImdldE93blByb3BlcnR5U3ltYm9scyIsIm8iLCJmaWx0ZXIiLCJnZXRPd25Qcm9wZXJ0eURlc2NyaXB0b3IiLCJlbnVtZXJhYmxlIiwicHVzaCIsImFwcGx5IiwiX29iamVjdFNwcmVhZCIsImFyZ3VtZW50cyIsImxlbmd0aCIsImZvckVhY2giLCJfZGVmaW5lUHJvcGVydHkyIiwiZ2V0T3duUHJvcGVydHlEZXNjcmlwdG9ycyIsImRlZmluZVByb3BlcnRpZXMiLCJkZWZpbmVQcm9wZXJ0eSIsImRlc2NyaWJlIiwicmVuZGVyQ29tcG9uZW50IiwiZXh0cmFzIiwiZGVmYXVsdHMiLCJjbGFzc2VzIiwiY2xhc3NOYW1lIiwiZ3JhcGhQcm9wcyIsImdldEdyYXBoUHJvcHMiLCJmcm9tIiwidXRpbHMiLCJ4eSIsInRvIiwicHJvcHMiLCJyZW5kZXIiLCJjcmVhdGVFbGVtZW50IiwiTGluZSIsIml0IiwiX3JlbmRlckNvbXBvbmVudCIsImNvbnRhaW5lciIsImV4cGVjdCIsImZpcnN0Q2hpbGQiLCJ0b0JlSW5UaGVEb2N1bWVudCJdLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy90b29scy92ZWN0b3IvX190ZXN0c19fL2NvbXBvbmVudC50ZXN0LmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyByZW5kZXIgfSBmcm9tICdAcGllLWxpYi90ZXN0LXV0aWxzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBMaW5lIH0gZnJvbSAnLi4vY29tcG9uZW50JztcbmltcG9ydCB7IGdyYXBoUHJvcHMgYXMgZ2V0R3JhcGhQcm9wcyB9IGZyb20gJy4uLy4uLy4uL19fdGVzdHNfXy91dGlscyc7XG5pbXBvcnQgeyB1dGlscyB9IGZyb20gJ0BwaWUtbGliL3Bsb3QnO1xuXG5kZXNjcmliZSgnTGluZScsICgpID0+IHtcbiAgY29uc3QgcmVuZGVyQ29tcG9uZW50ID0gKGV4dHJhcykgPT4ge1xuICAgIGNvbnN0IGRlZmF1bHRzID0ge1xuICAgICAgY2xhc3Nlczoge30sXG4gICAgICBjbGFzc05hbWU6ICdjbGFzc05hbWUnLFxuICAgICAgZ3JhcGhQcm9wczogZ2V0R3JhcGhQcm9wcygpLFxuICAgICAgZnJvbTogdXRpbHMueHkoMCwgMCksXG4gICAgICB0bzogdXRpbHMueHkoMSwgMSksXG4gICAgfTtcbiAgICBjb25zdCBwcm9wcyA9IHsgLi4uZGVmYXVsdHMsIC4uLmV4dHJhcyB9O1xuICAgIHJldHVybiByZW5kZXIoPExpbmUgey4uLnByb3BzfSAvPik7XG4gIH07XG4gIGRlc2NyaWJlKCdyZW5kZXJpbmcnLCAoKSA9PiB7XG4gICAgaXQoJ3JlbmRlcnMgd2l0aG91dCBjcmFzaGluZycsICgpID0+IHtcbiAgICAgIGNvbnN0IHsgY29udGFpbmVyIH0gPSByZW5kZXJDb21wb25lbnQoKTtcbiAgICAgIGV4cGVjdChjb250YWluZXIuZmlyc3RDaGlsZCkudG9CZUluVGhlRG9jdW1lbnQoKTtcbiAgICB9KTtcbiAgfSk7XG59KTtcbiJdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLElBQUFBLFVBQUEsR0FBQUMsT0FBQTtBQUNBLElBQUFDLE1BQUEsR0FBQUMsc0JBQUEsQ0FBQUYsT0FBQTtBQUNBLElBQUFHLFVBQUEsR0FBQUgsT0FBQTtBQUNBLElBQUFJLE1BQUEsR0FBQUosT0FBQTtBQUNBLElBQUFLLEtBQUEsR0FBQUwsT0FBQTtBQUFzQyxTQUFBTSxRQUFBQyxDQUFBLEVBQUFDLENBQUEsUUFBQUMsQ0FBQSxHQUFBQyxNQUFBLENBQUFDLElBQUEsQ0FBQUosQ0FBQSxPQUFBRyxNQUFBLENBQUFFLHFCQUFBLFFBQUFDLENBQUEsR0FBQUgsTUFBQSxDQUFBRSxxQkFBQSxDQUFBTCxDQUFBLEdBQUFDLENBQUEsS0FBQUssQ0FBQSxHQUFBQSxDQUFBLENBQUFDLE1BQUEsV0FBQU4sQ0FBQSxXQUFBRSxNQUFBLENBQUFLLHdCQUFBLENBQUFSLENBQUEsRUFBQUMsQ0FBQSxFQUFBUSxVQUFBLE9BQUFQLENBQUEsQ0FBQVEsSUFBQSxDQUFBQyxLQUFBLENBQUFULENBQUEsRUFBQUksQ0FBQSxZQUFBSixDQUFBO0FBQUEsU0FBQVUsY0FBQVosQ0FBQSxhQUFBQyxDQUFBLE1BQUFBLENBQUEsR0FBQVksU0FBQSxDQUFBQyxNQUFBLEVBQUFiLENBQUEsVUFBQUMsQ0FBQSxXQUFBVyxTQUFBLENBQUFaLENBQUEsSUFBQVksU0FBQSxDQUFBWixDQUFBLFFBQUFBLENBQUEsT0FBQUYsT0FBQSxDQUFBSSxNQUFBLENBQUFELENBQUEsT0FBQWEsT0FBQSxXQUFBZCxDQUFBLFFBQUFlLGdCQUFBLGFBQUFoQixDQUFBLEVBQUFDLENBQUEsRUFBQUMsQ0FBQSxDQUFBRCxDQUFBLFNBQUFFLE1BQUEsQ0FBQWMseUJBQUEsR0FBQWQsTUFBQSxDQUFBZSxnQkFBQSxDQUFBbEIsQ0FBQSxFQUFBRyxNQUFBLENBQUFjLHlCQUFBLENBQUFmLENBQUEsS0FBQUgsT0FBQSxDQUFBSSxNQUFBLENBQUFELENBQUEsR0FBQWEsT0FBQSxXQUFBZCxDQUFBLElBQUFFLE1BQUEsQ0FBQWdCLGNBQUEsQ0FBQW5CLENBQUEsRUFBQUMsQ0FBQSxFQUFBRSxNQUFBLENBQUFLLHdCQUFBLENBQUFOLENBQUEsRUFBQUQsQ0FBQSxpQkFBQUQsQ0FBQTtBQUV0Q29CLFFBQVEsQ0FBQyxNQUFNLEVBQUUsWUFBTTtFQUNyQixJQUFNQyxlQUFlLEdBQUcsU0FBbEJBLGVBQWVBLENBQUlDLE1BQU0sRUFBSztJQUNsQyxJQUFNQyxRQUFRLEdBQUc7TUFDZkMsT0FBTyxFQUFFLENBQUMsQ0FBQztNQUNYQyxTQUFTLEVBQUUsV0FBVztNQUN0QkMsVUFBVSxFQUFFLElBQUFDLGlCQUFhLEVBQUMsQ0FBQztNQUMzQkMsSUFBSSxFQUFFQyxXQUFLLENBQUNDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDO01BQ3BCQyxFQUFFLEVBQUVGLFdBQUssQ0FBQ0MsRUFBRSxDQUFDLENBQUMsRUFBRSxDQUFDO0lBQ25CLENBQUM7SUFDRCxJQUFNRSxLQUFLLEdBQUFwQixhQUFBLENBQUFBLGFBQUEsS0FBUVcsUUFBUSxHQUFLRCxNQUFNLENBQUU7SUFDeEMsT0FBTyxJQUFBVyxpQkFBTSxlQUFDdkMsTUFBQSxZQUFBd0MsYUFBQSxDQUFDdEMsVUFBQSxDQUFBdUMsSUFBSSxFQUFLSCxLQUFRLENBQUMsQ0FBQztFQUNwQyxDQUFDO0VBQ0RaLFFBQVEsQ0FBQyxXQUFXLEVBQUUsWUFBTTtJQUMxQmdCLEVBQUUsQ0FBQywwQkFBMEIsRUFBRSxZQUFNO01BQ25DLElBQUFDLGdCQUFBLEdBQXNCaEIsZUFBZSxDQUFDLENBQUM7UUFBL0JpQixTQUFTLEdBQUFELGdCQUFBLENBQVRDLFNBQVM7TUFDakJDLE1BQU0sQ0FBQ0QsU0FBUyxDQUFDRSxVQUFVLENBQUMsQ0FBQ0MsaUJBQWlCLENBQUMsQ0FBQztJQUNsRCxDQUFDLENBQUM7RUFDSixDQUFDLENBQUM7QUFDSixDQUFDLENBQUMiLCJpZ25vcmVMaXN0IjpbXX0=

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "4.0.24-beta.6",
+  "version": "4.0.24-beta.7",
   "description": "Graphing components",
   "keywords": [
     "react",
@@ -23,9 +23,9 @@
     "@mui/icons-material": "^7.3.4",
     "@mui/material": "^7.3.4",
     "@pie-lib/drag": "^4.0.2",
-    "@pie-lib/editable-html-tip-tap": "^2.1.20-beta.6",
+    "@pie-lib/editable-html-tip-tap": "^2.1.20-beta.7",
     "@pie-lib/graphing-utils": "^3.0.2",
-    "@pie-lib/plot": "^4.0.22-beta.6",
+    "@pie-lib/plot": "^4.0.22-beta.7",
     "@pie-lib/render-ui": "^6.1.0",
     "@pie-lib/translator": "^4.0.2",
     "@visx/axis": "^3.0.0",

package/src/__tests__/bg.test.jsx

@@ -0,0 +1,250 @@
+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();
+    });
+  });
+});