@pie-lib/graphing 2.14.22-next.0 → 2.15.1-beta.0

package/src/__tests__/toggle-bar.test.jsx

@@ -0,0 +1,36 @@
+import { shallow } from 'enzyme';
+import React from 'react';
+
+import { ToggleBar } from '../toggle-bar';
+
+describe('ToggleBar', () => {
+  let w;
+  let onChange = jest.fn();
+  const wrapper = (extras) => {
+    const defaults = {
+      classes: {},
+      className: 'className',
+      onChange,
+      options: ['one', 'two'],
+    };
+    const props = { ...defaults, ...extras };
+    return shallow(<ToggleBar {...props} />);
+  };
+
+  describe('snapshot', () => {
+    it('renders', () => {
+      w = wrapper();
+      expect(w).toMatchSnapshot();
+    });
+  });
+
+  describe('logic', () => {
+    describe('select', () => {
+      it('calls onChange', () => {
+        w = wrapper();
+        w.instance().select({ target: { textContent: 'two' } });
+        expect(onChange).toHaveBeenLastCalledWith('two');
+      });
+    });
+  });
+});

package/src/__tests__/tool-menu.test.jsx

@@ -0,0 +1,29 @@
+import { shallow } from 'enzyme';
+import React from 'react';
+
+import ToolMenu from '../tool-menu';
+
+describe('ToolMenu', () => {
+  let w;
+  let onChange = jest.fn();
+  const tools = ['one', 'two'];
+
+  const wrapper = (extras) => {
+    const defaults = {
+      classes: {},
+      className: 'className',
+      onChange,
+      currentTool: tools[0],
+      tools,
+    };
+    const props = { ...defaults, ...extras };
+    return shallow(<ToolMenu {...props} />);
+  };
+
+  describe('snapshot', () => {
+    it('renders', () => {
+      w = wrapper();
+      expect(w).toMatchSnapshot();
+    });
+  });
+});

package/src/__tests__/undo-redo.test.jsx

@@ -0,0 +1,25 @@
+import { shallow } from 'enzyme';
+import React from 'react';
+import UndoRedo from '../undo-redo';
+
+describe('UndoRedo', () => {
+  let w;
+  let onUndo = jest.fn();
+  let onRedo = jest.fn();
+  let onReset = jest.fn();
+  const wrapper = (extras) => {
+    const defaults = {
+      onUndo,
+      onRedo,
+      onReset,
+    };
+    const props = { ...defaults, ...extras };
+    return shallow(<UndoRedo {...props} />);
+  };
+  describe('snapshot', () => {
+    it('renders', () => {
+      w = wrapper();
+      expect(w).toMatchSnapshot();
+    });
+  });
+});

package/src/__tests__/use-debounce.test.js

@@ -0,0 +1,21 @@
+import { useState, useEffect } from 'react';
+import { useDebounce } from '../use-debounce';
+
+jest.useFakeTimers();
+
+jest.mock('react', () => ({
+  useState: jest.fn(),
+  useEffect: jest.fn((fn, deps) => fn()),
+}));
+
+describe('useDebounce', () => {
+  it('..', () => {
+    const debouncedValue = null;
+    const setDebouncedValue = jest.fn();
+
+    useState.mockReturnValue([debouncedValue, setDebouncedValue]);
+    useDebounce('foo', 1000);
+    jest.runAllTimers();
+    expect(setDebouncedValue).toHaveBeenCalledWith('foo');
+  });
+});

package/src/__tests__/utils.js

@@ -0,0 +1,38 @@
+export const scaleMock = () => {
+  const fn = jest.fn((n) => n);
+  fn.invert = jest.fn((n) => n);
+  return fn;
+};
+
+export const graphProps = (dmin = 0, dmax = 1, rmin = 0, rmax = 1) => ({
+  scale: {
+    x: scaleMock(),
+    y: scaleMock(),
+  },
+  snap: {
+    x: jest.fn((n) => n),
+    y: jest.fn((n) => n),
+  },
+  domain: {
+    min: dmin,
+    max: dmax,
+    step: 1,
+  },
+  range: {
+    min: rmin,
+    max: rmax,
+    step: 1,
+  },
+  size: {
+    width: 400,
+    height: 400,
+  },
+});
+
+export const xy = (x, y, index) => {
+  const out = { x, y, index };
+  if (!Number.isFinite(index)) {
+    delete out.index;
+  }
+  return out;
+};

package/src/__tests__/utils.test.js

