@pie-element/hotspot 9.3.4-next.3 → 10.0.0-beta.1

package/configure/src/__tests__/__snapshots__/hotspot-drawable.test.js.snap

@@ -1,562 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`HotspotDrawable render renders 1`] = `
-<div>
-  <div>
-    <img
-      onLoad={[Function]}
-      src="https://cdn.fluence.net/image/0240eb1455ce4c4bb6180232347b6aef_W"
-      style={
-        Object {
-          "height": 291,
-          "width": 410,
-        }
-      }
-    />
-    <div />
-  </div>
-  <ForwardRef
-    height={291}
-    onContentMouseLeave={[Function]}
-    onContentMouseOut={[Function]}
-    onMouseDown={[Function]}
-    onMouseMove={[Function]}
-    onMouseUp={[Function]}
-    width={410}
-  >
-    <Layer>
-      <WithStyles(RectComponent)
-        correct={true}
-        height={140}
-        hotspotColor="rgba(137, 183, 244, 0.65)"
-        id="0"
-        imageHeight={291}
-        imageWidth={410}
-        isDrawing={false}
-        key="0"
-        onClick={[Function]}
-        onDeleteShape={[Function]}
-        onDragEnd={[Function]}
-        outlineColor="blue"
-        strokeWidth={5}
-        width={130}
-        x={1}
-        y={1}
-      />
-      <WithStyles(RectComponent)
-        height={140}
-        hotspotColor="rgba(137, 183, 244, 0.65)"
-        id="1"
-        imageHeight={291}
-        imageWidth={410}
-        isDrawing={false}
-        key="1"
-        onClick={[Function]}
-        onDeleteShape={[Function]}
-        onDragEnd={[Function]}
-        outlineColor="blue"
-        strokeWidth={5}
-        width={130}
-        x={140}
-        y={1}
-      />
-      <WithStyles(RectComponent)
-        height={140}
-        hotspotColor="rgba(137, 183, 244, 0.65)"
-        id="2"
-        imageHeight={291}
-        imageWidth={410}
-        isDrawing={false}
-        key="2"
-        onClick={[Function]}
-        onDeleteShape={[Function]}
-        onDragEnd={[Function]}
-        outlineColor="blue"
-        strokeWidth={5}
-        width={130}
-        x={280}
-        y={1}
-      />
-      <WithStyles(PolComponent)
-        addPolygonPoint={[Function]}
-        correct={true}
-        hotspotColor="rgba(137, 183, 244, 0.65)"
-        id="3"
-        imageHeight={291}
-        imageWidth={410}
-        isDrawing={false}
-        key="3"
-        onClick={[Function]}
-        onDeleteShape={[Function]}
-        onDragEnd={[Function]}
-        outlineColor="blue"
-        points={
-          Array [
-            Object {
-              "x": 1,
-              "y": 148,
-            },
-            Object {
-              "x": 1,
-              "y": 288,
-            },
-            Object {
-              "x": 129,
-              "y": 288,
-            },
-            Object {
-              "x": 129,
-              "y": 148,
-            },
-          ]
-        }
-        strokeWidth={5}
-      />
-      <WithStyles(PolComponent)
-        addPolygonPoint={[Function]}
-        correct={false}
-        hotspotColor="rgba(137, 183, 244, 0.65)"
-        id="4"
-        imageHeight={291}
-        imageWidth={410}
-        isDrawing={false}
-        key="4"
-        onClick={[Function]}
-        onDeleteShape={[Function]}
-        onDragEnd={[Function]}
-        outlineColor="blue"
-        points={
-          Array [
-            Object {
-              "x": 141,
-              "y": 151,
-            },
-            Object {
-              "x": 141,
-              "y": 289,
-            },
-            Object {
-              "x": 269,
-              "y": 289,
-            },
-            Object {
-              "x": 269,
-              "y": 151,
-            },
-          ]
-        }
-        strokeWidth={5}
-      />
-      <WithStyles(PolComponent)
-        addPolygonPoint={[Function]}
-        correct={false}
-        hotspotColor="rgba(137, 183, 244, 0.65)"
-        id="5"
-        imageHeight={291}
-        imageWidth={410}
-        isDrawing={false}
-        key="5"
-        onClick={[Function]}
-        onDeleteShape={[Function]}
-        onDragEnd={[Function]}
-        outlineColor="blue"
-        points={
-          Array [
-            Object {
-              "x": 279,
-              "y": 150,
-            },
-            Object {
-              "x": 279,
-              "y": 289,
-            },
-            Object {
-              "x": 407,
-              "y": 289,
-            },
-            Object {
-              "x": 407,
-              "y": 150,
-            },
-          ]
-        }
-        strokeWidth={5}
-      />
-    </Layer>
-  </ForwardRef>
-</div>
-`;
-
-exports[`HotspotDrawable render renders with default strokeWidth 1`] = `
-<div>
-  <div>
-    <img
-      onLoad={[Function]}
-      src="https://cdn.fluence.net/image/0240eb1455ce4c4bb6180232347b6aef_W"
-      style={
-        Object {
-          "height": 291,
-          "width": 410,
-        }
-      }
-    />
-    <div />
-  </div>
-  <ForwardRef
-    height={291}
-    onContentMouseLeave={[Function]}
-    onContentMouseOut={[Function]}
-    onMouseDown={[Function]}
-    onMouseMove={[Function]}
-    onMouseUp={[Function]}
-    width={410}
-  >
-    <Layer>
-      <WithStyles(RectComponent)
-        correct={true}
-        height={140}
-        hotspotColor="rgba(137, 183, 244, 0.65)"
-        id="0"
-        imageHeight={291}
-        imageWidth={410}
-        isDrawing={false}
-        key="0"
-        onClick={[Function]}
-        onDeleteShape={[Function]}
-        onDragEnd={[Function]}
-        outlineColor="blue"
-        strokeWidth={5}
-        width={130}
-        x={1}
-        y={1}
-      />
-      <WithStyles(RectComponent)
-        height={140}
-        hotspotColor="rgba(137, 183, 244, 0.65)"
-        id="1"
-        imageHeight={291}
-        imageWidth={410}
-        isDrawing={false}
-        key="1"
-        onClick={[Function]}
-        onDeleteShape={[Function]}
-        onDragEnd={[Function]}
-        outlineColor="blue"
-        strokeWidth={5}
-        width={130}
-        x={140}
-        y={1}
-      />
-      <WithStyles(RectComponent)
-        height={140}
-        hotspotColor="rgba(137, 183, 244, 0.65)"
-        id="2"
-        imageHeight={291}
-        imageWidth={410}
-        isDrawing={false}
-        key="2"
-        onClick={[Function]}
-        onDeleteShape={[Function]}
-        onDragEnd={[Function]}
-        outlineColor="blue"
-        strokeWidth={5}
-        width={130}
-        x={280}
-        y={1}
-      />
-      <WithStyles(PolComponent)
-        addPolygonPoint={[Function]}
-        correct={true}
-        hotspotColor="rgba(137, 183, 244, 0.65)"
-        id="3"
-        imageHeight={291}
-        imageWidth={410}
-        isDrawing={false}
-        key="3"
-        onClick={[Function]}
-        onDeleteShape={[Function]}
-        onDragEnd={[Function]}
-        outlineColor="blue"
-        points={
-          Array [
-            Object {
-              "x": 1,
-              "y": 148,
-            },
-            Object {
-              "x": 1,
-              "y": 288,
-            },
-            Object {
-              "x": 129,
-              "y": 288,
-            },
-            Object {
-              "x": 129,
-              "y": 148,
-            },
-          ]
-        }
-        strokeWidth={5}
-      />
-      <WithStyles(PolComponent)
-        addPolygonPoint={[Function]}
-        correct={false}
-        hotspotColor="rgba(137, 183, 244, 0.65)"
-        id="4"
-        imageHeight={291}
-        imageWidth={410}
-        isDrawing={false}
-        key="4"
-        onClick={[Function]}
-        onDeleteShape={[Function]}
-        onDragEnd={[Function]}
-        outlineColor="blue"
-        points={
-          Array [
-            Object {
-              "x": 141,
-              "y": 151,
-            },
-            Object {
-              "x": 141,
-              "y": 289,
-            },
-            Object {
-              "x": 269,
-              "y": 289,
-            },
-            Object {
-              "x": 269,
-              "y": 151,
-            },
-          ]
-        }
-        strokeWidth={5}
-      />
-      <WithStyles(PolComponent)
-        addPolygonPoint={[Function]}
-        correct={false}
-        hotspotColor="rgba(137, 183, 244, 0.65)"
-        id="5"
-        imageHeight={291}
-        imageWidth={410}
-        isDrawing={false}
-        key="5"
-        onClick={[Function]}
-        onDeleteShape={[Function]}
-        onDragEnd={[Function]}
-        outlineColor="blue"
-        points={
-          Array [
-            Object {
-              "x": 279,
-              "y": 150,
-            },
-            Object {
-              "x": 279,
-              "y": 289,
-            },
-            Object {
-              "x": 407,
-              "y": 289,
-            },
-            Object {
-              "x": 407,
-              "y": 150,
-            },
-          ]
-        }
-        strokeWidth={5}
-      />
-    </Layer>
-  </ForwardRef>
-</div>
-`;
-
-exports[`HotspotDrawable render renders with given strokeWidth 1`] = `
-<div>
-  <div>
-    <img
-      onLoad={[Function]}
-      src="https://cdn.fluence.net/image/0240eb1455ce4c4bb6180232347b6aef_W"
-      style={
-        Object {
-          "height": 291,
-          "width": 410,
-        }
-      }
-    />
-    <div />
-  </div>
-  <ForwardRef
-    height={291}
-    onContentMouseLeave={[Function]}
-    onContentMouseOut={[Function]}
-    onMouseDown={[Function]}
-    onMouseMove={[Function]}
-    onMouseUp={[Function]}
-    width={410}
-  >
-    <Layer>
-      <WithStyles(RectComponent)
-        correct={true}
-        height={140}
-        hotspotColor="rgba(137, 183, 244, 0.65)"
-        id="0"
-        imageHeight={291}
-        imageWidth={410}
-        isDrawing={false}
-        key="0"
-        onClick={[Function]}
-        onDeleteShape={[Function]}
-        onDragEnd={[Function]}
-        outlineColor="blue"
-        strokeWidth={10}
-        width={130}
-        x={1}
-        y={1}
-      />
-      <WithStyles(RectComponent)
-        height={140}
-        hotspotColor="rgba(137, 183, 244, 0.65)"
-        id="1"
-        imageHeight={291}
-        imageWidth={410}
-        isDrawing={false}
-        key="1"
-        onClick={[Function]}
-        onDeleteShape={[Function]}
-        onDragEnd={[Function]}
-        outlineColor="blue"
-        strokeWidth={10}
-        width={130}
-        x={140}
-        y={1}
-      />
-      <WithStyles(RectComponent)
-        height={140}
-        hotspotColor="rgba(137, 183, 244, 0.65)"
-        id="2"
-        imageHeight={291}
-        imageWidth={410}
-        isDrawing={false}
-        key="2"
-        onClick={[Function]}
-        onDeleteShape={[Function]}
-        onDragEnd={[Function]}
-        outlineColor="blue"
-        strokeWidth={10}
-        width={130}
-        x={280}
-        y={1}
-      />
-      <WithStyles(PolComponent)
-        addPolygonPoint={[Function]}
-        correct={true}
-        hotspotColor="rgba(137, 183, 244, 0.65)"
-        id="3"
-        imageHeight={291}
-        imageWidth={410}
-        isDrawing={false}
-        key="3"
-        onClick={[Function]}
-        onDeleteShape={[Function]}
-        onDragEnd={[Function]}
-        outlineColor="blue"
-        points={
-          Array [
-            Object {
-              "x": 1,
-              "y": 148,
-            },
-            Object {
-              "x": 1,
-              "y": 288,
-            },
-            Object {
-              "x": 129,
-              "y": 288,
-            },
-            Object {
-              "x": 129,
-              "y": 148,
-            },
-          ]
-        }
-        strokeWidth={10}
-      />
-      <WithStyles(PolComponent)
-        addPolygonPoint={[Function]}
-        correct={false}
-        hotspotColor="rgba(137, 183, 244, 0.65)"
-        id="4"
-        imageHeight={291}
-        imageWidth={410}
-        isDrawing={false}
-        key="4"
-        onClick={[Function]}
-        onDeleteShape={[Function]}
-        onDragEnd={[Function]}
-        outlineColor="blue"
-        points={
-          Array [
-            Object {
-              "x": 141,
-              "y": 151,
-            },
-            Object {
-              "x": 141,
-              "y": 289,
-            },
-            Object {
-              "x": 269,
-              "y": 289,
-            },
-            Object {
-              "x": 269,
-              "y": 151,
-            },
-          ]
-        }
-        strokeWidth={10}
-      />
-      <WithStyles(PolComponent)
-        addPolygonPoint={[Function]}
-        correct={false}
-        hotspotColor="rgba(137, 183, 244, 0.65)"
-        id="5"
-        imageHeight={291}
-        imageWidth={410}
-        isDrawing={false}
-        key="5"
-        onClick={[Function]}
-        onDeleteShape={[Function]}
-        onDragEnd={[Function]}
-        outlineColor="blue"
-        points={
-          Array [
-            Object {
-              "x": 279,
-              "y": 150,
-            },
-            Object {
-              "x": 279,
-              "y": 289,
-            },
-            Object {
-              "x": 407,
-              "y": 289,
-            },
-            Object {
-              "x": 407,
-              "y": 150,
-            },
-          ]
-        }
-        strokeWidth={10}
-      />
-    </Layer>
-  </ForwardRef>
-</div>
-`;