@pie-lib/graphing-solution-set 2.16.0-beta.0

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

@@ -0,0 +1,213 @@
+// 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')"
+    >
+      <LineToolComponent
+        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={true}
+        key="line-0"
+        mark={
+          Object {
+            "building": true,
+            "from": Object {
+              "x": 0,
+              "y": 0,
+            },
+            "label": "Line",
+            "type": "line",
+          }
+        }
+        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="#D3D3D3"
+    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,37 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`MarkLabel snapshot renders 1`] = `
+<AutosizeInput
+  injectStyles={true}
+  inputClassName=""
+  inputRef={[Function]}
+  minWidth={1}
+  onChange={[Function]}
+  style={
+    Object {
+      "left": -9,
+      "pointerEvents": "auto",
+      "position": "fixed",
+      "top": -9,
+    }
+  }
+/>
+`;
+
+exports[`MarkLabel snapshot renders 2`] = `
+<AutosizeInput
+  injectStyles={true}
+  inputClassName=""
+  inputRef={[Function]}
+  minWidth={1}
+  onChange={[Function]}
+  style={
+    Object {
+      "left": 0,
+      "pointerEvents": "auto",
+      "position": "fixed",
+      "top": 0,
+    }
+  }
+/>
+`;

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,35 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ToolMenu snapshot renders 1`] = `
+<ToolMenu
+  className="className"
+  classes={
+    Object {
+      "lineNameFont": "ToolMenu-lineNameFont-7",
+      "lineTypeButtonLeftSelected": "ToolMenu-lineTypeButtonLeftSelected-8",
+      "lineTypeButtonLeftSelectedDisabled": "ToolMenu-lineTypeButtonLeftSelectedDisabled-13",
+      "lineTypeButtonLeftUnSelected": "ToolMenu-lineTypeButtonLeftUnSelected-9",
+      "lineTypeButtonLeftUnSelectedDisabled": "ToolMenu-lineTypeButtonLeftUnSelectedDisabled-14",
+      "lineTypeButtonRightSelected": "ToolMenu-lineTypeButtonRightSelected-10",
+      "lineTypeButtonRightSelectedDisabled": "ToolMenu-lineTypeButtonRightSelectedDisabled-15",
+      "lineTypeButtonRightUnSelected": "ToolMenu-lineTypeButtonRightUnSelected-11",
+      "lineTypeButtonRightUnSelectedDisabled": "ToolMenu-lineTypeButtonRightUnSelectedDisabled-16",
+      "lineTypeRadio": "ToolMenu-lineTypeRadio-12",
+      "lineTypeText": "ToolMenu-lineTypeText-6",
+      "radioButtonClass": "ToolMenu-radioButtonClass-1",
+      "radioFieldButtons": "ToolMenu-radioFieldButtons-5",
+      "radioFieldInner": "ToolMenu-radioFieldInner-3",
+      "radioFieldOuter": "ToolMenu-radioFieldOuter-4",
+      "selectLineRadioGroup": "ToolMenu-selectLineRadioGroup-2",
+    }
+  }
+  currentTool="one"
+  onChange={[MockFunction]}
+  tools={
+    Array [
+      "one",
+      "two",
+    ]
+  }
+/>
+`;

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

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

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

@@ -0,0 +1,131 @@
+import { shallow } from 'enzyme';
+import React from 'react';
+
+import {
+  GraphWithControls,
+  setToolbarAvailability,
+  toolIsAvailable,
+  getAvailableTool,
+  filterByValidToolTypes,
+  filterByVisibleToolTypes,
+} from '../graph-with-controls';
+import { toolsArr, allTools, line as lineTool } from '@pie-lib/tools';
+
+const line = {
+  type: 'line',
+  from: { x: 0, y: 0 },
+  to: { x: 1, y: 1 },
+  label: 'Line',
+  building: true,
+};
+
+const polygon = {
+  type: 'polygon',
+  points: [
+    { x: 0, y: 0 },
+    { x: 1, y: 1 },
+    { x: 2, y: 2 },
+  ],
+};
+
+const marks = [line, polygon];
+
+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', 'polygon']);
+    const allOthersFalse = new Array(toolsArr.length - 2).fill(false);
+
+    expect(result.filter((r) => r.type === 'line' || r.type === 'polygon').map((r) => r.toolbar)).toEqual([true, true]);
+    expect(result.filter((r) => r.type !== 'line' && r.type !== 'polygon').map((r) => r.toolbar)).toEqual(
+      allOthersFalse,
+    );
+  });
+});
+
+describe('toolIsAvailable', () => {
+  const tools = setToolbarAvailability(['line', 'polygon']);
+
+  it('returns true if tool is available', () => {
+    expect(toolIsAvailable(tools, lineTool())).toEqual(true);
+  });
+});
+
+describe('getAvailableTool', () => {
+  it('returns the first available tool in list if there is any', () => {
+    const tools = setToolbarAvailability(['line', 'polygon']);
+
+    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: 'polygon' }, { type: 'a' }, { type: 'b' }, { type: 'line' }, { type: 'c' }];
+
+    expect(filterByValidToolTypes(marks)).toEqual([{ type: 'polygon' }, { type: 'line' }]);
+  });
+});
+
+describe('filterByVisibleToolTypes', () => {
+  it('filters marks by the types that should be visible', () => {
+    expect(
+      filterByVisibleToolTypes(['line', 'polygon'], [{ type: 'point' }, { type: 'line' }, { type: 'polygon' }]),
+    ).toEqual([{ type: 'line' }, { type: 'polygon' }]);
+
+    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 },
+    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();
+    });
+  });
+});