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

fix nested sequence diagram shape

Browse source
This commit is contained in:
Alexander Wang 2022-12-05 13:53:09 -08:00
parent c5266e2b62
commit 1b99604359
No known key found for this signature in database
GPG key ID: D89FA31966BDBECE
56 changed files with 2897 additions and 2888 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
d2exporter/export.go
View file

@ -3,6 +3,7 @@ package d2exporter
import ( import (
"context" "context"
"strconv" "strconv"
"strings"
"oss.terrastruct.com/d2/d2graph" "oss.terrastruct.com/d2/d2graph"
"oss.terrastruct.com/d2/d2target" "oss.terrastruct.com/d2/d2target"
@ -99,6 +100,10 @@ func toShape(obj *d2graph.Object, theme *d2themes.Theme) d2target.Shape {
shape.Italic = text.IsItalic shape.Italic = text.IsItalic
shape.FontSize = text.FontSize shape.FontSize = text.FontSize
if strings.EqualFold(obj.Attributes.Shape.Value, d2target.ShapeSequenceDiagram) {
shape.StrokeWidth = 0
}
if obj.IsSequenceDiagramGroup() { if obj.IsSequenceDiagramGroup() {
shape.StrokeWidth = 0 shape.StrokeWidth = 0
shape.Blend = true shape.Blend = true

16
d2graph/d2graph.go
View file

@ -305,18 +305,6 @@ func (s *Style) Apply(key, value string) error {
type ContainerLevel int type ContainerLevel int
func (l ContainerLevel) Fill() string {
// Darkest (least nested) to lightest (most nested)
if l == 1 {
return "#E3E9FD"
} else if l == 2 {
return "#EDF0FD"
} else if l == 3 {
return "#F7F8FE"
}
return "#FFFFFF"
}
func (l ContainerLevel) LabelSize() int { func (l ContainerLevel) LabelSize() int {
// Largest to smallest // Largest to smallest
if l == 1 { if l == 1 {
@ -341,6 +329,10 @@ func (obj *Object) GetFill(theme *d2themes.Theme) string {
shape := obj.Attributes.Shape.Value shape := obj.Attributes.Shape.Value
if strings.EqualFold(shape, d2target.ShapeSequenceDiagram) {
return theme.Colors.Neutrals.N7
}
if shape == "" || strings.EqualFold(shape, d2target.ShapeSquare) || strings.EqualFold(shape, d2target.ShapeCircle) || strings.EqualFold(shape, d2target.ShapeOval) || strings.EqualFold(shape, d2target.ShapeRectangle) { if shape == "" || strings.EqualFold(shape, d2target.ShapeSquare) || strings.EqualFold(shape, d2target.ShapeCircle) || strings.EqualFold(shape, d2target.ShapeOval) || strings.EqualFold(shape, d2target.ShapeRectangle) {
if level == 1 { if level == 1 {
if !obj.IsContainer() { if !obj.IsContainer() {

20
d2layouts/d2sequence/layout.go
View file

@ -43,7 +43,7 @@ func Layout(ctx context.Context, g *d2graph.Graph, layout func(ctx context.Conte
} }
obj.Children = make(map[string]*d2graph.Object) obj.Children = make(map[string]*d2graph.Object)
obj.ChildrenArray = nil obj.ChildrenArray = nil
obj.Box = geo.NewBox(nil, sd.getWidth(), sd.getHeight()) obj.Box = geo.NewBox(nil, sd.getWidth()+GROUP_CONTAINER_PADDING*2, sd.getHeight()+GROUP_CONTAINER_PADDING*2)
obj.LabelPosition = go2.Pointer(string(label.InsideTopCenter)) obj.LabelPosition = go2.Pointer(string(label.InsideTopCenter))
sequenceDiagrams[obj.AbsID()] = sd sequenceDiagrams[obj.AbsID()] = sd
@ -141,14 +141,26 @@ func cleanup(g *d2graph.Graph, sequenceDiagrams map[string]*sequenceDiagram, obj
obj.LabelPosition = go2.Pointer(string(label.InsideTopCenter)) obj.LabelPosition = go2.Pointer(string(label.InsideTopCenter))
sd := sequenceDiagrams[obj.AbsID()] sd := sequenceDiagrams[obj.AbsID()]
// shift the sequence diagrams as they are always placed at (0, 0) // shift the sequence diagrams as they are always placed at (0, 0) with some padding
sd.shift(obj.TopLeft) sd.shift(
geo.NewPoint(
obj.TopLeft.X+GROUP_CONTAINER_PADDING,
obj.TopLeft.Y+GROUP_CONTAINER_PADDING,
),
)
obj.Children = make(map[string]*d2graph.Object) obj.Children = make(map[string]*d2graph.Object)
obj.ChildrenArray = make([]*d2graph.Object, 0)
for _, child := range sd.actors { for _, child := range sd.actors {
obj.Children[child.ID] = child obj.Children[child.ID] = child
obj.ChildrenArray = append(obj.ChildrenArray, child)
}
for _, child := range sd.groups {
if child.Parent == obj {
obj.Children[child.ID] = child
obj.ChildrenArray = append(obj.ChildrenArray, child)
}
} }
obj.ChildrenArray = sd.actors
g.Edges = append(g.Edges, sequenceDiagrams[obj.AbsID()].messages...) g.Edges = append(g.Edges, sequenceDiagrams[obj.AbsID()].messages...)
g.Edges = append(g.Edges, sequenceDiagrams[obj.AbsID()].lifelines...) g.Edges = append(g.Edges, sequenceDiagrams[obj.AbsID()].lifelines...)

2
d2renderers/d2svg/d2svg.go
View file

@ -637,7 +637,7 @@ func drawShape(writer io.Writer, targetShape d2target.Shape) error {
targetShape.Pos.X, targetShape.Pos.Y, targetShape.Width, targetShape.Height, style) targetShape.Pos.X, targetShape.Pos.Y, targetShape.Width, targetShape.Height, style)
// TODO should standardize "" to rectangle // TODO should standardize "" to rectangle
case d2target.ShapeRectangle, "": case d2target.ShapeRectangle, d2target.ShapeSequenceDiagram, "":
if targetShape.ThreeDee { if targetShape.ThreeDee {
fmt.Fprint(writer, render3dRect(targetShape)) fmt.Fprint(writer, render3dRect(targetShape))
} else { } else {

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

@ -5,8 +5,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 0, "x": 24,
"y": 210 "y": 234
}, },
"width": 487, "width": 487,
"height": 126, "height": 126,
@ -45,8 +45,8 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 578, "x": 602,
"y": 50 "y": 74
}, },
"width": 177, "width": 177,
"height": 286, "height": 286,
@ -85,8 +85,8 @@
"id": "d", "id": "d",
"type": "", "type": "",
"pos": { "pos": {
"x": 1014, "x": 1038,
"y": 210 "y": 234
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -125,8 +125,8 @@
"id": "e", "id": "e",
"type": "", "type": "",
"pos": { "pos": {
"x": 1460, "x": 1484,
"y": 210 "y": 234
}, },
"width": 180, "width": 180,
"height": 126, "height": 126,
@ -165,8 +165,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 1718, "x": 1742,
"y": 210 "y": 234
}, },
"width": 163, "width": 163,
"height": 126, "height": 126,
@ -205,8 +205,8 @@
"id": "f", "id": "f",
"type": "", "type": "",
"pos": { "pos": {
"x": 1931, "x": 1955,
"y": 210 "y": 234
}, },
"width": 561, "width": 561,
"height": 126, "height": 126,
@ -269,12 +269,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 243.5, "x": 267.5,
"y": 466 "y": 490
}, },
{ {
"x": 1799.5, "x": 1823.5,
"y": 466 "y": 490
} }
], ],
"animated": false, "animated": false,
@ -308,12 +308,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 243.5, "x": 267.5,
"y": 596 "y": 620
}, },
{ {
"x": 1799.5, "x": 1823.5,
"y": 596 "y": 620
} }
], ],
"animated": false, "animated": false,
@ -347,12 +347,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 666.5, "x": 690.5,
"y": 726 "y": 750
}, },
{ {
"x": 1089, "x": 1113,
"y": 726 "y": 750
} }
], ],
"animated": false, "animated": false,
@ -386,12 +386,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 243.5, "x": 267.5,
"y": 856 "y": 880
}, },
{ {
"x": 1089, "x": 1113,
"y": 856 "y": 880
} }
], ],
"animated": false, "animated": false,
@ -425,12 +425,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1089, "x": 1113,
"y": 986 "y": 1010
}, },
{ {
"x": 1550, "x": 1574,
"y": 986 "y": 1010
} }
], ],
"animated": false, "animated": false,
@ -464,12 +464,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 243.5, "x": 267.5,
"y": 1116 "y": 1140
}, },
{ {
"x": 2211.5, "x": 2235.5,
"y": 1116 "y": 1140
} }
], ],
"animated": false, "animated": false,
@ -503,12 +503,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 243.5, "x": 267.5,
"y": 336 "y": 360
}, },
{ {
"x": 243.5, "x": 267.5,
"y": 1246 "y": 1270
} }
], ],
"animated": false, "animated": false,
@ -542,12 +542,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 666.5, "x": 690.5,
"y": 336 "y": 360
}, },
{ {
"x": 666.5, "x": 690.5,
"y": 1246 "y": 1270
} }
], ],
"animated": false, "animated": false,
@ -581,12 +581,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1089, "x": 1113,
"y": 336 "y": 360
}, },
{ {
"x": 1089, "x": 1113,
"y": 1246 "y": 1270
} }
], ],
"animated": false, "animated": false,
@ -620,12 +620,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1550, "x": 1574,
"y": 336 "y": 360
}, },
{ {
"x": 1550, "x": 1574,
"y": 1246 "y": 1270
} }
], ],
"animated": false, "animated": false,
@ -659,12 +659,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1799.5, "x": 1823.5,
"y": 336 "y": 360
}, },
{ {
"x": 1799.5, "x": 1823.5,
"y": 1246 "y": 1270
} }
], ],
"animated": false, "animated": false,
@ -698,12 +698,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2211.5, "x": 2235.5,
"y": 336 "y": 360
}, },
{ {
"x": 2211.5, "x": 2235.5,
"y": 1246 "y": 1270
} }
], ],
"animated": false, "animated": false,

14
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: 474 KiB

After

Width:  |  Height:  |  Size: 474 KiB

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

@ -5,8 +5,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 0, "x": 24,
"y": 210 "y": 234
}, },
"width": 487, "width": 487,
"height": 126, "height": 126,
@ -45,8 +45,8 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 578, "x": 602,
"y": 50 "y": 74
}, },
"width": 177, "width": 177,
"height": 286, "height": 286,
@ -85,8 +85,8 @@
"id": "d", "id": "d",
"type": "", "type": "",
"pos": { "pos": {
"x": 1014, "x": 1038,
"y": 210 "y": 234
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -125,8 +125,8 @@
"id": "e", "id": "e",
"type": "", "type": "",
"pos": { "pos": {
"x": 1460, "x": 1484,
"y": 210 "y": 234
}, },
"width": 180, "width": 180,
"height": 126, "height": 126,
@ -165,8 +165,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 1718, "x": 1742,
"y": 210 "y": 234
}, },
"width": 163, "width": 163,
"height": 126, "height": 126,
@ -205,8 +205,8 @@
"id": "f", "id": "f",
"type": "", "type": "",
"pos": { "pos": {
"x": 1931, "x": 1955,
"y": 210 "y": 234
}, },
"width": 561, "width": 561,
"height": 126, "height": 126,
@ -269,12 +269,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 243.5, "x": 267.5,
"y": 466 "y": 490
}, },
{ {
"x": 1799.5, "x": 1823.5,
"y": 466 "y": 490
} }
], ],
"animated": false, "animated": false,
@ -308,12 +308,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 243.5, "x": 267.5,
"y": 596 "y": 620
}, },
{ {
"x": 1799.5, "x": 1823.5,
"y": 596 "y": 620
} }
], ],
"animated": false, "animated": false,
@ -347,12 +347,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 666.5, "x": 690.5,
"y": 726 "y": 750
}, },
{ {
"x": 1089, "x": 1113,
"y": 726 "y": 750
} }
], ],
"animated": false, "animated": false,
@ -386,12 +386,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 243.5, "x": 267.5,
"y": 856 "y": 880
}, },
{ {
"x": 1089, "x": 1113,
"y": 856 "y": 880
} }
], ],
"animated": false, "animated": false,
@ -425,12 +425,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1089, "x": 1113,
"y": 986 "y": 1010
}, },
{ {
"x": 1550, "x": 1574,
"y": 986 "y": 1010
} }
], ],
"animated": false, "animated": false,
@ -464,12 +464,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 243.5, "x": 267.5,
"y": 1116 "y": 1140
}, },
{ {
"x": 2211.5, "x": 2235.5,
"y": 1116 "y": 1140
} }
], ],
"animated": false, "animated": false,
@ -503,12 +503,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 243.5, "x": 267.5,
"y": 336 "y": 360
}, },
{ {
"x": 243.5, "x": 267.5,
"y": 1246 "y": 1270
} }
], ],
"animated": false, "animated": false,
@ -542,12 +542,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 666.5, "x": 690.5,
"y": 336 "y": 360
}, },
{ {
"x": 666.5, "x": 690.5,
"y": 1246 "y": 1270
} }
], ],
"animated": false, "animated": false,
@ -581,12 +581,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1089, "x": 1113,
"y": 336 "y": 360
}, },
{ {
"x": 1089, "x": 1113,
"y": 1246 "y": 1270
} }
], ],
"animated": false, "animated": false,
@ -620,12 +620,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1550, "x": 1574,
"y": 336 "y": 360
}, },
{ {
"x": 1550, "x": 1574,
"y": 1246 "y": 1270
} }
], ],
"animated": false, "animated": false,
@ -659,12 +659,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1799.5, "x": 1823.5,
"y": 336 "y": 360
}, },
{ {
"x": 1799.5, "x": 1823.5,
"y": 1246 "y": 1270
} }
], ],
"animated": false, "animated": false,
@ -698,12 +698,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2211.5, "x": 2235.5,
"y": 336 "y": 360
}, },
{ {
"x": 2211.5, "x": 2235.5,
"y": 1246 "y": 1270
} }
], ],
"animated": false, "animated": false,

14
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: 474 KiB

After

Width:  |  Height:  |  Size: 474 KiB

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

