luciano/d2
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Tests

Browse source
This commit is contained in:
Júlio César Batista 2022-12-05 11:36:20 -08:00
parent fdf6699eb8
commit f99cf98864
No known key found for this signature in database
GPG key ID: 10C4B861BF314878
43 changed files with 2796 additions and 778 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
d2layouts/d2sequence/sequence_diagram.go
View file

@ -110,6 +110,7 @@ func newSequenceDiagram(objects []*d2graph.Object, messages []*d2graph.Edge) *se
queue := make([]*d2graph.Object, len(actor.ChildrenArray)) queue := make([]*d2graph.Object, len(actor.ChildrenArray))
copy(queue, actor.ChildrenArray) copy(queue, actor.ChildrenArray)
maxNoteWidth := 0.
for len(queue) > 0 { for len(queue) > 0 {
child := queue[0] child := queue[0]
queue = queue[1:] queue = queue[1:]
@ -123,6 +124,7 @@ func newSequenceDiagram(objects []*d2graph.Object, messages []*d2graph.Edge) *se
sd.notes = append(sd.notes, child) sd.notes = append(sd.notes, child)
sd.objectRank[child] = rank sd.objectRank[child] = rank
child.LabelPosition = go2.Pointer(string(label.InsideMiddleCenter)) child.LabelPosition = go2.Pointer(string(label.InsideMiddleCenter))
maxNoteWidth = math.Max(maxNoteWidth, child.Width)
} else { } else {
// spans have no labels // spans have no labels
// TODO why not? Spans should be able to // TODO why not? Spans should be able to
@ -139,6 +141,7 @@ func newSequenceDiagram(objects []*d2graph.Object, messages []*d2graph.Edge) *se
actorHW := actor.Width / 2. actorHW := actor.Width / 2.
nextActorHW := actors[rank+1].Width / 2. nextActorHW := actors[rank+1].Width / 2.
sd.actorXStep[rank] = math.Max(actorHW+nextActorHW+HORIZONTAL_PAD, MIN_ACTOR_DISTANCE) sd.actorXStep[rank] = math.Max(actorHW+nextActorHW+HORIZONTAL_PAD, MIN_ACTOR_DISTANCE)
sd.actorXStep[rank] = math.Max(maxNoteWidth/2.+HORIZONTAL_PAD, sd.actorXStep[rank])
} }
} }

6
e2etests/stable_test.go
View file

@ -1425,6 +1425,12 @@ c -> d: "short"
a -> d: "this should span many actors lifelines so we know how it will look like when redering a long label over many actors" a -> d: "this should span many actors lifelines so we know how it will look like when redering a long label over many actors"
d -> e: "long label for testing purposes and it must be really, really long" d -> e: "long label for testing purposes and it must be really, really long"
a -> f`, a -> f`,
}, {
name: "sequence_diagram_long_note",
script: `shape: sequence_diagram
a -> b
b.note: "a note here to remember that padding must consider notes too"
a.note: "just\na\nlong\nnote\nhere"`,
}, },
} }

94
e2etests/testdata/stable/sequence_diagram_actor_distance/dagre/board.exp.json generated vendored
View file

@ -8,7 +8,7 @@
"x": 0, "x": 0,
"y": 210 "y": 210
}, },
"width": 514, "width": 487,
"height": 126, "height": 126,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -32,9 +32,9 @@
"language": "", "language": "",
"color": "#0A0F25", "color": "#0A0F25",
"italic": false, "italic": false,
"bold": true, "bold": false,
"underline": false, "underline": false,
"labelWidth": 414, "labelWidth": 387,
"labelHeight": 26, "labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER", "labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0, "zIndex": 0,
@ -44,10 +44,10 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 588, "x": 578,
"y": 50 "y": 50
}, },
"width": 183, "width": 177,
"height": 286, "height": 286,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -71,9 +71,9 @@
"language": "", "language": "",
"color": "#0A0F25", "color": "#0A0F25",
"italic": false, "italic": false,
"bold": true, "bold": false,
"underline": false, "underline": false,
"labelWidth": 83, "labelWidth": 77,
"labelHeight": 186, "labelHeight": 186,
"labelPosition": "INSIDE_MIDDLE_CENTER", "labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0, "zIndex": 0,
@ -83,10 +83,10 @@
"id": "d", "id": "d",
"type": "", "type": "",
"pos": { "pos": {
"x": 1026, "x": 1014,
"y": 210 "y": 210
}, },
"width": 152, "width": 150,
"height": 126, "height": 126,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -110,9 +110,9 @@
"language": "", "language": "",
"color": "#0A0F25", "color": "#0A0F25",
"italic": false, "italic": false,
"bold": true, "bold": false,
"underline": false, "underline": false,
"labelWidth": 52, "labelWidth": 50,
"labelHeight": 26, "labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER", "labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0, "zIndex": 0,
@ -122,10 +122,10 @@
"id": "e", "id": "e",
"type": "", "type": "",
"pos": { "pos": {
"x": 1471, "x": 1460,
"y": 210 "y": 210
}, },
"width": 184, "width": 180,
"height": 126, "height": 126,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -149,9 +149,9 @@
"language": "", "language": "",
"color": "#0A0F25", "color": "#0A0F25",
"italic": false, "italic": false,
"bold": true, "bold": false,
"underline": false, "underline": false,
"labelWidth": 84, "labelWidth": 80,
"labelHeight": 26, "labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER", "labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0, "zIndex": 0,
@ -161,10 +161,10 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 1730, "x": 1718,
"y": 210 "y": 210
}, },
"width": 167, "width": 163,
"height": 126, "height": 126,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -188,9 +188,9 @@
"language": "", "language": "",
"color": "#0A0F25", "color": "#0A0F25",
"italic": false, "italic": false,
"bold": true, "bold": false,
"underline": false, "underline": false,
"labelWidth": 67, "labelWidth": 63,
"labelHeight": 26, "labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER", "labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0, "zIndex": 0,
@ -200,10 +200,10 @@
"id": "f", "id": "f",
"type": "", "type": "",
"pos": { "pos": {
"x": 1947, "x": 1931,
"y": 210 "y": 210
}, },
"width": 587, "width": 561,
"height": 126, "height": 126,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -227,9 +227,9 @@
"language": "", "language": "",
"color": "#0A0F25", "color": "#0A0F25",
"italic": false, "italic": false,
"bold": true, "bold": false,
"underline": false, "underline": false,
"labelWidth": 487, "labelWidth": 461,
"labelHeight": 26, "labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER", "labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0, "zIndex": 0,
@ -263,11 +263,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 257, "x": 243.5,
"y": 466 "y": 466
}, },
{ {
"x": 1813.5, "x": 1799.5,
"y": 466 "y": 466
} }
], ],
@ -302,11 +302,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 257, "x": 243.5,
"y": 596 "y": 596
}, },
{ {
"x": 1813.5, "x": 1799.5,
"y": 596 "y": 596
} }
], ],
@ -341,11 +341,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 679.5, "x": 666.5,
"y": 726 "y": 726
}, },
{ {
"x": 1102, "x": 1089,
"y": 726 "y": 726
} }
], ],
@ -380,11 +380,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 257, "x": 243.5,
"y": 856 "y": 856
}, },
{ {
"x": 1102, "x": 1089,
"y": 856 "y": 856
} }
], ],
@ -419,11 +419,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1102, "x": 1089,
"y": 986 "y": 986
}, },
{ {
"x": 1563, "x": 1550,
"y": 986 "y": 986
} }
], ],
@ -458,11 +458,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 257, "x": 243.5,
"y": 1116 "y": 1116
}, },
{ {
"x": 2240.5, "x": 2211.5,
"y": 1116 "y": 1116
} }
], ],
@ -497,11 +497,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 257, "x": 243.5,
"y": 336 "y": 336
}, },
{ {
"x": 257, "x": 243.5,
"y": 1246 "y": 1246
} }
], ],
@ -536,11 +536,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 679.5, "x": 666.5,
"y": 336 "y": 336
}, },
{ {
"x": 679.5, "x": 666.5,
"y": 1246 "y": 1246
} }
], ],
@ -575,11 +575,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1102, "x": 1089,
"y": 336 "y": 336
}, },
{ {
"x": 1102, "x": 1089,
"y": 1246 "y": 1246
} }
], ],
@ -614,11 +614,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1563, "x": 1550,
"y": 336 "y": 336
}, },
{ {
"x": 1563, "x": 1550,
"y": 1246 "y": 1246
} }
], ],
@ -653,11 +653,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1813.5, "x": 1799.5,
"y": 336 "y": 336
}, },
{ {
"x": 1813.5, "x": 1799.5,
"y": 1246 "y": 1246
} }
], ],
@ -692,11 +692,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2240.5, "x": 2211.5,
"y": 336 "y": 336
}, },
{ {
"x": 2240.5, "x": 2211.5,
"y": 1246 "y": 1246
} }
], ],

24
e2etests/testdata/stable/sequence_diagram_actor_distance/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 473 KiB

After

Width:  |  Height:  |  Size: 474 KiB

94
e2etests/testdata/stable/sequence_diagram_actor_distance/elk/board.exp.json generated vendored
View file

@ -8,7 +8,7 @@
"x": 0, "x": 0,
"y": 210 "y": 210
}, },
"width": 514, "width": 487,
"height": 126, "height": 126,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -32,9 +32,9 @@
"language": "", "language": "",
"color": "#0A0F25", "color": "#0A0F25",
"italic": false, "italic": false,
"bold": true, "bold": false,
"underline": false, "underline": false,
"labelWidth": 414, "labelWidth": 387,
"labelHeight": 26, "labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER", "labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0, "zIndex": 0,
@ -44,10 +44,10 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 588, "x": 578,
"y": 50 "y": 50
}, },
"width": 183, "width": 177,
"height": 286, "height": 286,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -71,9 +71,9 @@
"language": "", "language": "",
"color": "#0A0F25", "color": "#0A0F25",
"italic": false, "italic": false,
"bold": true, "bold": false,
"underline": false, "underline": false,
"labelWidth": 83, "labelWidth": 77,
"labelHeight": 186, "labelHeight": 186,
"labelPosition": "INSIDE_MIDDLE_CENTER", "labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0, "zIndex": 0,
@ -83,10 +83,10 @@
"id": "d", "id": "d",
"type": "", "type": "",
"pos": { "pos": {
"x": 1026, "x": 1014,
"y": 210 "y": 210
}, },
"width": 152, "width": 150,
"height": 126, "height": 126,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -110,9 +110,9 @@
"language": "", "language": "",
"color": "#0A0F25", "color": "#0A0F25",
"italic": false, "italic": false,
"bold": true, "bold": false,
"underline": false, "underline": false,
"labelWidth": 52, "labelWidth": 50,
"labelHeight": 26, "labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER", "labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0, "zIndex": 0,
@ -122,10 +122,10 @@
"id": "e", "id": "e",
"type": "", "type": "",
"pos": { "pos": {
"x": 1471, "x": 1460,
"y": 210 "y": 210
}, },
"width": 184, "width": 180,
"height": 126, "height": 126,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -149,9 +149,9 @@
"language": "", "language": "",
"color": "#0A0F25", "color": "#0A0F25",
"italic": false, "italic": false,
"bold": true, "bold": false,
"underline": false, "underline": false,
"labelWidth": 84, "labelWidth": 80,
"labelHeight": 26, "labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER", "labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0, "zIndex": 0,
@ -161,10 +161,10 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 1730, "x": 1718,
"y": 210 "y": 210
}, },
"width": 167, "width": 163,
"height": 126, "height": 126,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -188,9 +188,9 @@
"language": "", "language": "",
"color": "#0A0F25", "color": "#0A0F25",
"italic": false, "italic": false,
"bold": true, "bold": false,
"underline": false, "underline": false,
"labelWidth": 67, "labelWidth": 63,
"labelHeight": 26, "labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER", "labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0, "zIndex": 0,
@ -200,10 +200,10 @@
"id": "f", "id": "f",
"type": "", "type": "",
"pos": { "pos": {
"x": 1947, "x": 1931,
"y": 210 "y": 210
}, },
"width": 587, "width": 561,
"height": 126, "height": 126,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -227,9 +227,9 @@
"language": "", "language": "",
"color": "#0A0F25", "color": "#0A0F25",
"italic": false, "italic": false,
"bold": true, "bold": false,
"underline": false, "underline": false,
"labelWidth": 487, "labelWidth": 461,
"labelHeight": 26, "labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER", "labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0, "zIndex": 0,
@ -263,11 +263,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 257, "x": 243.5,
"y": 466 "y": 466
}, },
{ {
"x": 1813.5, "x": 1799.5,
"y": 466 "y": 466
} }
], ],
@ -302,11 +302,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 257, "x": 243.5,
"y": 596 "y": 596
}, },
{ {
"x": 1813.5, "x": 1799.5,
"y": 596 "y": 596
} }
], ],
@ -341,11 +341,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 679.5, "x": 666.5,
"y": 726 "y": 726
}, },
{ {
"x": 1102, "x": 1089,
"y": 726 "y": 726
} }
], ],
@ -380,11 +380,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 257, "x": 243.5,
"y": 856 "y": 856
}, },
{ {
"x": 1102, "x": 1089,
"y": 856 "y": 856
} }
], ],
@ -419,11 +419,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1102, "x": 1089,
"y": 986 "y": 986
}, },
{ {
"x": 1563, "x": 1550,
"y": 986 "y": 986
} }
], ],
@ -458,11 +458,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 257, "x": 243.5,
"y": 1116 "y": 1116
}, },
{ {
"x": 2240.5, "x": 2211.5,
"y": 1116 "y": 1116
} }
], ],
@ -497,11 +497,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 257, "x": 243.5,
"y": 336 "y": 336
}, },
{ {
"x": 257, "x": 243.5,
"y": 1246 "y": 1246
} }
], ],
@ -536,11 +536,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 679.5, "x": 666.5,
"y": 336 "y": 336
}, },
{ {
"x": 679.5, "x": 666.5,
"y": 1246 "y": 1246
} }
], ],
@ -575,11 +575,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1102, "x": 1089,
"y": 336 "y": 336
}, },
{ {
"x": 1102, "x": 1089,
"y": 1246 "y": 1246
} }
], ],
@ -614,11 +614,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1563, "x": 1550,
"y": 336 "y": 336
}, },
{ {
"x": 1563, "x": 1550,
"y": 1246 "y": 1246
} }
], ],
@ -653,11 +653,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1813.5, "x": 1799.5,
"y": 336 "y": 336
}, },
{ {
"x": 1813.5, "x": 1799.5,
"y": 1246 "y": 1246
} }
], ],
@ -692,11 +692,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2240.5, "x": 2211.5,
"y": 336 "y": 336
}, },
{ {
"x": 2240.5, "x": 2211.5,
"y": 1246 "y": 1246
} }
], ],

