@pie-lib/graphing 2.14.21 → 2.14.22-next.1618

package/src/tools/point/__tests__/__snapshots__/component.test.jsx.snap

@@ -0,0 +1,40 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Component snapshot renders 1`] = `
+<Fragment>
+  <WithStyles(GridDraggable)
+    graphProps={
+      Object {
+        "domain": Object {
+          "max": 1,
+          "min": 0,
+          "step": 1,
+        },
+        "range": Object {
+          "max": 1,
+          "min": 0,
+          "step": 1,
+        },
+        "scale": Object {
+          "x": [MockFunction],
+          "y": [MockFunction],
+        },
+        "size": Object {
+          "height": 400,
+          "width": 400,
+        },
+        "snap": Object {
+          "x": [MockFunction],
+          "y": [MockFunction],
+        },
+      }
+    }
+    onClick={[Function]}
+    onDrag={[Function]}
+    onDragStart={[Function]}
+    onDragStop={[Function]}
+    onTouchEnd={[Function]}
+    onTouchStart={[Function]}
+  />
+</Fragment>
+`;

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

@@ -0,0 +1,66 @@
+import { shallow } from 'enzyme';
+import React from 'react';
+import { graphProps, xy } from '../../../__tests__/utils';
+
+import Component from '../component';
+
+describe('Component', () => {
+  let w;
+  let onChange = jest.fn();
+  const wrapper = (extras, opts) => {
+    const defaults = {
+      classes: {},
+      className: 'className',
+      onChange,
+      graphProps: graphProps(),
+    };
+    const props = { ...defaults, ...extras };
+    return shallow(<Component {...props} />, opts);
+  };
+
+  describe('snapshot', () => {
+    it('renders', () => {
+      w = wrapper();
+      expect(w).toMatchSnapshot();
+    });
+  });
+
+  describe('logic', () => {
+    describe('move', () => {
+      it('calls onChange', () => {
+        const w = wrapper({ mark: { ...xy(0, 0) } });
+        w.instance().move({ x: 1, y: 1 });
+        expect(w.state('mark')).toMatchObject({ ...xy(1, 1) });
+      });
+    });
+
+    describe('labelChange', () => {
+      it('callsOnChange with label removed', () => {
+        const mark = { label: 'foo' };
+        const update = {};
+        const w = wrapper({ mark });
+        w.instance().labelChange(undefined);
+        expect(onChange).toHaveBeenCalledWith(mark, update);
+      });
+    });
+
+    describe('clickPoint', () => {
+      let mark;
+      let w;
+      beforeEach(() => {
+        mark = { label: 'foo' };
+        w = wrapper({ mark, labelModeEnabled: true }, { disableLifecycleMethods: true });
+        w.instance().input = {
+          focus: jest.fn(),
+        };
+        w.instance().clickPoint();
+      });
+      it('calls onChange if labelModeEnabeld', () => {
+        expect(onChange).toHaveBeenCalledWith(mark, { label: '', ...mark });
+      });
+      it('calls input.focus', () => {
+        expect(w.instance().input.focus).toHaveBeenCalled();
+      });
+    });
+  });
+});

package/src/tools/point/component.jsx

@@ -60,13 +60,19 @@ export class Point extends React.Component {
   clickPoint = () => {
     const { labelModeEnabled, onChange, onClick, mark } = this.props;
 
-    if (labelModeEnabled) {
-      onChange(mark, { label: '', ...mark });
-      if (this.input) {
-        this.input.focus();
-      }
-    } else {
+    if (!labelModeEnabled) {
       onClick(mark);
+      return;
+    }
+
+    if (mark.disabled) {
+      return;
+    }
+
+    onChange(mark, { label: '', ...mark });
+
+    if (this.input) {
+      this.input.focus();
     }
   };
 

package/src/tools/polygon/__tests__/__snapshots__/component.test.jsx.snap

@@ -0,0 +1,415 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`RawBaseComponent snapshot renders 1`] = `
+<g>
+  <WithStyles(RawPolygon)
+    graphProps={
+      Object {
+        "domain": Object {
+          "max": 1,
+          "min": 0,
+          "step": 1,
+        },
+        "range": Object {
+          "max": 1,
+          "min": 0,
+          "step": 1,
+        },
+        "scale": Object {
+          "x": [MockFunction],
+          "y": [MockFunction],
+        },
+        "size": Object {
+          "height": 400,
+          "width": 400,
+        },
+        "snap": Object {
+          "x": [MockFunction],
+          "y": [MockFunction],
+        },
+      }
+    }
+    points={Array []}
+  />
+</g>
+`;
+
+exports[`RawBaseComponent snapshot renders with labels 1`] = `
+<g>
+  <WithStyles(RawPolygon)
+    graphProps={
+      Object {
+        "domain": Object {
+          "max": 1,
+          "min": 0,
+          "step": 1,
+        },
+        "range": Object {
+          "max": 1,
+          "min": 0,
+          "step": 1,
+        },
+        "scale": Object {
+          "x": [MockFunction],
+          "y": [MockFunction],
+        },
+        "size": Object {
+          "height": 400,
+          "width": 400,
+        },
+        "snap": Object {
+          "x": [MockFunction],
+          "y": [MockFunction],
+        },
+      }
+    }
+    points={
+      Array [
+        Object {
+          "index": 0,
+          "label": "A",
+          "x": 0,
+          "y": 0,
+        },
+        Object {
+          "index": 1,
+          "label": "B",
+          "x": 2,
+          "y": 2,
+        },
+        Object {
+          "index": 2,
+          "label": "C",
+          "x": 0,
+          "y": 2,
+        },
+      ]
+    }
+  />
+  <GridDraggable
+    from={
+      Object {
+        "index": 0,
+        "label": "A",
+        "x": 0,
+        "y": 0,
+      }
+    }
+    graphProps={
+      Object {
+        "domain": Object {
+          "max": 1,
+          "min": 0,
+          "step": 1,
+        },
+        "range": Object {
+          "max": 1,
+          "min": 0,
+          "step": 1,
+        },
+        "scale": Object {
+          "x": [MockFunction],
+          "y": [MockFunction],
+        },
+        "size": Object {
+          "height": 400,
+          "width": 400,
+        },
+        "snap": Object {
+          "x": [MockFunction],
+          "y": [MockFunction],
+        },
+      }
+    }
+    key="line-0"
+    onClick={[Function]}
+    onDrag={[Function]}
+    to={
+      Object {
+        "index": 1,
+        "label": "B",
+        "x": 2,
+        "y": 2,
+      }
+    }
+  />
+  <GridDraggable
+    from={
+      Object {
+        "index": 1,
+        "label": "B",
+        "x": 2,
+        "y": 2,
+      }
+    }
+    graphProps={
+      Object {
+        "domain": Object {
+          "max": 1,
+          "min": 0,
+          "step": 1,
+        },
+        "range": Object {
+          "max": 1,
+          "min": 0,
+          "step": 1,
+        },
+        "scale": Object {
+          "x": [MockFunction],
+          "y": [MockFunction],
+        },
+        "size": Object {
+          "height": 400,
+          "width": 400,
+        },
+        "snap": Object {
+          "x": [MockFunction],
+          "y": [MockFunction],
+        },
+      }
+    }
+    key="line-1"
+    onClick={[Function]}
+    onDrag={[Function]}
+    to={
+      Object {
+        "index": 2,
+        "label": "C",
+        "x": 0,
+        "y": 2,
+      }
+    }
+  />
+  <WithStyles(GridDraggable)
+    graphProps={
+      Object {
+        "domain": Object {
+          "max": 1,
+          "min": 0,
+          "step": 1,
+        },
+        "range": Object {
+          "max": 1,
+          "min": 0,
+          "step": 1,
+        },
+        "scale": Object {
+          "x": [MockFunction],
+          "y": [MockFunction],
+        },
+        "size": Object {
+          "height": 400,
+          "width": 400,
+        },
+        "snap": Object {
+          "x": [MockFunction],
+          "y": [MockFunction],
+        },
+      }
+    }
+    key="point-0"
+    labelNode={<foreignobject />}
+    onClick={[Function]}
+    onDrag={[Function]}
+    x={0}
+    y={0}
+  />
+  <Portal
+    containerInfo={<foreignobject />}
+  >
+    <WithStyles(MarkLabel)
+      disabled={true}
+      graphProps={
+        Object {
+          "domain": Object {
+            "max": 1,
+            "min": 0,
+            "step": 1,
+          },
+          "range": Object {
+            "max": 1,
+            "min": 0,
+            "step": 1,
+          },
+          "scale": Object {
+            "x": [MockFunction],
+            "y": [MockFunction],
+          },
+          "size": Object {
+            "height": 400,
+            "width": 400,
+          },
+          "snap": Object {
+            "x": [MockFunction],
+            "y": [MockFunction],
+          },
+        }
+      }
+      inputRef={[Function]}
+      mark={
+        Object {
+          "index": 0,
+          "label": "A",
+          "x": 0,
+          "y": 0,
+        }
+      }
+      onChange={[Function]}
+    />
+  </Portal>
+  <WithStyles(GridDraggable)
+    graphProps={
+      Object {
+        "domain": Object {
+          "max": 1,
+          "min": 0,
+          "step": 1,
+        },
+        "range": Object {
+          "max": 1,
+          "min": 0,
+          "step": 1,
+        },
+        "scale": Object {
+          "x": [MockFunction],
+          "y": [MockFunction],
+        },
+        "size": Object {
+          "height": 400,
+          "width": 400,
+        },
+        "snap": Object {
+          "x": [MockFunction],
+          "y": [MockFunction],
+        },
+      }
+    }
+    key="point-1"
+    labelNode={<foreignobject />}
+    onClick={[Function]}
+    onDrag={[Function]}
+    x={2}
+    y={2}
+  />
+  <Portal
+    containerInfo={<foreignobject />}
+  >
+    <WithStyles(MarkLabel)
+      disabled={true}
+      graphProps={
+        Object {
+          "domain": Object {
+            "max": 1,
+            "min": 0,
+            "step": 1,
+          },
+          "range": Object {
+            "max": 1,
+            "min": 0,
+            "step": 1,
+          },
+          "scale": Object {
+            "x": [MockFunction],
+            "y": [MockFunction],
+          },
+          "size": Object {
+            "height": 400,
+            "width": 400,
+          },
+          "snap": Object {
+            "x": [MockFunction],
+            "y": [MockFunction],
+          },
+        }
+      }
+      inputRef={[Function]}
+      mark={
+        Object {
+          "index": 1,
+          "label": "B",
+          "x": 2,
+          "y": 2,
+        }
+      }
+      onChange={[Function]}
+    />
+  </Portal>
+  <WithStyles(GridDraggable)
+    graphProps={
+      Object {
+        "domain": Object {
+          "max": 1,
+          "min": 0,
+          "step": 1,
+        },
+        "range": Object {
+          "max": 1,
+          "min": 0,
+          "step": 1,
+        },
+        "scale": Object {
+          "x": [MockFunction],
+          "y": [MockFunction],
+        },
+        "size": Object {
+          "height": 400,
+          "width": 400,
+        },
+        "snap": Object {
+          "x": [MockFunction],
+          "y": [MockFunction],
+        },
+      }
+    }
+    key="point-2"
+    labelNode={<foreignobject />}
+    onClick={[Function]}
+    onDrag={[Function]}
+    x={0}
+    y={2}
+  />
+  <Portal
+    containerInfo={<foreignobject />}
+  >
+    <WithStyles(MarkLabel)
+      disabled={true}
+      graphProps={
+        Object {
+          "domain": Object {
+            "max": 1,
+            "min": 0,
+            "step": 1,
+          },
+          "range": Object {
+            "max": 1,
+            "min": 0,
+            "step": 1,
+          },
+          "scale": Object {
+            "x": [MockFunction],
+            "y": [MockFunction],
+          },
+          "size": Object {
+            "height": 400,
+            "width": 400,
+          },
+          "snap": Object {
+            "x": [MockFunction],
+            "y": [MockFunction],
+          },
+        }
+      }
+      inputRef={[Function]}
+      mark={
+        Object {
+          "index": 2,
+          "label": "C",
+          "x": 0,
+          "y": 2,
+        }
+      }
+      onChange={[Function]}
+    />
+  </Portal>
+</g>
+`;

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

@@ -0,0 +1,45 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Line snapshot renders 1`] = `
+<RawLine
+  className="className"
+  classes={
+    Object {
+      "correct": "RawLine-correct-4",
+      "disabled": "RawLine-disabled-2",
+      "disabledSecondary": "RawLine-disabledSecondary-3",
+      "incorrect": "RawLine-incorrect-5",
+      "line": "RawLine-line-1",
+      "missing": "RawLine-missing-6",
+    }
+  }
+  from={Object {}}
+  graphProps={
+    Object {
+      "domain": Object {
+        "max": 1,
+        "min": 0,
+        "step": 1,
+      },
+      "range": Object {
+        "max": 1,
+        "min": 0,
+        "step": 1,
+      },
+      "scale": Object {
+        "x": [MockFunction],
+        "y": [MockFunction],
+      },
+      "size": Object {
+        "height": 400,
+        "width": 400,
+      },
+      "snap": Object {
+        "x": [MockFunction],
+        "y": [MockFunction],
+      },
+    }
+  }
+  to={Object {}}
+/>
+`;

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

@@ -0,0 +1,52 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Polygon snapshot renders 1`] = `
+<RawPolygon
+  className="className"
+  classes={
+    Object {
+      "closed": "RawPolygon-closed-1",
+      "correct": "RawPolygon-correct-4",
+      "disabled": "RawPolygon-disabled-3",
+      "incorrect": "RawPolygon-incorrect-5",
+      "missing": "RawPolygon-missing-6",
+      "open": "RawPolygon-open-2",
+    }
+  }
+  closed={false}
+  graphProps={
+    Object {
+      "domain": Object {
+        "max": 1,
+        "min": 0,
+        "step": 1,
+      },
+      "range": Object {
+        "max": 1,
+        "min": 0,
+        "step": 1,
+      },
+      "scale": Object {
+        "x": [MockFunction],
+        "y": [MockFunction],
+      },
+      "size": Object {
+        "height": 400,
+        "width": 400,
+      },
+      "snap": Object {
+        "x": [MockFunction],
+        "y": [MockFunction],
+      },
+    }
+  }
+  points={
+    Array [
+      Object {
+        "x": 1,
+        "y": 1,
+      },
+    ]
+  }
+/>
+`;