@ -5,8 +5,8 @@
"id": "a", "id": "a",
"type": "callout", "type": "callout",
"pos": { "pos": {
"x": 0, "x": 24,
"y": 108 "y": 132
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -45,8 +45,8 @@
"id": "b", "id": "b",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 257, "x": 281,
"y": 90 "y": 114
}, },
"width": 150, "width": 150,
"height": 144, "height": 144,
@ -85,8 +85,8 @@
"id": "c", "id": "c",
"type": "class", "type": "class",
"pos": { "pos": {
"x": 462, "x": 486,
"y": 50 "y": 74
}, },
"width": 241, "width": 241,
"height": 184, "height": 184,
@ -136,8 +136,8 @@
"id": "d", "id": "d",
"type": "cloud", "type": "cloud",
"pos": { "pos": {
"x": 753, "x": 777,
"y": 108 "y": 132
}, },
"width": 174, "width": 174,
"height": 126, "height": 126,
@ -176,8 +176,8 @@
"id": "e", "id": "e",
"type": "code", "type": "code",
"pos": { "pos": {
"x": 992, "x": 1016,
"y": 164 "y": 188
}, },
"width": 196, "width": 196,
"height": 70, "height": 70,
@ -216,8 +216,8 @@
"id": "f", "id": "f",
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 1265, "x": 1289,
"y": 108 "y": 132
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -256,8 +256,8 @@
"id": "g", "id": "g",
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 1515, "x": 1539,
"y": 108 "y": 132
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -296,8 +296,8 @@
"id": "h", "id": "h",
"type": "document", "type": "document",
"pos": { "pos": {
"x": 1765, "x": 1789,
"y": 108 "y": 132
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -336,8 +336,8 @@
"id": "i", "id": "i",
"type": "hexagon", "type": "hexagon",
"pos": { "pos": {
"x": 2001, "x": 2025,
"y": 108 "y": 132
}, },
"width": 177, "width": 177,
"height": 126, "height": 126,
@ -376,8 +376,8 @@
"id": "j", "id": "j",
"type": "image", "type": "image",
"pos": { "pos": {
"x": 2265, "x": 2289,
"y": 85 "y": 109
}, },
"width": 150, "width": 150,
"height": 128, "height": 128,
@ -427,8 +427,8 @@
"id": "k", "id": "k",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 2515, "x": 2539,
"y": 108 "y": 132
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -467,8 +467,8 @@
"id": "l", "id": "l",
"type": "package", "type": "package",
"pos": { "pos": {
"x": 2765, "x": 2789,
"y": 108 "y": 132
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -507,8 +507,8 @@
"id": "m", "id": "m",
"type": "page", "type": "page",
"pos": { "pos": {
"x": 3003, "x": 3027,
"y": 108 "y": 132
}, },
"width": 173, "width": 173,
"height": 126, "height": 126,
@ -547,8 +547,8 @@
"id": "n", "id": "n",
"type": "parallelogram", "type": "parallelogram",
"pos": { "pos": {
"x": 3251, "x": 3275,
"y": 92 "y": 116
}, },
"width": 177, "width": 177,
"height": 142, "height": 142,
@ -587,8 +587,8 @@
"id": "o", "id": "o",
"type": "person", "type": "person",
"pos": { "pos": {
"x": 3514, "x": 3538,
"y": 55 "y": 79
}, },
"width": 151, "width": 151,
"height": 142, "height": 142,
@ -627,8 +627,8 @@
"id": "p", "id": "p",
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 3760, "x": 3784,
"y": 108 "y": 132
}, },
"width": 159, "width": 159,
"height": 126, "height": 126,
@ -667,8 +667,8 @@
"id": "q", "id": "q",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 4008, "x": 4032,
"y": 71 "y": 95
}, },
"width": 163, "width": 163,
"height": 163, "height": 163,
@ -707,8 +707,8 @@
"id": "r", "id": "r",
"type": "step", "type": "step",
"pos": { "pos": {
"x": 4236, "x": 4260,
"y": 108 "y": 132
}, },
"width": 207, "width": 207,
"height": 126, "height": 126,
@ -747,8 +747,8 @@
"id": "s", "id": "s",
"type": "stored_data", "type": "stored_data",
"pos": { "pos": {
"x": 4515, "x": 4539,
"y": 108 "y": 132
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -787,8 +787,8 @@
"id": "t", "id": "t",
"type": "sql_table", "type": "sql_table",
"pos": { "pos": {
"x": 4735, "x": 4759,
"y": 126 "y": 150
}, },
"width": 210, "width": 210,
"height": 108, "height": 108,
@ -864,12 +864,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 364 "y": 388
}, },
{ {
"x": 332, "x": 356,
"y": 364 "y": 388
} }
], ],
"animated": false, "animated": false,
@ -903,12 +903,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 332, "x": 356,
"y": 494 "y": 518
}, },
{ {
"x": 582.5, "x": 606.5,
"y": 494 "y": 518
} }
], ],
"animated": false, "animated": false,
@ -942,12 +942,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 582.5, "x": 606.5,
"y": 624 "y": 648
}, },
{ {
"x": 840, "x": 864,
"y": 624 "y": 648
} }
], ],
"animated": false, "animated": false,
@ -981,12 +981,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 840, "x": 864,
"y": 754 "y": 778
}, },
{ {
"x": 1090, "x": 1114,
"y": 754 "y": 778
} }
], ],
"animated": false, "animated": false,
@ -1020,12 +1020,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1090, "x": 1114,
"y": 884 "y": 908
}, },
{ {
"x": 1340, "x": 1364,
"y": 884 "y": 908
} }
], ],
"animated": false, "animated": false,
@ -1059,12 +1059,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1340, "x": 1364,
"y": 1014 "y": 1038
}, },
{ {
"x": 1590, "x": 1614,
"y": 1014 "y": 1038
} }
], ],
"animated": false, "animated": false,
@ -1098,12 +1098,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1590, "x": 1614,
"y": 1144 "y": 1168
}, },
{ {
"x": 1840, "x": 1864,
"y": 1144 "y": 1168
} }
], ],
"animated": false, "animated": false,
@ -1137,12 +1137,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1840, "x": 1864,
"y": 1274 "y": 1298
}, },
{ {
"x": 2089.5, "x": 2113.5,
"y": 1274 "y": 1298
} }
], ],
"animated": false, "animated": false,
@ -1176,12 +1176,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2089.5, "x": 2113.5,
"y": 1404 "y": 1428
}, },
{ {
"x": 2340, "x": 2364,
"y": 1404 "y": 1428
} }
], ],
"animated": false, "animated": false,
@ -1215,12 +1215,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2340, "x": 2364,
"y": 1534 "y": 1558
}, },
{ {
"x": 2590, "x": 2614,
"y": 1534 "y": 1558
} }
], ],
"animated": false, "animated": false,
@ -1254,12 +1254,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2590, "x": 2614,
"y": 1664 "y": 1688
}, },
{ {
"x": 2840, "x": 2864,
"y": 1664 "y": 1688
} }
], ],
"animated": false, "animated": false,
@ -1293,12 +1293,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2840, "x": 2864,
"y": 1794 "y": 1818
}, },
{ {
"x": 3089.5, "x": 3113.5,
"y": 1794 "y": 1818
} }
], ],
"animated": false, "animated": false,
@ -1332,12 +1332,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3089.5, "x": 3113.5,
"y": 1924 "y": 1948
}, },
{ {
"x": 3339.5, "x": 3363.5,
"y": 1924 "y": 1948
} }
], ],
"animated": false, "animated": false,
@ -1371,12 +1371,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3339.5, "x": 3363.5,
"y": 2054 "y": 2078
}, },
{ {
"x": 3589.5, "x": 3613.5,
"y": 2054 "y": 2078
} }
], ],
"animated": false, "animated": false,
@ -1410,12 +1410,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3589.5, "x": 3613.5,
"y": 2184 "y": 2208
}, },
{ {
"x": 3839.5, "x": 3863.5,
"y": 2184 "y": 2208
} }
], ],
"animated": false, "animated": false,
@ -1449,12 +1449,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3839.5, "x": 3863.5,
"y": 2314 "y": 2338
}, },
{ {
"x": 4089.5, "x": 4113.5,
"y": 2314 "y": 2338
} }
], ],
"animated": false, "animated": false,
@ -1488,12 +1488,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 4089.5, "x": 4113.5,
"y": 2444 "y": 2468
}, },
{ {
"x": 4339.5, "x": 4363.5,
"y": 2444 "y": 2468
} }
], ],
"animated": false, "animated": false,
@ -1527,12 +1527,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 4339.5, "x": 4363.5,
"y": 2574 "y": 2598
}, },
{ {
"x": 4590, "x": 4614,
"y": 2574 "y": 2598
} }
], ],
"animated": false, "animated": false,
@ -1566,12 +1566,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 4590, "x": 4614,
"y": 2704 "y": 2728
}, },
{ {
"x": 4840, "x": 4864,
"y": 2704 "y": 2728
} }
], ],
"animated": false, "animated": false,
@ -1605,12 +1605,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 234 "y": 258
}, },
{ {
"x": 75, "x": 99,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -1644,12 +1644,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 332, "x": 356,
"y": 234 "y": 258
}, },
{ {
"x": 332, "x": 356,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -1683,12 +1683,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 582.5, "x": 606.5,
"y": 234 "y": 258
}, },
{ {
"x": 582.5, "x": 606.5,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -1722,12 +1722,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 840, "x": 864,
"y": 234 "y": 258
}, },
{ {
"x": 840, "x": 864,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -1761,12 +1761,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1090, "x": 1114,
"y": 234 "y": 258
}, },
{ {
"x": 1090, "x": 1114,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -1800,12 +1800,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1340, "x": 1364,
"y": 234 "y": 258
}, },
{ {
"x": 1340, "x": 1364,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -1839,12 +1839,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1590, "x": 1614,
"y": 234 "y": 258
}, },
{ {
"x": 1590, "x": 1614,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -1878,12 +1878,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1840, "x": 1864,
"y": 234 "y": 258
}, },
{ {
"x": 1840, "x": 1864,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -1917,12 +1917,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2089.5, "x": 2113.5,
"y": 234 "y": 258
}, },
{ {
"x": 2089.5, "x": 2113.5,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -1956,12 +1956,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2340, "x": 2364,
"y": 239 "y": 263
}, },
{ {
"x": 2340, "x": 2364,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -1995,12 +1995,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2590, "x": 2614,
"y": 234 "y": 258
}, },
{ {
"x": 2590, "x": 2614,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -2034,12 +2034,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2840, "x": 2864,
"y": 234 "y": 258
}, },
{ {
"x": 2840, "x": 2864,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -2073,12 +2073,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3089.5, "x": 3113.5,
"y": 234 "y": 258
}, },
{ {
"x": 3089.5, "x": 3113.5,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -2112,12 +2112,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3339.5, "x": 3363.5,
"y": 234 "y": 258
}, },
{ {
"x": 3339.5, "x": 3363.5,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -2151,12 +2151,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3589.5, "x": 3613.5,
"y": 239 "y": 263
}, },
{ {
"x": 3589.5, "x": 3613.5,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -2190,12 +2190,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3839.5, "x": 3863.5,
"y": 234 "y": 258
}, },
{ {
"x": 3839.5, "x": 3863.5,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -2229,12 +2229,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 4089.5, "x": 4113.5,
"y": 234 "y": 258
}, },
{ {
"x": 4089.5, "x": 4113.5,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -2268,12 +2268,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 4339.5, "x": 4363.5,
"y": 234 "y": 258
}, },
{ {
"x": 4339.5, "x": 4363.5,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -2307,12 +2307,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 4590, "x": 4614,
"y": 234 "y": 258
}, },
{ {
"x": 4590, "x": 4614,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -2346,12 +2346,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 4840, "x": 4864,
"y": 234 "y": 258
}, },
{ {
"x": 4840, "x": 4864,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,

26
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

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

@ -5,8 +5,8 @@
"id": "a", "id": "a",
"type": "callout", "type": "callout",
"pos": { "pos": {
"x": 0, "x": 24,
"y": 108 "y": 132
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -45,8 +45,8 @@
"id": "b", "id": "b",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 257, "x": 281,
"y": 90 "y": 114
}, },
"width": 150, "width": 150,
"height": 144, "height": 144,
@ -85,8 +85,8 @@
"id": "c", "id": "c",
"type": "class", "type": "class",
"pos": { "pos": {
"x": 462, "x": 486,
"y": 50 "y": 74
}, },
"width": 241, "width": 241,
"height": 184, "height": 184,
@ -136,8 +136,8 @@
"id": "d", "id": "d",
"type": "cloud", "type": "cloud",
"pos": { "pos": {
"x": 753, "x": 777,
"y": 108 "y": 132
}, },
"width": 174, "width": 174,
"height": 126, "height": 126,
@ -176,8 +176,8 @@
"id": "e", "id": "e",
"type": "code", "type": "code",
"pos": { "pos": {
"x": 992, "x": 1016,
"y": 164 "y": 188
}, },
"width": 196, "width": 196,
"height": 70, "height": 70,
@ -216,8 +216,8 @@
"id": "f", "id": "f",
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 1265, "x": 1289,
"y": 108 "y": 132
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -256,8 +256,8 @@
"id": "g", "id": "g",
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 1515, "x": 1539,
"y": 108 "y": 132
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -296,8 +296,8 @@
"id": "h", "id": "h",
"type": "document", "type": "document",
"pos": { "pos": {
"x": 1765, "x": 1789,
"y": 108 "y": 132
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -336,8 +336,8 @@
"id": "i", "id": "i",
"type": "hexagon", "type": "hexagon",
"pos": { "pos": {
"x": 2001, "x": 2025,
"y": 108 "y": 132
}, },
"width": 177, "width": 177,
"height": 126, "height": 126,
@ -376,8 +376,8 @@
"id": "j", "id": "j",
"type": "image", "type": "image",
"pos": { "pos": {
"x": 2265, "x": 2289,
"y": 85 "y": 109
}, },
"width": 150, "width": 150,
"height": 128, "height": 128,
@ -427,8 +427,8 @@
"id": "k", "id": "k",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 2515, "x": 2539,
"y": 108 "y": 132
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -467,8 +467,8 @@
"id": "l", "id": "l",
"type": "package", "type": "package",
"pos": { "pos": {
"x": 2765, "x": 2789,
"y": 108 "y": 132
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -507,8 +507,8 @@
"id": "m", "id": "m",
"type": "page", "type": "page",
"pos": { "pos": {
"x": 3003, "x": 3027,
"y": 108 "y": 132
}, },
"width": 173, "width": 173,
"height": 126, "height": 126,
@ -547,8 +547,8 @@
"id": "n", "id": "n",
"type": "parallelogram", "type": "parallelogram",
"pos": { "pos": {
"x": 3251, "x": 3275,
"y": 92 "y": 116
}, },
"width": 177, "width": 177,
"height": 142, "height": 142,
@ -587,8 +587,8 @@
"id": "o", "id": "o",
"type": "person", "type": "person",
"pos": { "pos": {
"x": 3514, "x": 3538,
"y": 55 "y": 79
}, },
"width": 151, "width": 151,
"height": 142, "height": 142,
@ -627,8 +627,8 @@
"id": "p", "id": "p",
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 3760, "x": 3784,
"y": 108 "y": 132
}, },
"width": 159, "width": 159,
"height": 126, "height": 126,
@ -667,8 +667,8 @@
"id": "q", "id": "q",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 4008, "x": 4032,
"y": 71 "y": 95
}, },
"width": 163, "width": 163,
"height": 163, "height": 163,
@ -707,8 +707,8 @@
"id": "r", "id": "r",
"type": "step", "type": "step",
"pos": { "pos": {
"x": 4236, "x": 4260,
"y": 108 "y": 132
}, },
"width": 207, "width": 207,
"height": 126, "height": 126,
@ -747,8 +747,8 @@
"id": "s", "id": "s",
"type": "stored_data", "type": "stored_data",
"pos": { "pos": {
"x": 4515, "x": 4539,
"y": 108 "y": 132
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -787,8 +787,8 @@
"id": "t", "id": "t",
"type": "sql_table", "type": "sql_table",
"pos": { "pos": {
"x": 4735, "x": 4759,
"y": 126 "y": 150
}, },
"width": 210, "width": 210,
"height": 108, "height": 108,
@ -864,12 +864,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 364 "y": 388
}, },
{ {
"x": 332, "x": 356,
"y": 364 "y": 388
} }
], ],
"animated": false, "animated": false,
@ -903,12 +903,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 332, "x": 356,
"y": 494 "y": 518
}, },
{ {
"x": 582.5, "x": 606.5,
"y": 494 "y": 518
} }
], ],
"animated": false, "animated": false,
@ -942,12 +942,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 582.5, "x": 606.5,
"y": 624 "y": 648
}, },
{ {
"x": 840, "x": 864,
"y": 624 "y": 648
} }
], ],
"animated": false, "animated": false,
@ -981,12 +981,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 840, "x": 864,
"y": 754 "y": 778
}, },
{ {
"x": 1090, "x": 1114,
"y": 754 "y": 778
} }
], ],
"animated": false, "animated": false,
@ -1020,12 +1020,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1090, "x": 1114,
"y": 884 "y": 908
}, },
{ {
"x": 1340, "x": 1364,
"y": 884 "y": 908
} }
], ],
"animated": false, "animated": false,
@ -1059,12 +1059,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1340, "x": 1364,
"y": 1014 "y": 1038
}, },
{ {
"x": 1590, "x": 1614,
"y": 1014 "y": 1038
} }
], ],
"animated": false, "animated": false,
@ -1098,12 +1098,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1590, "x": 1614,
"y": 1144 "y": 1168
}, },
{ {
"x": 1840, "x": 1864,
"y": 1144 "y": 1168
} }
], ],
"animated": false, "animated": false,
@ -1137,12 +1137,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1840, "x": 1864,
"y": 1274 "y": 1298
}, },
{ {
"x": 2089.5, "x": 2113.5,
"y": 1274 "y": 1298
} }
], ],
"animated": false, "animated": false,
@ -1176,12 +1176,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2089.5, "x": 2113.5,
"y": 1404 "y": 1428
}, },
{ {
"x": 2340, "x": 2364,
"y": 1404 "y": 1428
} }
], ],
"animated": false, "animated": false,
@ -1215,12 +1215,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2340, "x": 2364,
"y": 1534 "y": 1558
}, },
{ {
"x": 2590, "x": 2614,
"y": 1534 "y": 1558
} }
], ],
"animated": false, "animated": false,
@ -1254,12 +1254,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2590, "x": 2614,
"y": 1664 "y": 1688
}, },
{ {
"x": 2840, "x": 2864,
"y": 1664 "y": 1688
} }
], ],
"animated": false, "animated": false,
@ -1293,12 +1293,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2840, "x": 2864,
"y": 1794 "y": 1818
}, },
{ {
"x": 3089.5, "x": 3113.5,
"y": 1794 "y": 1818
} }
], ],
"animated": false, "animated": false,
@ -1332,12 +1332,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3089.5, "x": 3113.5,
"y": 1924 "y": 1948
}, },
{ {
"x": 3339.5, "x": 3363.5,
"y": 1924 "y": 1948
} }
], ],
"animated": false, "animated": false,
@ -1371,12 +1371,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3339.5, "x": 3363.5,
"y": 2054 "y": 2078
}, },
{ {
"x": 3589.5, "x": 3613.5,
"y": 2054 "y": 2078
} }
], ],
"animated": false, "animated": false,
@ -1410,12 +1410,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3589.5, "x": 3613.5,
"y": 2184 "y": 2208
}, },
{ {
"x": 3839.5, "x": 3863.5,
"y": 2184 "y": 2208
} }
], ],
"animated": false, "animated": false,
@ -1449,12 +1449,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3839.5, "x": 3863.5,
"y": 2314 "y": 2338
}, },
{ {
"x": 4089.5, "x": 4113.5,
"y": 2314 "y": 2338
} }
], ],
"animated": false, "animated": false,
@ -1488,12 +1488,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 4089.5, "x": 4113.5,
"y": 2444 "y": 2468
}, },
{ {
"x": 4339.5, "x": 4363.5,
"y": 2444 "y": 2468
} }
], ],
"animated": false, "animated": false,
@ -1527,12 +1527,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 4339.5, "x": 4363.5,
"y": 2574 "y": 2598
}, },
{ {
"x": 4590, "x": 4614,
"y": 2574 "y": 2598
} }
], ],
"animated": false, "animated": false,
@ -1566,12 +1566,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 4590, "x": 4614,
"y": 2704 "y": 2728
}, },
{ {
"x": 4840, "x": 4864,
"y": 2704 "y": 2728
} }
], ],
"animated": false, "animated": false,
@ -1605,12 +1605,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 234 "y": 258
}, },
{ {
"x": 75, "x": 99,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -1644,12 +1644,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 332, "x": 356,
"y": 234 "y": 258
}, },
{ {
"x": 332, "x": 356,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -1683,12 +1683,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 582.5, "x": 606.5,
"y": 234 "y": 258
}, },
{ {
"x": 582.5, "x": 606.5,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -1722,12 +1722,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 840, "x": 864,
"y": 234 "y": 258
}, },
{ {
"x": 840, "x": 864,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -1761,12 +1761,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1090, "x": 1114,
"y": 234 "y": 258
}, },
{ {
"x": 1090, "x": 1114,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -1800,12 +1800,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1340, "x": 1364,
"y": 234 "y": 258
}, },
{ {
"x": 1340, "x": 1364,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -1839,12 +1839,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1590, "x": 1614,
"y": 234 "y": 258
}, },
{ {
"x": 1590, "x": 1614,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -1878,12 +1878,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1840, "x": 1864,
"y": 234 "y": 258
}, },
{ {
"x": 1840, "x": 1864,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -1917,12 +1917,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2089.5, "x": 2113.5,
"y": 234 "y": 258
}, },
{ {
"x": 2089.5, "x": 2113.5,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -1956,12 +1956,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2340, "x": 2364,
"y": 239 "y": 263
}, },
{ {
"x": 2340, "x": 2364,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -1995,12 +1995,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2590, "x": 2614,
"y": 234 "y": 258
}, },
{ {
"x": 2590, "x": 2614,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -2034,12 +2034,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2840, "x": 2864,
"y": 234 "y": 258
}, },
{ {
"x": 2840, "x": 2864,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -2073,12 +2073,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3089.5, "x": 3113.5,
"y": 234 "y": 258
}, },
{ {
"x": 3089.5, "x": 3113.5,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -2112,12 +2112,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3339.5, "x": 3363.5,
"y": 234 "y": 258
}, },
{ {
"x": 3339.5, "x": 3363.5,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -2151,12 +2151,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3589.5, "x": 3613.5,
"y": 239 "y": 263
}, },
{ {
"x": 3589.5, "x": 3613.5,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -2190,12 +2190,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 3839.5, "x": 3863.5,
"y": 234 "y": 258
}, },
{ {
"x": 3839.5, "x": 3863.5,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -2229,12 +2229,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 4089.5, "x": 4113.5,
"y": 234 "y": 258
}, },
{ {
"x": 4089.5, "x": 4113.5,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -2268,12 +2268,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 4339.5, "x": 4363.5,
"y": 234 "y": 258
}, },
{ {
"x": 4339.5, "x": 4363.5,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -2307,12 +2307,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 4590, "x": 4614,
"y": 234 "y": 258
}, },
{ {
"x": 4590, "x": 4614,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,
@ -2346,12 +2346,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 4840, "x": 4864,
"y": 234 "y": 258
}, },
{ {
"x": 4840, "x": 4864,
"y": 2834 "y": 2858
} }
], ],
"animated": false, "animated": false,

