@pie-lib/graphing 2.14.22 → 2.15.0-beta.2

package/src/__tests__/__snapshots__/graph.test.jsx.snap

@@ -0,0 +1,211 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Graph snapshot renders 1`] = `
+<WithStyles(Root)
+  disabledLabels={false}
+  disabledTitle={false}
+  graphProps={
+    Object {
+      "domain": Object {
+        "max": 1,
+        "min": 0,
+        "step": 1,
+      },
+      "getRootNode": [Function],
+      "range": Object {
+        "max": 1,
+        "min": 0,
+        "step": 1,
+      },
+      "scale": Object {
+        "x": [Function],
+        "y": [Function],
+      },
+      "size": Object {
+        "height": 400,
+        "width": 400,
+      },
+      "snap": Object {
+        "x": [Function],
+        "y": [Function],
+      },
+    }
+  }
+  labelsPlaceholders={Object {}}
+  mathMlOptions={Object {}}
+  rootRef={[Function]}
+>
+  <g>
+    <WithStyles(Grid)
+      graphProps={
+        Object {
+          "domain": Object {
+            "max": 1,
+            "min": 0,
+            "step": 1,
+          },
+          "getRootNode": [Function],
+          "range": Object {
+            "max": 1,
+            "min": 0,
+            "step": 1,
+          },
+          "scale": Object {
+            "x": [Function],
+            "y": [Function],
+          },
+          "size": Object {
+            "height": 400,
+            "width": 400,
+          },
+          "snap": Object {
+            "x": [Function],
+            "y": [Function],
+          },
+        }
+      }
+    />
+    <Axes
+      graphProps={
+        Object {
+          "domain": Object {
+            "max": 1,
+            "min": 0,
+            "step": 1,
+          },
+          "getRootNode": [Function],
+          "range": Object {
+            "max": 1,
+            "min": 0,
+            "step": 1,
+          },
+          "scale": Object {
+            "x": [Function],
+            "y": [Function],
+          },
+          "size": Object {
+            "height": 400,
+            "width": 400,
+          },
+          "snap": Object {
+            "x": [Function],
+            "y": [Function],
+          },
+        }
+      }
+      includeArrows={
+        Object {
+          "down": true,
+          "left": true,
+          "right": true,
+          "up": true,
+        }
+      }
+    />
+    <Bg
+      graphProps={
+        Object {
+          "domain": Object {
+            "max": 1,
+            "min": 0,
+            "step": 1,
+          },
+          "getRootNode": [Function],
+          "range": Object {
+            "max": 1,
+            "min": 0,
+            "step": 1,
+          },
+          "scale": Object {
+            "x": [Function],
+            "y": [Function],
+          },
+          "size": Object {
+            "height": 400,
+            "width": 400,
+          },
+          "snap": Object {
+            "x": [Function],
+            "y": [Function],
+          },
+        }
+      }
+      height={400}
+      onClick={[Function]}
+      width={400}
+    />
+    <mask
+      id="graph-1618"
+    >
+      <rect
+        fill="white"
+        height={446}
+        width={446}
+        x={-23}
+        y={-23}
+      />
+       
+    </mask>
+    <g
+      id="marks"
+      mask="url('#graph-1618')"
+    >
+      <Point
+        graphProps={
+          Object {
+            "domain": Object {
+              "max": 1,
+              "min": 0,
+              "step": 1,
+            },
+            "getRootNode": [Function],
+            "range": Object {
+              "max": 1,
+              "min": 0,
+              "step": 1,
+            },
+            "scale": Object {
+              "x": [Function],
+              "y": [Function],
+            },
+            "size": Object {
+              "height": 400,
+              "width": 400,
+            },
+            "snap": Object {
+              "x": [Function],
+              "y": [Function],
+            },
+          }
+        }
+        isToolActive={false}
+        key="point-0"
+        mark={
+          Object {
+            "label": "Point",
+            "showLabel": true,
+            "type": "point",
+            "x": 2,
+            "y": 2,
+          }
+        }
+        onChange={[Function]}
+        onClick={[Function]}
+        onComplete={[Function]}
+      />
+      <foreignObject
+        height={400}
+        style={
+          Object {
+            "fontSize": "14px",
+            "pointerEvents": "none",
+          }
+        }
+        width={400}
+        x="0"
+        y="0"
+      />
+    </g>
+  </g>
+</WithStyles(Root)>
+`;

package/src/__tests__/__snapshots__/grid.test.jsx.snap

@@ -0,0 +1,54 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Grid snapshot renders 1`] = `
+<Fragment>
+  <r
+    columnTickValues={
+      Array [
+        0,
+        1,
+      ]
+    }
+    height={400}
+    innerRef={[Function]}
+    rowTickValues={
+      Array [
+        0,
+        1,
+      ]
+    }
+    stroke="#E1E6EC"
+    width={400}
+    xScale={
+      [MockFunction] {
+        "calls": Array [
+          Array [
+            0,
+          ],
+        ],
+        "results": Array [
+          Object {
+            "type": "return",
+            "value": 0,
+          },
+        ],
+      }
+    }
+    yScale={
+      [MockFunction] {
+        "calls": Array [
+          Array [
+            0,
+          ],
+        ],
+        "results": Array [
+          Object {
+            "type": "return",
+            "value": 0,
+          },
+        ],
+      }
+    }
+  />
+</Fragment>
+`;

