implemented generic tests for config based test flow creation

2023-11-07 13:04:44 +01:00
parent 57e6e389c9
commit 3676670c44
20 changed files with 375 additions and 396 deletions
@@ -0,0 +1,26 @@
+<script lang="ts">
+	import type { NodeProps } from '@xyflow/svelte';
+
+	type $$Props = NodeProps;
+</script>
+
+<div class="container">
+	<div class="drag-handle custom-drag-handle" />
+</div>
+
+<style>
+	.container {
+		width: 100px;
+		height: 50px;
+		background: red;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+	.drag-handle {
+		display: inline-block;
+		width: 25px;
+		height: 25px;
+		background-color: green;
+	}
+</style>
@@ -0,0 +1,91 @@
+import DragHandleNode from './components/DragHandleNode.svelte';
+
+export default {
+	svelteFlowProps: {
+		fitView: true,
+		nodeTypes: {
+			DragHandleNode
+		},
+		nodes: [
+			{
+				id: 'Node-1',
+				data: { label: 'Node-1' },
+				position: { x: 0, y: 0 },
+				type: 'input',
+				class: 'playwright-test-class-123',
+				style: 'background-color: 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 GenericTestCase;