26
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

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

@ -5,8 +5,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 0, "x": 24,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -45,8 +45,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 250, "x": 274,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -85,8 +85,8 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 500, "x": 524,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -125,8 +125,8 @@
"id": "d", "id": "d",
"type": "", "type": "",
"pos": { "pos": {
"x": 750, "x": 774,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -440,8 +440,8 @@
"id": "b.t1", "id": "b.t1",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 319, "x": 343,
"y": 940 "y": 964
}, },
"width": 12, "width": 12,
"height": 292, "height": 292,
@ -479,8 +479,8 @@
"id": "c.t1", "id": "c.t1",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 569, "x": 593,
"y": 940 "y": 964
}, },
"width": 12, "width": 12,
"height": 292, "height": 292,
@ -518,8 +518,8 @@
"id": "b.t1.t2", "id": "b.t1.t2",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 315, "x": 339,
"y": 1070 "y": 1094
}, },
"width": 20, "width": 20,
"height": 80, "height": 80,
@ -581,12 +581,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 306 "y": 330
}, },
{ {
"x": 325, "x": 349,
"y": 306 "y": 330
} }
], ],
"animated": false, "animated": false,
@ -620,12 +620,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 436 "y": 460
}, },
{ {
"x": 325, "x": 349,
"y": 436 "y": 460
} }
], ],
"animated": false, "animated": false,
@ -659,12 +659,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 566 "y": 590
}, },
{ {
"x": 575, "x": 599,
"y": 566 "y": 590
} }
], ],
"animated": false, "animated": false,
@ -698,12 +698,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 575, "x": 599,
"y": 696 "y": 720
}, },
{ {
"x": 325, "x": 349,
"y": 696 "y": 720
} }
], ],
"animated": false, "animated": false,
@ -737,12 +737,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 575, "x": 599,
"y": 826 "y": 850
}, },
{ {
"x": 325, "x": 349,
"y": 826 "y": 850
} }
], ],
"animated": false, "animated": false,
@ -776,12 +776,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 331, "x": 355,
"y": 956 "y": 980
}, },
{ {
"x": 569, "x": 593,
"y": 956 "y": 980
} }
], ],
"animated": false, "animated": false,
@ -815,12 +815,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 335, "x": 359,
"y": 1086 "y": 1110
}, },
{ {
"x": 569, "x": 593,
"y": 1086 "y": 1110
} }
], ],
"animated": false, "animated": false,
@ -854,12 +854,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 569, "x": 593,
"y": 1216 "y": 1240
}, },
{ {
"x": 331, "x": 355,
"y": 1216 "y": 1240
} }
], ],
"animated": false, "animated": false,
@ -893,12 +893,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 1346 "y": 1370
}, },
{ {
"x": 575, "x": 599,
"y": 1346 "y": 1370
} }
], ],
"animated": false, "animated": false,
@ -932,12 +932,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 575, "x": 599,
"y": 1732 "y": 1756
}, },
{ {
"x": 325, "x": 349,
"y": 1732 "y": 1756
} }
], ],
"animated": false, "animated": false,
@ -971,12 +971,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 176 "y": 200
}, },
{ {
"x": 75, "x": 99,
"y": 2118 "y": 2142
} }
], ],
"animated": false, "animated": false,
@ -1010,12 +1010,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 176 "y": 200
}, },
{ {
"x": 325, "x": 349,
"y": 2118 "y": 2142
} }
], ],
"animated": false, "animated": false,
@ -1049,12 +1049,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 575, "x": 599,
"y": 176 "y": 200
}, },
{ {
"x": 575, "x": 599,
"y": 2118 "y": 2142
} }
], ],
"animated": false, "animated": false,
@ -1088,12 +1088,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 825, "x": 849,
"y": 176 "y": 200
}, },
{ {
"x": 825, "x": 849,
"y": 2118 "y": 2142
} }
], ],
"animated": false, "animated": false,

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

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

@ -5,8 +5,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 0, "x": 24,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -45,8 +45,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 250, "x": 274,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -85,8 +85,8 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 500, "x": 524,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -125,8 +125,8 @@
"id": "d", "id": "d",
"type": "", "type": "",
"pos": { "pos": {
"x": 750, "x": 774,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -440,8 +440,8 @@
"id": "b.t1", "id": "b.t1",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 319, "x": 343,
"y": 940 "y": 964
}, },
"width": 12, "width": 12,
"height": 292, "height": 292,
@ -479,8 +479,8 @@
"id": "c.t1", "id": "c.t1",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 569, "x": 593,
"y": 940 "y": 964
}, },
"width": 12, "width": 12,
"height": 292, "height": 292,
@ -518,8 +518,8 @@
"id": "b.t1.t2", "id": "b.t1.t2",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 315, "x": 339,
"y": 1070 "y": 1094
}, },
"width": 20, "width": 20,
"height": 80, "height": 80,
@ -581,12 +581,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 306 "y": 330
}, },
{ {
"x": 325, "x": 349,
"y": 306 "y": 330
} }
], ],
"animated": false, "animated": false,
@ -620,12 +620,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 436 "y": 460
}, },
{ {
"x": 325, "x": 349,
"y": 436 "y": 460
} }
], ],
"animated": false, "animated": false,
@ -659,12 +659,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 566 "y": 590
}, },
{ {
"x": 575, "x": 599,
"y": 566 "y": 590
} }
], ],
"animated": false, "animated": false,
@ -698,12 +698,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 575, "x": 599,
"y": 696 "y": 720
}, },
{ {
"x": 325, "x": 349,
"y": 696 "y": 720
} }
], ],
"animated": false, "animated": false,
@ -737,12 +737,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 575, "x": 599,
"y": 826 "y": 850
}, },
{ {
"x": 325, "x": 349,
"y": 826 "y": 850
} }
], ],
"animated": false, "animated": false,
@ -776,12 +776,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 331, "x": 355,
"y": 956 "y": 980
}, },
{ {
"x": 569, "x": 593,
"y": 956 "y": 980
} }
], ],
"animated": false, "animated": false,
@ -815,12 +815,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 335, "x": 359,
"y": 1086 "y": 1110
}, },
{ {
"x": 569, "x": 593,
"y": 1086 "y": 1110
} }
], ],
"animated": false, "animated": false,
@ -854,12 +854,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 569, "x": 593,
"y": 1216 "y": 1240
}, },
{ {
"x": 331, "x": 355,
"y": 1216 "y": 1240
} }
], ],
"animated": false, "animated": false,
@ -893,12 +893,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 1346 "y": 1370
}, },
{ {
"x": 575, "x": 599,
"y": 1346 "y": 1370
} }
], ],
"animated": false, "animated": false,
@ -932,12 +932,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 575, "x": 599,
"y": 1732 "y": 1756
}, },
{ {
"x": 325, "x": 349,
"y": 1732 "y": 1756
} }
], ],
"animated": false, "animated": false,
@ -971,12 +971,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 176 "y": 200
}, },
{ {
"x": 75, "x": 99,
"y": 2118 "y": 2142
} }
], ],
"animated": false, "animated": false,
@ -1010,12 +1010,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 176 "y": 200
}, },
{ {
"x": 325, "x": 349,
"y": 2118 "y": 2142
} }
], ],
"animated": false, "animated": false,
@ -1049,12 +1049,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 575, "x": 599,
"y": 176 "y": 200
}, },
{ {
"x": 575, "x": 599,
"y": 2118 "y": 2142
} }
], ],
"animated": false, "animated": false,
@ -1088,12 +1088,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 825, "x": 849,
"y": 176 "y": 200
}, },
{ {
"x": 825, "x": 849,
"y": 2118 "y": 2142
} }
], ],
"animated": false, "animated": false,

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

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

@ -5,8 +5,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 0, "x": 24,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -85,8 +85,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 313, "x": 337,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -189,12 +189,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 388, "x": 412,
"y": 306 "y": 330
}, },
{ {
"x": 75, "x": 99,
"y": 306 "y": 330
} }
], ],
"animated": false, "animated": false,
@ -228,12 +228,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 176 "y": 200
}, },
{ {
"x": 75, "x": 99,
"y": 1012 "y": 1036
} }
], ],
"animated": false, "animated": false,
@ -267,12 +267,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 388, "x": 412,
"y": 176 "y": 200
}, },
{ {
"x": 388, "x": 412,
"y": 1012 "y": 1036
} }
], ],
"animated": false, "animated": false,

4
e2etests/testdata/stable/sequence_diagram_long_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="850" height="1162" viewBox="-287 -50 850 1162"><style type="text/css"> width="874" height="1162" viewBox="-287 -26 874 1162"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -18,7 +18,7 @@ width="850" height="1162" viewBox="-287 -50 850 1162"><style type="text/css">
} }
]]> ]]>
</style><g id="b"><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">b</text></g><g id="a"><g class="shape" ><rect x="313" y="50" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="388.000000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="(b -- )[0]"><path d="M 75.000000 178.000000 L 75.000000 1011.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 -- )[0]"><path d="M 388.000000 178.000000 L 388.000000 1011.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 386.000000 306.000000 L 79.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.note"><g class="shape" ><rect x="-187" y="436" width="525" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="75.500000" y="502.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a note here to remember that padding must consider notes too</text></g><g id="a.note"><g class="shape" ><rect x="319" y="692" width="137" height="190" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="387.500000" y="758.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="387.500000" dy="0.000000">just</tspan><tspan x="387.500000" dy="18.000000">a</tspan><tspan x="387.500000" dy="18.000000">long</tspan><tspan x="387.500000" dy="18.000000">note</tspan><tspan x="387.500000" dy="18.000000">here</tspan></text></g><style type="text/css"><![CDATA[ </style><g id="b"><g class="shape" ><rect x="24" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="99.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a"><g class="shape" ><rect x="337" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="412.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="(b -- )[0]"><path d="M 99.000000 202.000000 L 99.000000 1035.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 -- )[0]"><path d="M 412.000000 202.000000 L 412.000000 1035.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 410.000000 330.000000 L 103.000000 330.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.note"><g class="shape" ><rect x="-187" y="436" width="525" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="75.500000" y="502.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a note here to remember that padding must consider notes too</text></g><g id="a.note"><g class="shape" ><rect x="319" y="692" width="137" height="190" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="387.500000" y="758.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="387.500000" dy="0.000000">just</tspan><tspan x="387.500000" dy="18.000000">a</tspan><tspan x="387.500000" dy="18.000000">long</tspan><tspan x="387.500000" dy="18.000000">note</tspan><tspan x="387.500000" dy="18.000000">here</tspan></text></g><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 326 KiB

After

Width:  |  Height:  |  Size: 326 KiB

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

@ -5,8 +5,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 0, "x": 24,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -85,8 +85,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 313, "x": 337,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -189,12 +189,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 388, "x": 412,
"y": 306 "y": 330
}, },
{ {
"x": 75, "x": 99,
"y": 306 "y": 330
} }
], ],
"animated": false, "animated": false,
@ -228,12 +228,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 176 "y": 200
}, },
{ {
"x": 75, "x": 99,
"y": 1012 "y": 1036
} }
], ],
"animated": false, "animated": false,
@ -267,12 +267,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 388, "x": 412,
"y": 176 "y": 200
}, },
{ {
"x": 388, "x": 412,
"y": 1012 "y": 1036
} }
], ],
"animated": false, "animated": false,

4
e2etests/testdata/stable/sequence_diagram_long_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="850" height="1162" viewBox="-287 -50 850 1162"><style type="text/css"> width="874" height="1162" viewBox="-287 -26 874 1162"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -18,7 +18,7 @@ width="850" height="1162" viewBox="-287 -50 850 1162"><style type="text/css">
} }
]]> ]]>
</style><g id="b"><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">b</text></g><g id="a"><g class="shape" ><rect x="313" y="50" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="388.000000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="(b -- )[0]"><path d="M 75.000000 178.000000 L 75.000000 1011.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 -- )[0]"><path d="M 388.000000 178.000000 L 388.000000 1011.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 386.000000 306.000000 L 79.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.note"><g class="shape" ><rect x="-187" y="436" width="525" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="75.500000" y="502.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a note here to remember that padding must consider notes too</text></g><g id="a.note"><g class="shape" ><rect x="319" y="692" width="137" height="190" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="387.500000" y="758.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="387.500000" dy="0.000000">just</tspan><tspan x="387.500000" dy="18.000000">a</tspan><tspan x="387.500000" dy="18.000000">long</tspan><tspan x="387.500000" dy="18.000000">note</tspan><tspan x="387.500000" dy="18.000000">here</tspan></text></g><style type="text/css"><![CDATA[ </style><g id="b"><g class="shape" ><rect x="24" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="99.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a"><g class="shape" ><rect x="337" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="412.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="(b -- )[0]"><path d="M 99.000000 202.000000 L 99.000000 1035.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 -- )[0]"><path d="M 412.000000 202.000000 L 412.000000 1035.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 410.000000 330.000000 L 103.000000 330.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.note"><g class="shape" ><rect x="-187" y="436" width="525" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="75.500000" y="502.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a note here to remember that padding must consider notes too</text></g><g id="a.note"><g class="shape" ><rect x="319" y="692" width="137" height="190" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="387.500000" y="758.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="387.500000" dy="0.000000">just</tspan><tspan x="387.500000" dy="18.000000">a</tspan><tspan x="387.500000" dy="18.000000">long</tspan><tspan x="387.500000" dy="18.000000">note</tspan><tspan x="387.500000" dy="18.000000">here</tspan></text></g><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 326 KiB

After

Width:  |  Height:  |  Size: 326 KiB

108
e2etests/testdata/stable/sequence_diagram_nested_groups/dagre/board.exp.json generated vendored
View file

@ -161,8 +161,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 0, "x": 24,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -475,8 +475,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 250, "x": 274,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -595,8 +595,8 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 543, "x": 567,
"y": 50 "y": 74
}, },
"width": 190, "width": 190,
"height": 126, "height": 126,
@ -659,12 +659,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 306 "y": 330
}, },
{ {
"x": 325, "x": 349,
"y": 306 "y": 330
} }
], ],
"animated": false, "animated": false,
@ -698,12 +698,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 436 "y": 460
}, },
{ {
"x": 325, "x": 349,
"y": 436 "y": 460
} }
], ],
"animated": false, "animated": false,
@ -737,12 +737,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 566 "y": 590
}, },
{ {
"x": 325, "x": 349,
"y": 566 "y": 590
} }
], ],
"animated": false, "animated": false,
@ -776,12 +776,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 952 "y": 976
}, },
{ {
"x": 325, "x": 349,
"y": 952 "y": 976
} }
], ],
"animated": false, "animated": false,
@ -815,12 +815,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 1082 "y": 1106
}, },
{ {
"x": 325, "x": 349,
"y": 1082 "y": 1106
} }
], ],
"animated": false, "animated": false,
@ -854,12 +854,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 1212 "y": 1236
}, },
{ {
"x": 638, "x": 662,
"y": 1212 "y": 1236
} }
], ],
"animated": false, "animated": false,
@ -893,12 +893,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 1342 "y": 1366
}, },
{ {
"x": 638, "x": 662,
"y": 1342 "y": 1366
} }
], ],
"animated": false, "animated": false,
@ -932,12 +932,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 1472 "y": 1496
}, },
{ {
"x": 638, "x": 662,
"y": 1472 "y": 1496
} }
], ],
"animated": false, "animated": false,
@ -971,12 +971,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 1602 "y": 1626
}, },
{ {
"x": 638, "x": 662,
"y": 1602 "y": 1626
} }
], ],
"animated": false, "animated": false,
@ -1010,12 +1010,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 176 "y": 200
}, },
{ {
"x": 75, "x": 99,
"y": 2308 "y": 2332
} }
], ],
"animated": false, "animated": false,
@ -1049,12 +1049,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 176 "y": 200
}, },
{ {
"x": 325, "x": 349,
"y": 2308 "y": 2332
} }
], ],
"animated": false, "animated": false,
@ -1088,12 +1088,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 638, "x": 662,
"y": 176 "y": 200
}, },
{ {
"x": 638, "x": 662,
"y": 2308 "y": 2332
} }
], ],
"animated": false, "animated": false,