24
e2etests/testdata/stable/sequence_diagram_actor_distance/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 473 KiB

After

Width:  |  Height:  |  Size: 474 KiB

188
e2etests/testdata/stable/sequence_diagram_all_shapes/dagre/board.exp.json generated vendored
View file

@ -44,7 +44,7 @@
"id": "b", "id": "b",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 220, "x": 257,
"y": 90 "y": 90
}, },
"width": 150, "width": 150,
@ -83,7 +83,7 @@
"id": "c", "id": "c",
"type": "class", "type": "class",
"pos": { "pos": {
"x": 440, "x": 462,
"y": 50 "y": 50
}, },
"width": 241, "width": 241,
@ -133,7 +133,7 @@
"id": "d", "id": "d",
"type": "cloud", "type": "cloud",
"pos": { "pos": {
"x": 751, "x": 753,
"y": 108 "y": 108
}, },
"width": 174, "width": 174,
@ -172,7 +172,7 @@
"id": "e", "id": "e",
"type": "code", "type": "code",
"pos": { "pos": {
"x": 995, "x": 992,
"y": 164 "y": 164
}, },
"width": 196, "width": 196,
@ -211,7 +211,7 @@
"id": "f", "id": "f",
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 1261, "x": 1265,
"y": 108 "y": 108
}, },
"width": 150, "width": 150,
@ -250,7 +250,7 @@
"id": "g", "id": "g",
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 1481, "x": 1515,
"y": 108 "y": 108
}, },
"width": 150, "width": 150,
@ -289,7 +289,7 @@
"id": "h", "id": "h",
"type": "document", "type": "document",
"pos": { "pos": {
"x": 1701, "x": 1765,
"y": 108 "y": 108
}, },
"width": 150, "width": 150,
@ -328,7 +328,7 @@
"id": "i", "id": "i",
"type": "hexagon", "type": "hexagon",
"pos": { "pos": {
"x": 1921, "x": 2001,
"y": 108 "y": 108
}, },
"width": 177, "width": 177,
@ -367,7 +367,7 @@
"id": "j", "id": "j",
"type": "image", "type": "image",
"pos": { "pos": {
"x": 2168, "x": 2265,
"y": 85 "y": 85
}, },
"width": 150, "width": 150,
@ -417,7 +417,7 @@
"id": "k", "id": "k",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 2388, "x": 2515,
"y": 108 "y": 108
}, },
"width": 150, "width": 150,
@ -456,7 +456,7 @@
"id": "l", "id": "l",
"type": "package", "type": "package",
"pos": { "pos": {
"x": 2608, "x": 2765,
"y": 108 "y": 108
}, },
"width": 150, "width": 150,
@ -495,7 +495,7 @@
"id": "m", "id": "m",
"type": "page", "type": "page",
"pos": { "pos": {
"x": 2828, "x": 3003,
"y": 108 "y": 108
}, },
"width": 173, "width": 173,
@ -534,7 +534,7 @@
"id": "n", "id": "n",
"type": "parallelogram", "type": "parallelogram",
"pos": { "pos": {
"x": 3071, "x": 3251,
"y": 92 "y": 92
}, },
"width": 177, "width": 177,
@ -573,7 +573,7 @@
"id": "o", "id": "o",
"type": "person", "type": "person",
"pos": { "pos": {
"x": 3318, "x": 3514,
"y": 55 "y": 55
}, },
"width": 151, "width": 151,
@ -612,7 +612,7 @@
"id": "p", "id": "p",
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 3539, "x": 3760,
"y": 108 "y": 108
}, },
"width": 159, "width": 159,
@ -651,7 +651,7 @@
"id": "q", "id": "q",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 3768, "x": 4008,
"y": 71 "y": 71
}, },
"width": 163, "width": 163,
@ -690,7 +690,7 @@
"id": "r", "id": "r",
"type": "step", "type": "step",
"pos": { "pos": {
"x": 4001, "x": 4236,
"y": 108 "y": 108
}, },
"width": 207, "width": 207,
@ -729,7 +729,7 @@
"id": "s", "id": "s",
"type": "stored_data", "type": "stored_data",
"pos": { "pos": {
"x": 4278, "x": 4515,
"y": 108 "y": 108
}, },
"width": 150, "width": 150,
@ -768,7 +768,7 @@
"id": "t", "id": "t",
"type": "sql_table", "type": "sql_table",
"pos": { "pos": {
"x": 4498, "x": 4735,
"y": 126 "y": 126
}, },
"width": 210, "width": 210,
@ -848,7 +848,7 @@
"y": 364 "y": 364
}, },
{ {
"x": 295, "x": 332,
"y": 364 "y": 364
} }
], ],
@ -883,11 +883,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 295, "x": 332,
"y": 494 "y": 494
}, },
{ {
"x": 560.5, "x": 582.5,
"y": 494 "y": 494
} }
], ],
@ -922,11 +922,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 560.5, "x": 582.5,
"y": 624 "y": 624
}, },
{ {
"x": 838, "x": 840,
"y": 624 "y": 624
} }
], ],
@ -961,11 +961,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 838, "x": 840,
"y": 754 "y": 754
}, },
{ {
"x": 1093, "x": 1090,
"y": 754 "y": 754
} }
], ],
@ -1000,11 +1000,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1093, "x": 1090,
"y": 884 "y": 884
}, },
{ {
"x": 1336, "x": 1340,
"y": 884 "y": 884
} }
], ],
@ -1039,11 +1039,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1336, "x": 1340,
"y": 1014 "y": 1014
}, },
{ {
"x": 1556, "x": 1590,
"y": 1014 "y": 1014
} }
], ],
@ -1078,11 +1078,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1556, "x": 1590,
"y": 1144 "y": 1144
}, },
{ {
"x": 1776, "x": 1840,
"y": 1144 "y": 1144
} }
], ],
@ -1117,11 +1117,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1776, "x": 1840,
"y": 1274 "y": 1274
}, },
{ {
"x": 2009.5, "x": 2089.5,
"y": 1274 "y": 1274
} }
], ],
@ -1156,11 +1156,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2009.5, "x": 2089.5,
"y": 1404 "y": 1404
}, },
{ {
"x": 2243, "x": 2340,
"y": 1404 "y": 1404
} }
], ],
@ -1195,11 +1195,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2243, "x": 2340,
"y": 1534 "y": 1534
}, },
{ {
"x": 2463, "x": 2590,
"y": 1534 "y": 1534
} }
], ],
@ -1234,11 +1234,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2463, "x": 2590,
"y": 1664 "y": 1664
}, },
{ {
"x": 2683, "x": 2840,
"y": 1664 "y": 1664
} }
], ],
@ -1273,11 +1273,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2683, "x": 2840,
"y": 1794 "y": 1794
}, },
{ {
"x": 2914.5, "x": 3089.5,
"y": 1794 "y": 1794
} }
], ],
@ -1312,11 +1312,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2914.5, "x": 3089.5,
"y": 1924 "y": 1924
}, },
{ {
"x": 3159.5, "x": 3339.5,
"y": 1924 "y": 1924
} }
], ],
@ -1351,11 +1351,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3159.5, "x": 3339.5,
"y": 2054 "y": 2054
}, },
{ {
"x": 3393.5, "x": 3589.5,
"y": 2054 "y": 2054
} }
], ],
@ -1390,11 +1390,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3393.5, "x": 3589.5,
"y": 2184 "y": 2184
}, },
{ {
"x": 3618.5, "x": 3839.5,
"y": 2184 "y": 2184
} }
], ],
@ -1429,11 +1429,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3618.5, "x": 3839.5,
"y": 2314 "y": 2314
}, },
{ {
"x": 3849.5, "x": 4089.5,
"y": 2314 "y": 2314
} }
], ],
@ -1468,11 +1468,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3849.5, "x": 4089.5,
"y": 2444 "y": 2444
}, },
{ {
"x": 4104.5, "x": 4339.5,
"y": 2444 "y": 2444
} }
], ],
@ -1507,11 +1507,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 4104.5, "x": 4339.5,
"y": 2574 "y": 2574
}, },
{ {
"x": 4353, "x": 4590,
"y": 2574 "y": 2574
} }
], ],
@ -1546,11 +1546,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 4353, "x": 4590,
"y": 2704 "y": 2704
}, },
{ {
"x": 4603, "x": 4840,
"y": 2704 "y": 2704
} }
], ],
@ -1624,11 +1624,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 295, "x": 332,
"y": 234 "y": 234
}, },
{ {
"x": 295, "x": 332,
"y": 2834 "y": 2834
} }
], ],
@ -1663,11 +1663,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 560.5, "x": 582.5,
"y": 234 "y": 234
}, },
{ {
"x": 560.5, "x": 582.5,
"y": 2834 "y": 2834
} }
], ],
@ -1702,11 +1702,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 838, "x": 840,
"y": 234 "y": 234
}, },
{ {
"x": 838, "x": 840,
"y": 2834 "y": 2834
} }
], ],
@ -1741,11 +1741,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1093, "x": 1090,
"y": 234 "y": 234
}, },
{ {
"x": 1093, "x": 1090,
"y": 2834 "y": 2834
} }
], ],
@ -1780,11 +1780,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1336, "x": 1340,
"y": 234 "y": 234
}, },
{ {
"x": 1336, "x": 1340,
"y": 2834 "y": 2834
} }
], ],
@ -1819,11 +1819,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1556, "x": 1590,
"y": 234 "y": 234
}, },
{ {
"x": 1556, "x": 1590,
"y": 2834 "y": 2834
} }
], ],
@ -1858,11 +1858,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1776, "x": 1840,
"y": 234 "y": 234
}, },
{ {
"x": 1776, "x": 1840,
"y": 2834 "y": 2834
} }
], ],
@ -1897,11 +1897,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2009.5, "x": 2089.5,
"y": 234 "y": 234
}, },
{ {
"x": 2009.5, "x": 2089.5,
"y": 2834 "y": 2834
} }
], ],
@ -1936,11 +1936,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2243, "x": 2340,
"y": 239 "y": 239
}, },
{ {
"x": 2243, "x": 2340,
"y": 2834 "y": 2834
} }
], ],
@ -1975,11 +1975,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2463, "x": 2590,
"y": 234 "y": 234
}, },
{ {
"x": 2463, "x": 2590,
"y": 2834 "y": 2834
} }
], ],
@ -2014,11 +2014,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2683, "x": 2840,
"y": 234 "y": 234
}, },
{ {
"x": 2683, "x": 2840,
"y": 2834 "y": 2834
} }
], ],
@ -2053,11 +2053,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2914.5, "x": 3089.5,
"y": 234 "y": 234
}, },
{ {
"x": 2914.5, "x": 3089.5,
"y": 2834 "y": 2834
} }
], ],
@ -2092,11 +2092,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3159.5, "x": 3339.5,
"y": 234 "y": 234
}, },
{ {
"x": 3159.5, "x": 3339.5,
"y": 2834 "y": 2834
} }
], ],
@ -2131,11 +2131,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3393.5, "x": 3589.5,
"y": 239 "y": 239
}, },
{ {
"x": 3393.5, "x": 3589.5,
"y": 2834 "y": 2834
} }
], ],
@ -2170,11 +2170,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3618.5, "x": 3839.5,
"y": 234 "y": 234
}, },
{ {
"x": 3618.5, "x": 3839.5,
"y": 2834 "y": 2834
} }
], ],
@ -2209,11 +2209,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3849.5, "x": 4089.5,
"y": 234 "y": 234
}, },
{ {
"x": 3849.5, "x": 4089.5,
"y": 2834 "y": 2834
} }
], ],
@ -2248,11 +2248,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 4104.5, "x": 4339.5,
"y": 234 "y": 234
}, },
{ {
"x": 4104.5, "x": 4339.5,
"y": 2834 "y": 2834
} }
], ],
@ -2287,11 +2287,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 4353, "x": 4590,
"y": 234 "y": 234
}, },
{ {
"x": 4353, "x": 4590,
"y": 2834 "y": 2834
} }
], ],
@ -2326,11 +2326,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 4603, "x": 4840,
"y": 234 "y": 234
}, },
{ {
"x": 4603, "x": 4840,
"y": 2834 "y": 2834
} }
], ],