package/src/__tests__/__snapshots__/labels.test.jsx.snap

@@ -0,0 +1,30 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Labels snapshot renders 1`] = `
+<Fragment>
+  <WithStyles(RawLabel)
+    key="left"
+    mathMlOptions={Object {}}
+    onChange={[Function]}
+    side="left"
+  />
+  <WithStyles(RawLabel)
+    key="top"
+    mathMlOptions={Object {}}
+    onChange={[Function]}
+    side="top"
+  />
+  <WithStyles(RawLabel)
+    key="bottom"
+    mathMlOptions={Object {}}
+    onChange={[Function]}
+    side="bottom"
+  />
+  <WithStyles(RawLabel)
+    key="right"
+    mathMlOptions={Object {}}
+    onChange={[Function]}
+    side="right"
+  />
+</Fragment>
+`;

package/src/__tests__/__snapshots__/mark-label.test.jsx.snap

@@ -0,0 +1,45 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`MarkLabel snapshot renders 1`] = `
+<div
+  style={
+    Object {
+      "alignItems": "center",
+      "display": "flex",
+      "gap": "3px",
+      "left": 6,
+      "pointerEvents": "auto",
+      "position": "fixed",
+      "top": -4,
+    }
+  }
+>
+  <LabelInput
+    _ref={[Function]}
+    inputClassName=""
+    onChange={[Function]}
+  />
+</div>
+`;
+
+exports[`MarkLabel snapshot renders 2`] = `
+<div
+  style={
+    Object {
+      "alignItems": "center",
+      "display": "flex",
+      "gap": "3px",
+      "left": 5,
+      "pointerEvents": "auto",
+      "position": "fixed",
+      "top": 5,
+    }
+  }
+>
+  <LabelInput
+    _ref={[Function]}
+    inputClassName=""
+    onChange={[Function]}
+  />
+</div>
+`;

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

@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ToggleBar snapshot renders 1`] = `
+<div
+  className="className"
+/>
+`;

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