4
e2etests/testdata/stable/sequence_diagram_nested_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: 332 KiB

After

Width:  |  Height:  |  Size: 332 KiB

108
e2etests/testdata/stable/sequence_diagram_nested_groups/elk/board.exp.json generated vendored
View file

@ -161,8 +161,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 0, "x": 24,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -475,8 +475,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 250, "x": 274,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -595,8 +595,8 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 543, "x": 567,
"y": 50 "y": 74
}, },
"width": 190, "width": 190,
"height": 126, "height": 126,
@ -659,12 +659,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 306 "y": 330
}, },
{ {
"x": 325, "x": 349,
"y": 306 "y": 330
} }
], ],
"animated": false, "animated": false,
@ -698,12 +698,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 436 "y": 460
}, },
{ {
"x": 325, "x": 349,
"y": 436 "y": 460
} }
], ],
"animated": false, "animated": false,
@ -737,12 +737,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 566 "y": 590
}, },
{ {
"x": 325, "x": 349,
"y": 566 "y": 590
} }
], ],
"animated": false, "animated": false,
@ -776,12 +776,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 952 "y": 976
}, },
{ {
"x": 325, "x": 349,
"y": 952 "y": 976
} }
], ],
"animated": false, "animated": false,
@ -815,12 +815,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 1082 "y": 1106
}, },
{ {
"x": 325, "x": 349,
"y": 1082 "y": 1106
} }
], ],
"animated": false, "animated": false,
@ -854,12 +854,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 1212 "y": 1236
}, },
{ {
"x": 638, "x": 662,
"y": 1212 "y": 1236
} }
], ],
"animated": false, "animated": false,
@ -893,12 +893,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 1342 "y": 1366
}, },
{ {
"x": 638, "x": 662,
"y": 1342 "y": 1366
} }
], ],
"animated": false, "animated": false,
@ -932,12 +932,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 1472 "y": 1496
}, },
{ {
"x": 638, "x": 662,
"y": 1472 "y": 1496
} }
], ],
"animated": false, "animated": false,
@ -971,12 +971,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 1602 "y": 1626
}, },
{ {
"x": 638, "x": 662,
"y": 1602 "y": 1626
} }
], ],
"animated": false, "animated": false,
@ -1010,12 +1010,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 176 "y": 200
}, },
{ {
"x": 75, "x": 99,
"y": 2308 "y": 2332
} }
], ],
"animated": false, "animated": false,
@ -1049,12 +1049,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 176 "y": 200
}, },
{ {
"x": 325, "x": 349,
"y": 2308 "y": 2332
} }
], ],
"animated": false, "animated": false,
@ -1088,12 +1088,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 638, "x": 662,
"y": 176 "y": 200
}, },
{ {
"x": 638, "x": 662,
"y": 2308 "y": 2332
} }
], ],
"animated": false, "animated": false,

4
e2etests/testdata/stable/sequence_diagram_nested_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: 332 KiB

After

Width:  |  Height:  |  Size: 332 KiB

212
e2etests/testdata/stable/sequence_diagram_nested_span/dagre/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "scorer", "id": "scorer",
"type": "", "type": "",
"pos": { "pos": {
"x": 0, "x": 24,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -45,8 +45,8 @@
"id": "scorer.abc", "id": "scorer.abc",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 69, "x": 93,
"y": 1070 "y": 1094
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -84,8 +84,8 @@
"id": "itemResponse", "id": "itemResponse",
"type": "", "type": "",
"pos": { "pos": {
"x": 225, "x": 249,
"y": 50 "y": 74
}, },
"width": 200, "width": 200,
"height": 126, "height": 126,
@ -124,8 +124,8 @@
"id": "itemResponse.a", "id": "itemResponse.a",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 319, "x": 343,
"y": 290 "y": 314
}, },
"width": 12, "width": 12,
"height": 162, "height": 162,
@ -163,8 +163,8 @@
"id": "item", "id": "item",
"type": "", "type": "",
"pos": { "pos": {
"x": 500, "x": 524,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -203,8 +203,8 @@
"id": "item.a", "id": "item.a",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 569, "x": 593,
"y": 404 "y": 428
}, },
"width": 12, "width": 12,
"height": 698, "height": 698,
@ -242,8 +242,8 @@
"id": "item.a.b", "id": "item.a.b",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 565, "x": 589,
"y": 420 "y": 444
}, },
"width": 20, "width": 20,
"height": 162, "height": 162,
@ -281,8 +281,8 @@
"id": "essayRubric", "id": "essayRubric",
"type": "", "type": "",
"pos": { "pos": {
"x": 732, "x": 756,
"y": 50 "y": 74
}, },
"width": 186, "width": 186,
"height": 126, "height": 126,
@ -321,8 +321,8 @@
"id": "essayRubric.a", "id": "essayRubric.a",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 819, "x": 843,
"y": 518 "y": 542
}, },
"width": 12, "width": 12,
"height": 340, "height": 340,
@ -360,8 +360,8 @@
"id": "essayRubric.a.b", "id": "essayRubric.a.b",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 815, "x": 839,
"y": 534 "y": 558
}, },
"width": 20, "width": 20,
"height": 308, "height": 308,
@ -399,8 +399,8 @@
"id": "essayRubric.a.b.c", "id": "essayRubric.a.b.c",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 811, "x": 835,
"y": 550 "y": 574
}, },
"width": 28, "width": 28,
"height": 162, "height": 162,
@ -438,8 +438,8 @@
"id": "concept", "id": "concept",
"type": "", "type": "",
"pos": { "pos": {
"x": 995, "x": 1019,
"y": 50 "y": 74
}, },
"width": 160, "width": 160,
"height": 126, "height": 126,
@ -478,8 +478,8 @@
"id": "concept.a", "id": "concept.a",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1069, "x": 1093,
"y": 632 "y": 656
}, },
"width": 12, "width": 12,
"height": 388, "height": 388,
@ -517,8 +517,8 @@
"id": "concept.a.b", "id": "concept.a.b",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1065, "x": 1089,
"y": 648 "y": 672
}, },
"width": 20, "width": 20,
"height": 356, "height": 356,
@ -556,8 +556,8 @@
"id": "concept.a.b.c", "id": "concept.a.b.c",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1061, "x": 1085,
"y": 664 "y": 688
}, },
"width": 28, "width": 28,
"height": 324, "height": 324,
@ -595,8 +595,8 @@
"id": "concept.a.b.c.d", "id": "concept.a.b.c.d",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1057, "x": 1081,
"y": 680 "y": 704
}, },
"width": 36, "width": 36,
"height": 292, "height": 292,
@ -634,8 +634,8 @@
"id": "itemOutcome", "id": "itemOutcome",
"type": "", "type": "",
"pos": { "pos": {
"x": 1227, "x": 1251,
"y": 50 "y": 74
}, },
"width": 197, "width": 197,
"height": 126, "height": 126,
@ -674,8 +674,8 @@
"id": "itemOutcome.a", "id": "itemOutcome.a",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1319, "x": 1343,
"y": 876 "y": 900
}, },
"width": 12, "width": 12,
"height": 420, "height": 420,
@ -713,8 +713,8 @@
"id": "itemOutcome.a.b", "id": "itemOutcome.a.b",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1315, "x": 1339,
"y": 892 "y": 916
}, },
"width": 20, "width": 20,
"height": 388, "height": 388,
@ -752,8 +752,8 @@
"id": "itemOutcome.a.b.c", "id": "itemOutcome.a.b.c",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1311, "x": 1335,
"y": 908 "y": 932
}, },
"width": 28, "width": 28,
"height": 356, "height": 356,
@ -791,8 +791,8 @@
"id": "itemOutcome.a.b.c.d", "id": "itemOutcome.a.b.c.d",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1307, "x": 1331,
"y": 924 "y": 948
}, },
"width": 36, "width": 36,
"height": 324, "height": 324,
@ -830,8 +830,8 @@
"id": "itemOutcome.a.b.c.d.e", "id": "itemOutcome.a.b.c.d.e",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1303, "x": 1327,
"y": 940 "y": 964
}, },
"width": 44, "width": 44,
"height": 292, "height": 292,
@ -869,8 +869,8 @@
"id": "itemResponse.c", "id": "itemResponse.c",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 319, "x": 343,
"y": 1330 "y": 1354
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -932,12 +932,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 306 "y": 330
}, },
{ {
"x": 319, "x": 343,
"y": 306 "y": 330
} }
], ],
"animated": false, "animated": false,
@ -971,12 +971,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 331, "x": 355,
"y": 436 "y": 460
}, },
{ {
"x": 565, "x": 589,
"y": 436 "y": 460
} }
], ],
"animated": false, "animated": false,
@ -1010,12 +1010,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 585, "x": 609,
"y": 566 "y": 590
}, },
{ {
"x": 811, "x": 835,
"y": 566 "y": 590
} }
], ],
"animated": false, "animated": false,
@ -1049,12 +1049,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 839, "x": 863,
"y": 696 "y": 720
}, },
{ {
"x": 1057, "x": 1081,
"y": 696 "y": 720
} }
], ],
"animated": false, "animated": false,
@ -1088,12 +1088,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 581, "x": 605,
"y": 826 "y": 850
}, },
{ {
"x": 815, "x": 839,
"y": 826 "y": 850
} }
], ],
"animated": false, "animated": false,
@ -1127,12 +1127,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1093, "x": 1117,
"y": 956 "y": 980
}, },
{ {
"x": 1303.5, "x": 1327.5,
"y": 956 "y": 980
} }
], ],
"animated": false, "animated": false,
@ -1166,12 +1166,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 81, "x": 105,
"y": 1086 "y": 1110
}, },
{ {
"x": 569, "x": 593,
"y": 1086 "y": 1110
} }
], ],
"animated": false, "animated": false,
@ -1205,12 +1205,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1303.5, "x": 1327.5,
"y": 1216 "y": 1240
}, },
{ {
"x": 75, "x": 99,
"y": 1216 "y": 1240
} }
], ],
"animated": false, "animated": false,
@ -1244,12 +1244,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 1346 "y": 1370
}, },
{ {
"x": 319, "x": 343,
"y": 1346 "y": 1370
} }
], ],
"animated": false, "animated": false,
@ -1283,12 +1283,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 176 "y": 200
}, },
{ {
"x": 75, "x": 99,
"y": 1476 "y": 1500
} }
], ],
"animated": false, "animated": false,
@ -1322,12 +1322,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 176 "y": 200
}, },
{ {
"x": 325, "x": 349,
"y": 1476 "y": 1500
} }
], ],
"animated": false, "animated": false,
@ -1361,12 +1361,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 575, "x": 599,
"y": 176 "y": 200
}, },
{ {
"x": 575, "x": 599,
"y": 1476 "y": 1500
} }
], ],
"animated": false, "animated": false,
@ -1400,12 +1400,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 825, "x": 849,
"y": 176 "y": 200
}, },
{ {
"x": 825, "x": 849,
"y": 1476 "y": 1500
} }
], ],
"animated": false, "animated": false,
@ -1439,12 +1439,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1075, "x": 1099,
"y": 176 "y": 200
}, },
{ {
"x": 1075, "x": 1099,
"y": 1476 "y": 1500
} }
], ],
"animated": false, "animated": false,
@ -1478,12 +1478,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1325.5, "x": 1349.5,
"y": 176 "y": 200
}, },
{ {
"x": 1325.5, "x": 1349.5,
"y": 1476 "y": 1500
} }
], ],
"animated": false, "animated": false,

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