28
e2etests/testdata/stable/sequence_diagram_all_shapes/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 669 KiB

After

Width:  |  Height:  |  Size: 669 KiB

188
e2etests/testdata/stable/sequence_diagram_all_shapes/elk/board.exp.json generated vendored
View file

@ -44,7 +44,7 @@
"id": "b", "id": "b",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 220, "x": 257,
"y": 90 "y": 90
}, },
"width": 150, "width": 150,
@ -83,7 +83,7 @@
"id": "c", "id": "c",
"type": "class", "type": "class",
"pos": { "pos": {
"x": 440, "x": 462,
"y": 50 "y": 50
}, },
"width": 241, "width": 241,
@ -133,7 +133,7 @@
"id": "d", "id": "d",
"type": "cloud", "type": "cloud",
"pos": { "pos": {
"x": 751, "x": 753,
"y": 108 "y": 108
}, },
"width": 174, "width": 174,
@ -172,7 +172,7 @@
"id": "e", "id": "e",
"type": "code", "type": "code",
"pos": { "pos": {
"x": 995, "x": 992,
"y": 164 "y": 164
}, },
"width": 196, "width": 196,
@ -211,7 +211,7 @@
"id": "f", "id": "f",
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 1261, "x": 1265,
"y": 108 "y": 108
}, },
"width": 150, "width": 150,
@ -250,7 +250,7 @@
"id": "g", "id": "g",
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 1481, "x": 1515,
"y": 108 "y": 108
}, },
"width": 150, "width": 150,
@ -289,7 +289,7 @@
"id": "h", "id": "h",
"type": "document", "type": "document",
"pos": { "pos": {
"x": 1701, "x": 1765,
"y": 108 "y": 108
}, },
"width": 150, "width": 150,
@ -328,7 +328,7 @@
"id": "i", "id": "i",
"type": "hexagon", "type": "hexagon",
"pos": { "pos": {
"x": 1921, "x": 2001,
"y": 108 "y": 108
}, },
"width": 177, "width": 177,
@ -367,7 +367,7 @@
"id": "j", "id": "j",
"type": "image", "type": "image",
"pos": { "pos": {
"x": 2168, "x": 2265,
"y": 85 "y": 85
}, },
"width": 150, "width": 150,
@ -417,7 +417,7 @@
"id": "k", "id": "k",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 2388, "x": 2515,
"y": 108 "y": 108
}, },
"width": 150, "width": 150,
@ -456,7 +456,7 @@
"id": "l", "id": "l",
"type": "package", "type": "package",
"pos": { "pos": {
"x": 2608, "x": 2765,
"y": 108 "y": 108
}, },
"width": 150, "width": 150,
@ -495,7 +495,7 @@
"id": "m", "id": "m",
"type": "page", "type": "page",
"pos": { "pos": {
"x": 2828, "x": 3003,
"y": 108 "y": 108
}, },
"width": 173, "width": 173,
@ -534,7 +534,7 @@
"id": "n", "id": "n",
"type": "parallelogram", "type": "parallelogram",
"pos": { "pos": {
"x": 3071, "x": 3251,
"y": 92 "y": 92
}, },
"width": 177, "width": 177,
@ -573,7 +573,7 @@
"id": "o", "id": "o",
"type": "person", "type": "person",
"pos": { "pos": {
"x": 3318, "x": 3514,
"y": 55 "y": 55
}, },
"width": 151, "width": 151,
@ -612,7 +612,7 @@
"id": "p", "id": "p",
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 3539, "x": 3760,
"y": 108 "y": 108
}, },
"width": 159, "width": 159,
@ -651,7 +651,7 @@
"id": "q", "id": "q",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 3768, "x": 4008,
"y": 71 "y": 71
}, },
"width": 163, "width": 163,
@ -690,7 +690,7 @@
"id": "r", "id": "r",
"type": "step", "type": "step",
"pos": { "pos": {
"x": 4001, "x": 4236,
"y": 108 "y": 108
}, },
"width": 207, "width": 207,
@ -729,7 +729,7 @@
"id": "s", "id": "s",
"type": "stored_data", "type": "stored_data",
"pos": { "pos": {
"x": 4278, "x": 4515,
"y": 108 "y": 108
}, },
"width": 150, "width": 150,
@ -768,7 +768,7 @@
"id": "t", "id": "t",
"type": "sql_table", "type": "sql_table",
"pos": { "pos": {
"x": 4498, "x": 4735,
"y": 126 "y": 126
}, },
"width": 210, "width": 210,
@ -848,7 +848,7 @@
"y": 364 "y": 364
}, },
{ {
"x": 295, "x": 332,
"y": 364 "y": 364
} }
], ],
@ -883,11 +883,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 295, "x": 332,
"y": 494 "y": 494
}, },
{ {
"x": 560.5, "x": 582.5,
"y": 494 "y": 494
} }
], ],
@ -922,11 +922,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 560.5, "x": 582.5,
"y": 624 "y": 624
}, },
{ {
"x": 838, "x": 840,
"y": 624 "y": 624
} }
], ],
@ -961,11 +961,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 838, "x": 840,
"y": 754 "y": 754
}, },
{ {
"x": 1093, "x": 1090,
"y": 754 "y": 754
} }
], ],
@ -1000,11 +1000,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1093, "x": 1090,
"y": 884 "y": 884
}, },
{ {
"x": 1336, "x": 1340,
"y": 884 "y": 884
} }
], ],
@ -1039,11 +1039,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1336, "x": 1340,
"y": 1014 "y": 1014
}, },
{ {
"x": 1556, "x": 1590,
"y": 1014 "y": 1014
} }
], ],
@ -1078,11 +1078,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1556, "x": 1590,
"y": 1144 "y": 1144
}, },
{ {
"x": 1776, "x": 1840,
"y": 1144 "y": 1144
} }
], ],
@ -1117,11 +1117,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1776, "x": 1840,
"y": 1274 "y": 1274
}, },
{ {
"x": 2009.5, "x": 2089.5,
"y": 1274 "y": 1274
} }
], ],
@ -1156,11 +1156,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2009.5, "x": 2089.5,
"y": 1404 "y": 1404
}, },
{ {
"x": 2243, "x": 2340,
"y": 1404 "y": 1404
} }
], ],
@ -1195,11 +1195,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2243, "x": 2340,
"y": 1534 "y": 1534
}, },
{ {
"x": 2463, "x": 2590,
"y": 1534 "y": 1534
} }
], ],
@ -1234,11 +1234,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2463, "x": 2590,
"y": 1664 "y": 1664
}, },
{ {
"x": 2683, "x": 2840,
"y": 1664 "y": 1664
} }
], ],
@ -1273,11 +1273,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2683, "x": 2840,
"y": 1794 "y": 1794
}, },
{ {
"x": 2914.5, "x": 3089.5,
"y": 1794 "y": 1794
} }
], ],
@ -1312,11 +1312,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2914.5, "x": 3089.5,
"y": 1924 "y": 1924
}, },
{ {
"x": 3159.5, "x": 3339.5,
"y": 1924 "y": 1924
} }
], ],
@ -1351,11 +1351,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3159.5, "x": 3339.5,
"y": 2054 "y": 2054
}, },
{ {
"x": 3393.5, "x": 3589.5,
"y": 2054 "y": 2054
} }
], ],
@ -1390,11 +1390,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3393.5, "x": 3589.5,
"y": 2184 "y": 2184
}, },
{ {
"x": 3618.5, "x": 3839.5,
"y": 2184 "y": 2184
} }
], ],
@ -1429,11 +1429,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3618.5, "x": 3839.5,
"y": 2314 "y": 2314
}, },
{ {
"x": 3849.5, "x": 4089.5,
"y": 2314 "y": 2314
} }
], ],
@ -1468,11 +1468,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3849.5, "x": 4089.5,
"y": 2444 "y": 2444
}, },
{ {
"x": 4104.5, "x": 4339.5,
"y": 2444 "y": 2444
} }
], ],
@ -1507,11 +1507,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 4104.5, "x": 4339.5,
"y": 2574 "y": 2574
}, },
{ {
"x": 4353, "x": 4590,
"y": 2574 "y": 2574
} }
], ],
@ -1546,11 +1546,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 4353, "x": 4590,
"y": 2704 "y": 2704
}, },
{ {
"x": 4603, "x": 4840,
"y": 2704 "y": 2704
} }
], ],
@ -1624,11 +1624,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 295, "x": 332,
"y": 234 "y": 234
}, },
{ {
"x": 295, "x": 332,
"y": 2834 "y": 2834
} }
], ],
@ -1663,11 +1663,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 560.5, "x": 582.5,
"y": 234 "y": 234
}, },
{ {
"x": 560.5, "x": 582.5,
"y": 2834 "y": 2834
} }
], ],
@ -1702,11 +1702,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 838, "x": 840,
"y": 234 "y": 234
}, },
{ {
"x": 838, "x": 840,
"y": 2834 "y": 2834
} }
], ],
@ -1741,11 +1741,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1093, "x": 1090,
"y": 234 "y": 234
}, },
{ {
"x": 1093, "x": 1090,
"y": 2834 "y": 2834
} }
], ],
@ -1780,11 +1780,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1336, "x": 1340,
"y": 234 "y": 234
}, },
{ {
"x": 1336, "x": 1340,
"y": 2834 "y": 2834
} }
], ],
@ -1819,11 +1819,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1556, "x": 1590,
"y": 234 "y": 234
}, },
{ {
"x": 1556, "x": 1590,
"y": 2834 "y": 2834
} }
], ],
@ -1858,11 +1858,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1776, "x": 1840,
"y": 234 "y": 234
}, },
{ {
"x": 1776, "x": 1840,
"y": 2834 "y": 2834
} }
], ],
@ -1897,11 +1897,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2009.5, "x": 2089.5,
"y": 234 "y": 234
}, },
{ {
"x": 2009.5, "x": 2089.5,
"y": 2834 "y": 2834
} }
], ],
@ -1936,11 +1936,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2243, "x": 2340,
"y": 239 "y": 239
}, },
{ {
"x": 2243, "x": 2340,
"y": 2834 "y": 2834
} }
], ],
@ -1975,11 +1975,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2463, "x": 2590,
"y": 234 "y": 234
}, },
{ {
"x": 2463, "x": 2590,
"y": 2834 "y": 2834
} }
], ],
@ -2014,11 +2014,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2683, "x": 2840,
"y": 234 "y": 234
}, },
{ {
"x": 2683, "x": 2840,
"y": 2834 "y": 2834
} }
], ],
@ -2053,11 +2053,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2914.5, "x": 3089.5,
"y": 234 "y": 234
}, },
{ {
"x": 2914.5, "x": 3089.5,
"y": 2834 "y": 2834
} }
], ],
@ -2092,11 +2092,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3159.5, "x": 3339.5,
"y": 234 "y": 234
}, },
{ {
"x": 3159.5, "x": 3339.5,
"y": 2834 "y": 2834
} }
], ],
@ -2131,11 +2131,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3393.5, "x": 3589.5,
"y": 239 "y": 239
}, },
{ {
"x": 3393.5, "x": 3589.5,
"y": 2834 "y": 2834
} }
], ],
@ -2170,11 +2170,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3618.5, "x": 3839.5,
"y": 234 "y": 234
}, },
{ {
"x": 3618.5, "x": 3839.5,
"y": 2834 "y": 2834
} }
], ],
@ -2209,11 +2209,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3849.5, "x": 4089.5,
"y": 234 "y": 234
}, },
{ {
"x": 3849.5, "x": 4089.5,
"y": 2834 "y": 2834
} }
], ],
@ -2248,11 +2248,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 4104.5, "x": 4339.5,
"y": 234 "y": 234
}, },
{ {
"x": 4104.5, "x": 4339.5,
"y": 2834 "y": 2834
} }
], ],
@ -2287,11 +2287,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 4353, "x": 4590,
"y": 234 "y": 234
}, },
{ {
"x": 4353, "x": 4590,
"y": 2834 "y": 2834
} }
], ],
@ -2326,11 +2326,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 4603, "x": 4840,
"y": 234 "y": 234
}, },
{ {
"x": 4603, "x": 4840,
"y": 2834 "y": 2834
} }
], ],

