feat(tests): add cypress

examples/basic/scripts/ExampleGraph.js

@@ -0,0 +1,68 @@
+import React, { PureComponent } from 'react';
+
+import Graph, { removeElements, getOutgoers } from '../../../src';
+
+const onNodeDragStop = node => console.log('drag stop', node);
+
+class App extends PureComponent {
+  constructor() {
+    super();
+
+    this.state = {
+      graphLoaded: false,
+      elements: [
+        { id: '1', type: 'input', data: { label: 'Node 1' }, position: { x: 250, y: 5 } },
+        { id: '2', data: { label: 'Node 2' }, position: { x: 100, y: 100 } },
+        { id: '3', data: { label: 'Node 3' }, position: { x: 400, y: 100 } },
+        { source: '1', target: '2', animated: true },
+        { source: '1', target: '3' },
+      ]
+    };
+
+    this.onElementClick = this.onElementClick.bind(this);
+    this.onConnect = this.onConnect.bind(this);
+  }
+
+  onLoad(graphInstance) {
+    console.log('graph loaded:', graphInstance);
+
+    this.graphInstance = graphInstance;
+    this.setState({
+      graphLoaded: true
+    });
+  }
+
+  onElementClick(element) {
+    console.log('click', element);
+    console.log('outgoers', getOutgoers(element, this.state.elements));
+  }
+
+  onElementsRemove(elementsToRemove) {
+    this.setState(prevState => ({
+      elements: removeElements(prevState.elements, elementsToRemove)
+    }));
+  }
+
+  onConnect(params) {
+    console.log('connect', params);
+    this.setState(prevState => ({
+      elements: prevState.elements.concat(params)
+    }));
+  }
+
+  render() {
+    return (
+      <Graph
+        elements={this.state.elements}
+        onLoad={graphInstance => this.onLoad(graphInstance)}
+        onElementClick={this.onElementClick}
+        onElementsRemove={elements => this.onElementsRemove(elements)}
+        onConnect={this.onConnect}
+        onNodeDragStop={onNodeDragStop}
+        style={{ width: '100%', height: '100%' }}
+      />
+    );
+  }
+}
+
+export default App;

examples/basic/scripts/index.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { render } from 'react-dom';
+import { unstable_trace as trace } from 'scheduler/tracing';
+
+import ExampleGraph from './ExampleGraph';
+
+trace('initial render', performance.now(), () =>
+  render(<ExampleGraph />, document.getElementById('root'))
+);