feat(tests): add cypress

2019-09-25 21:33:20 +02:00
parent f6513eff10
commit a6dbd8ebe1
50 changed files with 97906 additions and 11 deletions
@@ -0,0 +1,163 @@
+.react-graph {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  overflow: hidden;
+}
+
+.react-graph__renderer {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+}
+
+.react-graph__zoompane {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1;
+}
+
+.react-graph__selectionpane {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 2;
+}
+
+.react-graph__selection {
+  position: absolute;
+  top: 0;
+  left: 0;
+  background: rgba(0, 89, 220, 0.08);
+  border: 1px dotted rgba(0, 89, 220, 0.8);
+}
+
+.react-graph__edges {
+  position: absolute;
+  top: 0;
+  left: 0;
+  pointer-events: none;
+  z-index: 2;
+}
+
+.react-graph__edge {
+  fill: none;
+  stroke: #bbb;
+  stroke-width: 2;
+  pointer-events: all;
+}
+
+.react-graph__edge.selected {
+    stroke: #555;
+  }
+
+.react-graph__edge.animated {
+    stroke-dasharray: 5;
+    -webkit-animation: dashdraw 0.5s linear infinite;
+            animation: dashdraw 0.5s linear infinite;
+  }
+
+.react-graph__edge.connection {
+    stroke: '#ddd';
+    pointer-events: none;
+  }
+
+@-webkit-keyframes dashdraw {
+  from {stroke-dashoffset: 10}
+}
+
+@keyframes dashdraw {
+  from {stroke-dashoffset: 10}
+}
+
+.react-graph__nodes {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  z-index: 3;
+  pointer-events: none;
+  transform-origin: 0 0;
+}
+
+.react-graph__node {
+  position: absolute;
+  color: #222;
+  font-family: sans-serif;
+  font-size: 12px;
+  text-align: center;
+  cursor: -webkit-grab;
+  cursor: grab;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  pointer-events: all;
+  transform-origin: 0 0;
+}
+
+.react-graph__node:hover > * {
+    box-shadow: 0 1px 5px 2px rgba(0, 0, 0, 0.08);
+  }
+
+.react-graph__node.selected > * {
+    box-shadow: 0 0 0 2px #555;
+  }
+
+.react-graph__handle {
+  position: absolute;
+  width: 10px;
+  height: 8px;
+  background: rgba(255, 255, 255, 0.4);
+  cursor: crosshair;
+}
+
+.react-graph__handle.bottom {
+    top: auto;
+    left: 50%;
+    bottom: 0;
+    transform: translate(-50%, 0);
+  }
+
+.react-graph__handle.top {
+    left: 50%;
+    top: 0;
+    transform: translate(-50%, 0);
+  }
+
+.react-graph__handle.left {
+    top: 50%;
+    left: 0;
+    transform: translate(0, -50%);
+
+  }
+
+.react-graph__handle.right {
+    right: 0;
+    top: 50%;
+    transform: translate(0, -50%);
+  }
+
+.react-graph__nodesselection {
+  z-index: 3;
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  transform-origin: left top;
+  pointer-events: none;
+}
+
+.react-graph__nodesselection-rect {
+    position: absolute;
+    background: rgba(0, 89, 220, 0.08);
+    border: 1px dotted rgba(0, 89, 220, 0.8);
+    pointer-events: all;
+  }
+
+/*# sourceMappingURL=/example.e31bb0bc.css.map */