28
e2etests/testdata/stable/sequence_diagram_all_shapes/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 669 KiB

After

Width:  |  Height:  |  Size: 669 KiB

80
e2etests/testdata/stable/sequence_diagram_groups/dagre/board.exp.json generated vendored
View file

@ -44,7 +44,7 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 220, "x": 250,
"y": 50 "y": 50
}, },
"width": 150, "width": 150,
@ -83,7 +83,7 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 440, "x": 500,
"y": 50 "y": 50
}, },
"width": 150, "width": 150,
@ -122,7 +122,7 @@
"id": "d", "id": "d",
"type": "", "type": "",
"pos": { "pos": {
"x": 660, "x": 750,
"y": 50 "y": 50
}, },
"width": 150, "width": 150,
@ -164,7 +164,7 @@
"x": 25, "x": 25,
"y": 396 "y": 396
}, },
"width": 320, "width": 350,
"height": 80, "height": 80,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -199,10 +199,10 @@
"id": "group 1", "id": "group 1",
"type": "", "type": "",
"pos": { "pos": {
"x": 221, "x": 251,
"y": 526 "y": 526
}, },
"width": 368, "width": 398,
"height": 730, "height": 730,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -237,10 +237,10 @@
"id": "group 1.nested guy", "id": "group 1.nested guy",
"type": "", "type": "",
"pos": { "pos": {
"x": 245, "x": 275,
"y": 786 "y": 786
}, },
"width": 320, "width": 350,
"height": 80, "height": 80,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -275,10 +275,10 @@
"id": "group b", "id": "group b",
"type": "", "type": "",
"pos": { "pos": {
"x": 245, "x": 275,
"y": 1306 "y": 1306
}, },
"width": 438, "width": 468,
"height": 466, "height": 466,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -313,7 +313,7 @@
"id": "c.what would arnold say", "id": "c.what would arnold say",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 386, "x": 446,
"y": 1476 "y": 1476
}, },
"width": 257, "width": 257,
@ -352,7 +352,7 @@
"id": "choo", "id": "choo",
"type": "", "type": "",
"pos": { "pos": {
"x": 603, "x": 693,
"y": 1822 "y": 1822
}, },
"width": 254, "width": 254,
@ -390,7 +390,7 @@
"id": "d.this note", "id": "d.this note",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 653, "x": 743,
"y": 1862 "y": 1862
}, },
"width": 164, "width": 164,
@ -429,7 +429,7 @@
"id": "b.t1", "id": "b.t1",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 289, "x": 319,
"y": 940 "y": 940
}, },
"width": 12, "width": 12,
@ -467,7 +467,7 @@
"id": "c.t1", "id": "c.t1",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 509, "x": 569,
"y": 940 "y": 940
}, },
"width": 12, "width": 12,
@ -505,7 +505,7 @@
"id": "b.t1.t2", "id": "b.t1.t2",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 285, "x": 315,
"y": 1070 "y": 1070
}, },
"width": 20, "width": 20,
@ -571,7 +571,7 @@
"y": 306 "y": 306
}, },
{ {
"x": 295, "x": 325,
"y": 306 "y": 306
} }
], ],
@ -610,7 +610,7 @@
"y": 436 "y": 436
}, },
{ {
"x": 295, "x": 325,
"y": 436 "y": 436
} }
], ],
@ -645,11 +645,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 295, "x": 325,
"y": 566 "y": 566
}, },
{ {
"x": 515, "x": 575,
"y": 566 "y": 566
} }
], ],
@ -684,11 +684,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 515, "x": 575,
"y": 696 "y": 696
}, },
{ {
"x": 295, "x": 325,
"y": 696 "y": 696
} }
], ],
@ -723,11 +723,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 515, "x": 575,
"y": 826 "y": 826
}, },
{ {
"x": 295, "x": 325,
"y": 826 "y": 826
} }
], ],
@ -762,11 +762,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 301, "x": 331,
"y": 956 "y": 956
}, },
{ {
"x": 509, "x": 569,
"y": 956 "y": 956
} }
], ],
@ -801,11 +801,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 305, "x": 335,
"y": 1086 "y": 1086
}, },
{ {
"x": 509, "x": 569,
"y": 1086 "y": 1086
} }
], ],
@ -840,11 +840,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 509, "x": 569,
"y": 1216 "y": 1216
}, },
{ {
"x": 301, "x": 331,
"y": 1216 "y": 1216
} }
], ],
@ -879,11 +879,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 295, "x": 325,
"y": 1346 "y": 1346
}, },
{ {
"x": 515, "x": 575,
"y": 1346 "y": 1346
} }
], ],
@ -918,11 +918,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 515, "x": 575,
"y": 1732 "y": 1732
}, },
{ {
"x": 295, "x": 325,
"y": 1732 "y": 1732
} }
], ],
@ -996,11 +996,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 295, "x": 325,
"y": 176 "y": 176
}, },
{ {
"x": 295, "x": 325,
"y": 2118 "y": 2118
} }
], ],
@ -1035,11 +1035,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 515, "x": 575,
"y": 176 "y": 176
}, },
{ {
"x": 515, "x": 575,
"y": 2118 "y": 2118
} }
], ],
@ -1074,11 +1074,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 735, "x": 825,
"y": 176 "y": 176
}, },
{ {
"x": 735, "x": 825,
"y": 2118 "y": 2118
} }
], ],

14
e2etests/testdata/stable/sequence_diagram_groups/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 475 KiB

After

Width:  |  Height:  |  Size: 475 KiB

80
e2etests/testdata/stable/sequence_diagram_groups/elk/board.exp.json generated vendored
View file

@ -44,7 +44,7 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 220, "x": 250,
"y": 50 "y": 50
}, },
"width": 150, "width": 150,
@ -83,7 +83,7 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 440, "x": 500,
"y": 50 "y": 50
}, },
"width": 150, "width": 150,
@ -122,7 +122,7 @@
"id": "d", "id": "d",
"type": "", "type": "",
"pos": { "pos": {
"x": 660, "x": 750,
"y": 50 "y": 50
}, },
"width": 150, "width": 150,
@ -164,7 +164,7 @@
"x": 25, "x": 25,
"y": 396 "y": 396
}, },
"width": 320, "width": 350,
"height": 80, "height": 80,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -199,10 +199,10 @@
"id": "group 1", "id": "group 1",
"type": "", "type": "",
"pos": { "pos": {
"x": 221, "x": 251,
"y": 526 "y": 526
}, },
"width": 368, "width": 398,
"height": 730, "height": 730,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -237,10 +237,10 @@
"id": "group 1.nested guy", "id": "group 1.nested guy",
"type": "", "type": "",
"pos": { "pos": {
"x": 245, "x": 275,
"y": 786 "y": 786
}, },
"width": 320, "width": 350,
"height": 80, "height": 80,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -275,10 +275,10 @@
"id": "group b", "id": "group b",
"type": "", "type": "",
"pos": { "pos": {
"x": 245, "x": 275,
"y": 1306 "y": 1306
}, },
"width": 438, "width": 468,
"height": 466, "height": 466,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -313,7 +313,7 @@
"id": "c.what would arnold say", "id": "c.what would arnold say",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 386, "x": 446,
"y": 1476 "y": 1476
}, },
"width": 257, "width": 257,
@ -352,7 +352,7 @@
"id": "choo", "id": "choo",
"type": "", "type": "",
"pos": { "pos": {
"x": 603, "x": 693,
"y": 1822 "y": 1822
}, },
"width": 254, "width": 254,
@ -390,7 +390,7 @@
"id": "d.this note", "id": "d.this note",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 653, "x": 743,
"y": 1862 "y": 1862
}, },
"width": 164, "width": 164,
@ -429,7 +429,7 @@
"id": "b.t1", "id": "b.t1",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 289, "x": 319,
"y": 940 "y": 940
}, },
"width": 12, "width": 12,
@ -467,7 +467,7 @@
"id": "c.t1", "id": "c.t1",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 509, "x": 569,
"y": 940 "y": 940
}, },
"width": 12, "width": 12,
@ -505,7 +505,7 @@
"id": "b.t1.t2", "id": "b.t1.t2",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 285, "x": 315,
"y": 1070 "y": 1070
}, },
"width": 20, "width": 20,
@ -571,7 +571,7 @@
"y": 306 "y": 306
}, },
{ {
"x": 295, "x": 325,
"y": 306 "y": 306
} }
], ],
@ -610,7 +610,7 @@
"y": 436 "y": 436
}, },
{ {
"x": 295, "x": 325,
"y": 436 "y": 436
} }
], ],
@ -645,11 +645,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 295, "x": 325,
"y": 566 "y": 566
}, },
{ {
"x": 515, "x": 575,
"y": 566 "y": 566
} }
], ],
@ -684,11 +684,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 515, "x": 575,
"y": 696 "y": 696
}, },
{ {
"x": 295, "x": 325,
"y": 696 "y": 696
} }
], ],
@ -723,11 +723,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 515, "x": 575,
"y": 826 "y": 826
}, },
{ {
"x": 295, "x": 325,
"y": 826 "y": 826
} }
], ],
@ -762,11 +762,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 301, "x": 331,
"y": 956 "y": 956
}, },
{ {
"x": 509, "x": 569,
"y": 956 "y": 956
} }
], ],
@ -801,11 +801,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 305, "x": 335,
"y": 1086 "y": 1086
}, },
{ {
"x": 509, "x": 569,
"y": 1086 "y": 1086
} }
], ],
@ -840,11 +840,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 509, "x": 569,
"y": 1216 "y": 1216
}, },
{ {
"x": 301, "x": 331,
"y": 1216 "y": 1216
} }
], ],
@ -879,11 +879,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 295, "x": 325,
"y": 1346 "y": 1346
}, },
{ {
"x": 515, "x": 575,
"y": 1346 "y": 1346
} }
], ],
@ -918,11 +918,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 515, "x": 575,
"y": 1732 "y": 1732
}, },
{ {
"x": 295, "x": 325,
"y": 1732 "y": 1732
} }
], ],
@ -996,11 +996,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 295, "x": 325,
"y": 176 "y": 176
}, },
{ {
"x": 295, "x": 325,
"y": 2118 "y": 2118
} }
], ],
@ -1035,11 +1035,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 515, "x": 575,
"y": 176 "y": 176
}, },
{ {
"x": 515, "x": 575,
"y": 2118 "y": 2118
} }
], ],
@ -1074,11 +1074,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 735, "x": 825,
"y": 176 "y": 176
}, },
{ {
"x": 735, "x": 825,
"y": 2118 "y": 2118
} }
], ],

14
e2etests/testdata/stable/sequence_diagram_groups/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 475 KiB

After

Width:  |  Height:  |  Size: 475 KiB

280
e2etests/testdata/stable/sequence_diagram_long_note/dagre/board.exp.json generated vendored Normal file
View file

