@yh-ui/flow 1.0.26 → 1.0.30
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +4 -4
- package/dist/__tests__/ai-workflow.ssr.test.cjs +0 -352
- package/dist/__tests__/ai-workflow.ssr.test.d.ts +0 -1
- package/dist/__tests__/ai-workflow.ssr.test.mjs +0 -283
- package/dist/__tests__/ai-workflow.test.cjs +0 -109
- package/dist/__tests__/ai-workflow.test.d.ts +0 -1
- package/dist/__tests__/ai-workflow.test.mjs +0 -112
- package/dist/__tests__/bpmn-engine.test.cjs +0 -357
- package/dist/__tests__/bpmn-engine.test.d.ts +0 -1
- package/dist/__tests__/bpmn-engine.test.mjs +0 -406
- package/dist/__tests__/bpmn-utils.test.cjs +0 -268
- package/dist/__tests__/bpmn-utils.test.d.ts +0 -1
- package/dist/__tests__/bpmn-utils.test.mjs +0 -227
- package/dist/__tests__/bpmn-xml.test.cjs +0 -150
- package/dist/__tests__/bpmn-xml.test.d.ts +0 -1
- package/dist/__tests__/bpmn-xml.test.mjs +0 -112
- package/dist/__tests__/bpmn.ssr.test.cjs +0 -278
- package/dist/__tests__/bpmn.ssr.test.d.ts +0 -1
- package/dist/__tests__/bpmn.ssr.test.mjs +0 -237
- package/dist/__tests__/bpmn.test.cjs +0 -103
- package/dist/__tests__/bpmn.test.d.ts +0 -1
- package/dist/__tests__/bpmn.test.mjs +0 -106
- package/dist/__tests__/collaboration.test.cjs +0 -487
- package/dist/__tests__/collaboration.test.d.ts +0 -1
- package/dist/__tests__/collaboration.test.mjs +0 -424
- package/dist/__tests__/custom-types.test.cjs +0 -300
- package/dist/__tests__/custom-types.test.d.ts +0 -1
- package/dist/__tests__/custom-types.test.mjs +0 -248
- package/dist/__tests__/edge-types.test.cjs +0 -275
- package/dist/__tests__/edge-types.test.d.ts +0 -1
- package/dist/__tests__/edge-types.test.mjs +0 -234
- package/dist/__tests__/edge-utils.test.cjs +0 -375
- package/dist/__tests__/edge-utils.test.d.ts +0 -1
- package/dist/__tests__/edge-utils.test.mjs +0 -376
- package/dist/__tests__/edge.test.cjs +0 -56
- package/dist/__tests__/edge.test.d.ts +0 -1
- package/dist/__tests__/edge.test.mjs +0 -69
- package/dist/__tests__/event-bus.test.cjs +0 -80
- package/dist/__tests__/event-bus.test.d.ts +0 -1
- package/dist/__tests__/event-bus.test.mjs +0 -51
- package/dist/__tests__/events-types.test.cjs +0 -184
- package/dist/__tests__/events-types.test.d.ts +0 -1
- package/dist/__tests__/events-types.test.mjs +0 -184
- package/dist/__tests__/export-image-plugin.test.cjs +0 -142
- package/dist/__tests__/export-image-plugin.test.d.ts +0 -1
- package/dist/__tests__/export-image-plugin.test.mjs +0 -118
- package/dist/__tests__/export.test.cjs +0 -237
- package/dist/__tests__/export.test.d.ts +0 -1
- package/dist/__tests__/export.test.mjs +0 -171
- package/dist/__tests__/flow-context.test.cjs +0 -16
- package/dist/__tests__/flow-context.test.d.ts +0 -1
- package/dist/__tests__/flow-context.test.mjs +0 -16
- package/dist/__tests__/flow-props.test.cjs +0 -94
- package/dist/__tests__/flow-props.test.d.ts +0 -1
- package/dist/__tests__/flow-props.test.mjs +0 -92
- package/dist/__tests__/flow.ssr.test.cjs +0 -156
- package/dist/__tests__/flow.ssr.test.d.ts +0 -1
- package/dist/__tests__/flow.ssr.test.mjs +0 -112
- package/dist/__tests__/geometry.test.cjs +0 -191
- package/dist/__tests__/geometry.test.d.ts +0 -1
- package/dist/__tests__/geometry.test.mjs +0 -105
- package/dist/__tests__/graph.test.cjs +0 -115
- package/dist/__tests__/graph.test.d.ts +0 -1
- package/dist/__tests__/graph.test.mjs +0 -85
- package/dist/__tests__/history-plugin.test.cjs +0 -191
- package/dist/__tests__/history-plugin.test.d.ts +0 -1
- package/dist/__tests__/history-plugin.test.mjs +0 -161
- package/dist/__tests__/history.test.cjs +0 -81
- package/dist/__tests__/history.test.d.ts +0 -1
- package/dist/__tests__/history.test.mjs +0 -43
- package/dist/__tests__/layout-plugin.test.cjs +0 -233
- package/dist/__tests__/layout-plugin.test.d.ts +0 -1
- package/dist/__tests__/layout-plugin.test.mjs +0 -215
- package/dist/__tests__/layout.test.cjs +0 -213
- package/dist/__tests__/layout.test.d.ts +0 -1
- package/dist/__tests__/layout.test.mjs +0 -170
- package/dist/__tests__/node-edit-panel.ssr.test.cjs +0 -168
- package/dist/__tests__/node-edit-panel.ssr.test.d.ts +0 -1
- package/dist/__tests__/node-edit-panel.ssr.test.mjs +0 -118
- package/dist/__tests__/node-group-plugin.test.cjs +0 -235
- package/dist/__tests__/node-group-plugin.test.d.ts +0 -1
- package/dist/__tests__/node-group-plugin.test.mjs +0 -187
- package/dist/__tests__/node-handles.test.cjs +0 -340
- package/dist/__tests__/node-handles.test.d.ts +0 -1
- package/dist/__tests__/node-handles.test.mjs +0 -230
- package/dist/__tests__/node-types.test.cjs +0 -368
- package/dist/__tests__/node-types.test.d.ts +0 -1
- package/dist/__tests__/node-types.test.mjs +0 -292
- package/dist/__tests__/performance.test.cjs +0 -313
- package/dist/__tests__/performance.test.d.ts +0 -1
- package/dist/__tests__/performance.test.mjs +0 -218
- package/dist/__tests__/plugin-advanced.test.cjs +0 -301
- package/dist/__tests__/plugin-advanced.test.d.ts +0 -1
- package/dist/__tests__/plugin-advanced.test.mjs +0 -225
- package/dist/__tests__/plugin.test.cjs +0 -151
- package/dist/__tests__/plugin.test.d.ts +0 -1
- package/dist/__tests__/plugin.test.mjs +0 -116
- package/dist/__tests__/plugins.test.cjs +0 -412
- package/dist/__tests__/plugins.test.d.ts +0 -1
- package/dist/__tests__/plugins.test.mjs +0 -402
- package/dist/__tests__/screenshot-capture.test.cjs +0 -183
- package/dist/__tests__/screenshot-capture.test.d.ts +0 -1
- package/dist/__tests__/screenshot-capture.test.mjs +0 -124
- package/dist/__tests__/screenshot.test.cjs +0 -74
- package/dist/__tests__/screenshot.test.d.ts +0 -1
- package/dist/__tests__/screenshot.test.mjs +0 -69
- package/dist/__tests__/theme.test.cjs +0 -185
- package/dist/__tests__/theme.test.d.ts +0 -1
- package/dist/__tests__/theme.test.mjs +0 -191
- package/dist/__tests__/transform.test.cjs +0 -384
- package/dist/__tests__/transform.test.d.ts +0 -1
- package/dist/__tests__/transform.test.mjs +0 -239
- package/dist/__tests__/useAlignment.test.cjs +0 -128
- package/dist/__tests__/useAlignment.test.d.ts +0 -1
- package/dist/__tests__/useAlignment.test.mjs +0 -72
- package/dist/__tests__/useEdges.test.cjs +0 -117
- package/dist/__tests__/useEdges.test.d.ts +0 -1
- package/dist/__tests__/useEdges.test.mjs +0 -80
- package/dist/__tests__/useKeyboard.test.cjs +0 -88
- package/dist/__tests__/useKeyboard.test.d.ts +0 -1
- package/dist/__tests__/useKeyboard.test.mjs +0 -56
- package/dist/__tests__/useNodeDistribution.test.cjs +0 -643
- package/dist/__tests__/useNodeDistribution.test.d.ts +0 -1
- package/dist/__tests__/useNodeDistribution.test.mjs +0 -297
- package/dist/__tests__/useNodes.test.cjs +0 -150
- package/dist/__tests__/useNodes.test.d.ts +0 -1
- package/dist/__tests__/useNodes.test.mjs +0 -80
- package/dist/__tests__/useSelection.test.cjs +0 -112
- package/dist/__tests__/useSelection.test.d.ts +0 -1
- package/dist/__tests__/useSelection.test.mjs +0 -76
- package/dist/__tests__/useViewport.test.cjs +0 -171
- package/dist/__tests__/useViewport.test.d.ts +0 -1
- package/dist/__tests__/useViewport.test.mjs +0 -82
- package/dist/__tests__/utils/ssr.cjs +0 -124
- package/dist/__tests__/utils/ssr.d.ts +0 -33
- package/dist/__tests__/utils/ssr.mjs +0 -129
- package/dist/__tests__/validation.test.cjs +0 -95
- package/dist/__tests__/validation.test.d.ts +0 -1
- package/dist/__tests__/validation.test.mjs +0 -36
- package/dist/__tests__/viewport-types.test.cjs +0 -324
- package/dist/__tests__/viewport-types.test.d.ts +0 -1
- package/dist/__tests__/viewport-types.test.mjs +0 -207
|
@@ -1,275 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _vitest = require("vitest");
|
|
4
|
-
var _edge = require("../types/edge.cjs");
|
|
5
|
-
(0, _vitest.describe)("flow/types/edge", () => {
|
|
6
|
-
(0, _vitest.describe)("EdgeType", () => {
|
|
7
|
-
(0, _vitest.it)("should accept valid edge types", () => {
|
|
8
|
-
const types = ["smoothstep", "step", "bezier", "straight", "default"];
|
|
9
|
-
types.forEach(type => {
|
|
10
|
-
(0, _vitest.expect)((0, _edge.isEdgeType)(type)).toBe(true);
|
|
11
|
-
});
|
|
12
|
-
});
|
|
13
|
-
(0, _vitest.it)("should reject invalid edge types", () => {
|
|
14
|
-
(0, _vitest.expect)((0, _edge.isEdgeType)("invalid")).toBe(false);
|
|
15
|
-
(0, _vitest.expect)((0, _edge.isEdgeType)("")).toBe(false);
|
|
16
|
-
(0, _vitest.expect)((0, _edge.isEdgeType)("smooth")).toBe(false);
|
|
17
|
-
});
|
|
18
|
-
});
|
|
19
|
-
(0, _vitest.describe)("Connection", () => {
|
|
20
|
-
(0, _vitest.it)("should define connection with source and target", () => {
|
|
21
|
-
const conn = {
|
|
22
|
-
source: "node-1",
|
|
23
|
-
target: "node-2"
|
|
24
|
-
};
|
|
25
|
-
(0, _vitest.expect)(conn.source).toBe("node-1");
|
|
26
|
-
(0, _vitest.expect)(conn.target).toBe("node-2");
|
|
27
|
-
});
|
|
28
|
-
(0, _vitest.it)("should support optional handles", () => {
|
|
29
|
-
const conn = {
|
|
30
|
-
source: "node-1",
|
|
31
|
-
target: "node-2",
|
|
32
|
-
sourceHandle: "handle-top",
|
|
33
|
-
targetHandle: null
|
|
34
|
-
};
|
|
35
|
-
(0, _vitest.expect)(conn.sourceHandle).toBe("handle-top");
|
|
36
|
-
(0, _vitest.expect)(conn.targetHandle).toBeNull();
|
|
37
|
-
});
|
|
38
|
-
});
|
|
39
|
-
(0, _vitest.describe)("EdgeStyle", () => {
|
|
40
|
-
(0, _vitest.it)("should allow style properties", () => {
|
|
41
|
-
const style = {
|
|
42
|
-
stroke: "#409eff",
|
|
43
|
-
strokeWidth: 2,
|
|
44
|
-
strokeDasharray: "5,5"
|
|
45
|
-
};
|
|
46
|
-
(0, _vitest.expect)(style.stroke).toBe("#409eff");
|
|
47
|
-
(0, _vitest.expect)(style.strokeWidth).toBe(2);
|
|
48
|
-
(0, _vitest.expect)(style.strokeDasharray).toBe("5,5");
|
|
49
|
-
});
|
|
50
|
-
(0, _vitest.it)("should support custom properties", () => {
|
|
51
|
-
const style = {
|
|
52
|
-
stroke: "#fff",
|
|
53
|
-
customProp: "value"
|
|
54
|
-
};
|
|
55
|
-
(0, _vitest.expect)(style.customProp).toBe("value");
|
|
56
|
-
});
|
|
57
|
-
});
|
|
58
|
-
(0, _vitest.describe)("EdgeData", () => {
|
|
59
|
-
(0, _vitest.it)("should define edge data with label and style", () => {
|
|
60
|
-
const data = {
|
|
61
|
-
label: "Edge Label",
|
|
62
|
-
type: "bezier",
|
|
63
|
-
animated: true,
|
|
64
|
-
style: {
|
|
65
|
-
stroke: "#000"
|
|
66
|
-
}
|
|
67
|
-
};
|
|
68
|
-
(0, _vitest.expect)(data.label).toBe("Edge Label");
|
|
69
|
-
(0, _vitest.expect)(data.type).toBe("bezier");
|
|
70
|
-
(0, _vitest.expect)(data.animated).toBe(true);
|
|
71
|
-
});
|
|
72
|
-
(0, _vitest.it)("should support label styling options", () => {
|
|
73
|
-
const data = {
|
|
74
|
-
label: "Test",
|
|
75
|
-
labelStyle: {
|
|
76
|
-
color: "#fff"
|
|
77
|
-
},
|
|
78
|
-
labelShowBg: true,
|
|
79
|
-
labelBgColor: "#000",
|
|
80
|
-
labelBgPadding: [4, 4],
|
|
81
|
-
labelBgBorderRadius: 4
|
|
82
|
-
};
|
|
83
|
-
(0, _vitest.expect)(data.labelShowBg).toBe(true);
|
|
84
|
-
(0, _vitest.expect)(data.labelBgColor).toBe("#000");
|
|
85
|
-
(0, _vitest.expect)(data.labelBgPadding).toEqual([4, 4]);
|
|
86
|
-
});
|
|
87
|
-
});
|
|
88
|
-
(0, _vitest.describe)("Edge", () => {
|
|
89
|
-
(0, _vitest.it)("should create basic edge", () => {
|
|
90
|
-
const edge = {
|
|
91
|
-
id: "edge-1",
|
|
92
|
-
source: "node-1",
|
|
93
|
-
target: "node-2"
|
|
94
|
-
};
|
|
95
|
-
(0, _vitest.expect)(edge.id).toBe("edge-1");
|
|
96
|
-
(0, _vitest.expect)(edge.source).toBe("node-1");
|
|
97
|
-
(0, _vitest.expect)(edge.target).toBe("node-2");
|
|
98
|
-
});
|
|
99
|
-
(0, _vitest.it)("should support optional edge properties", () => {
|
|
100
|
-
const edge = {
|
|
101
|
-
id: "edge-1",
|
|
102
|
-
source: "node-1",
|
|
103
|
-
target: "node-2",
|
|
104
|
-
type: "smoothstep",
|
|
105
|
-
animated: true,
|
|
106
|
-
label: "Flow",
|
|
107
|
-
selectable: true,
|
|
108
|
-
deletable: true,
|
|
109
|
-
hidden: false,
|
|
110
|
-
selected: false,
|
|
111
|
-
zIndex: 1
|
|
112
|
-
};
|
|
113
|
-
(0, _vitest.expect)(edge.type).toBe("smoothstep");
|
|
114
|
-
(0, _vitest.expect)(edge.animated).toBe(true);
|
|
115
|
-
(0, _vitest.expect)(edge.label).toBe("Flow");
|
|
116
|
-
});
|
|
117
|
-
(0, _vitest.it)("should support marker definitions", () => {
|
|
118
|
-
const edge = {
|
|
119
|
-
id: "edge-1",
|
|
120
|
-
source: "node-1",
|
|
121
|
-
target: "node-2",
|
|
122
|
-
markerEnd: "arrow",
|
|
123
|
-
markerStart: {
|
|
124
|
-
type: "arrow",
|
|
125
|
-
color: "#000",
|
|
126
|
-
width: 12,
|
|
127
|
-
height: 12
|
|
128
|
-
}
|
|
129
|
-
};
|
|
130
|
-
(0, _vitest.expect)(edge.markerEnd).toBe("arrow");
|
|
131
|
-
(0, _vitest.expect)(edge.markerStart).toEqual({
|
|
132
|
-
type: "arrow",
|
|
133
|
-
color: "#000",
|
|
134
|
-
width: 12,
|
|
135
|
-
height: 12
|
|
136
|
-
});
|
|
137
|
-
});
|
|
138
|
-
(0, _vitest.it)("should support updatable configuration", () => {
|
|
139
|
-
const edgeSource = {
|
|
140
|
-
id: "edge-1",
|
|
141
|
-
source: "node-1",
|
|
142
|
-
target: "node-2",
|
|
143
|
-
updatable: "source"
|
|
144
|
-
};
|
|
145
|
-
const edgeTarget = {
|
|
146
|
-
id: "edge-2",
|
|
147
|
-
source: "node-2",
|
|
148
|
-
target: "node-3",
|
|
149
|
-
updatable: "target"
|
|
150
|
-
};
|
|
151
|
-
const edgeBoth = {
|
|
152
|
-
id: "edge-3",
|
|
153
|
-
source: "node-3",
|
|
154
|
-
target: "node-4",
|
|
155
|
-
updatable: true
|
|
156
|
-
};
|
|
157
|
-
const edgeFixed = {
|
|
158
|
-
id: "edge-4",
|
|
159
|
-
source: "node-4",
|
|
160
|
-
target: "node-5",
|
|
161
|
-
updatable: false
|
|
162
|
-
};
|
|
163
|
-
(0, _vitest.expect)(edgeSource.updatable).toBe("source");
|
|
164
|
-
(0, _vitest.expect)(edgeTarget.updatable).toBe("target");
|
|
165
|
-
(0, _vitest.expect)(edgeBoth.updatable).toBe(true);
|
|
166
|
-
(0, _vitest.expect)(edgeFixed.updatable).toBe(false);
|
|
167
|
-
});
|
|
168
|
-
});
|
|
169
|
-
(0, _vitest.describe)("EdgeChangeType", () => {
|
|
170
|
-
(0, _vitest.it)("should define all change types", () => {
|
|
171
|
-
const types = ["select", "remove", "style", "data", "selectMulti", "unselect"];
|
|
172
|
-
(0, _vitest.expect)(types).toContain("select");
|
|
173
|
-
(0, _vitest.expect)(types).toContain("remove");
|
|
174
|
-
(0, _vitest.expect)(types).toContain("style");
|
|
175
|
-
(0, _vitest.expect)(types).toContain("data");
|
|
176
|
-
});
|
|
177
|
-
});
|
|
178
|
-
(0, _vitest.describe)("EdgeChange", () => {
|
|
179
|
-
(0, _vitest.it)("should create edge change object", () => {
|
|
180
|
-
const edge = {
|
|
181
|
-
id: "edge-1",
|
|
182
|
-
source: "n1",
|
|
183
|
-
target: "n2"
|
|
184
|
-
};
|
|
185
|
-
const change = {
|
|
186
|
-
type: "select",
|
|
187
|
-
id: "edge-1",
|
|
188
|
-
item: edge,
|
|
189
|
-
selected: true
|
|
190
|
-
};
|
|
191
|
-
(0, _vitest.expect)(change.type).toBe("select");
|
|
192
|
-
(0, _vitest.expect)(change.selected).toBe(true);
|
|
193
|
-
});
|
|
194
|
-
(0, _vitest.it)("should support style change", () => {
|
|
195
|
-
const edge = {
|
|
196
|
-
id: "edge-1",
|
|
197
|
-
source: "n1",
|
|
198
|
-
target: "n2"
|
|
199
|
-
};
|
|
200
|
-
const change = {
|
|
201
|
-
type: "style",
|
|
202
|
-
id: "edge-1",
|
|
203
|
-
item: edge,
|
|
204
|
-
style: {
|
|
205
|
-
stroke: "#f00",
|
|
206
|
-
strokeWidth: 3
|
|
207
|
-
}
|
|
208
|
-
};
|
|
209
|
-
(0, _vitest.expect)(change.style?.stroke).toBe("#f00");
|
|
210
|
-
});
|
|
211
|
-
(0, _vitest.it)("should support data change", () => {
|
|
212
|
-
const edge = {
|
|
213
|
-
id: "edge-1",
|
|
214
|
-
source: "n1",
|
|
215
|
-
target: "n2"
|
|
216
|
-
};
|
|
217
|
-
const change = {
|
|
218
|
-
type: "data",
|
|
219
|
-
id: "edge-1",
|
|
220
|
-
item: edge,
|
|
221
|
-
data: {
|
|
222
|
-
label: "Updated",
|
|
223
|
-
animated: true
|
|
224
|
-
}
|
|
225
|
-
};
|
|
226
|
-
(0, _vitest.expect)(change.data?.label).toBe("Updated");
|
|
227
|
-
});
|
|
228
|
-
});
|
|
229
|
-
(0, _vitest.describe)("isEdge", () => {
|
|
230
|
-
(0, _vitest.it)("should return true for valid edge objects", () => {
|
|
231
|
-
const edge = {
|
|
232
|
-
id: "e1",
|
|
233
|
-
source: "n1",
|
|
234
|
-
target: "n2"
|
|
235
|
-
};
|
|
236
|
-
(0, _vitest.expect)((0, _edge.isEdge)(edge)).toBe(true);
|
|
237
|
-
});
|
|
238
|
-
(0, _vitest.it)("should return true for edge with optional properties", () => {
|
|
239
|
-
const edge = {
|
|
240
|
-
id: "e1",
|
|
241
|
-
source: "n1",
|
|
242
|
-
target: "n2",
|
|
243
|
-
type: "bezier",
|
|
244
|
-
label: "Test"
|
|
245
|
-
};
|
|
246
|
-
(0, _vitest.expect)((0, _edge.isEdge)(edge)).toBe(true);
|
|
247
|
-
});
|
|
248
|
-
(0, _vitest.it)("should return false for null", () => {
|
|
249
|
-
(0, _vitest.expect)((0, _edge.isEdge)(null)).toBe(false);
|
|
250
|
-
});
|
|
251
|
-
(0, _vitest.it)("should return false for undefined", () => {
|
|
252
|
-
(0, _vitest.expect)((0, _edge.isEdge)(void 0)).toBe(false);
|
|
253
|
-
});
|
|
254
|
-
(0, _vitest.it)("should return false for object missing source", () => {
|
|
255
|
-
(0, _vitest.expect)((0, _edge.isEdge)({
|
|
256
|
-
id: "e1",
|
|
257
|
-
target: "n2"
|
|
258
|
-
})).toBe(false);
|
|
259
|
-
});
|
|
260
|
-
(0, _vitest.it)("should return false for object missing target", () => {
|
|
261
|
-
(0, _vitest.expect)((0, _edge.isEdge)({
|
|
262
|
-
id: "e1",
|
|
263
|
-
source: "n1"
|
|
264
|
-
})).toBe(false);
|
|
265
|
-
});
|
|
266
|
-
(0, _vitest.it)("should return false for primitive values", () => {
|
|
267
|
-
(0, _vitest.expect)((0, _edge.isEdge)("edge")).toBe(false);
|
|
268
|
-
(0, _vitest.expect)((0, _edge.isEdge)(123)).toBe(false);
|
|
269
|
-
(0, _vitest.expect)((0, _edge.isEdge)(true)).toBe(false);
|
|
270
|
-
});
|
|
271
|
-
(0, _vitest.it)("should return false for arrays", () => {
|
|
272
|
-
(0, _vitest.expect)((0, _edge.isEdge)([])).toBe(false);
|
|
273
|
-
});
|
|
274
|
-
});
|
|
275
|
-
});
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,234 +0,0 @@
|
|
|
1
|
-
import { describe, it, expect } from "vitest";
|
|
2
|
-
import {
|
|
3
|
-
isEdge,
|
|
4
|
-
isEdgeType
|
|
5
|
-
} from "../types/edge.mjs";
|
|
6
|
-
describe("flow/types/edge", () => {
|
|
7
|
-
describe("EdgeType", () => {
|
|
8
|
-
it("should accept valid edge types", () => {
|
|
9
|
-
const types = ["smoothstep", "step", "bezier", "straight", "default"];
|
|
10
|
-
types.forEach((type) => {
|
|
11
|
-
expect(isEdgeType(type)).toBe(true);
|
|
12
|
-
});
|
|
13
|
-
});
|
|
14
|
-
it("should reject invalid edge types", () => {
|
|
15
|
-
expect(isEdgeType("invalid")).toBe(false);
|
|
16
|
-
expect(isEdgeType("")).toBe(false);
|
|
17
|
-
expect(isEdgeType("smooth")).toBe(false);
|
|
18
|
-
});
|
|
19
|
-
});
|
|
20
|
-
describe("Connection", () => {
|
|
21
|
-
it("should define connection with source and target", () => {
|
|
22
|
-
const conn = {
|
|
23
|
-
source: "node-1",
|
|
24
|
-
target: "node-2"
|
|
25
|
-
};
|
|
26
|
-
expect(conn.source).toBe("node-1");
|
|
27
|
-
expect(conn.target).toBe("node-2");
|
|
28
|
-
});
|
|
29
|
-
it("should support optional handles", () => {
|
|
30
|
-
const conn = {
|
|
31
|
-
source: "node-1",
|
|
32
|
-
target: "node-2",
|
|
33
|
-
sourceHandle: "handle-top",
|
|
34
|
-
targetHandle: null
|
|
35
|
-
};
|
|
36
|
-
expect(conn.sourceHandle).toBe("handle-top");
|
|
37
|
-
expect(conn.targetHandle).toBeNull();
|
|
38
|
-
});
|
|
39
|
-
});
|
|
40
|
-
describe("EdgeStyle", () => {
|
|
41
|
-
it("should allow style properties", () => {
|
|
42
|
-
const style = {
|
|
43
|
-
stroke: "#409eff",
|
|
44
|
-
strokeWidth: 2,
|
|
45
|
-
strokeDasharray: "5,5"
|
|
46
|
-
};
|
|
47
|
-
expect(style.stroke).toBe("#409eff");
|
|
48
|
-
expect(style.strokeWidth).toBe(2);
|
|
49
|
-
expect(style.strokeDasharray).toBe("5,5");
|
|
50
|
-
});
|
|
51
|
-
it("should support custom properties", () => {
|
|
52
|
-
const style = {
|
|
53
|
-
stroke: "#fff",
|
|
54
|
-
customProp: "value"
|
|
55
|
-
};
|
|
56
|
-
expect(style.customProp).toBe("value");
|
|
57
|
-
});
|
|
58
|
-
});
|
|
59
|
-
describe("EdgeData", () => {
|
|
60
|
-
it("should define edge data with label and style", () => {
|
|
61
|
-
const data = {
|
|
62
|
-
label: "Edge Label",
|
|
63
|
-
type: "bezier",
|
|
64
|
-
animated: true,
|
|
65
|
-
style: { stroke: "#000" }
|
|
66
|
-
};
|
|
67
|
-
expect(data.label).toBe("Edge Label");
|
|
68
|
-
expect(data.type).toBe("bezier");
|
|
69
|
-
expect(data.animated).toBe(true);
|
|
70
|
-
});
|
|
71
|
-
it("should support label styling options", () => {
|
|
72
|
-
const data = {
|
|
73
|
-
label: "Test",
|
|
74
|
-
labelStyle: { color: "#fff" },
|
|
75
|
-
labelShowBg: true,
|
|
76
|
-
labelBgColor: "#000",
|
|
77
|
-
labelBgPadding: [4, 4],
|
|
78
|
-
labelBgBorderRadius: 4
|
|
79
|
-
};
|
|
80
|
-
expect(data.labelShowBg).toBe(true);
|
|
81
|
-
expect(data.labelBgColor).toBe("#000");
|
|
82
|
-
expect(data.labelBgPadding).toEqual([4, 4]);
|
|
83
|
-
});
|
|
84
|
-
});
|
|
85
|
-
describe("Edge", () => {
|
|
86
|
-
it("should create basic edge", () => {
|
|
87
|
-
const edge = {
|
|
88
|
-
id: "edge-1",
|
|
89
|
-
source: "node-1",
|
|
90
|
-
target: "node-2"
|
|
91
|
-
};
|
|
92
|
-
expect(edge.id).toBe("edge-1");
|
|
93
|
-
expect(edge.source).toBe("node-1");
|
|
94
|
-
expect(edge.target).toBe("node-2");
|
|
95
|
-
});
|
|
96
|
-
it("should support optional edge properties", () => {
|
|
97
|
-
const edge = {
|
|
98
|
-
id: "edge-1",
|
|
99
|
-
source: "node-1",
|
|
100
|
-
target: "node-2",
|
|
101
|
-
type: "smoothstep",
|
|
102
|
-
animated: true,
|
|
103
|
-
label: "Flow",
|
|
104
|
-
selectable: true,
|
|
105
|
-
deletable: true,
|
|
106
|
-
hidden: false,
|
|
107
|
-
selected: false,
|
|
108
|
-
zIndex: 1
|
|
109
|
-
};
|
|
110
|
-
expect(edge.type).toBe("smoothstep");
|
|
111
|
-
expect(edge.animated).toBe(true);
|
|
112
|
-
expect(edge.label).toBe("Flow");
|
|
113
|
-
});
|
|
114
|
-
it("should support marker definitions", () => {
|
|
115
|
-
const edge = {
|
|
116
|
-
id: "edge-1",
|
|
117
|
-
source: "node-1",
|
|
118
|
-
target: "node-2",
|
|
119
|
-
markerEnd: "arrow",
|
|
120
|
-
markerStart: { type: "arrow", color: "#000", width: 12, height: 12 }
|
|
121
|
-
};
|
|
122
|
-
expect(edge.markerEnd).toBe("arrow");
|
|
123
|
-
expect(edge.markerStart).toEqual({ type: "arrow", color: "#000", width: 12, height: 12 });
|
|
124
|
-
});
|
|
125
|
-
it("should support updatable configuration", () => {
|
|
126
|
-
const edgeSource = {
|
|
127
|
-
id: "edge-1",
|
|
128
|
-
source: "node-1",
|
|
129
|
-
target: "node-2",
|
|
130
|
-
updatable: "source"
|
|
131
|
-
};
|
|
132
|
-
const edgeTarget = {
|
|
133
|
-
id: "edge-2",
|
|
134
|
-
source: "node-2",
|
|
135
|
-
target: "node-3",
|
|
136
|
-
updatable: "target"
|
|
137
|
-
};
|
|
138
|
-
const edgeBoth = {
|
|
139
|
-
id: "edge-3",
|
|
140
|
-
source: "node-3",
|
|
141
|
-
target: "node-4",
|
|
142
|
-
updatable: true
|
|
143
|
-
};
|
|
144
|
-
const edgeFixed = {
|
|
145
|
-
id: "edge-4",
|
|
146
|
-
source: "node-4",
|
|
147
|
-
target: "node-5",
|
|
148
|
-
updatable: false
|
|
149
|
-
};
|
|
150
|
-
expect(edgeSource.updatable).toBe("source");
|
|
151
|
-
expect(edgeTarget.updatable).toBe("target");
|
|
152
|
-
expect(edgeBoth.updatable).toBe(true);
|
|
153
|
-
expect(edgeFixed.updatable).toBe(false);
|
|
154
|
-
});
|
|
155
|
-
});
|
|
156
|
-
describe("EdgeChangeType", () => {
|
|
157
|
-
it("should define all change types", () => {
|
|
158
|
-
const types = ["select", "remove", "style", "data", "selectMulti", "unselect"];
|
|
159
|
-
expect(types).toContain("select");
|
|
160
|
-
expect(types).toContain("remove");
|
|
161
|
-
expect(types).toContain("style");
|
|
162
|
-
expect(types).toContain("data");
|
|
163
|
-
});
|
|
164
|
-
});
|
|
165
|
-
describe("EdgeChange", () => {
|
|
166
|
-
it("should create edge change object", () => {
|
|
167
|
-
const edge = { id: "edge-1", source: "n1", target: "n2" };
|
|
168
|
-
const change = {
|
|
169
|
-
type: "select",
|
|
170
|
-
id: "edge-1",
|
|
171
|
-
item: edge,
|
|
172
|
-
selected: true
|
|
173
|
-
};
|
|
174
|
-
expect(change.type).toBe("select");
|
|
175
|
-
expect(change.selected).toBe(true);
|
|
176
|
-
});
|
|
177
|
-
it("should support style change", () => {
|
|
178
|
-
const edge = { id: "edge-1", source: "n1", target: "n2" };
|
|
179
|
-
const change = {
|
|
180
|
-
type: "style",
|
|
181
|
-
id: "edge-1",
|
|
182
|
-
item: edge,
|
|
183
|
-
style: { stroke: "#f00", strokeWidth: 3 }
|
|
184
|
-
};
|
|
185
|
-
expect(change.style?.stroke).toBe("#f00");
|
|
186
|
-
});
|
|
187
|
-
it("should support data change", () => {
|
|
188
|
-
const edge = { id: "edge-1", source: "n1", target: "n2" };
|
|
189
|
-
const change = {
|
|
190
|
-
type: "data",
|
|
191
|
-
id: "edge-1",
|
|
192
|
-
item: edge,
|
|
193
|
-
data: { label: "Updated", animated: true }
|
|
194
|
-
};
|
|
195
|
-
expect(change.data?.label).toBe("Updated");
|
|
196
|
-
});
|
|
197
|
-
});
|
|
198
|
-
describe("isEdge", () => {
|
|
199
|
-
it("should return true for valid edge objects", () => {
|
|
200
|
-
const edge = { id: "e1", source: "n1", target: "n2" };
|
|
201
|
-
expect(isEdge(edge)).toBe(true);
|
|
202
|
-
});
|
|
203
|
-
it("should return true for edge with optional properties", () => {
|
|
204
|
-
const edge = {
|
|
205
|
-
id: "e1",
|
|
206
|
-
source: "n1",
|
|
207
|
-
target: "n2",
|
|
208
|
-
type: "bezier",
|
|
209
|
-
label: "Test"
|
|
210
|
-
};
|
|
211
|
-
expect(isEdge(edge)).toBe(true);
|
|
212
|
-
});
|
|
213
|
-
it("should return false for null", () => {
|
|
214
|
-
expect(isEdge(null)).toBe(false);
|
|
215
|
-
});
|
|
216
|
-
it("should return false for undefined", () => {
|
|
217
|
-
expect(isEdge(void 0)).toBe(false);
|
|
218
|
-
});
|
|
219
|
-
it("should return false for object missing source", () => {
|
|
220
|
-
expect(isEdge({ id: "e1", target: "n2" })).toBe(false);
|
|
221
|
-
});
|
|
222
|
-
it("should return false for object missing target", () => {
|
|
223
|
-
expect(isEdge({ id: "e1", source: "n1" })).toBe(false);
|
|
224
|
-
});
|
|
225
|
-
it("should return false for primitive values", () => {
|
|
226
|
-
expect(isEdge("edge")).toBe(false);
|
|
227
|
-
expect(isEdge(123)).toBe(false);
|
|
228
|
-
expect(isEdge(true)).toBe(false);
|
|
229
|
-
});
|
|
230
|
-
it("should return false for arrays", () => {
|
|
231
|
-
expect(isEdge([])).toBe(false);
|
|
232
|
-
});
|
|
233
|
-
});
|
|
234
|
-
});
|