@@ -0,0 +1,151 @@
+import * as utils from '../utils';
+
+const xy = (x, y) => ({ x, y });
+
+const tick = (isMajor, v) => ({
+  major: isMajor,
+  value: v,
+  x: v,
+});
+
+const major = tick.bind(null, true);
+const minor = tick.bind(null, false);
+
+describe('utils', () => {
+  describe('polygonToArea', () => {
+    const assertPolygon = (points, area) => {
+      it(`converts ${points} -> ${area}`, () => {
+        const result = utils.polygonToArea(points);
+        expect(result).toEqual(area);
+      });
+    };
+    assertPolygon([xy(0, 0), xy(1, 1), xy(1, -1)], {
+      left: 0,
+      top: 1,
+      bottom: -1,
+      right: 1,
+    });
+    assertPolygon([xy(0, 0), xy(3, 0), xy(2, -1), xy(4, -3), xy(1, -4), xy(2, -2)], {
+      left: 0,
+      top: 0,
+      bottom: -4,
+      right: 4,
+    });
+  });
+
+  describe('lineToArea', () => {
+    const assertLine = (from, to, expected) => {
+      it(`${from},${to} => ${expected}`, () => {
+        const result = utils.lineToArea(from, to);
+        expect(result).toEqual(expected);
+      });
+    };
+
+    assertLine(xy(1, 1), xy(2, 2), { left: 1, top: 2, bottom: 1, right: 2 });
+    assertLine(xy(-1, 4), xy(4, -3), {
+      left: -1,
+      top: 4,
+      bottom: -3,
+      right: 4,
+    });
+  });
+
+  describe('getTickValues', () => {
+    const assertGetTickValues = (props, expected) => {
+      it(` => ${expected}`, () => {
+        const result = utils.getTickValues(props);
+        expect(result).toEqual(expected);
+      });
+    };
+
+    assertGetTickValues({ min: 0, max: 10, step: 1 }, [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]);
+    assertGetTickValues({ min: 0, max: 3, step: 0.5 }, [0, 0.5, 1, 1.5, 2, 2.5, 3]);
+    assertGetTickValues({ min: -0.2, max: 2, step: 0.6 }, [0, 0.6, 1.2, 1.8]);
+    assertGetTickValues({ min: -3.4, max: 6.2, step: 1.2 }, [0, -1.2, -2.4, 1.2, 2.4, 3.6, 4.8, 6]);
+
+    assertGetTickValues({ min: 0.6, max: 4.8, step: 0.3 }, [
+      0.6,
+      0.9,
+      1.2,
+      1.5,
+      1.8,
+      2.1,
+      2.4,
+      2.7,
+      3.0,
+      3.3,
+      3.6,
+      3.9,
+      4.2,
+      4.5,
+      4.8,
+    ]);
+    assertGetTickValues({ min: 0.5, max: 4.9, step: 0.3 }, [
+      0.6,
+      0.9,
+      1.2,
+      1.5,
+      1.8,
+      2.1,
+      2.4,
+      2.7,
+      3.0,
+      3.3,
+      3.6,
+      3.9,
+      4.2,
+      4.5,
+      4.8,
+    ]);
+    assertGetTickValues({ min: 0, max: 3, step: 0.125 }, [
+      0,
+      0.125,
+      0.25,
+      0.375,
+      0.5,
+      0.625,
+      0.75,
+      0.875,
+      1,
+      1.125,
+      1.25,
+      1.375,
+      1.5,
+      1.625,
+      1.75,
+      1.875,
+      2,
+      2.125,
+      2.25,
+      2.375,
+      2.5,
+      2.625,
+      2.75,
+      2.875,
+      3,
+    ]);
+  });
+
+  describe('countWords', () => {
+    it('should return 1 if label is undefined', () => {
+      const label = undefined;
+      const result = utils.countWords(label);
+
+      expect(result).toEqual(1);
+    });
+
+    it('should return 1 if label is null', () => {
+      const label = null;
+      const result = utils.countWords(label);
+
+      expect(result).toEqual(1);
+    });
+
+    it('should return 3 if label has 3 words', () => {
+      const label = 'Number of months';
+      const result = utils.countWords(label);
+
+      expect(result).toEqual(3);
+    });
+  });
+});

package/src/axis/__tests__/__snapshots__/arrow.test.jsx.snap