@ -0,0 +1,280 @@
{
"name": "",
"shapes": [
{
"id": "b",
"type": "",
"pos": {
"x": 0,
"y": 50
},
"width": 150,
"height": 126,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"fields": null,
"methods": null,
"columns": null,
"label": "b",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 13,
"labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "b.note",
"type": "rectangle",
"pos": {
"x": -187,
"y": 436
},
"width": 525,
"height": 126,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#FFFFFF",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"fields": null,
"methods": null,
"columns": null,
"label": "a note here to remember that padding must consider notes too",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 425,
"labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 5,
"level": 2
},
{
"id": "a",
"type": "",
"pos": {
"x": 313,
"y": 50
},
"width": 150,
"height": 126,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"fields": null,
"methods": null,
"columns": null,
"label": "a",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 12,
"labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "a.note",
"type": "rectangle",
"pos": {
"x": 319,
"y": 692
},
"width": 137,
"height": 190,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#FFFFFF",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"fields": null,
"methods": null,
"columns": null,
"label": "just\na\nlong\nnote\nhere",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 37,
"labelHeight": 90,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 5,
"level": 2
}
],
"connections": [
{
"id": "(a -> b)[0]",
"src": "a",
"srcArrow": "none",
"srcLabel": "",
"dst": "b",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 388,
"y": 306
},
{
"x": 75,
"y": 306
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 4
},
{
"id": "(b -- )[0]",
"src": "b",
"srcArrow": "none",
"srcLabel": "",
"dst": "b-lifeline-end-668380428",
"dstArrow": "none",
"dstLabel": "",
"opacity": 1,
"strokeDash": 6,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 75,
"y": 176
},
{
"x": 75,
"y": 1012
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 2
},
{
"id": "(a -- )[0]",
"src": "a",
"srcArrow": "none",
"srcLabel": "",
"dst": "a-lifeline-end-2251863791",
"dstArrow": "none",
"dstLabel": "",
"opacity": 1,
"strokeDash": 6,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 388,
"y": 176
},
{
"x": 388,
"y": 1012
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 2
}
]
}

24
e2etests/testdata/stable/sequence_diagram_long_note/dagre/sketch.exp.svg vendored Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 326 KiB

280
e2etests/testdata/stable/sequence_diagram_long_note/elk/board.exp.json generated vendored Normal file
View file

@ -0,0 +1,280 @@
{
"name": "",
"shapes": [
{
"id": "b",
"type": "",
"pos": {
"x": 0,
"y": 50
},
"width": 150,
"height": 126,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"fields": null,
"methods": null,
"columns": null,
"label": "b",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 13,
"labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "b.note",
"type": "rectangle",
"pos": {
"x": -187,
"y": 436
},
"width": 525,
"height": 126,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#FFFFFF",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"fields": null,
"methods": null,
"columns": null,
"label": "a note here to remember that padding must consider notes too",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 425,
"labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 5,
"level": 2
},
{
"id": "a",
"type": "",
"pos": {
"x": 313,
"y": 50
},
"width": 150,
"height": 126,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"fields": null,
"methods": null,
"columns": null,
"label": "a",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 12,
"labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "a.note",
"type": "rectangle",
"pos": {
"x": 319,
"y": 692
},
"width": 137,
"height": 190,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#FFFFFF",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"fields": null,
"methods": null,
"columns": null,
"label": "just\na\nlong\nnote\nhere",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 37,
"labelHeight": 90,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 5,
"level": 2
}
],
"connections": [
{
"id": "(a -> b)[0]",
"src": "a",
"srcArrow": "none",
"srcLabel": "",
"dst": "b",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 388,
"y": 306
},
{
"x": 75,
"y": 306
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 4
},
{
"id": "(b -- )[0]",
"src": "b",
"srcArrow": "none",
"srcLabel": "",
"dst": "b-lifeline-end-668380428",
"dstArrow": "none",
"dstLabel": "",
"opacity": 1,
"strokeDash": 6,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 75,
"y": 176
},
{
"x": 75,
"y": 1012
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 2
},
{
"id": "(a -- )[0]",
"src": "a",
"srcArrow": "none",
"srcLabel": "",
"dst": "a-lifeline-end-2251863791",
"dstArrow": "none",
"dstLabel": "",
"opacity": 1,
"strokeDash": 6,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 388,
"y": 176
},
{
"x": 388,
"y": 1012
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 2
}
]
}

24
e2etests/testdata/stable/sequence_diagram_long_note/elk/sketch.exp.svg vendored Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 326 KiB

4
e2etests/testdata/stable/sequence_diagram_nested_span/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 333 KiB

After

Width:  |  Height:  |  Size: 333 KiB

4
e2etests/testdata/stable/sequence_diagram_nested_span/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 333 KiB

After

Width:  |  Height:  |  Size: 333 KiB

32
e2etests/testdata/stable/sequence_diagram_note/dagre/board.exp.json generated vendored
View file

@ -44,7 +44,7 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 220, "x": 250,
"y": 50 "y": 50
}, },
"width": 150, "width": 150,
@ -83,7 +83,7 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 440, "x": 500,
"y": 50 "y": 50
}, },
"width": 150, "width": 150,
@ -122,7 +122,7 @@
"id": "d", "id": "d",
"type": "", "type": "",
"pos": { "pos": {
"x": 660, "x": 750,
"y": 50 "y": 50
}, },
"width": 150, "width": 150,
@ -239,7 +239,7 @@
"id": "b.\"Some one who believes imaginary things\\n appear right before your i's.\"", "id": "b.\"Some one who believes imaginary things\\n appear right before your i's.\"",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 106, "x": 136,
"y": 1078 "y": 1078
}, },
"width": 378, "width": 378,
@ -278,7 +278,7 @@
"id": "d.The earth is like a tiny grain of sand, only much, much heavier", "id": "d.The earth is like a tiny grain of sand, only much, much heavier",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 477, "x": 567,
"y": 1480 "y": 1480
}, },
"width": 516, "width": 516,
@ -345,7 +345,7 @@
"y": 306 "y": 306
}, },
{ {
"x": 295, "x": 325,
"y": 306 "y": 306
} }
], ],
@ -380,11 +380,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 295, "x": 325,
"y": 948 "y": 948
}, },
{ {
"x": 515, "x": 575,
"y": 948 "y": 948
} }
], ],
@ -419,11 +419,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 515, "x": 575,
"y": 1350 "y": 1350
}, },
{ {
"x": 295, "x": 325,
"y": 1350 "y": 1350
} }
], ],
@ -497,11 +497,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 295, "x": 325,
"y": 176 "y": 176
}, },
{ {
"x": 295, "x": 325,
"y": 1736 "y": 1736
} }
], ],
@ -536,11 +536,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 515, "x": 575,
"y": 176 "y": 176
}, },
{ {
"x": 515, "x": 575,
"y": 1736 "y": 1736
} }
], ],
@ -575,11 +575,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 735, "x": 825,
"y": 176 "y": 176
}, },
{ {
"x": 735, "x": 825,
"y": 1736 "y": 1736
} }
], ],

8
e2etests/testdata/stable/sequence_diagram_note/dagre/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1238" height="1886" viewBox="-145 -50 1238 1886"><style type="text/css"> width="1328" height="1886" viewBox="-145 -50 1328 1886"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -14,9 +14,9 @@ width="1238" height="1886" viewBox="-145 -50 1238 1886"><style type="text/css">
} }
]]> ]]>
</style><g id="a"><g class="shape" ><rect x="0" y="50" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="75.000000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="220" y="50" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="295.000000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="440" y="50" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="515.000000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="660" y="50" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="735.000000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a -- )[0]"><path d="M 75.000000 178.000000 L 75.000000 1735.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(b -- )[0]"><path d="M 295.000000 178.000000 L 295.000000 1735.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(c -- )[0]"><path d="M 515.000000 178.000000 L 515.000000 1735.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(d -- )[0]"><path d="M 735.000000 178.000000 L 735.000000 1735.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 77.000000 306.000000 L 291.000000 306.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(b -&gt; c)[0]"><path d="M 297.000000 948.000000 L 511.000000 948.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(c -&gt; b)[0]"><path d="M 513.000000 1350.000000 L 299.000000 1350.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="405.500000" y="1356.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><g id="a.explanation"><g class="shape" ><rect x="-17" y="436" width="184" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="75.000000" y="502.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">explanation</text></g><g id="a.another explanation"><g class="shape" ><rect x="-45" y="692" width="241" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="75.500000" y="758.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">another explanation</text></g><g id="b.&#34;Some one who believes imaginary things\n appear right before your i&#39;s.&#34;"><g class="shape" ><rect x="106" y="1078" width="378" height="142" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="295.000000" y="1144.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="295.000000" dy="0.000000">Some one who believes imaginary things</tspan><tspan x="295.000000" dy="21.000000"> appear right before your i&#39;s.</tspan></text></g><g id="d.The earth is like a tiny grain of sand, only much, much heavier"><g class="shape" ><rect x="477" y="1480" width="516" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="735.000000" y="1546.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">The earth is like a tiny grain of sand, only much, much heavier</text></g><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="1238" height="1886"> </style><g id="a"><g class="shape" ><rect x="0" y="50" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="75.000000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="250" y="50" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="325.000000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="500" y="50" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="575.000000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="750" y="50" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="825.000000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a -- )[0]"><path d="M 75.000000 178.000000 L 75.000000 1735.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(b -- )[0]"><path d="M 325.000000 178.000000 L 325.000000 1735.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(c -- )[0]"><path d="M 575.000000 178.000000 L 575.000000 1735.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(d -- )[0]"><path d="M 825.000000 178.000000 L 825.000000 1735.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 77.000000 306.000000 L 321.000000 306.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(b -&gt; c)[0]"><path d="M 327.000000 948.000000 L 571.000000 948.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(c -&gt; b)[0]"><path d="M 573.000000 1350.000000 L 329.000000 1350.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="450.500000" y="1356.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><g id="a.explanation"><g class="shape" ><rect x="-17" y="436" width="184" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="75.000000" y="502.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">explanation</text></g><g id="a.another explanation"><g class="shape" ><rect x="-45" y="692" width="241" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="75.500000" y="758.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">another explanation</text></g><g id="b.&#34;Some one who believes imaginary things\n appear right before your i&#39;s.&#34;"><g class="shape" ><rect x="136" y="1078" width="378" height="142" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="325.000000" y="1144.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="325.000000" dy="0.000000">Some one who believes imaginary things</tspan><tspan x="325.000000" dy="21.000000"> appear right before your i&#39;s.</tspan></text></g><g id="d.The earth is like a tiny grain of sand, only much, much heavier"><g class="shape" ><rect x="567" y="1480" width="516" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="825.000000" y="1546.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">The earth is like a tiny grain of sand, only much, much heavier</text></g><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="1328" height="1886">
<rect x="0" y="0" width="1238" height="1886" fill="white"></rect> <rect x="0" y="0" width="1328" height="1886" fill="white"></rect>
<rect x="389.000000" y="1340.000000" width="33" height="21" fill="black"></rect> <rect x="434.000000" y="1340.000000" width="33" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 472 KiB

After

Width:  |  Height:  |  Size: 472 KiB

32
e2etests/testdata/stable/sequence_diagram_note/elk/board.exp.json generated vendored
View file

@ -44,7 +44,7 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 220, "x": 250,
"y": 50 "y": 50
}, },
"width": 150, "width": 150,
@ -83,7 +83,7 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 440, "x": 500,
"y": 50 "y": 50
}, },
"width": 150, "width": 150,
@ -122,7 +122,7 @@
"id": "d", "id": "d",
"type": "", "type": "",
"pos": { "pos": {
"x": 660, "x": 750,
"y": 50 "y": 50
}, },
"width": 150, "width": 150,
@ -239,7 +239,7 @@
"id": "b.\"Some one who believes imaginary things\\n appear right before your i's.\"", "id": "b.\"Some one who believes imaginary things\\n appear right before your i's.\"",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 106, "x": 136,
"y": 1078 "y": 1078
}, },
"width": 378, "width": 378,
@ -278,7 +278,7 @@
"id": "d.The earth is like a tiny grain of sand, only much, much heavier", "id": "d.The earth is like a tiny grain of sand, only much, much heavier",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 477, "x": 567,
"y": 1480 "y": 1480
}, },
"width": 516, "width": 516,
@ -345,7 +345,7 @@
"y": 306 "y": 306
}, },
{ {
"x": 295, "x": 325,
"y": 306 "y": 306
} }
], ],
@ -380,11 +380,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 295, "x": 325,
"y": 948 "y": 948
}, },
{ {
"x": 515, "x": 575,
"y": 948 "y": 948
} }
], ],
@ -419,11 +419,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 515, "x": 575,
"y": 1350 "y": 1350
}, },
{ {
"x": 295, "x": 325,
"y": 1350 "y": 1350
} }
], ],
@ -497,11 +497,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 295, "x": 325,
"y": 176 "y": 176
}, },
{ {
"x": 295, "x": 325,
"y": 1736 "y": 1736
} }
], ],
@ -536,11 +536,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 515, "x": 575,
"y": 176 "y": 176
}, },
{ {
"x": 515, "x": 575,
"y": 1736 "y": 1736
} }
], ],
@ -575,11 +575,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 735, "x": 825,
"y": 176 "y": 176
}, },
{ {
"x": 735, "x": 825,
"y": 1736 "y": 1736
} }
], ],