212
e2etests/testdata/stable/sequence_diagram_nested_span/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "scorer", "id": "scorer",
"type": "", "type": "",
"pos": { "pos": {
"x": 0, "x": 24,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -45,8 +45,8 @@
"id": "scorer.abc", "id": "scorer.abc",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 69, "x": 93,
"y": 1070 "y": 1094
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -84,8 +84,8 @@
"id": "itemResponse", "id": "itemResponse",
"type": "", "type": "",
"pos": { "pos": {
"x": 225, "x": 249,
"y": 50 "y": 74
}, },
"width": 200, "width": 200,
"height": 126, "height": 126,
@ -124,8 +124,8 @@
"id": "itemResponse.a", "id": "itemResponse.a",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 319, "x": 343,
"y": 290 "y": 314
}, },
"width": 12, "width": 12,
"height": 162, "height": 162,
@ -163,8 +163,8 @@
"id": "item", "id": "item",
"type": "", "type": "",
"pos": { "pos": {
"x": 500, "x": 524,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -203,8 +203,8 @@
"id": "item.a", "id": "item.a",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 569, "x": 593,
"y": 404 "y": 428
}, },
"width": 12, "width": 12,
"height": 698, "height": 698,
@ -242,8 +242,8 @@
"id": "item.a.b", "id": "item.a.b",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 565, "x": 589,
"y": 420 "y": 444
}, },
"width": 20, "width": 20,
"height": 162, "height": 162,
@ -281,8 +281,8 @@
"id": "essayRubric", "id": "essayRubric",
"type": "", "type": "",
"pos": { "pos": {
"x": 732, "x": 756,
"y": 50 "y": 74
}, },
"width": 186, "width": 186,
"height": 126, "height": 126,
@ -321,8 +321,8 @@
"id": "essayRubric.a", "id": "essayRubric.a",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 819, "x": 843,
"y": 518 "y": 542
}, },
"width": 12, "width": 12,
"height": 340, "height": 340,
@ -360,8 +360,8 @@
"id": "essayRubric.a.b", "id": "essayRubric.a.b",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 815, "x": 839,
"y": 534 "y": 558
}, },
"width": 20, "width": 20,
"height": 308, "height": 308,
@ -399,8 +399,8 @@
"id": "essayRubric.a.b.c", "id": "essayRubric.a.b.c",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 811, "x": 835,
"y": 550 "y": 574
}, },
"width": 28, "width": 28,
"height": 162, "height": 162,
@ -438,8 +438,8 @@
"id": "concept", "id": "concept",
"type": "", "type": "",
"pos": { "pos": {
"x": 995, "x": 1019,
"y": 50 "y": 74
}, },
"width": 160, "width": 160,
"height": 126, "height": 126,
@ -478,8 +478,8 @@
"id": "concept.a", "id": "concept.a",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1069, "x": 1093,
"y": 632 "y": 656
}, },
"width": 12, "width": 12,
"height": 388, "height": 388,
@ -517,8 +517,8 @@
"id": "concept.a.b", "id": "concept.a.b",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1065, "x": 1089,
"y": 648 "y": 672
}, },
"width": 20, "width": 20,
"height": 356, "height": 356,
@ -556,8 +556,8 @@
"id": "concept.a.b.c", "id": "concept.a.b.c",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1061, "x": 1085,
"y": 664 "y": 688
}, },
"width": 28, "width": 28,
"height": 324, "height": 324,
@ -595,8 +595,8 @@
"id": "concept.a.b.c.d", "id": "concept.a.b.c.d",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1057, "x": 1081,
"y": 680 "y": 704
}, },
"width": 36, "width": 36,
"height": 292, "height": 292,
@ -634,8 +634,8 @@
"id": "itemOutcome", "id": "itemOutcome",
"type": "", "type": "",
"pos": { "pos": {
"x": 1227, "x": 1251,
"y": 50 "y": 74
}, },
"width": 197, "width": 197,
"height": 126, "height": 126,
@ -674,8 +674,8 @@
"id": "itemOutcome.a", "id": "itemOutcome.a",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1319, "x": 1343,
"y": 876 "y": 900
}, },
"width": 12, "width": 12,
"height": 420, "height": 420,
@ -713,8 +713,8 @@
"id": "itemOutcome.a.b", "id": "itemOutcome.a.b",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1315, "x": 1339,
"y": 892 "y": 916
}, },
"width": 20, "width": 20,
"height": 388, "height": 388,
@ -752,8 +752,8 @@
"id": "itemOutcome.a.b.c", "id": "itemOutcome.a.b.c",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1311, "x": 1335,
"y": 908 "y": 932
}, },
"width": 28, "width": 28,
"height": 356, "height": 356,
@ -791,8 +791,8 @@
"id": "itemOutcome.a.b.c.d", "id": "itemOutcome.a.b.c.d",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1307, "x": 1331,
"y": 924 "y": 948
}, },
"width": 36, "width": 36,
"height": 324, "height": 324,
@ -830,8 +830,8 @@
"id": "itemOutcome.a.b.c.d.e", "id": "itemOutcome.a.b.c.d.e",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1303, "x": 1327,
"y": 940 "y": 964
}, },
"width": 44, "width": 44,
"height": 292, "height": 292,
@ -869,8 +869,8 @@
"id": "itemResponse.c", "id": "itemResponse.c",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 319, "x": 343,
"y": 1330 "y": 1354
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -932,12 +932,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 306 "y": 330
}, },
{ {
"x": 319, "x": 343,
"y": 306 "y": 330
} }
], ],
"animated": false, "animated": false,
@ -971,12 +971,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 331, "x": 355,
"y": 436 "y": 460
}, },
{ {
"x": 565, "x": 589,
"y": 436 "y": 460
} }
], ],
"animated": false, "animated": false,
@ -1010,12 +1010,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 585, "x": 609,
"y": 566 "y": 590
}, },
{ {
"x": 811, "x": 835,
"y": 566 "y": 590
} }
], ],
"animated": false, "animated": false,
@ -1049,12 +1049,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 839, "x": 863,
"y": 696 "y": 720
}, },
{ {
"x": 1057, "x": 1081,
"y": 696 "y": 720
} }
], ],
"animated": false, "animated": false,
@ -1088,12 +1088,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 581, "x": 605,
"y": 826 "y": 850
}, },
{ {
"x": 815, "x": 839,
"y": 826 "y": 850
} }
], ],
"animated": false, "animated": false,
@ -1127,12 +1127,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1093, "x": 1117,
"y": 956 "y": 980
}, },
{ {
"x": 1303.5, "x": 1327.5,
"y": 956 "y": 980
} }
], ],
"animated": false, "animated": false,
@ -1166,12 +1166,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 81, "x": 105,
"y": 1086 "y": 1110
}, },
{ {
"x": 569, "x": 593,
"y": 1086 "y": 1110
} }
], ],
"animated": false, "animated": false,
@ -1205,12 +1205,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1303.5, "x": 1327.5,
"y": 1216 "y": 1240
}, },
{ {
"x": 75, "x": 99,
"y": 1216 "y": 1240
} }
], ],
"animated": false, "animated": false,
@ -1244,12 +1244,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 1346 "y": 1370
}, },
{ {
"x": 319, "x": 343,
"y": 1346 "y": 1370
} }
], ],
"animated": false, "animated": false,
@ -1283,12 +1283,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 176 "y": 200
}, },
{ {
"x": 75, "x": 99,
"y": 1476 "y": 1500
} }
], ],
"animated": false, "animated": false,
@ -1322,12 +1322,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 176 "y": 200
}, },
{ {
"x": 325, "x": 349,
"y": 1476 "y": 1500
} }
], ],
"animated": false, "animated": false,
@ -1361,12 +1361,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 575, "x": 599,
"y": 176 "y": 200
}, },
{ {
"x": 575, "x": 599,
"y": 1476 "y": 1500
} }
], ],
"animated": false, "animated": false,
@ -1400,12 +1400,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 825, "x": 849,
"y": 176 "y": 200
}, },
{ {
"x": 825, "x": 849,
"y": 1476 "y": 1500
} }
], ],
"animated": false, "animated": false,
@ -1439,12 +1439,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1075, "x": 1099,
"y": 176 "y": 200
}, },
{ {
"x": 1075, "x": 1099,
"y": 1476 "y": 1500
} }
], ],
"animated": false, "animated": false,
@ -1478,12 +1478,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1325.5, "x": 1349.5,
"y": 176 "y": 200
}, },
{ {
"x": 1325.5, "x": 1349.5,
"y": 1476 "y": 1500
} }
], ],
"animated": false, "animated": false,

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

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

@ -5,8 +5,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 0, "x": 24,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -45,8 +45,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 250, "x": 274,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -85,8 +85,8 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 500, "x": 524,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -125,8 +125,8 @@
"id": "d", "id": "d",
"type": "", "type": "",
"pos": { "pos": {
"x": 750, "x": 774,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -349,12 +349,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 306 "y": 330
}, },
{ {
"x": 325, "x": 349,
"y": 306 "y": 330
} }
], ],
"animated": false, "animated": false,
@ -388,12 +388,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 948 "y": 972
}, },
{ {
"x": 575, "x": 599,
"y": 948 "y": 972
} }
], ],
"animated": false, "animated": false,
@ -427,12 +427,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 575, "x": 599,
"y": 1350 "y": 1374
}, },
{ {
"x": 325, "x": 349,
"y": 1350 "y": 1374
} }
], ],
"animated": false, "animated": false,
@ -466,12 +466,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 176 "y": 200
}, },
{ {
"x": 75, "x": 99,
"y": 1736 "y": 1760
} }
], ],
"animated": false, "animated": false,
@ -505,12 +505,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 176 "y": 200
}, },
{ {
"x": 325, "x": 349,
"y": 1736 "y": 1760
} }
], ],
"animated": false, "animated": false,
@ -544,12 +544,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 575, "x": 599,
"y": 176 "y": 200
}, },
{ {
"x": 575, "x": 599,
"y": 1736 "y": 1760
} }
], ],
"animated": false, "animated": false,
@ -583,12 +583,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 825, "x": 849,
"y": 176 "y": 200
}, },
{ {
"x": 825, "x": 849,
"y": 1736 "y": 1760
} }
], ],
"animated": false, "animated": false,

6
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="1328" height="1886" viewBox="-145 -50 1328 1886"><style type="text/css"> width="1328" height="1886" viewBox="-145 -26 1328 1886"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -18,9 +18,9 @@ width="1328" height="1886" viewBox="-145 -50 1328 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="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"> </style><g id="a"><g class="shape" ><rect x="24" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="99.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="274" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="349.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="524" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="599.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="774" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="849.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a -- )[0]"><path d="M 99.000000 202.000000 L 99.000000 1759.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 349.000000 202.000000 L 349.000000 1759.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 599.000000 202.000000 L 599.000000 1759.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 849.000000 202.000000 L 849.000000 1759.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 101.000000 330.000000 L 345.000000 330.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 351.000000 972.000000 L 595.000000 972.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 597.000000 1374.000000 L 353.000000 1374.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="474.500000" y="1380.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="1328" height="1886" fill="white"></rect> <rect x="0" y="0" width="1328" height="1886" fill="white"></rect>
<rect x="434.000000" y="1340.000000" width="33" height="21" fill="black"></rect> <rect x="458.000000" y="1364.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

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

@ -5,8 +5,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 0, "x": 24,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -45,8 +45,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 250, "x": 274,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -85,8 +85,8 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 500, "x": 524,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -125,8 +125,8 @@
"id": "d", "id": "d",
"type": "", "type": "",
"pos": { "pos": {
"x": 750, "x": 774,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -349,12 +349,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 306 "y": 330
}, },
{ {
"x": 325, "x": 349,
"y": 306 "y": 330
} }
], ],
"animated": false, "animated": false,
@ -388,12 +388,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 948 "y": 972
}, },
{ {
"x": 575, "x": 599,
"y": 948 "y": 972
} }
], ],
"animated": false, "animated": false,
@ -427,12 +427,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 575, "x": 599,
"y": 1350 "y": 1374
}, },
{ {
"x": 325, "x": 349,
"y": 1350 "y": 1374
} }
], ],
"animated": false, "animated": false,
@ -466,12 +466,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 176 "y": 200
}, },
{ {
"x": 75, "x": 99,
"y": 1736 "y": 1760
} }
], ],
"animated": false, "animated": false,
@ -505,12 +505,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 176 "y": 200
}, },
{ {
"x": 325, "x": 349,
"y": 1736 "y": 1760
} }
], ],
"animated": false, "animated": false,
@ -544,12 +544,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 575, "x": 599,
"y": 176 "y": 200
}, },
{ {
"x": 575, "x": 599,
"y": 1736 "y": 1760
} }
], ],
"animated": false, "animated": false,
@ -583,12 +583,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 825, "x": 849,
"y": 176 "y": 200
}, },
{ {
"x": 825, "x": 849,
"y": 1736 "y": 1760
} }
], ],
"animated": false, "animated": false,

6
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="1328" height="1886" viewBox="-145 -50 1328 1886"><style type="text/css"> width="1328" height="1886" viewBox="-145 -26 1328 1886"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -18,9 +18,9 @@ width="1328" height="1886" viewBox="-145 -50 1328 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="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"> </style><g id="a"><g class="shape" ><rect x="24" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="99.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="274" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="349.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="524" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="599.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="774" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="849.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a -- )[0]"><path d="M 99.000000 202.000000 L 99.000000 1759.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 349.000000 202.000000 L 349.000000 1759.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 599.000000 202.000000 L 599.000000 1759.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 849.000000 202.000000 L 849.000000 1759.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 101.000000 330.000000 L 345.000000 330.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 351.000000 972.000000 L 595.000000 972.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 597.000000 1374.000000 L 353.000000 1374.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="474.500000" y="1380.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="1328" height="1886" fill="white"></rect> <rect x="0" y="0" width="1328" height="1886" fill="white"></rect>
<rect x="434.000000" y="1340.000000" width="33" height="21" fill="black"></rect> <rect x="458.000000" y="1364.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

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

@ -8,11 +8,11 @@
"x": 0, "x": 0,
"y": 0 "y": 0
}, },
"width": 2199, "width": 2247,
"height": 2288, "height": 2336,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 0,
"borderRadius": 0, "borderRadius": 0,
"fill": "#FFFFFF", "fill": "#FFFFFF",
"stroke": "#0D32B2", "stroke": "#0D32B2",
@ -45,8 +45,8 @@
"id": "How this is rendered.CLI", "id": "How this is rendered.CLI",
"type": "", "type": "",
"pos": { "pos": {
"x": 0, "x": 24,
"y": 86 "y": 110
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -85,8 +85,8 @@
"id": "How this is rendered.d2ast", "id": "How this is rendered.d2ast",
"type": "", "type": "",
"pos": { "pos": {
"x": 250, "x": 274,
"y": 86 "y": 110
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -125,8 +125,8 @@
"id": "How this is rendered.d2compiler", "id": "How this is rendered.d2compiler",
"type": "", "type": "",
"pos": { "pos": {
"x": 484, "x": 508,
"y": 86 "y": 110
}, },
"width": 182, "width": 182,
"height": 126, "height": 126,
@ -165,8 +165,8 @@
"id": "How this is rendered.d2layout", "id": "How this is rendered.d2layout",
"type": "", "type": "",
"pos": { "pos": {
"x": 743, "x": 767,
"y": 86 "y": 110
}, },
"width": 165, "width": 165,
"height": 126, "height": 126,
@ -205,8 +205,8 @@
"id": "How this is rendered.d2exporter", "id": "How this is rendered.d2exporter",
"type": "", "type": "",
"pos": { "pos": {
"x": 985, "x": 1009,
"y": 86 "y": 110
}, },
"width": 180, "width": 180,
"height": 126, "height": 126,
@ -245,8 +245,8 @@
"id": "How this is rendered.d2themes", "id": "How this is rendered.d2themes",
"type": "", "type": "",
"pos": { "pos": {
"x": 1239, "x": 1263,
"y": 86 "y": 110
}, },
"width": 173, "width": 173,
"height": 126, "height": 126,
@ -285,8 +285,8 @@
"id": "How this is rendered.d2renderer", "id": "How this is rendered.d2renderer",
"type": "", "type": "",
"pos": { "pos": {
"x": 1485, "x": 1509,
"y": 86 "y": 110
}, },
"width": 181, "width": 181,
"height": 126, "height": 126,
@ -404,8 +404,8 @@
"id": "How this is rendered.d2layout.layout", "id": "How this is rendered.d2layout.layout",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 819, "x": 843,
"y": 1102 "y": 1126
}, },
"width": 12, "width": 12,
"height": 422, "height": 422,
@ -443,8 +443,8 @@
"id": "How this is rendered.d2sequencelayout", "id": "How this is rendered.d2sequencelayout",
"type": "", "type": "",
"pos": { "pos": {
"x": 1716, "x": 1740,
"y": 86 "y": 110
}, },
"width": 229, "width": 229,
"height": 126, "height": 126,
@ -483,8 +483,8 @@
"id": "How this is rendered.d2dagrelayout", "id": "How this is rendered.d2dagrelayout",
"type": "", "type": "",
"pos": { "pos": {
"x": 1995, "x": 2019,
"y": 86 "y": 110
}, },
"width": 204, "width": 204,
"height": 126, "height": 126,
@ -523,8 +523,8 @@
"id": "How this is rendered.d2exporter.export", "id": "How this is rendered.d2exporter.export",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1069, "x": 1093,
"y": 1882 "y": 1906
}, },
"width": 12, "width": 12,
"height": 292, "height": 292,
@ -586,12 +586,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 342 "y": 366
}, },
{ {
"x": 325, "x": 349,
"y": 342 "y": 366
} }
], ],
"animated": false, "animated": false,
@ -625,12 +625,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 472 "y": 496
}, },
{ {
"x": 75, "x": 99,
"y": 472 "y": 496
} }
], ],
"animated": false, "animated": false,
@ -664,12 +664,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 602 "y": 626
}, },
{ {
"x": 575, "x": 599,
"y": 602 "y": 626
} }
], ],
"animated": false, "animated": false,
@ -703,12 +703,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 575, "x": 599,
"y": 988 "y": 1012
}, },
{ {
"x": 75, "x": 99,
"y": 988 "y": 1012
} }
], ],
"animated": false, "animated": false,
@ -742,12 +742,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 1118 "y": 1142
}, },
{ {
"x": 819.5, "x": 843.5,
"y": 1118 "y": 1142
} }
], ],
"animated": false, "animated": false,
@ -781,12 +781,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 831.5, "x": 855.5,
"y": 1248 "y": 1272
}, },
{ {
"x": 1830.5, "x": 1854.5,
"y": 1248 "y": 1272
} }
], ],
"animated": false, "animated": false,
@ -820,12 +820,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 831.5, "x": 855.5,
"y": 1378 "y": 1402
}, },
{ {
"x": 2097, "x": 2121,
"y": 1378 "y": 1402
} }
], ],
"animated": false, "animated": false,
@ -859,12 +859,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 831.5, "x": 855.5,
"y": 1508 "y": 1532
}, },
{ {
"x": 1830.5, "x": 1854.5,
"y": 1508 "y": 1532
} }
], ],
"animated": false, "animated": false,
@ -898,12 +898,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 825.5, "x": 849.5,
"y": 1638 "y": 1662
}, },
{ {
"x": 75, "x": 99,
"y": 1638 "y": 1662
} }
], ],
"animated": false, "animated": false,
@ -937,12 +937,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 1768 "y": 1792
}, },
{ {
"x": 1075, "x": 1099,
"y": 1768 "y": 1792
} }
], ],
"animated": false, "animated": false,
@ -976,12 +976,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1081, "x": 1105,
"y": 1898 "y": 1922
}, },
{ {
"x": 1325.5, "x": 1349.5,
"y": 1898 "y": 1922
} }
], ],
"animated": false, "animated": false,
@ -1015,12 +1015,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1081, "x": 1105,
"y": 2028 "y": 2052
}, },
{ {
"x": 1575.5, "x": 1599.5,
"y": 2028 "y": 2052
} }
], ],
"animated": false, "animated": false,
@ -1054,12 +1054,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1069, "x": 1093,
"y": 2158 "y": 2182
}, },
{ {
"x": 75, "x": 99,
"y": 2158 "y": 2182
} }
], ],
"animated": false, "animated": false,
@ -1093,12 +1093,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 212 "y": 236
}, },
{ {
"x": 75, "x": 99,
"y": 2288 "y": 2312
} }
], ],
"animated": false, "animated": false,
@ -1132,12 +1132,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 212 "y": 236
}, },
{ {
"x": 325, "x": 349,
"y": 2288 "y": 2312
} }
], ],
"animated": false, "animated": false,
@ -1171,12 +1171,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 575, "x": 599,
"y": 212 "y": 236
}, },
{ {
"x": 575, "x": 599,
"y": 2288 "y": 2312
} }
], ],
"animated": false, "animated": false,
@ -1210,12 +1210,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 825.5, "x": 849.5,
"y": 212 "y": 236
}, },
{ {
"x": 825.5, "x": 849.5,
"y": 2288 "y": 2312
} }
], ],
"animated": false, "animated": false,
@ -1249,12 +1249,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1075, "x": 1099,
"y": 212 "y": 236
}, },
{ {
"x": 1075, "x": 1099,
"y": 2288 "y": 2312
} }
], ],
"animated": false, "animated": false,
@ -1288,12 +1288,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1325.5, "x": 1349.5,
"y": 212 "y": 236
}, },
{ {
"x": 1325.5, "x": 1349.5,
"y": 2288 "y": 2312
} }
], ],
"animated": false, "animated": false,
@ -1327,12 +1327,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1575.5, "x": 1599.5,
"y": 212 "y": 236
}, },
{ {
"x": 1575.5, "x": 1599.5,
"y": 2288 "y": 2312
} }
], ],
"animated": false, "animated": false,
@ -1366,12 +1366,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1830.5, "x": 1854.5,
"y": 212 "y": 236
}, },
{ {
"x": 1830.5, "x": 1854.5,
"y": 2288 "y": 2312
} }
], ],
"animated": false, "animated": false,
@ -1405,12 +1405,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2097, "x": 2121,
"y": 212 "y": 236
}, },
{ {
"x": 2097, "x": 2121,
"y": 2288 "y": 2312
} }
], ],
"animated": false, "animated": false,

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

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

