@pie-lib/tools 0.9.36-next.0 → 0.10.0-beta.1

package/src/protractor/__tests__/__snapshots__/index.test.jsx.snap

@@ -0,0 +1,40 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`protractor snapshot renders 1`] = `
+<WithStyles(Rotatable)
+  handle={
+    Array [
+      Object {
+        "class": "leftAnchor",
+        "origin": "222.75px 220.5px",
+      },
+      Object {
+        "class": "rightAnchor",
+        "origin": "222.75px 220.5px",
+      },
+    ]
+  }
+  startPosition={
+    Object {
+      "left": 0,
+      "top": 0,
+    }
+  }
+>
+  <div
+    style={
+      Object {
+        "width": "450px",
+      }
+    }
+  >
+    <WithStyles(Graphic) />
+    <WithStyles(Component)
+      className="leftAnchor"
+    />
+    <WithStyles(Component)
+      className="rightAnchor"
+    />
+  </div>
+</WithStyles(Rotatable)>
+`;

package/src/protractor/__tests__/graphic.test.jsx

@@ -0,0 +1,13 @@
+import toJson from 'enzyme-to-json';
+import { shallow } from 'enzyme';
+import { Graphic } from '../graphic';
+import React from 'react';
+
+describe('graphic', () => {
+  describe('snapshot', () => {
+    it('renders', () => {
+      const wrapper = shallow(<Graphic classes={{ path: 'path', line: 'line', circle: 'circle' }} />);
+      expect(toJson(wrapper)).toMatchSnapshot();
+    });
+  });
+});

package/src/protractor/__tests__/index.test.jsx

@@ -0,0 +1,13 @@
+import toJson from 'enzyme-to-json';
+import { shallow } from 'enzyme';
+import { Protractor } from '../index';
+import React from 'react';
+
+describe('protractor', () => {
+  describe('snapshot', () => {
+    it('renders', () => {
+      const wrapper = shallow(<Protractor classes={{}} />);
+      expect(toJson(wrapper)).toMatchSnapshot();
+    });
+  });
+});

package/src/ruler/__tests__/__snapshots__/graphic.test.jsx.snap

@@ -0,0 +1,160 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`graphic snapshot renders 1`] = `
+<svg
+  viewBox="0 0 300 100"
+>
+  <Bg
+    className="bg"
+    height={100}
+    width={300}
+  />
+  <WithStyles(UnitType)
+    label="in"
+  />
+  <WithStyles(Unit)
+    config={
+      Object {
+        "type": "in",
+      }
+    }
+    height={100}
+    index={1}
+    key="1"
+    last={false}
+    width={25}
+  />
+  <WithStyles(Unit)
+    config={
+      Object {
+        "type": "in",
+      }
+    }
+    height={100}
+    index={2}
+    key="2"
+    last={false}
+    width={25}
+  />
+  <WithStyles(Unit)
+    config={
+      Object {
+        "type": "in",
+      }
+    }
+    height={100}
+    index={3}
+    key="3"
+    last={false}
+    width={25}
+  />
+  <WithStyles(Unit)
+    config={
+      Object {
+        "type": "in",
+      }
+    }
+    height={100}
+    index={4}
+    key="4"
+    last={false}
+    width={25}
+  />
+  <WithStyles(Unit)
+    config={
+      Object {
+        "type": "in",
+      }
+    }
+    height={100}
+    index={5}
+    key="5"
+    last={false}
+    width={25}
+  />
+  <WithStyles(Unit)
+    config={
+      Object {
+        "type": "in",
+      }
+    }
+    height={100}
+    index={6}
+    key="6"
+    last={false}
+    width={25}
+  />
+  <WithStyles(Unit)
+    config={
+      Object {
+        "type": "in",
+      }
+    }
+    height={100}
+    index={7}
+    key="7"
+    last={false}
+    width={25}
+  />
+  <WithStyles(Unit)
+    config={
+      Object {
+        "type": "in",
+      }
+    }
+    height={100}
+    index={8}
+    key="8"
+    last={false}
+    width={25}
+  />
+  <WithStyles(Unit)
+    config={
+      Object {
+        "type": "in",
+      }
+    }
+    height={100}
+    index={9}
+    key="9"
+    last={false}
+    width={25}
+  />
+  <WithStyles(Unit)
+    config={
+      Object {
+        "type": "in",
+      }
+    }
+    height={100}
+    index={10}
+    key="10"
+    last={false}
+    width={25}
+  />
+  <WithStyles(Unit)
+    config={
+      Object {
+        "type": "in",
+      }
+    }
+    height={100}
+    index={11}
+    key="11"
+    last={false}
+    width={25}
+  />
+  <WithStyles(Unit)
+    config={
+      Object {
+        "type": "in",
+      }
+    }
+    height={100}
+    index={12}
+    key="12"
+    last={true}
+    width={25}
+  />
+</svg>
+`;