8
e2etests/testdata/stable/sequence_diagram_note/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1238" height="1886" viewBox="-145 -50 1238 1886"><style type="text/css"> width="1328" height="1886" viewBox="-145 -50 1328 1886"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -14,9 +14,9 @@ width="1238" height="1886" viewBox="-145 -50 1238 1886"><style type="text/css">
} }
]]> ]]>
</style><g id="a"><g class="shape" ><rect x="0" y="50" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="75.000000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="220" y="50" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="295.000000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="440" y="50" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="515.000000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="660" y="50" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="735.000000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a -- )[0]"><path d="M 75.000000 178.000000 L 75.000000 1735.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(b -- )[0]"><path d="M 295.000000 178.000000 L 295.000000 1735.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(c -- )[0]"><path d="M 515.000000 178.000000 L 515.000000 1735.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(d -- )[0]"><path d="M 735.000000 178.000000 L 735.000000 1735.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 77.000000 306.000000 L 291.000000 306.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(b -&gt; c)[0]"><path d="M 297.000000 948.000000 L 511.000000 948.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(c -&gt; b)[0]"><path d="M 513.000000 1350.000000 L 299.000000 1350.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="405.500000" y="1356.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><g id="a.explanation"><g class="shape" ><rect x="-17" y="436" width="184" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="75.000000" y="502.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">explanation</text></g><g id="a.another explanation"><g class="shape" ><rect x="-45" y="692" width="241" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="75.500000" y="758.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">another explanation</text></g><g id="b.&#34;Some one who believes imaginary things\n appear right before your i&#39;s.&#34;"><g class="shape" ><rect x="106" y="1078" width="378" height="142" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="295.000000" y="1144.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="295.000000" dy="0.000000">Some one who believes imaginary things</tspan><tspan x="295.000000" dy="21.000000"> appear right before your i&#39;s.</tspan></text></g><g id="d.The earth is like a tiny grain of sand, only much, much heavier"><g class="shape" ><rect x="477" y="1480" width="516" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="735.000000" y="1546.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">The earth is like a tiny grain of sand, only much, much heavier</text></g><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="1238" height="1886"> </style><g id="a"><g class="shape" ><rect x="0" y="50" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="75.000000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="250" y="50" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="325.000000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="500" y="50" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="575.000000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="750" y="50" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="825.000000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a -- )[0]"><path d="M 75.000000 178.000000 L 75.000000 1735.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(b -- )[0]"><path d="M 325.000000 178.000000 L 325.000000 1735.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(c -- )[0]"><path d="M 575.000000 178.000000 L 575.000000 1735.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(d -- )[0]"><path d="M 825.000000 178.000000 L 825.000000 1735.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 77.000000 306.000000 L 321.000000 306.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(b -&gt; c)[0]"><path d="M 327.000000 948.000000 L 571.000000 948.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(c -&gt; b)[0]"><path d="M 573.000000 1350.000000 L 329.000000 1350.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="450.500000" y="1356.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><g id="a.explanation"><g class="shape" ><rect x="-17" y="436" width="184" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="75.000000" y="502.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">explanation</text></g><g id="a.another explanation"><g class="shape" ><rect x="-45" y="692" width="241" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="75.500000" y="758.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">another explanation</text></g><g id="b.&#34;Some one who believes imaginary things\n appear right before your i&#39;s.&#34;"><g class="shape" ><rect x="136" y="1078" width="378" height="142" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="325.000000" y="1144.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="325.000000" dy="0.000000">Some one who believes imaginary things</tspan><tspan x="325.000000" dy="21.000000"> appear right before your i&#39;s.</tspan></text></g><g id="d.The earth is like a tiny grain of sand, only much, much heavier"><g class="shape" ><rect x="567" y="1480" width="516" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="825.000000" y="1546.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">The earth is like a tiny grain of sand, only much, much heavier</text></g><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="1328" height="1886">
<rect x="0" y="0" width="1238" height="1886" fill="white"></rect> <rect x="0" y="0" width="1328" height="1886" fill="white"></rect>
<rect x="389.000000" y="1340.000000" width="33" height="21" fill="black"></rect> <rect x="434.000000" y="1340.000000" width="33" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 472 KiB

After

Width:  |  Height:  |  Size: 472 KiB

96
e2etests/testdata/stable/sequence_diagram_real/dagre/board.exp.json generated vendored
View file

@ -8,7 +8,7 @@
"x": 0, "x": 0,
"y": 0 "y": 0
}, },
"width": 2174, "width": 2199,
"height": 2288, "height": 2288,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -83,7 +83,7 @@
"id": "How this is rendered.d2ast", "id": "How this is rendered.d2ast",
"type": "", "type": "",
"pos": { "pos": {
"x": 220, "x": 250,
"y": 86 "y": 86
}, },
"width": 150, "width": 150,
@ -122,7 +122,7 @@
"id": "How this is rendered.d2compiler", "id": "How this is rendered.d2compiler",
"type": "", "type": "",
"pos": { "pos": {
"x": 440, "x": 484,
"y": 86 "y": 86
}, },
"width": 182, "width": 182,
@ -161,7 +161,7 @@
"id": "How this is rendered.d2layout", "id": "How this is rendered.d2layout",
"type": "", "type": "",
"pos": { "pos": {
"x": 692, "x": 743,
"y": 86 "y": 86
}, },
"width": 165, "width": 165,
@ -200,7 +200,7 @@
"id": "How this is rendered.d2exporter", "id": "How this is rendered.d2exporter",
"type": "", "type": "",
"pos": { "pos": {
"x": 927, "x": 985,
"y": 86 "y": 86
}, },
"width": 180, "width": 180,
@ -239,7 +239,7 @@
"id": "How this is rendered.d2themes", "id": "How this is rendered.d2themes",
"type": "", "type": "",
"pos": { "pos": {
"x": 1177, "x": 1239,
"y": 86 "y": 86
}, },
"width": 173, "width": 173,
@ -278,7 +278,7 @@
"id": "How this is rendered.d2renderer", "id": "How this is rendered.d2renderer",
"type": "", "type": "",
"pos": { "pos": {
"x": 1420, "x": 1485,
"y": 86 "y": 86
}, },
"width": 181, "width": 181,
@ -317,7 +317,7 @@
"id": "How this is rendered.d2compiler.measurements also take place", "id": "How this is rendered.d2compiler.measurements also take place",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 377, "x": 421,
"y": 732 "y": 732
}, },
"width": 307, "width": 307,
@ -356,10 +356,10 @@
"id": "How this is rendered.only if root is not sequence", "id": "How this is rendered.only if root is not sequence",
"type": "", "type": "",
"pos": { "pos": {
"x": 730, "x": 781,
"y": 1338 "y": 1338
}, },
"width": 1391, "width": 1365,
"height": 80, "height": 80,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -394,7 +394,7 @@
"id": "How this is rendered.d2layout.layout", "id": "How this is rendered.d2layout.layout",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 768, "x": 819,
"y": 1102 "y": 1102
}, },
"width": 12, "width": 12,
@ -432,7 +432,7 @@
"id": "How this is rendered.d2sequencelayout", "id": "How this is rendered.d2sequencelayout",
"type": "", "type": "",
"pos": { "pos": {
"x": 1671, "x": 1716,
"y": 86 "y": 86
}, },
"width": 229, "width": 229,
@ -471,7 +471,7 @@
"id": "How this is rendered.d2dagrelayout", "id": "How this is rendered.d2dagrelayout",
"type": "", "type": "",
"pos": { "pos": {
"x": 1970, "x": 1995,
"y": 86 "y": 86
}, },
"width": 204, "width": 204,
@ -510,7 +510,7 @@
"id": "How this is rendered.d2exporter.export", "id": "How this is rendered.d2exporter.export",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1011, "x": 1069,
"y": 1882 "y": 1882
}, },
"width": 12, "width": 12,
@ -576,7 +576,7 @@
"y": 342 "y": 342
}, },
{ {
"x": 295, "x": 325,
"y": 342 "y": 342
} }
], ],
@ -611,7 +611,7 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 295, "x": 325,
"y": 472 "y": 472
}, },
{ {
@ -654,7 +654,7 @@
"y": 602 "y": 602
}, },
{ {
"x": 531, "x": 575,
"y": 602 "y": 602
} }
], ],
@ -689,7 +689,7 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 531, "x": 575,
"y": 988 "y": 988
}, },
{ {
@ -732,7 +732,7 @@
"y": 1118 "y": 1118
}, },
{ {
"x": 768.5, "x": 819.5,
"y": 1118 "y": 1118
} }
], ],
@ -767,11 +767,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 780.5, "x": 831.5,
"y": 1248 "y": 1248
}, },
{ {
"x": 1785.5, "x": 1830.5,
"y": 1248 "y": 1248
} }
], ],
@ -806,11 +806,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 780.5, "x": 831.5,
"y": 1378 "y": 1378
}, },
{ {
"x": 2072, "x": 2097,
"y": 1378 "y": 1378
} }
], ],
@ -845,11 +845,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 780.5, "x": 831.5,
"y": 1508 "y": 1508
}, },
{ {
"x": 1785.5, "x": 1830.5,
"y": 1508 "y": 1508
} }
], ],
@ -884,7 +884,7 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 774.5, "x": 825.5,
"y": 1638 "y": 1638
}, },
{ {
@ -927,7 +927,7 @@
"y": 1768 "y": 1768
}, },
{ {
"x": 1017, "x": 1075,
"y": 1768 "y": 1768
} }
], ],
@ -962,11 +962,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1023, "x": 1081,
"y": 1898 "y": 1898
}, },
{ {
"x": 1263.5, "x": 1325.5,
"y": 1898 "y": 1898
} }
], ],
@ -1001,11 +1001,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1023, "x": 1081,
"y": 2028 "y": 2028
}, },
{ {
"x": 1510.5, "x": 1575.5,
"y": 2028 "y": 2028
} }
], ],
@ -1040,7 +1040,7 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1011, "x": 1069,
"y": 2158 "y": 2158
}, },
{ {
@ -1118,11 +1118,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 295, "x": 325,
"y": 212 "y": 212
}, },
{ {
"x": 295, "x": 325,
"y": 2288 "y": 2288
} }
], ],
@ -1157,11 +1157,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 531, "x": 575,
"y": 212 "y": 212
}, },
{ {
"x": 531, "x": 575,
"y": 2288 "y": 2288
} }
], ],
@ -1196,11 +1196,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 774.5, "x": 825.5,
"y": 212 "y": 212
}, },
{ {
"x": 774.5, "x": 825.5,
"y": 2288 "y": 2288
} }
], ],
@ -1235,11 +1235,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1017, "x": 1075,
"y": 212 "y": 212
}, },
{ {
"x": 1017, "x": 1075,
"y": 2288 "y": 2288
} }
], ],
@ -1274,11 +1274,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1263.5, "x": 1325.5,
"y": 212 "y": 212
}, },
{ {
"x": 1263.5, "x": 1325.5,
"y": 2288 "y": 2288
} }
], ],
@ -1313,11 +1313,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1510.5, "x": 1575.5,
"y": 212 "y": 212
}, },
{ {
"x": 1510.5, "x": 1575.5,
"y": 2288 "y": 2288
} }
], ],
@ -1352,11 +1352,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1785.5, "x": 1830.5,
"y": 212 "y": 212
}, },
{ {
"x": 1785.5, "x": 1830.5,
"y": 2288 "y": 2288
} }
], ],
@ -1391,11 +1391,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2072, "x": 2097,
"y": 212 "y": 212
}, },
{ {
"x": 2072, "x": 2097,
"y": 2288 "y": 2288
} }
], ],

32
e2etests/testdata/stable/sequence_diagram_real/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 480 KiB

After

Width:  |  Height:  |  Size: 480 KiB

96
e2etests/testdata/stable/sequence_diagram_real/elk/board.exp.json generated vendored
View file