@ -8,11 +8,11 @@
"x": 12, "x": 12,
"y": 12 "y": 12
}, },
"width": 2199, "width": 2247,
"height": 2288, "height": 2336,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 0,
"borderRadius": 0, "borderRadius": 0,
"fill": "#FFFFFF", "fill": "#FFFFFF",
"stroke": "#0D32B2", "stroke": "#0D32B2",
@ -45,8 +45,8 @@
"id": "How this is rendered.CLI", "id": "How this is rendered.CLI",
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 36,
"y": 98 "y": 122
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -85,8 +85,8 @@
"id": "How this is rendered.d2ast", "id": "How this is rendered.d2ast",
"type": "", "type": "",
"pos": { "pos": {
"x": 262, "x": 286,
"y": 98 "y": 122
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -125,8 +125,8 @@
"id": "How this is rendered.d2compiler", "id": "How this is rendered.d2compiler",
"type": "", "type": "",
"pos": { "pos": {
"x": 496, "x": 520,
"y": 98 "y": 122
}, },
"width": 182, "width": 182,
"height": 126, "height": 126,
@ -165,8 +165,8 @@
"id": "How this is rendered.d2layout", "id": "How this is rendered.d2layout",
"type": "", "type": "",
"pos": { "pos": {
"x": 755, "x": 779,
"y": 98 "y": 122
}, },
"width": 165, "width": 165,
"height": 126, "height": 126,
@ -205,8 +205,8 @@
"id": "How this is rendered.d2exporter", "id": "How this is rendered.d2exporter",
"type": "", "type": "",
"pos": { "pos": {
"x": 997, "x": 1021,
"y": 98 "y": 122
}, },
"width": 180, "width": 180,
"height": 126, "height": 126,
@ -245,8 +245,8 @@
"id": "How this is rendered.d2themes", "id": "How this is rendered.d2themes",
"type": "", "type": "",
"pos": { "pos": {
"x": 1251, "x": 1275,
"y": 98 "y": 122
}, },
"width": 173, "width": 173,
"height": 126, "height": 126,
@ -285,8 +285,8 @@
"id": "How this is rendered.d2renderer", "id": "How this is rendered.d2renderer",
"type": "", "type": "",
"pos": { "pos": {
"x": 1497, "x": 1521,
"y": 98 "y": 122
}, },
"width": 181, "width": 181,
"height": 126, "height": 126,
@ -404,8 +404,8 @@
"id": "How this is rendered.d2layout.layout", "id": "How this is rendered.d2layout.layout",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 831, "x": 855,
"y": 1114 "y": 1138
}, },
"width": 12, "width": 12,
"height": 422, "height": 422,
@ -443,8 +443,8 @@
"id": "How this is rendered.d2sequencelayout", "id": "How this is rendered.d2sequencelayout",
"type": "", "type": "",
"pos": { "pos": {
"x": 1728, "x": 1752,
"y": 98 "y": 122
}, },
"width": 229, "width": 229,
"height": 126, "height": 126,
@ -483,8 +483,8 @@
"id": "How this is rendered.d2dagrelayout", "id": "How this is rendered.d2dagrelayout",
"type": "", "type": "",
"pos": { "pos": {
"x": 2007, "x": 2031,
"y": 98 "y": 122
}, },
"width": 204, "width": 204,
"height": 126, "height": 126,
@ -523,8 +523,8 @@
"id": "How this is rendered.d2exporter.export", "id": "How this is rendered.d2exporter.export",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1081, "x": 1105,
"y": 1894 "y": 1918
}, },
"width": 12, "width": 12,
"height": 292, "height": 292,
@ -586,12 +586,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 87, "x": 111,
"y": 354 "y": 378
}, },
{ {
"x": 337, "x": 361,
"y": 354 "y": 378
} }
], ],
"animated": false, "animated": false,
@ -625,12 +625,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 337, "x": 361,
"y": 484 "y": 508
}, },
{ {
"x": 87, "x": 111,
"y": 484 "y": 508
} }
], ],
"animated": false, "animated": false,
@ -664,12 +664,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 87, "x": 111,
"y": 614 "y": 638
}, },
{ {
"x": 587, "x": 611,
"y": 614 "y": 638
} }
], ],
"animated": false, "animated": false,
@ -703,12 +703,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 587, "x": 611,
"y": 1000 "y": 1024
}, },
{ {
"x": 87, "x": 111,
"y": 1000 "y": 1024
} }
], ],
"animated": false, "animated": false,
@ -742,12 +742,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 87, "x": 111,
"y": 1130 "y": 1154
}, },
{ {
"x": 831.5, "x": 855.5,
"y": 1130 "y": 1154
} }
], ],
"animated": false, "animated": false,
@ -781,12 +781,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 843.5, "x": 867.5,
"y": 1260 "y": 1284
}, },
{ {
"x": 1842.5, "x": 1866.5,
"y": 1260 "y": 1284
} }
], ],
"animated": false, "animated": false,
@ -820,12 +820,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 843.5, "x": 867.5,
"y": 1390 "y": 1414
}, },
{ {
"x": 2109, "x": 2133,
"y": 1390 "y": 1414
} }
], ],
"animated": false, "animated": false,
@ -859,12 +859,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 843.5, "x": 867.5,
"y": 1520 "y": 1544
}, },
{ {
"x": 1842.5, "x": 1866.5,
"y": 1520 "y": 1544
} }
], ],
"animated": false, "animated": false,
@ -898,12 +898,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 837.5, "x": 861.5,
"y": 1650 "y": 1674
}, },
{ {
"x": 87, "x": 111,
"y": 1650 "y": 1674
} }
], ],
"animated": false, "animated": false,
@ -937,12 +937,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 87, "x": 111,
"y": 1780 "y": 1804
}, },
{ {
"x": 1087, "x": 1111,
"y": 1780 "y": 1804
} }
], ],
"animated": false, "animated": false,
@ -976,12 +976,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1093, "x": 1117,
"y": 1910 "y": 1934
}, },
{ {
"x": 1337.5, "x": 1361.5,
"y": 1910 "y": 1934
} }
], ],
"animated": false, "animated": false,
@ -1015,12 +1015,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1093, "x": 1117,
"y": 2040 "y": 2064
}, },
{ {
"x": 1587.5, "x": 1611.5,
"y": 2040 "y": 2064
} }
], ],
"animated": false, "animated": false,
@ -1054,12 +1054,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1081, "x": 1105,
"y": 2170 "y": 2194
}, },
{ {
"x": 87, "x": 111,
"y": 2170 "y": 2194
} }
], ],
"animated": false, "animated": false,
@ -1093,12 +1093,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 87, "x": 111,
"y": 224 "y": 248
}, },
{ {
"x": 87, "x": 111,
"y": 2300 "y": 2324
} }
], ],
"animated": false, "animated": false,
@ -1132,12 +1132,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 337, "x": 361,
"y": 224 "y": 248
}, },
{ {
"x": 337, "x": 361,
"y": 2300 "y": 2324
} }
], ],
"animated": false, "animated": false,
@ -1171,12 +1171,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 587, "x": 611,
"y": 224 "y": 248
}, },
{ {
"x": 587, "x": 611,
"y": 2300 "y": 2324
} }
], ],
"animated": false, "animated": false,
@ -1210,12 +1210,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 837.5, "x": 861.5,
"y": 224 "y": 248
}, },
{ {
"x": 837.5, "x": 861.5,
"y": 2300 "y": 2324
} }
], ],
"animated": false, "animated": false,
@ -1249,12 +1249,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1087, "x": 1111,
"y": 224 "y": 248
}, },
{ {
"x": 1087, "x": 1111,
"y": 2300 "y": 2324
} }
], ],
"animated": false, "animated": false,
@ -1288,12 +1288,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1337.5, "x": 1361.5,
"y": 224 "y": 248
}, },
{ {
"x": 1337.5, "x": 1361.5,
"y": 2300 "y": 2324
} }
], ],
"animated": false, "animated": false,
@ -1327,12 +1327,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1587.5, "x": 1611.5,
"y": 224 "y": 248
}, },
{ {
"x": 1587.5, "x": 1611.5,
"y": 2300 "y": 2324
} }
], ],
"animated": false, "animated": false,
@ -1366,12 +1366,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1842.5, "x": 1866.5,
"y": 224 "y": 248
}, },
{ {
"x": 1842.5, "x": 1866.5,
"y": 2300 "y": 2324
} }
], ],
"animated": false, "animated": false,
@ -1405,12 +1405,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 2109, "x": 2133,
"y": 224 "y": 248
}, },
{ {
"x": 2109, "x": 2133,
"y": 2300 "y": 2324
} }
], ],
"animated": false, "animated": false,

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

132
e2etests/testdata/stable/sequence_diagram_self_edges/dagre/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 0, "x": 24,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -45,8 +45,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 250, "x": 274,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -85,8 +85,8 @@
"id": "b.1", "id": "b.1",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 319, "x": 343,
"y": 630 "y": 654
}, },
"width": 12, "width": 12,
"height": 228, "height": 228,
@ -124,8 +124,8 @@
"id": "b.1.2", "id": "b.1.2",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 315, "x": 339,
"y": 760 "y": 784
}, },
"width": 20, "width": 20,
"height": 82, "height": 82,
@ -163,8 +163,8 @@
"id": "a.1", "id": "a.1",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 69, "x": 93,
"y": 924 "y": 948
}, },
"width": 12, "width": 12,
"height": 178, "height": 178,
@ -202,8 +202,8 @@
"id": "a.1.2", "id": "a.1.2",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 65, "x": 89,
"y": 940 "y": 964
}, },
"width": 20, "width": 20,
"height": 80, "height": 80,
@ -241,8 +241,8 @@
"id": "b.3", "id": "b.3",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 319, "x": 343,
"y": 1070 "y": 1094
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -304,20 +304,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 306 "y": 330
}, },
{ {
"x": 175, "x": 199,
"y": 306 "y": 330
}, },
{ {
"x": 175, "x": 199,
"y": 386 "y": 410
}, },
{ {
"x": 75, "x": 99,
"y": 386 "y": 410
} }
], ],
"animated": false, "animated": false,
@ -351,12 +351,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 436 "y": 460
}, },
{ {
"x": 325, "x": 349,
"y": 436 "y": 460
} }
], ],
"animated": false, "animated": false,
@ -390,20 +390,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 566 "y": 590
}, },
{ {
"x": 425, "x": 449,
"y": 566 "y": 590
}, },
{ {
"x": 425, "x": 449,
"y": 646 "y": 670
}, },
{ {
"x": 331, "x": 355,
"y": 646 "y": 670
} }
], ],
"animated": false, "animated": false,
@ -437,20 +437,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 331, "x": 355,
"y": 696 "y": 720
}, },
{ {
"x": 425, "x": 449,
"y": 696 "y": 720
}, },
{ {
"x": 425, "x": 449,
"y": 776 "y": 800
}, },
{ {
"x": 335, "x": 359,
"y": 776 "y": 800
} }
], ],
"animated": false, "animated": false,
@ -484,20 +484,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 335, "x": 359,
"y": 826 "y": 850
}, },
{ {
"x": 425, "x": 449,
"y": 826 "y": 850
}, },
{ {
"x": 425, "x": 449,
"y": 906 "y": 930
}, },
{ {
"x": 325, "x": 349,
"y": 906 "y": 930
} }
], ],
"animated": false, "animated": false,
@ -531,12 +531,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 956 "y": 980
}, },
{ {
"x": 85, "x": 109,
"y": 956 "y": 980
} }
], ],
"animated": false, "animated": false,
@ -570,12 +570,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 81, "x": 105,
"y": 1086 "y": 1110
}, },
{ {
"x": 319, "x": 343,
"y": 1086 "y": 1110
} }
], ],
"animated": false, "animated": false,
@ -609,12 +609,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 176 "y": 200
}, },
{ {
"x": 75, "x": 99,
"y": 1216 "y": 1240
} }
], ],
"animated": false, "animated": false,
@ -648,12 +648,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 176 "y": 200
}, },
{ {
"x": 325, "x": 349,
"y": 1216 "y": 1240
} }
], ],
"animated": false, "animated": false,

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: 473 KiB

After

Width:  |  Height:  |  Size: 473 KiB

132
e2etests/testdata/stable/sequence_diagram_self_edges/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 0, "x": 24,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -45,8 +45,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 250, "x": 274,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -85,8 +85,8 @@
"id": "b.1", "id": "b.1",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 319, "x": 343,
"y": 630 "y": 654
}, },
"width": 12, "width": 12,
"height": 228, "height": 228,
@ -124,8 +124,8 @@
"id": "b.1.2", "id": "b.1.2",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 315, "x": 339,
"y": 760 "y": 784
}, },
"width": 20, "width": 20,
"height": 82, "height": 82,
@ -163,8 +163,8 @@
"id": "a.1", "id": "a.1",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 69, "x": 93,
"y": 924 "y": 948
}, },
"width": 12, "width": 12,
"height": 178, "height": 178,
@ -202,8 +202,8 @@
"id": "a.1.2", "id": "a.1.2",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 65, "x": 89,
"y": 940 "y": 964
}, },
"width": 20, "width": 20,
"height": 80, "height": 80,
@ -241,8 +241,8 @@
"id": "b.3", "id": "b.3",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 319, "x": 343,
"y": 1070 "y": 1094
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -304,20 +304,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 306 "y": 330
}, },
{ {
"x": 175, "x": 199,
"y": 306 "y": 330
}, },
{ {
"x": 175, "x": 199,
"y": 386 "y": 410
}, },
{ {
"x": 75, "x": 99,
"y": 386 "y": 410
} }
], ],
"animated": false, "animated": false,
@ -351,12 +351,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 436 "y": 460
}, },
{ {
"x": 325, "x": 349,
"y": 436 "y": 460
} }
], ],
"animated": false, "animated": false,
@ -390,20 +390,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 566 "y": 590
}, },
{ {
"x": 425, "x": 449,
"y": 566 "y": 590
}, },
{ {
"x": 425, "x": 449,
"y": 646 "y": 670
}, },
{ {
"x": 331, "x": 355,
"y": 646 "y": 670
} }
], ],
"animated": false, "animated": false,
@ -437,20 +437,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 331, "x": 355,
"y": 696 "y": 720
}, },
{ {
"x": 425, "x": 449,
"y": 696 "y": 720
}, },
{ {
"x": 425, "x": 449,
"y": 776 "y": 800
}, },
{ {
"x": 335, "x": 359,
"y": 776 "y": 800
} }
], ],
"animated": false, "animated": false,
@ -484,20 +484,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 335, "x": 359,
"y": 826 "y": 850
}, },
{ {
"x": 425, "x": 449,
"y": 826 "y": 850
}, },
{ {
"x": 425, "x": 449,
"y": 906 "y": 930
}, },
{ {
"x": 325, "x": 349,
"y": 906 "y": 930
} }
], ],
"animated": false, "animated": false,
@ -531,12 +531,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 956 "y": 980
}, },
{ {
"x": 85, "x": 109,
"y": 956 "y": 980
} }
], ],
"animated": false, "animated": false,
@ -570,12 +570,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 81, "x": 105,
"y": 1086 "y": 1110
}, },
{ {
"x": 319, "x": 343,
"y": 1086 "y": 1110
} }
], ],
"animated": false, "animated": false,
@ -609,12 +609,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 176 "y": 200
}, },
{ {
"x": 75, "x": 99,
"y": 1216 "y": 1240
} }
], ],
"animated": false, "animated": false,
@ -648,12 +648,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 176 "y": 200
}, },
{ {
"x": 325, "x": 349,
"y": 1216 "y": 1240
} }
], ],
"animated": false, "animated": false,

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: 473 KiB

After

Width:  |  Height:  |  Size: 473 KiB

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