@@ -0,0 +1,13 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ToolMenu snapshot renders 1`] = `
+<div
+  className="className"
+>
+  <Component
+    onChange={[MockFunction]}
+    onChangeToolsOrder={[Function]}
+    options={Array []}
+  />
+</div>
+`;

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

@@ -0,0 +1,14 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`UndoRedo snapshot renders 1`] = `
+<UndoRedo
+  classes={
+    Object {
+      "button": "UndoRedo-button-1",
+    }
+  }
+  onRedo={[MockFunction]}
+  onReset={[MockFunction]}
+  onUndo={[MockFunction]}
+/>
+`;

package/src/__tests__/graph-with-controls.test.jsx

@@ -0,0 +1,147 @@
+import { shallow } from 'enzyme';
+import React from 'react';
+
+import { xy } from './utils';
+
+import {
+  GraphWithControls,
+  setToolbarAvailability,
+  toolIsAvailable,
+  getAvailableTool,
+  filterByValidToolTypes,
+  filterByVisibleToolTypes,
+} from '../graph-with-controls';
+import { toolsArr, allTools, line as lineTool, point as pointTool } from '@pie-lib/tools';
+
+const point = {
+  type: 'point',
+  x: 2,
+  y: 2,
+  label: 'Point',
+  showLabel: true,
+};
+
+const line = {
+  type: 'line',
+  from: { x: 0, y: 0 },
+  to: { x: 1, y: 1 },
+  label: 'Line',
+  building: true,
+};
+
+const circle = {
+  type: 'line',
+  edge: { x: 0, y: 0 },
+  root: { x: 2, y: 2 },
+};
+
+const marks = [point, line, circle];
+
+describe('setToolbarAvailability', () => {
+  it('sets `toolbar: true` if tool should be displayed in toolbar - all tools', () => {
+    const result = setToolbarAvailability(allTools);
+    const allTrue = new Array(toolsArr.length).fill(true);
+
+    expect(result.map((r) => r.toolbar)).toEqual(allTrue);
+  });
+
+  it('sets `toolbar: true` if tool should be displayed in toolbar - few tools', () => {
+    const result = setToolbarAvailability(['line', 'circle']);
+    const allOthersFalse = new Array(toolsArr.length - 2).fill(false);
+
+    expect(result.filter((r) => r.type === 'line' || r.type === 'circle').map((r) => r.toolbar)).toEqual([true, true]);
+    expect(result.filter((r) => r.type !== 'line' && r.type !== 'circle').map((r) => r.toolbar)).toEqual(
+      allOthersFalse,
+    );
+  });
+});
+
+describe('toolIsAvailable', () => {
+  const tools = setToolbarAvailability(['line', 'circle']);
+
+  it('returns true if tool is available', () => {
+    expect(toolIsAvailable(tools, lineTool())).toEqual(true);
+  });
+
+  it('returns false if tool is not available', () => {
+    expect(toolIsAvailable(tools, pointTool())).toEqual(false);
+  });
+});
+
+describe('getAvailableTool', () => {
+  it('returns the first available tool in list if there is any', () => {
+    const tools = setToolbarAvailability(['line', 'circle']);
+
+    expect(getAvailableTool(tools).toolbar).toEqual(true);
+  });
+
+  it('returns undefined list if there is no available tool', () => {
+    const tools = setToolbarAvailability([]);
+
+    expect(getAvailableTool(tools)).toEqual(undefined);
+  });
+});
+
+describe('filterByValidToolTypes', () => {
+  it('filters marks by valid types', () => {
+    const marks = [{ type: 'point' }, { type: 'a' }, { type: 'b' }, { type: 'line' }, { type: 'c' }];
+
+    expect(filterByValidToolTypes(marks)).toEqual([{ type: 'point' }, { type: 'line' }]);
+  });
+});
+
+describe('filterByVisibleToolTypes', () => {
+  it('filters marks by the types that should be visible', () => {
+    expect(
+      filterByVisibleToolTypes(['line', 'circle'], [{ type: 'point' }, { type: 'line' }, { type: 'circle' }]),
+    ).toEqual([{ type: 'line' }, { type: 'circle' }]);
+
+    expect(
+      filterByVisibleToolTypes(['line', 'circle', 'point'], [{ type: 'point' }, { type: 'line' }, { type: 'circle' }]),
+    ).toEqual([{ type: 'point' }, { type: 'line' }, { type: 'circle' }]);
+
+    expect(filterByVisibleToolTypes(['line'], [{ type: 'point' }, { type: 'line' }, { type: 'circle' }])).toEqual([
+      { type: 'line' },
+    ]);
+
+    expect(filterByVisibleToolTypes(['segment'], [{ type: 'point' }, { type: 'line' }, { type: 'circle' }])).toEqual(
+      [],
+    );
+  });
+});
+
+describe('GraphWithControls', () => {
+  let w;
+  let onChangeMarks = jest.fn();
+
+  const defaultProps = () => ({
+    axesSettings: { includeArrows: true },
+    backgroundMarks: [point, line, circle],
+    classes: {},
+    className: '',
+    coordinatesOnHover: false,
+    domain: { min: 0, max: 10, step: 1 },
+    labels: { top: 'a', left: 'b', right: 'c', bottom: 'd' },
+    labelModeEnabled: true,
+    marks,
+    onChangeMarks,
+    range: { min: 0, max: 10, step: 1 },
+    size: { width: 500, height: 500 },
+    title: 'Title',
+    toolbarTools: allTools,
+  });
+  const initialProps = defaultProps();
+
+  const wrapper = (extras, opts) => {
+    const props = { ...initialProps, ...extras };
+
+    return shallow(<GraphWithControls {...props} />, opts);
+  };
+
+  describe('snapshot', () => {
+    it('renders', () => {
+      w = wrapper();
+      expect(w).toMatchSnapshot();
+    });
+  });
+});