@ -8,7 +8,7 @@
"x": 12, "x": 12,
"y": 12 "y": 12
}, },
"width": 2174, "width": 2199,
"height": 2288, "height": 2288,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -83,7 +83,7 @@
"id": "How this is rendered.d2ast", "id": "How this is rendered.d2ast",
"type": "", "type": "",
"pos": { "pos": {
"x": 232, "x": 262,
"y": 98 "y": 98
}, },
"width": 150, "width": 150,
@ -122,7 +122,7 @@
"id": "How this is rendered.d2compiler", "id": "How this is rendered.d2compiler",
"type": "", "type": "",
"pos": { "pos": {
"x": 452, "x": 496,
"y": 98 "y": 98
}, },
"width": 182, "width": 182,
@ -161,7 +161,7 @@
"id": "How this is rendered.d2layout", "id": "How this is rendered.d2layout",
"type": "", "type": "",
"pos": { "pos": {
"x": 704, "x": 755,
"y": 98 "y": 98
}, },
"width": 165, "width": 165,
@ -200,7 +200,7 @@
"id": "How this is rendered.d2exporter", "id": "How this is rendered.d2exporter",
"type": "", "type": "",
"pos": { "pos": {
"x": 939, "x": 997,
"y": 98 "y": 98
}, },
"width": 180, "width": 180,
@ -239,7 +239,7 @@
"id": "How this is rendered.d2themes", "id": "How this is rendered.d2themes",
"type": "", "type": "",
"pos": { "pos": {
"x": 1189, "x": 1251,
"y": 98 "y": 98
}, },
"width": 173, "width": 173,
@ -278,7 +278,7 @@
"id": "How this is rendered.d2renderer", "id": "How this is rendered.d2renderer",
"type": "", "type": "",
"pos": { "pos": {
"x": 1432, "x": 1497,
"y": 98 "y": 98
}, },
"width": 181, "width": 181,
@ -317,7 +317,7 @@
"id": "How this is rendered.d2compiler.measurements also take place", "id": "How this is rendered.d2compiler.measurements also take place",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 377, "x": 421,
"y": 732 "y": 732
}, },
"width": 307, "width": 307,
@ -356,10 +356,10 @@
"id": "How this is rendered.only if root is not sequence", "id": "How this is rendered.only if root is not sequence",
"type": "", "type": "",
"pos": { "pos": {
"x": 730, "x": 781,
"y": 1338 "y": 1338
}, },
"width": 1391, "width": 1365,
"height": 80, "height": 80,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -394,7 +394,7 @@
"id": "How this is rendered.d2layout.layout", "id": "How this is rendered.d2layout.layout",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 780, "x": 831,
"y": 1114 "y": 1114
}, },
"width": 12, "width": 12,
@ -432,7 +432,7 @@
"id": "How this is rendered.d2sequencelayout", "id": "How this is rendered.d2sequencelayout",
"type": "", "type": "",
"pos": { "pos": {
"x": 1683, "x": 1728,
"y": 98 "y": 98
}, },
"width": 229, "width": 229,
@ -471,7 +471,7 @@
"id": "How this is rendered.d2dagrelayout", "id": "How this is rendered.d2dagrelayout",
"type": "", "type": "",
"pos": { "pos": {
"x": 1982, "x": 2007,
"y": 98 "y": 98
}, },
"width": 204, "width": 204,
@ -510,7 +510,7 @@
"id": "How this is rendered.d2exporter.export", "id": "How this is rendered.d2exporter.export",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1023, "x": 1081,
"y": 1894 "y": 1894
}, },
"width": 12, "width": 12,
@ -576,7 +576,7 @@
"y": 354 "y": 354
}, },
{ {
"x": 307, "x": 337,
"y": 354 "y": 354
} }
], ],
@ -611,7 +611,7 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 307, "x": 337,
"y": 484 "y": 484
}, },
{ {
@ -654,7 +654,7 @@
"y": 614 "y": 614
}, },
{ {
"x": 543, "x": 587,
"y": 614 "y": 614
} }
], ],
@ -689,7 +689,7 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 543, "x": 587,
"y": 1000 "y": 1000
}, },
{ {
@ -732,7 +732,7 @@
"y": 1130 "y": 1130
}, },
{ {
"x": 780.5, "x": 831.5,
"y": 1130 "y": 1130
} }
], ],
@ -767,11 +767,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 792.5, "x": 843.5,
"y": 1260 "y": 1260
}, },
{ {
"x": 1797.5, "x": 1842.5,
"y": 1260 "y": 1260
} }
], ],
@ -806,11 +806,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 792.5, "x": 843.5,
"y": 1390 "y": 1390
}, },
{ {
"x": 2084, "x": 2109,
"y": 1390 "y": 1390
} }
], ],
@ -845,11 +845,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 792.5, "x": 843.5,
"y": 1520 "y": 1520
}, },
{ {
"x": 1797.5, "x": 1842.5,
"y": 1520 "y": 1520
} }
], ],
@ -884,7 +884,7 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 786.5, "x": 837.5,
"y": 1650 "y": 1650
}, },
{ {
@ -927,7 +927,7 @@
"y": 1780 "y": 1780
}, },
{ {
"x": 1029, "x": 1087,
"y": 1780 "y": 1780
} }
], ],
@ -962,11 +962,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1035, "x": 1093,
"y": 1910 "y": 1910
}, },
{ {
"x": 1275.5, "x": 1337.5,
"y": 1910 "y": 1910
} }
], ],
@ -1001,11 +1001,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1035, "x": 1093,
"y": 2040 "y": 2040
}, },
{ {
"x": 1522.5, "x": 1587.5,
"y": 2040 "y": 2040
} }
], ],
@ -1040,7 +1040,7 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1023, "x": 1081,
"y": 2170 "y": 2170
}, },
{ {
@ -1118,11 +1118,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 307, "x": 337,
"y": 224 "y": 224
}, },
{ {
"x": 307, "x": 337,
"y": 2300 "y": 2300
} }
], ],
@ -1157,11 +1157,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 543, "x": 587,
"y": 224 "y": 224
}, },
{ {
"x": 543, "x": 587,
"y": 2300 "y": 2300
} }
], ],
@ -1196,11 +1196,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 786.5, "x": 837.5,
"y": 224 "y": 224
}, },
{ {
"x": 786.5, "x": 837.5,
"y": 2300 "y": 2300
} }
], ],
@ -1235,11 +1235,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1029, "x": 1087,
"y": 224 "y": 224
}, },
{ {
"x": 1029, "x": 1087,
"y": 2300 "y": 2300
} }
], ],
@ -1274,11 +1274,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1275.5, "x": 1337.5,
"y": 224 "y": 224
}, },
{ {
"x": 1275.5, "x": 1337.5,
"y": 2300 "y": 2300
} }
], ],
@ -1313,11 +1313,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1522.5, "x": 1587.5,
"y": 224 "y": 224
}, },
{ {
"x": 1522.5, "x": 1587.5,
"y": 2300 "y": 2300
} }
], ],
@ -1352,11 +1352,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1797.5, "x": 1842.5,
"y": 224 "y": 224
}, },
{ {
"x": 1797.5, "x": 1842.5,
"y": 2300 "y": 2300
} }
], ],
@ -1391,11 +1391,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2084, "x": 2109,
"y": 224 "y": 224
}, },
{ {
"x": 2084, "x": 2109,
"y": 2300 "y": 2300
} }
], ],

32
e2etests/testdata/stable/sequence_diagram_real/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 480 KiB

After

Width:  |  Height:  |  Size: 480 KiB

16
e2etests/testdata/stable/sequence_diagram_self_edges/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 472 KiB

After

Width:  |  Height:  |  Size: 472 KiB

16
e2etests/testdata/stable/sequence_diagram_self_edges/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 472 KiB

After

Width:  |  Height:  |  Size: 472 KiB

56
e2etests/testdata/stable/sequence_diagram_simple/dagre/board.exp.json generated vendored
View file

@ -44,7 +44,7 @@
"id": "bob", "id": "bob",
"type": "person", "type": "person",
"pos": { "pos": {
"x": 228, "x": 264,
"y": 141 "y": 141
}, },
"width": 150, "width": 150,
@ -83,7 +83,7 @@
"id": "db", "id": "db",
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 448, "x": 581,
"y": 162 "y": 162
}, },
"width": 150, "width": 150,
@ -122,7 +122,7 @@
"id": "queue", "id": "queue",
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 668, "x": 898,
"y": 162 "y": 162
}, },
"width": 150, "width": 150,
@ -161,7 +161,7 @@
"id": "service", "id": "service",
"type": "", "type": "",
"pos": { "pos": {
"x": 888, "x": 1192,
"y": 50 "y": 50
}, },
"width": 197, "width": 197,
@ -228,7 +228,7 @@
"y": 418 "y": 418
}, },
{ {
"x": 303, "x": 339,
"y": 418 "y": 418
} }
], ],
@ -263,11 +263,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 303, "x": 339,
"y": 548 "y": 548
}, },
{ {
"x": 986.5, "x": 1290.5,
"y": 548 "y": 548
} }
], ],
@ -302,11 +302,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 986.5, "x": 1290.5,
"y": 678 "y": 678
}, },
{ {
"x": 523, "x": 656,
"y": 678 "y": 678
} }
], ],
@ -341,11 +341,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 523, "x": 656,
"y": 808 "y": 808
}, },
{ {
"x": 986.5, "x": 1290.5,
"y": 808 "y": 808
} }
], ],
@ -380,11 +380,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 986.5, "x": 1290.5,
"y": 938 "y": 938
}, },
{ {
"x": 303, "x": 339,
"y": 938 "y": 938
} }
], ],
@ -419,7 +419,7 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 303, "x": 339,
"y": 1068 "y": 1068
}, },
{ {
@ -462,7 +462,7 @@
"y": 1198 "y": 1198
}, },
{ {
"x": 303, "x": 339,
"y": 1198 "y": 1198
} }
], ],
@ -497,11 +497,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 303, "x": 339,
"y": 1328 "y": 1328
}, },
{ {
"x": 743, "x": 973,
"y": 1328 "y": 1328
} }
], ],
@ -536,11 +536,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 743, "x": 973,
"y": 1458 "y": 1458
}, },
{ {
"x": 303, "x": 339,
"y": 1458 "y": 1458
} }
], ],
@ -575,7 +575,7 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 303, "x": 339,
"y": 1588 "y": 1588
}, },
{ {
@ -653,11 +653,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 303, "x": 339,
"y": 293 "y": 293
}, },
{ {
"x": 303, "x": 339,
"y": 1718 "y": 1718
} }
], ],
@ -692,11 +692,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 523, "x": 656,
"y": 288 "y": 288
}, },
{ {
"x": 523, "x": 656,
"y": 1718 "y": 1718
} }
], ],
@ -731,11 +731,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 743, "x": 973,
"y": 288 "y": 288
}, },
{ {
"x": 743, "x": 973,
"y": 1718 "y": 1718
} }
], ],
@ -770,11 +770,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 986.5, "x": 1290.5,
"y": 288 "y": 288
}, },
{ {
"x": 986.5, "x": 1290.5,
"y": 1718 "y": 1718
} }
], ],

22
e2etests/testdata/stable/sequence_diagram_simple/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 476 KiB

After

Width:  |  Height:  |  Size: 476 KiB

56
e2etests/testdata/stable/sequence_diagram_simple/elk/board.exp.json generated vendored
View file

@ -44,7 +44,7 @@
"id": "bob", "id": "bob",
"type": "person", "type": "person",
"pos": { "pos": {
"x": 228, "x": 264,
"y": 141 "y": 141
}, },
"width": 150, "width": 150,
@ -83,7 +83,7 @@
"id": "db", "id": "db",
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 448, "x": 581,
"y": 162 "y": 162
}, },
"width": 150, "width": 150,
@ -122,7 +122,7 @@
"id": "queue", "id": "queue",
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 668, "x": 898,
"y": 162 "y": 162
}, },
"width": 150, "width": 150,
@ -161,7 +161,7 @@
"id": "service", "id": "service",
"type": "", "type": "",
"pos": { "pos": {
"x": 888, "x": 1192,
"y": 50 "y": 50
}, },
"width": 197, "width": 197,
@ -228,7 +228,7 @@
"y": 418 "y": 418
}, },
{ {
"x": 303, "x": 339,
"y": 418 "y": 418
} }
], ],
@ -263,11 +263,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 303, "x": 339,
"y": 548 "y": 548
}, },
{ {
"x": 986.5, "x": 1290.5,
"y": 548 "y": 548
} }
], ],
@ -302,11 +302,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 986.5, "x": 1290.5,
"y": 678 "y": 678
}, },
{ {
"x": 523, "x": 656,
"y": 678 "y": 678
} }
], ],
@ -341,11 +341,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 523, "x": 656,
"y": 808 "y": 808
}, },
{ {
"x": 986.5, "x": 1290.5,
"y": 808 "y": 808
} }
], ],
@ -380,11 +380,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 986.5, "x": 1290.5,
"y": 938 "y": 938
}, },
{ {
"x": 303, "x": 339,
"y": 938 "y": 938
} }
], ],
@ -419,7 +419,7 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 303, "x": 339,
"y": 1068 "y": 1068
}, },
{ {
@ -462,7 +462,7 @@
"y": 1198 "y": 1198
}, },
{ {
"x": 303, "x": 339,
"y": 1198 "y": 1198
} }
], ],
@ -497,11 +497,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 303, "x": 339,
"y": 1328 "y": 1328
}, },
{ {
"x": 743, "x": 973,
"y": 1328 "y": 1328
} }
], ],
@ -536,11 +536,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 743, "x": 973,
"y": 1458 "y": 1458
}, },
{ {
"x": 303, "x": 339,
"y": 1458 "y": 1458
} }
], ],
@ -575,7 +575,7 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 303, "x": 339,
"y": 1588 "y": 1588
}, },
{ {
@ -653,11 +653,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 303, "x": 339,
"y": 293 "y": 293
}, },
{ {
"x": 303, "x": 339,
"y": 1718 "y": 1718
} }
], ],
@ -692,11 +692,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 523, "x": 656,
"y": 288 "y": 288
}, },
{ {
"x": 523, "x": 656,
"y": 1718 "y": 1718
} }
], ],
@ -731,11 +731,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 743, "x": 973,
"y": 288 "y": 288
}, },
{ {
"x": 743, "x": 973,
"y": 1718 "y": 1718
} }
], ],
@ -770,11 +770,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 986.5, "x": 1290.5,
"y": 288 "y": 288
}, },
{ {
"x": 986.5, "x": 1290.5,
"y": 1718 "y": 1718
} }
], ],