@@ -0,0 +1,33 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Arrow snapshot down 1`] = `
+<path
+  className="className"
+  d="m 0,0 8,-5 0,10 -8,-5"
+  transform="translate(0, 15) rotate(270)"
+/>
+`;
+
+exports[`Arrow snapshot left 1`] = `
+<path
+  className="className"
+  d="m 0,0 8,-5 0,10 -8,-5"
+  transform="translate(-15, 0) rotate(0)"
+/>
+`;
+
+exports[`Arrow snapshot right 1`] = `
+<path
+  className="className"
+  d="m 0,0 8,-5 0,10 -8,-5"
+  transform="translate(15, 0) rotate(180)"
+/>
+`;
+
+exports[`Arrow snapshot up 1`] = `
+<path
+  className="className"
+  d="m 0,0 8,-5 0,10 -8,-5"
+  transform="translate(0, -15) rotate(90)"
+/>
+`;

package/src/axis/__tests__/__snapshots__/axes.test.jsx.snap

@@ -0,0 +1,122 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`RawXAxis snapshot renders 1`] = `
+<Fragment>
+  <F
+    left={0}
+    scale={[MockFunction]}
+    tickFormat={[Function]}
+    tickLabelProps={[Function]}
+    top={0}
+  />
+  <WithStyles(Arrow)
+    direction="left"
+    scale={
+      Object {
+        "x": [MockFunction],
+        "y": [MockFunction] {
+          "calls": Array [
+            Array [
+              0,
+            ],
+          ],
+          "results": Array [
+            Object {
+              "type": "return",
+              "value": 0,
+            },
+          ],
+        },
+      }
+    }
+    x={0}
+    y={0}
+  />
+  <WithStyles(Arrow)
+    direction="right"
+    scale={
+      Object {
+        "x": [MockFunction],
+        "y": [MockFunction] {
+          "calls": Array [
+            Array [
+              0,
+            ],
+          ],
+          "results": Array [
+            Object {
+              "type": "return",
+              "value": 0,
+            },
+          ],
+        },
+      }
+    }
+    x={1}
+    y={0}
+  />
+</Fragment>
+`;
+
+exports[`RawYAxis snapshot renders 1`] = `
+<Fragment>
+  <F
+    height={400}
+    hideZero={true}
+    left={0}
+    orientation="left"
+    scale={[MockFunction]}
+    tickFormat={[Function]}
+    tickLabelProps={[Function]}
+    tickLength={10}
+    tickTextAnchor="bottom"
+    top={0}
+  />
+  <WithStyles(Arrow)
+    direction="down"
+    scale={
+      Object {
+        "x": [MockFunction] {
+          "calls": Array [
+            Array [
+              0,
+            ],
+          ],
+          "results": Array [
+            Object {
+              "type": "return",
+              "value": 0,
+            },
+          ],
+        },
+        "y": [MockFunction],
+      }
+    }
+    x={0}
+    y={0}
+  />
+  <WithStyles(Arrow)
+    direction="up"
+    scale={
+      Object {
+        "x": [MockFunction] {
+          "calls": Array [
+            Array [
+              0,
+            ],
+          ],
+          "results": Array [
+            Object {
+              "type": "return",
+              "value": 0,
+            },
+          ],
+        },
+        "y": [MockFunction],
+      }
+    }
+    x={0}
+    y={1}
+  />
+</Fragment>
+`;

package/src/axis/__tests__/arrow.test.jsx

@@ -0,0 +1,39 @@
+import { shallow } from 'enzyme';
+import React from 'react';
+import { Arrow } from '../arrow';
+
+describe('Arrow', () => {
+  let w;
+  let onChange = jest.fn();
+  const wrapper = (extras) => {
+    const defaults = {
+      classes: {},
+      className: 'className',
+      onChange,
+      scale: {
+        x: jest.fn((n) => n),
+        y: jest.fn((n) => n),
+      },
+    };
+    const props = { ...defaults, ...extras };
+    return shallow(<Arrow {...props} />);
+  };
+  describe('snapshot', () => {
+    it('up', () => {
+      w = wrapper({ direction: 'up' });
+      expect(w).toMatchSnapshot();
+    });
+    it('down', () => {
+      w = wrapper({ direction: 'down' });
+      expect(w).toMatchSnapshot();
+    });
+    it('left', () => {
+      w = wrapper({ direction: 'left' });
+      expect(w).toMatchSnapshot();
+    });
+    it('right', () => {
+      w = wrapper({ direction: 'right' });
+      expect(w).toMatchSnapshot();
+    });
+  });
+});