package/src/ruler/__tests__/__snapshots__/index.test.jsx.snap

@@ -0,0 +1,45 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ruler snapshot renders 1`] = `
+<WithStyles(Rotatable)
+  handle={
+    Array [
+      Object {
+        "class": "leftAnchor",
+        "origin": "bottom right",
+      },
+      Object {
+        "class": "rightAnchor",
+        "origin": "bottom left",
+      },
+    ]
+  }
+>
+  <div
+    style={
+      Object {
+        "height": "60px",
+        "width": "480px",
+      }
+    }
+  >
+    <WithStyles(Graphic)
+      height={60}
+      unit={
+        Object {
+          "ticks": 16,
+          "type": undefined,
+        }
+      }
+      units={12}
+      width={480}
+    />
+    <WithStyles(Component)
+      className="leftAnchor"
+    />
+    <WithStyles(Component)
+      className="rightAnchor"
+    />
+  </div>
+</WithStyles(Rotatable)>
+`;

package/src/ruler/__tests__/__snapshots__/unit-type.test.jsx.snap

@@ -0,0 +1,12 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`unit-type snapshot renders 1`] = `
+<text
+  fontSize={11}
+  stroke="none"
+  x={8}
+  y={14}
+>
+  cm
+</text>
+`;

package/src/ruler/__tests__/__snapshots__/unit.test.jsx.snap

@@ -0,0 +1,30 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`unit snapshot renders 1`] = `
+<g
+  style={
+    Object {
+      "transform": "translate(30px, 0px)",
+    }
+  }
+>
+  <line
+    x1={30}
+    x2={30}
+    y1={0}
+    y2={20}
+  />
+  <Ticks
+    count={10}
+    height={20}
+    width={30}
+  />
+  <text
+    width={30}
+    x={25}
+    y={15}
+  >
+    2
+  </text>
+</g>
+`;

package/src/ruler/__tests__/graphic.test.jsx

@@ -0,0 +1,23 @@
+import toJson from 'enzyme-to-json';
+import { shallow } from 'enzyme';
+import { Graphic } from '../graphic';
+import React from 'react';
+
+describe('graphic', () => {
+  describe('snapshot', () => {
+    it('renders', () => {
+      const wrapper = shallow(
+        <Graphic
+          width={300}
+          height={100}
+          units={12}
+          unit={{
+            type: 'in',
+          }}
+          classes={{ bg: 'bg' }}
+        />,
+      );
+      expect(toJson(wrapper)).toMatchSnapshot();
+    });
+  });
+});

package/src/ruler/__tests__/index.test.jsx

@@ -0,0 +1,28 @@
+import toJson from 'enzyme-to-json';
+import { shallow } from 'enzyme';
+import { Ruler } from '../index';
+import RulerGraphic from '../graphic';
+import React from 'react';
+
+describe('ruler', () => {
+  describe('snapshot', () => {
+    it('renders', () => {
+      const wrapper = shallow(<Ruler classes={{}} />);
+      expect(toJson(wrapper)).toMatchSnapshot();
+    });
+  });
+
+  describe('logic', () => {
+    it('sets unit for imperial', () => {
+      const wrapper = shallow(<Ruler measure={'imperial'} classes={{}} label={'in'} />);
+      const r = wrapper.find(RulerGraphic);
+      expect(r.prop('unit')).toEqual({ ticks: 16, type: 'in' });
+    });
+
+    it('sets unit for metric', () => {
+      const wrapper = shallow(<Ruler measure={'metric'} classes={{}} label={'cm'} />);
+      const r = wrapper.find(RulerGraphic);
+      expect(r.prop('unit')).toEqual({ ticks: 10, type: 'cm' });
+    });
+  });
+});

package/src/ruler/__tests__/unit-type.test.jsx

@@ -0,0 +1,13 @@
+import toJson from 'enzyme-to-json';
+import { shallow } from 'enzyme';
+import { UnitType } from '../unit-type';
+import React from 'react';
+
+describe('unit-type', () => {
+  describe('snapshot', () => {
+    it('renders', () => {
+      const wrapper = shallow(<UnitType classes={{}} label={'cm'} />);
+      expect(toJson(wrapper)).toMatchSnapshot();
+    });
+  });
+});

package/src/ruler/__tests__/unit.test.jsx

@@ -0,0 +1,15 @@
+import toJson from 'enzyme-to-json';
+import { shallow } from 'enzyme';
+import { Unit } from '../unit';
+import React from 'react';
+
+describe('unit', () => {
+  describe('snapshot', () => {
+    it('renders', () => {
+      const wrapper = shallow(
+        <Unit index={2} width={30} height={20} last={false} config={{ ticks: 10 }} classes={{}} />,
+      );
+      expect(toJson(wrapper)).toMatchSnapshot();
+    });
+  });
+});