import DragHandleNode from './components/DragHandleNode'; export default { flowProps: { fitView: true, nodeTypes: { DragHandleNode, }, nodes: [ { id: 'Node-1', data: { label: 'Node-1' }, position: { x: 0, y: 0 }, type: 'input', className: 'playwright-test-class-123', style: { backgroundColor: 'red' }, }, { id: 'Node-2', type: 'output', data: { label: 'Node-2' }, position: { x: -100, y: 100 }, }, { id: 'Node-3', data: { label: 'Node-3' }, position: { x: 100, y: 100 }, }, { id: 'Node-4', data: { label: 'Node-4' }, position: { x: 0, y: 200 }, type: 'output', }, { id: 'drag-handle', data: { label: 'Drag Handle' }, position: { x: 200, y: 0 }, type: 'DragHandleNode', dragHandle: '.custom-drag-handle', }, { id: 'notConnectable', type: 'output', data: { label: 'notConnectable' }, position: { x: 0, y: 300 }, connectable: false, }, { id: 'notDraggable', data: { label: 'notDraggable' }, position: { x: 0, y: 400 }, draggable: false, }, { id: 'notSelectable', data: { label: 'notSelectable' }, position: { x: 0, y: 500 }, selectable: false, }, { id: 'notDeletable', data: { label: 'notDeletable' }, position: { x: 0, y: 600 }, deletable: false, }, { id: 'hidden', data: { label: 'hidden' }, position: { x: 0, y: 700 }, hidden: true, }, ], edges: [ { id: '1-2', type: 'default', source: 'Node-1', target: 'Node-2', label: 'edge', }, { id: '1-3', type: 'default', source: 'Node-1', target: 'Node-3', label: 'edge', }, ], }, } satisfies FlowConfig;