22
e2etests/testdata/stable/sequence_diagram_simple/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 476 KiB

After

Width:  |  Height:  |  Size: 476 KiB

30
e2etests/testdata/stable/sequence_diagram_span/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 478 KiB

After

Width:  |  Height:  |  Size: 478 KiB

30
e2etests/testdata/stable/sequence_diagram_span/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 478 KiB

After

Width:  |  Height:  |  Size: 478 KiB

54
e2etests/testdata/stable/sequence_diagrams/dagre/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 824 KiB

After

Width:  |  Height:  |  Size: 824 KiB

54
e2etests/testdata/stable/sequence_diagrams/elk/sketch.exp.svg vendored
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 824 KiB

After

Width:  |  Height:  |  Size: 824 KiB

665
e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/dagre/board.exp.json generated vendored Normal file
View file

@ -0,0 +1,665 @@
{
"name": "",
"shapes": [
{
"id": "b",
"type": "",
"pos": {
"x": 0,
"y": 50
},
"width": 150,
"height": 126,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"fields": null,
"methods": null,
"columns": null,
"label": "b",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 13,
"labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "a",
"type": "",
"pos": {
"x": 250,
"y": 50
},
"width": 150,
"height": 126,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"fields": null,
"methods": null,
"columns": null,
"label": "a",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 12,
"labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "c",
"type": "",
"pos": {
"x": 500,
"y": 50
},
"width": 150,
"height": 126,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"fields": null,
"methods": null,
"columns": null,
"label": "c",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 12,
"labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "this is a message group",
"type": "",
"pos": {
"x": -71,
"y": 396
},
"width": 542,
"height": 696,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"fields": null,
"methods": null,
"columns": null,
"label": "this is a message group",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 160,
"labelHeight": 26,
"zIndex": 1,
"level": 1
},
{
"id": "this is a message group.and this is a nested message group",
"type": "",
"pos": {
"x": -47,
"y": 526
},
"width": 494,
"height": 542,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#FFFFFF",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"fields": null,
"methods": null,
"columns": null,
"label": "and this is a nested message group",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 238,
"labelHeight": 26,
"zIndex": 1,
"level": 2
},
{
"id": "this is a message group.and this is a nested message group.what about more nesting",
"type": "",
"pos": {
"x": -23,
"y": 656
},
"width": 446,
"height": 388,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EEF1F8",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"fields": null,
"methods": null,
"columns": null,
"label": "what about more nesting",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 173,
"labelHeight": 26,
"zIndex": 1,
"level": 3
},
{
"id": "this is a message group.and this is a nested message group.what about more nesting.yo",
"type": "",
"pos": {
"x": 1,
"y": 786
},
"width": 398,
"height": 234,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#FFFFFF",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"fields": null,
"methods": null,
"columns": null,
"label": "yo",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 21,
"labelHeight": 26,
"zIndex": 1,
"level": 4
},
{
"id": "this is a message group.and this is a nested message group.what about more nesting.yo.yo",
"type": "",
"pos": {
"x": 25,
"y": 916
},
"width": 350,
"height": 80,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EEF1F8",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"fields": null,
"methods": null,
"columns": null,
"label": "yo",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 21,
"labelHeight": 26,
"zIndex": 1,
"level": 5
}
],
"connections": [
{
"id": "(b -> c)[0]",
"src": "b",
"srcArrow": "none",
"srcLabel": "",
"dst": "c",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 75,
"y": 306
},
{
"x": 575,
"y": 306
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 4
},
{
"id": "(a -> b)[0]",
"src": "a",
"srcArrow": "none",
"srcLabel": "",
"dst": "b",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 325,
"y": 436
},
{
"x": 75,
"y": 436
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 4
},
{
"id": "(a -> b)[1]",
"src": "a",
"srcArrow": "none",
"srcLabel": "",
"dst": "b",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 325,
"y": 566
},
{
"x": 75,
"y": 566
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 4
},
{
"id": "(a -> b)[2]",
"src": "a",
"srcArrow": "none",
"srcLabel": "",
"dst": "b",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 325,
"y": 696
},
{
"x": 75,
"y": 696
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 4
},
{
"id": "(a -> b)[3]",
"src": "a",
"srcArrow": "none",
"srcLabel": "",
"dst": "b",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 325,
"y": 826
},
{
"x": 75,
"y": 826
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 4
},
{
"id": "(a -> b)[4]",
"src": "a",
"srcArrow": "none",
"srcLabel": "",
"dst": "b",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 325,
"y": 956
},
{
"x": 75,
"y": 956
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 4
},
{
"id": "(b -- )[0]",
"src": "b",
"srcArrow": "none",
"srcLabel": "",
"dst": "b-lifeline-end-668380428",
"dstArrow": "none",
"dstLabel": "",
"opacity": 1,
"strokeDash": 6,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 75,
"y": 176
},
{
"x": 75,
"y": 1086
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 2
},
{
"id": "(a -- )[0]",
"src": "a",
"srcArrow": "none",
"srcLabel": "",
"dst": "a-lifeline-end-2251863791",
"dstArrow": "none",
"dstLabel": "",
"opacity": 1,
"strokeDash": 6,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 325,
"y": 176
},
{
"x": 325,
"y": 1086
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 2
},
{
"id": "(c -- )[0]",
"src": "c",
"srcArrow": "none",
"srcLabel": "",
"dst": "c-lifeline-end-955173837",
"dstArrow": "none",
"dstLabel": "",
"opacity": 1,
"strokeDash": 6,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 575,
"y": 176
},
{
"x": 575,
"y": 1086
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 2
}
]
}

24
e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/dagre/sketch.exp.svg vendored Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 329 KiB

665
e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/elk/board.exp.json generated vendored Normal file
View file

@ -0,0 +1,665 @@
{
"name": "",
"shapes": [
{
"id": "b",
"type": "",
"pos": {
"x": 0,
"y": 50
},
"width": 150,
"height": 126,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"fields": null,
"methods": null,
"columns": null,
"label": "b",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 13,
"labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "a",
"type": "",
"pos": {
"x": 250,
"y": 50
},
"width": 150,
"height": 126,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"fields": null,
"methods": null,
"columns": null,
"label": "a",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 12,
"labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "c",
"type": "",
"pos": {
"x": 500,
"y": 50
},
"width": 150,
"height": 126,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"fields": null,
"methods": null,
"columns": null,
"label": "c",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 12,
"labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "this is a message group",
"type": "",
"pos": {
"x": -71,
"y": 396
},
"width": 542,
"height": 696,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"fields": null,
"methods": null,
"columns": null,
"label": "this is a message group",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 160,
"labelHeight": 26,
"zIndex": 1,
"level": 1
},
{
"id": "this is a message group.and this is a nested message group",
"type": "",
"pos": {
"x": -47,
"y": 526
},
"width": 494,
"height": 542,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#FFFFFF",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"fields": null,
"methods": null,
"columns": null,
"label": "and this is a nested message group",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 238,
"labelHeight": 26,
"zIndex": 1,
"level": 2
},
{
"id": "this is a message group.and this is a nested message group.what about more nesting",
"type": "",
"pos": {
"x": -23,
"y": 656
},
"width": 446,
"height": 388,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EEF1F8",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"fields": null,
"methods": null,
"columns": null,
"label": "what about more nesting",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 173,
"labelHeight": 26,
"zIndex": 1,
"level": 3
},
{
"id": "this is a message group.and this is a nested message group.what about more nesting.yo",
"type": "",
"pos": {
"x": 1,
"y": 786
},
"width": 398,
"height": 234,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#FFFFFF",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"fields": null,
"methods": null,
"columns": null,
"label": "yo",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 21,
"labelHeight": 26,
"zIndex": 1,
"level": 4
},
{
"id": "this is a message group.and this is a nested message group.what about more nesting.yo.yo",
"type": "",
"pos": {
"x": 25,
"y": 916
},
"width": 350,
"height": 80,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EEF1F8",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"fields": null,
"methods": null,
"columns": null,
"label": "yo",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 21,
"labelHeight": 26,
"zIndex": 1,
"level": 5
}
],
"connections": [
{
"id": "(b -> c)[0]",
"src": "b",
"srcArrow": "none",
"srcLabel": "",
"dst": "c",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 75,
"y": 306
},
{
"x": 575,
"y": 306
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 4
},
{
"id": "(a -> b)[0]",
"src": "a",
"srcArrow": "none",
"srcLabel": "",
"dst": "b",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 325,
"y": 436
},
{
"x": 75,
"y": 436
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 4
},
{
"id": "(a -> b)[1]",
"src": "a",
"srcArrow": "none",
"srcLabel": "",
"dst": "b",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 325,
"y": 566
},
{
"x": 75,
"y": 566
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 4
},
{
"id": "(a -> b)[2]",
"src": "a",
"srcArrow": "none",
"srcLabel": "",
"dst": "b",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 325,
"y": 696
},
{
"x": 75,
"y": 696
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 4
},
{
"id": "(a -> b)[3]",
"src": "a",
"srcArrow": "none",
"srcLabel": "",
"dst": "b",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 325,
"y": 826
},
{
"x": 75,
"y": 826
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 4
},
{
"id": "(a -> b)[4]",
"src": "a",
"srcArrow": "none",
"srcLabel": "",
"dst": "b",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 325,
"y": 956
},
{
"x": 75,
"y": 956
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 4
},
{
"id": "(b -- )[0]",
"src": "b",
"srcArrow": "none",
"srcLabel": "",
"dst": "b-lifeline-end-668380428",
"dstArrow": "none",
"dstLabel": "",
"opacity": 1,
"strokeDash": 6,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 75,
"y": 176
},
{
"x": 75,
"y": 1086
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 2
},
{
"id": "(a -- )[0]",
"src": "a",
"srcArrow": "none",
"srcLabel": "",
"dst": "a-lifeline-end-2251863791",
"dstArrow": "none",
"dstLabel": "",
"opacity": 1,
"strokeDash": 6,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 325,
"y": 176
},
{
"x": 325,
"y": 1086
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 2
},
{
"id": "(c -- )[0]",
"src": "c",
"srcArrow": "none",
"srcLabel": "",
"dst": "c-lifeline-end-955173837",
"dstArrow": "none",
"dstLabel": "",
"opacity": 1,
"strokeDash": 6,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 575,
"y": 176
},
{
"x": 575,
"y": 1086
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 2
}
]
}

24
e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/elk/sketch.exp.svg vendored Normal file
View file

File diff suppressed because one or more lines are too long
Side by side

After

Width:  |  Height:  |  Size: 329 KiB

23
e2etests/todo_test.go
View file

@ -66,6 +66,29 @@ ninety nine: {
} }
} }
`, `,
}, {
// as nesting gets deeper, the groups advance towards `c` and may overlap its lifeline
// needs to consider the group size when computing the distance from `a` to `c`
// a similar effect can be seen for spans
name: "sequence_diagram_actor_padding_nested_groups",
script: `shape: sequence_diagram
b;a;c
b -> c
this is a message group: {
_.a -> _.b
and this is a nested message group: {
_._.a -> _._.b
what about more nesting: {
_._._.a -> _._._.b
yo: {
_._._._.a -> _._._._.b
yo: {
_._._._._.a -> _._._._._.b
}
}
}
}
}`,
}, },
} }