@ -5,8 +5,8 @@
"id": "alice", "id": "alice",
"type": "person", "type": "person",
"pos": { "pos": {
"x": 0, "x": 24,
"y": 77 "y": 101
}, },
"width": 158, "width": 158,
"height": 158, "height": 158,
@ -45,8 +45,8 @@
"id": "bob", "id": "bob",
"type": "person", "type": "person",
"pos": { "pos": {
"x": 264, "x": 288,
"y": 141 "y": 165
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -85,8 +85,8 @@
"id": "db", "id": "db",
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 581, "x": 605,
"y": 162 "y": 186
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -125,8 +125,8 @@
"id": "queue", "id": "queue",
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 898, "x": 922,
"y": 162 "y": 186
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -165,8 +165,8 @@
"id": "service", "id": "service",
"type": "", "type": "",
"pos": { "pos": {
"x": 1192, "x": 1216,
"y": 50 "y": 74
}, },
"width": 197, "width": 197,
"height": 238, "height": 238,
@ -229,12 +229,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 79, "x": 103,
"y": 418 "y": 442
}, },
{ {
"x": 339, "x": 363,
"y": 418 "y": 442
} }
], ],
"animated": false, "animated": false,
@ -268,12 +268,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 339, "x": 363,
"y": 548 "y": 572
}, },
{ {
"x": 1290.5, "x": 1314.5,
"y": 548 "y": 572
} }
], ],
"animated": false, "animated": false,
@ -307,12 +307,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1290.5, "x": 1314.5,
"y": 678 "y": 702
}, },
{ {
"x": 656, "x": 680,
"y": 678 "y": 702
} }
], ],
"animated": false, "animated": false,
@ -346,12 +346,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 656, "x": 680,
"y": 808 "y": 832
}, },
{ {
"x": 1290.5, "x": 1314.5,
"y": 808 "y": 832
} }
], ],
"animated": false, "animated": false,
@ -385,12 +385,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1290.5, "x": 1314.5,
"y": 938 "y": 962
}, },
{ {
"x": 339, "x": 363,
"y": 938 "y": 962
} }
], ],
"animated": false, "animated": false,
@ -424,12 +424,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 339, "x": 363,
"y": 1068 "y": 1092
}, },
{ {
"x": 79, "x": 103,
"y": 1068 "y": 1092
} }
], ],
"animated": false, "animated": false,
@ -463,12 +463,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 79, "x": 103,
"y": 1198 "y": 1222
}, },
{ {
"x": 339, "x": 363,
"y": 1198 "y": 1222
} }
], ],
"animated": false, "animated": false,
@ -502,12 +502,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 339, "x": 363,
"y": 1328 "y": 1352
}, },
{ {
"x": 973, "x": 997,
"y": 1328 "y": 1352
} }
], ],
"animated": false, "animated": false,
@ -541,12 +541,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 973, "x": 997,
"y": 1458 "y": 1482
}, },
{ {
"x": 339, "x": 363,
"y": 1458 "y": 1482
} }
], ],
"animated": false, "animated": false,
@ -580,12 +580,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 339, "x": 363,
"y": 1588 "y": 1612
}, },
{ {
"x": 79, "x": 103,
"y": 1588 "y": 1612
} }
], ],
"animated": false, "animated": false,
@ -619,12 +619,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 79, "x": 103,
"y": 293 "y": 317
}, },
{ {
"x": 79, "x": 103,
"y": 1718 "y": 1742
} }
], ],
"animated": false, "animated": false,
@ -658,12 +658,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 339, "x": 363,
"y": 293 "y": 317
}, },
{ {
"x": 339, "x": 363,
"y": 1718 "y": 1742
} }
], ],
"animated": false, "animated": false,
@ -697,12 +697,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 656, "x": 680,
"y": 288 "y": 312
}, },
{ {
"x": 656, "x": 680,
"y": 1718 "y": 1742
} }
], ],
"animated": false, "animated": false,
@ -736,12 +736,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 973, "x": 997,
"y": 288 "y": 312
}, },
{ {
"x": 973, "x": 997,
"y": 1718 "y": 1742
} }
], ],
"animated": false, "animated": false,
@ -775,12 +775,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1290.5, "x": 1314.5,
"y": 288 "y": 312
}, },
{ {
"x": 1290.5, "x": 1314.5,
"y": 1718 "y": 1742
} }
], ],
"animated": false, "animated": false,

20
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

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

@ -5,8 +5,8 @@
"id": "alice", "id": "alice",
"type": "person", "type": "person",
"pos": { "pos": {
"x": 0, "x": 24,
"y": 77 "y": 101
}, },
"width": 158, "width": 158,
"height": 158, "height": 158,
@ -45,8 +45,8 @@
"id": "bob", "id": "bob",
"type": "person", "type": "person",
"pos": { "pos": {
"x": 264, "x": 288,
"y": 141 "y": 165
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -85,8 +85,8 @@
"id": "db", "id": "db",
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 581, "x": 605,
"y": 162 "y": 186
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -125,8 +125,8 @@
"id": "queue", "id": "queue",
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 898, "x": 922,
"y": 162 "y": 186
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -165,8 +165,8 @@
"id": "service", "id": "service",
"type": "", "type": "",
"pos": { "pos": {
"x": 1192, "x": 1216,
"y": 50 "y": 74
}, },
"width": 197, "width": 197,
"height": 238, "height": 238,
@ -229,12 +229,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 79, "x": 103,
"y": 418 "y": 442
}, },
{ {
"x": 339, "x": 363,
"y": 418 "y": 442
} }
], ],
"animated": false, "animated": false,
@ -268,12 +268,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 339, "x": 363,
"y": 548 "y": 572
}, },
{ {
"x": 1290.5, "x": 1314.5,
"y": 548 "y": 572
} }
], ],
"animated": false, "animated": false,
@ -307,12 +307,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1290.5, "x": 1314.5,
"y": 678 "y": 702
}, },
{ {
"x": 656, "x": 680,
"y": 678 "y": 702
} }
], ],
"animated": false, "animated": false,
@ -346,12 +346,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 656, "x": 680,
"y": 808 "y": 832
}, },
{ {
"x": 1290.5, "x": 1314.5,
"y": 808 "y": 832
} }
], ],
"animated": false, "animated": false,
@ -385,12 +385,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1290.5, "x": 1314.5,
"y": 938 "y": 962
}, },
{ {
"x": 339, "x": 363,
"y": 938 "y": 962
} }
], ],
"animated": false, "animated": false,
@ -424,12 +424,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 339, "x": 363,
"y": 1068 "y": 1092
}, },
{ {
"x": 79, "x": 103,
"y": 1068 "y": 1092
} }
], ],
"animated": false, "animated": false,
@ -463,12 +463,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 79, "x": 103,
"y": 1198 "y": 1222
}, },
{ {
"x": 339, "x": 363,
"y": 1198 "y": 1222
} }
], ],
"animated": false, "animated": false,
@ -502,12 +502,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 339, "x": 363,
"y": 1328 "y": 1352
}, },
{ {
"x": 973, "x": 997,
"y": 1328 "y": 1352
} }
], ],
"animated": false, "animated": false,
@ -541,12 +541,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 973, "x": 997,
"y": 1458 "y": 1482
}, },
{ {
"x": 339, "x": 363,
"y": 1458 "y": 1482
} }
], ],
"animated": false, "animated": false,
@ -580,12 +580,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 339, "x": 363,
"y": 1588 "y": 1612
}, },
{ {
"x": 79, "x": 103,
"y": 1588 "y": 1612
} }
], ],
"animated": false, "animated": false,
@ -619,12 +619,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 79, "x": 103,
"y": 293 "y": 317
}, },
{ {
"x": 79, "x": 103,
"y": 1718 "y": 1742
} }
], ],
"animated": false, "animated": false,
@ -658,12 +658,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 339, "x": 363,
"y": 293 "y": 317
}, },
{ {
"x": 339, "x": 363,
"y": 1718 "y": 1742
} }
], ],
"animated": false, "animated": false,
@ -697,12 +697,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 656, "x": 680,
"y": 288 "y": 312
}, },
{ {
"x": 656, "x": 680,
"y": 1718 "y": 1742
} }
], ],
"animated": false, "animated": false,
@ -736,12 +736,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 973, "x": 997,
"y": 288 "y": 312
}, },
{ {
"x": 973, "x": 997,
"y": 1718 "y": 1742
} }
], ],
"animated": false, "animated": false,
@ -775,12 +775,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1290.5, "x": 1314.5,
"y": 288 "y": 312
}, },
{ {
"x": 1290.5, "x": 1314.5,
"y": 1718 "y": 1742
} }
], ],
"animated": false, "animated": false,

20
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

220
e2etests/testdata/stable/sequence_diagram_span/dagre/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "scorer", "id": "scorer",
"type": "", "type": "",
"pos": { "pos": {
"x": 0, "x": 24,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -45,8 +45,8 @@
"id": "scorer.t", "id": "scorer.t",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 69, "x": 93,
"y": 290 "y": 314
}, },
"width": 12, "width": 12,
"height": 1592, "height": 1592,
@ -84,8 +84,8 @@
"id": "itemResponse", "id": "itemResponse",
"type": "", "type": "",
"pos": { "pos": {
"x": 225, "x": 249,
"y": 50 "y": 74
}, },
"width": 200, "width": 200,
"height": 126, "height": 126,
@ -124,8 +124,8 @@
"id": "itemResponse.t", "id": "itemResponse.t",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 319, "x": 343,
"y": 290 "y": 314
}, },
"width": 12, "width": 12,
"height": 162, "height": 162,
@ -163,8 +163,8 @@
"id": "item", "id": "item",
"type": "", "type": "",
"pos": { "pos": {
"x": 500, "x": 524,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -203,8 +203,8 @@
"id": "item.t1", "id": "item.t1",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 569, "x": 593,
"y": 550 "y": 574
}, },
"width": 12, "width": 12,
"height": 162, "height": 162,
@ -242,8 +242,8 @@
"id": "essayRubric", "id": "essayRubric",
"type": "", "type": "",
"pos": { "pos": {
"x": 732, "x": 756,
"y": 50 "y": 74
}, },
"width": 186, "width": 186,
"height": 126, "height": 126,
@ -282,8 +282,8 @@
"id": "essayRubric.t", "id": "essayRubric.t",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 819, "x": 843,
"y": 810 "y": 834
}, },
"width": 12, "width": 12,
"height": 422, "height": 422,
@ -321,8 +321,8 @@
"id": "essayRubric.t.c", "id": "essayRubric.t.c",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 815, "x": 839,
"y": 940 "y": 964
}, },
"width": 20, "width": 20,
"height": 162, "height": 162,
@ -360,8 +360,8 @@
"id": "concept", "id": "concept",
"type": "", "type": "",
"pos": { "pos": {
"x": 995, "x": 1019,
"y": 50 "y": 74
}, },
"width": 160, "width": 160,
"height": 126, "height": 126,
@ -400,8 +400,8 @@
"id": "concept.t", "id": "concept.t",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1069, "x": 1093,
"y": 1070 "y": 1094
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -439,8 +439,8 @@
"id": "itemOutcome", "id": "itemOutcome",
"type": "", "type": "",
"pos": { "pos": {
"x": 1227, "x": 1251,
"y": 50 "y": 74
}, },
"width": 197, "width": 197,
"height": 126, "height": 126,
@ -479,8 +479,8 @@
"id": "itemOutcome.t1", "id": "itemOutcome.t1",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1319, "x": 1343,
"y": 1330 "y": 1354
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -518,8 +518,8 @@
"id": "item.t2", "id": "item.t2",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 569, "x": 593,
"y": 1460 "y": 1484
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -557,8 +557,8 @@
"id": "item.t3", "id": "item.t3",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 569, "x": 593,
"y": 1590 "y": 1614
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -596,8 +596,8 @@
"id": "itemOutcome.t2", "id": "itemOutcome.t2",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1319, "x": 1343,
"y": 1720 "y": 1744
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -635,8 +635,8 @@
"id": "itemOutcome.t3", "id": "itemOutcome.t3",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1319, "x": 1343,
"y": 1850 "y": 1874
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -698,12 +698,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 81, "x": 105,
"y": 306 "y": 330
}, },
{ {
"x": 319, "x": 343,
"y": 306 "y": 330
} }
], ],
"animated": false, "animated": false,
@ -737,12 +737,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 81, "x": 105,
"y": 436 "y": 460
}, },
{ {
"x": 319, "x": 343,
"y": 436 "y": 460
} }
], ],
"animated": false, "animated": false,
@ -776,12 +776,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 81, "x": 105,
"y": 566 "y": 590
}, },
{ {
"x": 569, "x": 593,
"y": 566 "y": 590
} }
], ],
"animated": false, "animated": false,
@ -815,12 +815,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 81, "x": 105,
"y": 696 "y": 720
}, },
{ {
"x": 569, "x": 593,
"y": 696 "y": 720
} }
], ],
"animated": false, "animated": false,
@ -854,12 +854,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 81, "x": 105,
"y": 826 "y": 850
}, },
{ {
"x": 819, "x": 843,
"y": 826 "y": 850
} }
], ],
"animated": false, "animated": false,
@ -893,12 +893,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 956 "y": 980
}, },
{ {
"x": 815, "x": 839,
"y": 956 "y": 980
} }
], ],
"animated": false, "animated": false,
@ -932,12 +932,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 835, "x": 859,
"y": 1086 "y": 1110
}, },
{ {
"x": 1069, "x": 1093,
"y": 1086 "y": 1110
} }
], ],
"animated": false, "animated": false,
@ -971,12 +971,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 1216 "y": 1240
}, },
{ {
"x": 819, "x": 843,
"y": 1216 "y": 1240
} }
], ],
"animated": false, "animated": false,
@ -1010,12 +1010,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 81, "x": 105,
"y": 1346 "y": 1370
}, },
{ {
"x": 1319.5, "x": 1343.5,
"y": 1346 "y": 1370
} }
], ],
"animated": false, "animated": false,
@ -1049,12 +1049,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 81, "x": 105,
"y": 1476 "y": 1500
}, },
{ {
"x": 569, "x": 593,
"y": 1476 "y": 1500
} }
], ],
"animated": false, "animated": false,
@ -1088,12 +1088,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 81, "x": 105,
"y": 1606 "y": 1630
}, },
{ {
"x": 569, "x": 593,
"y": 1606 "y": 1630
} }
], ],
"animated": false, "animated": false,
@ -1127,12 +1127,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 81, "x": 105,
"y": 1736 "y": 1760
}, },
{ {
"x": 1319.5, "x": 1343.5,
"y": 1736 "y": 1760
} }
], ],
"animated": false, "animated": false,
@ -1166,12 +1166,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 81, "x": 105,
"y": 1866 "y": 1890
}, },
{ {
"x": 1319.5, "x": 1343.5,
"y": 1866 "y": 1890
} }
], ],
"animated": false, "animated": false,
@ -1205,12 +1205,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 176 "y": 200
}, },
{ {
"x": 75, "x": 99,
"y": 1996 "y": 2020
} }
], ],
"animated": false, "animated": false,
@ -1244,12 +1244,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 176 "y": 200
}, },
{ {
"x": 325, "x": 349,
"y": 1996 "y": 2020
} }
], ],
"animated": false, "animated": false,
@ -1283,12 +1283,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 575, "x": 599,
"y": 176 "y": 200
}, },
{ {
"x": 575, "x": 599,
"y": 1996 "y": 2020
} }
], ],
"animated": false, "animated": false,
@ -1322,12 +1322,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 825, "x": 849,
"y": 176 "y": 200
}, },
{ {
"x": 825, "x": 849,
"y": 1996 "y": 2020
} }
], ],
"animated": false, "animated": false,
@ -1361,12 +1361,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1075, "x": 1099,
"y": 176 "y": 200
}, },
{ {
"x": 1075, "x": 1099,
"y": 1996 "y": 2020
} }
], ],
"animated": false, "animated": false,
@ -1400,12 +1400,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1325.5, "x": 1349.5,
"y": 176 "y": 200
}, },
{ {
"x": 1325.5, "x": 1349.5,
"y": 1996 "y": 2020
} }
], ],
"animated": false, "animated": false,

28
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

220
e2etests/testdata/stable/sequence_diagram_span/elk/board.exp.json generated vendored
View file

@ -5,8 +5,8 @@
"id": "scorer", "id": "scorer",
"type": "", "type": "",
"pos": { "pos": {
"x": 0, "x": 24,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -45,8 +45,8 @@
"id": "scorer.t", "id": "scorer.t",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 69, "x": 93,
"y": 290 "y": 314
}, },
"width": 12, "width": 12,
"height": 1592, "height": 1592,
@ -84,8 +84,8 @@
"id": "itemResponse", "id": "itemResponse",
"type": "", "type": "",
"pos": { "pos": {
"x": 225, "x": 249,
"y": 50 "y": 74
}, },
"width": 200, "width": 200,
"height": 126, "height": 126,
@ -124,8 +124,8 @@
"id": "itemResponse.t", "id": "itemResponse.t",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 319, "x": 343,
"y": 290 "y": 314
}, },
"width": 12, "width": 12,
"height": 162, "height": 162,
@ -163,8 +163,8 @@
"id": "item", "id": "item",
"type": "", "type": "",
"pos": { "pos": {
"x": 500, "x": 524,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -203,8 +203,8 @@
"id": "item.t1", "id": "item.t1",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 569, "x": 593,
"y": 550 "y": 574
}, },
"width": 12, "width": 12,
"height": 162, "height": 162,
@ -242,8 +242,8 @@
"id": "essayRubric", "id": "essayRubric",
"type": "", "type": "",
"pos": { "pos": {
"x": 732, "x": 756,
"y": 50 "y": 74
}, },
"width": 186, "width": 186,
"height": 126, "height": 126,
@ -282,8 +282,8 @@
"id": "essayRubric.t", "id": "essayRubric.t",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 819, "x": 843,
"y": 810 "y": 834
}, },
"width": 12, "width": 12,
"height": 422, "height": 422,
@ -321,8 +321,8 @@
"id": "essayRubric.t.c", "id": "essayRubric.t.c",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 815, "x": 839,
"y": 940 "y": 964
}, },
"width": 20, "width": 20,
"height": 162, "height": 162,
@ -360,8 +360,8 @@
"id": "concept", "id": "concept",
"type": "", "type": "",
"pos": { "pos": {
"x": 995, "x": 1019,
"y": 50 "y": 74
}, },
"width": 160, "width": 160,
"height": 126, "height": 126,
@ -400,8 +400,8 @@
"id": "concept.t", "id": "concept.t",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1069, "x": 1093,
"y": 1070 "y": 1094
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -439,8 +439,8 @@
"id": "itemOutcome", "id": "itemOutcome",
"type": "", "type": "",
"pos": { "pos": {
"x": 1227, "x": 1251,
"y": 50 "y": 74
}, },
"width": 197, "width": 197,
"height": 126, "height": 126,
@ -479,8 +479,8 @@
"id": "itemOutcome.t1", "id": "itemOutcome.t1",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1319, "x": 1343,
"y": 1330 "y": 1354
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -518,8 +518,8 @@
"id": "item.t2", "id": "item.t2",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 569, "x": 593,
"y": 1460 "y": 1484
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -557,8 +557,8 @@
"id": "item.t3", "id": "item.t3",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 569, "x": 593,
"y": 1590 "y": 1614
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -596,8 +596,8 @@
"id": "itemOutcome.t2", "id": "itemOutcome.t2",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1319, "x": 1343,
"y": 1720 "y": 1744
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -635,8 +635,8 @@
"id": "itemOutcome.t3", "id": "itemOutcome.t3",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1319, "x": 1343,
"y": 1850 "y": 1874
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -698,12 +698,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 81, "x": 105,
"y": 306 "y": 330
}, },
{ {
"x": 319, "x": 343,
"y": 306 "y": 330
} }
], ],
"animated": false, "animated": false,
@ -737,12 +737,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 81, "x": 105,
"y": 436 "y": 460
}, },
{ {
"x": 319, "x": 343,
"y": 436 "y": 460
} }
], ],
"animated": false, "animated": false,
@ -776,12 +776,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 81, "x": 105,
"y": 566 "y": 590
}, },
{ {
"x": 569, "x": 593,
"y": 566 "y": 590
} }
], ],
"animated": false, "animated": false,
@ -815,12 +815,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 81, "x": 105,
"y": 696 "y": 720
}, },
{ {
"x": 569, "x": 593,
"y": 696 "y": 720
} }
], ],
"animated": false, "animated": false,
@ -854,12 +854,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 81, "x": 105,
"y": 826 "y": 850
}, },
{ {
"x": 819, "x": 843,
"y": 826 "y": 850
} }
], ],
"animated": false, "animated": false,
@ -893,12 +893,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 956 "y": 980
}, },
{ {
"x": 815, "x": 839,
"y": 956 "y": 980
} }
], ],
"animated": false, "animated": false,
@ -932,12 +932,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 835, "x": 859,
"y": 1086 "y": 1110
}, },
{ {
"x": 1069, "x": 1093,
"y": 1086 "y": 1110
} }
], ],
"animated": false, "animated": false,
@ -971,12 +971,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 1216 "y": 1240
}, },
{ {
"x": 819, "x": 843,
"y": 1216 "y": 1240
} }
], ],
"animated": false, "animated": false,
@ -1010,12 +1010,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 81, "x": 105,
"y": 1346 "y": 1370
}, },
{ {
"x": 1319.5, "x": 1343.5,
"y": 1346 "y": 1370
} }
], ],
"animated": false, "animated": false,
@ -1049,12 +1049,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 81, "x": 105,
"y": 1476 "y": 1500
}, },
{ {
"x": 569, "x": 593,
"y": 1476 "y": 1500
} }
], ],
"animated": false, "animated": false,
@ -1088,12 +1088,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 81, "x": 105,
"y": 1606 "y": 1630
}, },
{ {
"x": 569, "x": 593,
"y": 1606 "y": 1630
} }
], ],
"animated": false, "animated": false,
@ -1127,12 +1127,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 81, "x": 105,
"y": 1736 "y": 1760
}, },
{ {
"x": 1319.5, "x": 1343.5,
"y": 1736 "y": 1760
} }
], ],
"animated": false, "animated": false,
@ -1166,12 +1166,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 81, "x": 105,
"y": 1866 "y": 1890
}, },
{ {
"x": 1319.5, "x": 1343.5,
"y": 1866 "y": 1890
} }
], ],
"animated": false, "animated": false,
@ -1205,12 +1205,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 176 "y": 200
}, },
{ {
"x": 75, "x": 99,
"y": 1996 "y": 2020
} }
], ],
"animated": false, "animated": false,
@ -1244,12 +1244,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 176 "y": 200
}, },
{ {
"x": 325, "x": 349,
"y": 1996 "y": 2020
} }
], ],
"animated": false, "animated": false,
@ -1283,12 +1283,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 575, "x": 599,
"y": 176 "y": 200
}, },
{ {
"x": 575, "x": 599,
"y": 1996 "y": 2020
} }
], ],
"animated": false, "animated": false,
@ -1322,12 +1322,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 825, "x": 849,
"y": 176 "y": 200
}, },
{ {
"x": 825, "x": 849,
"y": 1996 "y": 2020
} }
], ],
"animated": false, "animated": false,
@ -1361,12 +1361,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1075, "x": 1099,
"y": 176 "y": 200
}, },
{ {
"x": 1075, "x": 1099,
"y": 1996 "y": 2020
} }
], ],
"animated": false, "animated": false,
@ -1400,12 +1400,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1325.5, "x": 1349.5,
"y": 176 "y": 200
}, },
{ {
"x": 1325.5, "x": 1349.5,
"y": 1996 "y": 2020
} }
], ],
"animated": false, "animated": false,

28
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

800
e2etests/testdata/stable/sequence_diagrams/dagre/board.exp.json generated vendored
View file

File diff suppressed because it is too large Load diff

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: 825 KiB

734
e2etests/testdata/stable/sequence_diagrams/elk/board.exp.json generated vendored
View file

File diff suppressed because it is too large Load diff

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: 825 KiB

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

@ -5,8 +5,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 0, "x": 24,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -45,8 +45,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 250, "x": 274,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -85,8 +85,8 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 500, "x": 524,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -344,12 +344,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 306 "y": 330
}, },
{ {
"x": 575, "x": 599,
"y": 306 "y": 330
} }
], ],
"animated": false, "animated": false,
@ -383,12 +383,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 436 "y": 460
}, },
{ {
"x": 75, "x": 99,
"y": 436 "y": 460
} }
], ],
"animated": false, "animated": false,
@ -422,12 +422,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 566 "y": 590
}, },
{ {
"x": 75, "x": 99,
"y": 566 "y": 590
} }
], ],
"animated": false, "animated": false,
@ -461,12 +461,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 696 "y": 720
}, },
{ {
"x": 75, "x": 99,
"y": 696 "y": 720
} }
], ],
"animated": false, "animated": false,
@ -500,12 +500,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 826 "y": 850
}, },
{ {
"x": 75, "x": 99,
"y": 826 "y": 850
} }
], ],
"animated": false, "animated": false,
@ -539,12 +539,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 956 "y": 980
}, },
{ {
"x": 75, "x": 99,
"y": 956 "y": 980
} }
], ],
"animated": false, "animated": false,
@ -578,12 +578,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 176 "y": 200
}, },
{ {
"x": 75, "x": 99,
"y": 1086 "y": 1110
} }
], ],
"animated": false, "animated": false,
@ -617,12 +617,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 176 "y": 200
}, },
{ {
"x": 325, "x": 349,
"y": 1086 "y": 1110
} }
], ],
"animated": false, "animated": false,
@ -656,12 +656,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 575, "x": 599,
"y": 176 "y": 200
}, },
{ {
"x": 575, "x": 599,
"y": 1086 "y": 1110
} }
], ],
"animated": false, "animated": false,

4
e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/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="921" height="1242" viewBox="-171 -50 921 1242"><style type="text/css"> width="945" height="1236" viewBox="-171 -26 945 1236"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -18,7 +18,7 @@ width="921" height="1242" viewBox="-171 -50 921 1242"><style type="text/css">
} }
]]> ]]>
</style><g id="b"><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">b</text></g><g id="a"><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">a</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="(b -- )[0]"><path d="M 75.000000 178.000000 L 75.000000 1085.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 -- )[0]"><path d="M 325.000000 178.000000 L 325.000000 1085.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 1085.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="this is a message group"><g class="shape blend" ><rect x="-71" y="396" width="542" height="696" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="9.000000" y="412.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">this is a message group</text></g><g id="this is a message group.and this is a nested message group"><g class="shape blend" ><rect x="-47" y="526" width="494" height="542" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="72.000000" y="542.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">and this is a nested message group</text></g><g id="this is a message group.and this is a nested message group.what about more nesting"><g class="shape blend" ><rect x="-23" y="656" width="446" height="388" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="63.500000" y="672.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">what about more nesting</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.yo"><g class="shape blend" ><rect x="1" y="786" width="398" height="234" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="11.500000" y="802.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">yo</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.yo.yo"><g class="shape blend" ><rect x="25" y="916" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="35.500000" y="932.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">yo</text></g><g id="(b -&gt; c)[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 571.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="(a -&gt; b)[0]"><path d="M 323.000000 436.000000 L 79.000000 436.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="(a -&gt; b)[1]"><path d="M 323.000000 566.000000 L 79.000000 566.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="(a -&gt; b)[2]"><path d="M 323.000000 696.000000 L 79.000000 696.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="(a -&gt; b)[3]"><path d="M 323.000000 826.000000 L 79.000000 826.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="(a -&gt; b)[4]"><path d="M 323.000000 956.000000 L 79.000000 956.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><style type="text/css"><![CDATA[ </style><g id="b"><g class="shape" ><rect x="24" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="99.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a"><g class="shape" ><rect x="274" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="349.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="524" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="599.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="(b -- )[0]"><path d="M 99.000000 202.000000 L 99.000000 1109.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 -- )[0]"><path d="M 349.000000 202.000000 L 349.000000 1109.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 599.000000 202.000000 L 599.000000 1109.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="this is a message group"><g class="shape blend" ><rect x="-71" y="396" width="542" height="696" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="9.000000" y="412.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">this is a message group</text></g><g id="this is a message group.and this is a nested message group"><g class="shape blend" ><rect x="-47" y="526" width="494" height="542" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="72.000000" y="542.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">and this is a nested message group</text></g><g id="this is a message group.and this is a nested message group.what about more nesting"><g class="shape blend" ><rect x="-23" y="656" width="446" height="388" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="63.500000" y="672.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">what about more nesting</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.yo"><g class="shape blend" ><rect x="1" y="786" width="398" height="234" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="11.500000" y="802.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">yo</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.yo.yo"><g class="shape blend" ><rect x="25" y="916" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="35.500000" y="932.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">yo</text></g><g id="(b -&gt; c)[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 101.000000 330.000000 L 595.000000 330.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="(a -&gt; b)[0]"><path d="M 347.000000 460.000000 L 103.000000 460.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="(a -&gt; b)[1]"><path d="M 347.000000 590.000000 L 103.000000 590.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="(a -&gt; b)[2]"><path d="M 347.000000 720.000000 L 103.000000 720.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="(a -&gt; b)[3]"><path d="M 347.000000 850.000000 L 103.000000 850.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="(a -&gt; b)[4]"><path d="M 347.000000 980.000000 L 103.000000 980.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 329 KiB

After

Width:  |  Height:  |  Size: 329 KiB

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

@ -5,8 +5,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 0, "x": 24,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -45,8 +45,8 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 250, "x": 274,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -85,8 +85,8 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 500, "x": 524,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -344,12 +344,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 306 "y": 330
}, },
{ {
"x": 575, "x": 599,
"y": 306 "y": 330
} }
], ],
"animated": false, "animated": false,
@ -383,12 +383,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 436 "y": 460
}, },
{ {
"x": 75, "x": 99,
"y": 436 "y": 460
} }
], ],
"animated": false, "animated": false,
@ -422,12 +422,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 566 "y": 590
}, },
{ {
"x": 75, "x": 99,
"y": 566 "y": 590
} }
], ],
"animated": false, "animated": false,
@ -461,12 +461,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 696 "y": 720
}, },
{ {
"x": 75, "x": 99,
"y": 696 "y": 720
} }
], ],
"animated": false, "animated": false,
@ -500,12 +500,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 826 "y": 850
}, },
{ {
"x": 75, "x": 99,
"y": 826 "y": 850
} }
], ],
"animated": false, "animated": false,
@ -539,12 +539,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 956 "y": 980
}, },
{ {
"x": 75, "x": 99,
"y": 956 "y": 980
} }
], ],
"animated": false, "animated": false,
@ -578,12 +578,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 176 "y": 200
}, },
{ {
"x": 75, "x": 99,
"y": 1086 "y": 1110
} }
], ],
"animated": false, "animated": false,
@ -617,12 +617,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 349,
"y": 176 "y": 200
}, },
{ {
"x": 325, "x": 349,
"y": 1086 "y": 1110
} }
], ],
"animated": false, "animated": false,
@ -656,12 +656,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 575, "x": 599,
"y": 176 "y": 200
}, },
{ {
"x": 575, "x": 599,
"y": 1086 "y": 1110
} }
], ],
"animated": false, "animated": false,

4
e2etests/testdata/todo/sequence_diagram_actor_padding_nested_groups/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="921" height="1242" viewBox="-171 -50 921 1242"><style type="text/css"> width="945" height="1236" viewBox="-171 -26 945 1236"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -18,7 +18,7 @@ width="921" height="1242" viewBox="-171 -50 921 1242"><style type="text/css">
} }
]]> ]]>
</style><g id="b"><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">b</text></g><g id="a"><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">a</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="(b -- )[0]"><path d="M 75.000000 178.000000 L 75.000000 1085.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 -- )[0]"><path d="M 325.000000 178.000000 L 325.000000 1085.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 1085.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="this is a message group"><g class="shape blend" ><rect x="-71" y="396" width="542" height="696" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="9.000000" y="412.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">this is a message group</text></g><g id="this is a message group.and this is a nested message group"><g class="shape blend" ><rect x="-47" y="526" width="494" height="542" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="72.000000" y="542.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">and this is a nested message group</text></g><g id="this is a message group.and this is a nested message group.what about more nesting"><g class="shape blend" ><rect x="-23" y="656" width="446" height="388" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="63.500000" y="672.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">what about more nesting</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.yo"><g class="shape blend" ><rect x="1" y="786" width="398" height="234" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="11.500000" y="802.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">yo</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.yo.yo"><g class="shape blend" ><rect x="25" y="916" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="35.500000" y="932.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">yo</text></g><g id="(b -&gt; c)[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 571.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="(a -&gt; b)[0]"><path d="M 323.000000 436.000000 L 79.000000 436.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="(a -&gt; b)[1]"><path d="M 323.000000 566.000000 L 79.000000 566.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="(a -&gt; b)[2]"><path d="M 323.000000 696.000000 L 79.000000 696.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="(a -&gt; b)[3]"><path d="M 323.000000 826.000000 L 79.000000 826.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="(a -&gt; b)[4]"><path d="M 323.000000 956.000000 L 79.000000 956.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><style type="text/css"><![CDATA[ </style><g id="b"><g class="shape" ><rect x="24" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="99.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a"><g class="shape" ><rect x="274" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="349.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="524" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="599.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="(b -- )[0]"><path d="M 99.000000 202.000000 L 99.000000 1109.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 -- )[0]"><path d="M 349.000000 202.000000 L 349.000000 1109.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 599.000000 202.000000 L 599.000000 1109.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="this is a message group"><g class="shape blend" ><rect x="-71" y="396" width="542" height="696" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="9.000000" y="412.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">this is a message group</text></g><g id="this is a message group.and this is a nested message group"><g class="shape blend" ><rect x="-47" y="526" width="494" height="542" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="72.000000" y="542.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">and this is a nested message group</text></g><g id="this is a message group.and this is a nested message group.what about more nesting"><g class="shape blend" ><rect x="-23" y="656" width="446" height="388" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="63.500000" y="672.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">what about more nesting</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.yo"><g class="shape blend" ><rect x="1" y="786" width="398" height="234" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="11.500000" y="802.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">yo</text></g><g id="this is a message group.and this is a nested message group.what about more nesting.yo.yo"><g class="shape blend" ><rect x="25" y="916" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="35.500000" y="932.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">yo</text></g><g id="(b -&gt; c)[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 101.000000 330.000000 L 595.000000 330.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="(a -&gt; b)[0]"><path d="M 347.000000 460.000000 L 103.000000 460.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="(a -&gt; b)[1]"><path d="M 347.000000 590.000000 L 103.000000 590.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="(a -&gt; b)[2]"><path d="M 347.000000 720.000000 L 103.000000 720.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="(a -&gt; b)[3]"><path d="M 347.000000 850.000000 L 103.000000 850.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="(a -&gt; b)[4]"><path d="M 347.000000 980.000000 L 103.000000 980.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";
} }

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 329 KiB

After

Width:  |  Height:  |  Size: 329 KiB