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

Merge branch 'master' into mask-group-label

Browse source
This commit is contained in:
Júlio César Batista 2022-12-05 15:20:23 -08:00
commit 27996f348a
No known key found for this signature in database
GPG key ID: 10C4B861BF314878
70 changed files with 4040 additions and 3226 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
d2compiler/compile_test.go
View file

@ -1347,10 +1347,23 @@ y -> x.style
if len(g.Objects) != 1 { if len(g.Objects) != 1 {
t.Fatal(g.Objects) t.Fatal(g.Objects)
} }
assert.String(t, `"b\nb"`, g.Objects[0].ID)
assert.String(t, `b assert.String(t, `b
b`, g.Objects[0].Attributes.Label.Value) b`, g.Objects[0].Attributes.Label.Value)
}, },
}, },
{
name: "unescaped_id_cr",
text: `b\rb`,
assertions: func(t *testing.T, g *d2graph.Graph) {
if len(g.Objects) != 1 {
t.Fatal(g.Objects)
}
assert.String(t, "b\rb", g.Objects[0].ID)
assert.String(t, "b\rb", g.Objects[0].Attributes.Label.Value)
},
},
{ {
name: "class_style", name: "class_style",

4
d2exporter/export.go
View file

@ -99,6 +99,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 obj.IsSequenceDiagram() {
shape.StrokeWidth = 0
}
if obj.IsSequenceDiagramGroup() { if obj.IsSequenceDiagramGroup() {
shape.StrokeWidth = 0 shape.StrokeWidth = 0
shape.Blend = true shape.Blend = true

32
d2graph/d2graph.go
View file

@ -308,18 +308,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 {
@ -342,6 +330,26 @@ func (obj *Object) GetFill(theme *d2themes.Theme) string {
return theme.Colors.B5 return theme.Colors.B5
} }
// fill for spans
sd := obj.OuterSequenceDiagram()
if sd != nil {
level -= int(sd.Level())
if level == 1 {
return theme.Colors.B3
} else if level == 2 {
return theme.Colors.B4
} else if level == 3 {
return theme.Colors.B5
} else if level == 4 {
return theme.Colors.Neutrals.N6
}
return theme.Colors.Neutrals.N7
}
if obj.IsSequenceDiagram() {
return theme.Colors.Neutrals.N7
}
shape := obj.Attributes.Shape.Value shape := obj.Attributes.Shape.Value
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) {

12
d2layouts/d2dagrelayout/layout.go
View file

@ -256,15 +256,23 @@ func setGraphAttrs(attrs dagreGraphAttrs) string {
) )
} }
func escapeID(id string) string {
id = strings.ReplaceAll(id, `\n`, `\\n`)
// avoid an unescaped \r becoming a \n in the layout result
id = strings.ReplaceAll(id, "\r", `\r`)
return id
}
func generateAddNodeLine(id string, width, height int) string { func generateAddNodeLine(id string, width, height int) string {
id = escapeID(id)
return fmt.Sprintf("g.setNode(`%s`, { id: `%s`, width: %d, height: %d });\n", id, id, width, height) return fmt.Sprintf("g.setNode(`%s`, { id: `%s`, width: %d, height: %d });\n", id, id, width, height)
} }
func generateAddParentLine(childID, parentID string) string { func generateAddParentLine(childID, parentID string) string {
return fmt.Sprintf("g.setParent(`%s`, `%s`);\n", childID, parentID) return fmt.Sprintf("g.setParent(`%s`, `%s`);\n", escapeID(childID), escapeID(parentID))
} }
func generateAddEdgeLine(fromID, toID, edgeID string) string { func generateAddEdgeLine(fromID, toID, edgeID string) string {
// in dagre v is from, w is to, name is to uniquely identify // in dagre v is from, w is to, name is to uniquely identify
return fmt.Sprintf("g.setEdge({v:`%s`, w:`%s`, name:`%s` });\n", fromID, toID, edgeID) return fmt.Sprintf("g.setEdge({v:`%s`, w:`%s`, name:`%s` });\n", escapeID(fromID), escapeID(toID), escapeID(edgeID))
} }

23
d2layouts/d2sequence/layout.go
View file

@ -32,6 +32,9 @@ func Layout(ctx context.Context, g *d2graph.Graph, layout func(ctx context.Conte
for len(queue) > 0 { for len(queue) > 0 {
obj := queue[0] obj := queue[0]
queue = queue[1:] queue = queue[1:]
if len(obj.ChildrenArray) == 0 {
continue
}
if obj.Attributes.Shape.Value != d2target.ShapeSequenceDiagram { if obj.Attributes.Shape.Value != d2target.ShapeSequenceDiagram {
queue = append(queue, obj.ChildrenArray...) queue = append(queue, obj.ChildrenArray...)
continue continue
@ -43,7 +46,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 +144,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.AbsID() == obj.AbsID() {
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...)

5
d2layouts/d2sequence/sequence_diagram.go
View file

@ -142,6 +142,9 @@ func newSequenceDiagram(objects []*d2graph.Object, messages []*d2graph.Edge) *se
nextActorHW := actors[rank+1].Width / 2. nextActorHW := actors[rank+1].Width / 2.
sd.actorXStep[rank] = math.Max(actorHW+nextActorHW+HORIZONTAL_PAD, MIN_ACTOR_DISTANCE) sd.actorXStep[rank] = math.Max(actorHW+nextActorHW+HORIZONTAL_PAD, MIN_ACTOR_DISTANCE)
sd.actorXStep[rank] = math.Max(maxNoteWidth/2.+HORIZONTAL_PAD, sd.actorXStep[rank]) sd.actorXStep[rank] = math.Max(maxNoteWidth/2.+HORIZONTAL_PAD, sd.actorXStep[rank])
if rank > 0 {
sd.actorXStep[rank-1] = math.Max(maxNoteWidth/2.+HORIZONTAL_PAD, sd.actorXStep[rank-1])
}
} }
} }
@ -538,6 +541,8 @@ func (sd *sequenceDiagram) getHeight() float64 {
func (sd *sequenceDiagram) shift(tl *geo.Point) { func (sd *sequenceDiagram) shift(tl *geo.Point) {
allObjects := append([]*d2graph.Object{}, sd.actors...) allObjects := append([]*d2graph.Object{}, sd.actors...)
allObjects = append(allObjects, sd.spans...) allObjects = append(allObjects, sd.spans...)
allObjects = append(allObjects, sd.groups...)
allObjects = append(allObjects, sd.notes...)
for _, obj := range allObjects { for _, obj := range allObjects {
obj.TopLeft.X += tl.X obj.TopLeft.X += tl.X
obj.TopLeft.Y += tl.Y obj.TopLeft.Y += tl.Y

2
d2renderers/d2svg/d2svg.go
View file

@ -638,7 +638,7 @@ func drawShape(writer io.Writer, targetShape d2target.Shape) (labelMask string,
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 {

25
e2etests/regression_test.go
View file

@ -5,7 +5,30 @@ import (
) )
func testRegression(t *testing.T) { func testRegression(t *testing.T) {
tcs := []testCase{} tcs := []testCase{
{
name: "dagre_id_with_newline",
script: `
ninety\nnine
eighty\reight
seventy\r\nseven
`,
},
{
name: "empty_sequence",
script: `
A: hello {
shape: sequence_diagram
}
B: goodbye {
shape: sequence_diagram
}
A->B
`,
},
}
runa(t, tcs) runa(t, tcs)
} }

3
e2etests/stable_test.go
View file

@ -1451,7 +1451,8 @@ c: "just an actor"
d2exporter.export -> CLI: resulting SVG d2exporter.export -> CLI: resulting SVG
} }
`, `,
}, { },
{
name: "sequence_diagram_actor_distance", name: "sequence_diagram_actor_distance",
script: `shape: sequence_diagram script: `shape: sequence_diagram
a: "an actor with a really long label that will break everything" a: "an actor with a really long label that will break everything"

129
e2etests/testdata/regression/dagre_id_with_newline/dagre/board.exp.json generated vendored Normal file
View file

@ -0,0 +1,129 @@
{
"name": "",
"shapes": [
{
"id": "\"ninety\\nnine\"",
"type": "",
"pos": {
"x": 0,
"y": 0
},
"width": 151,
"height": 142,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#F7F8FE",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "ninety\nnine",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 51,
"labelHeight": 42,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"maskLabel": false,
"zIndex": 0,
"level": 1
},
{
"id": "eighty\reight",
"type": "",
"pos": {
"x": 211,
"y": 8
},
"width": 151,
"height": 126,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#F7F8FE",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "eighty\reight",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 51,
"labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"maskLabel": false,
"zIndex": 0,
"level": 1
},
{
"id": "\"seventy\r\\nseven\"",
"type": "",
"pos": {
"x": 422,
"y": 0
},
"width": 162,
"height": 142,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#F7F8FE",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "seventy\r\nseven",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 62,
"labelHeight": 42,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"maskLabel": false,
"zIndex": 0,
"level": 1
}
],
"connections": []
}

28
e2etests/testdata/regression/dagre_id_with_newline/dagre/sketch.exp.svg vendored Normal file
View file

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

After

Width:  |  Height:  |  Size: 324 KiB

129
e2etests/testdata/regression/dagre_id_with_newline/elk/board.exp.json generated vendored Normal file
View file

@ -0,0 +1,129 @@
{
"name": "",
"shapes": [
{
"id": "\"ninety\\nnine\"",
"type": "",
"pos": {
"x": 194,
"y": 12
},
"width": 151,
"height": 142,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#F7F8FE",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "ninety\nnine",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 51,
"labelHeight": 42,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"maskLabel": false,
"zIndex": 0,
"level": 1
},
{
"id": "eighty\reight",
"type": "",
"pos": {
"x": 365,
"y": 20
},
"width": 151,
"height": 126,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#F7F8FE",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "eighty\reight",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 51,
"labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"maskLabel": false,
"zIndex": 0,
"level": 1
},
{
"id": "\"seventy\r\\nseven\"",
"type": "",
"pos": {
"x": 12,
"y": 12
},
"width": 162,
"height": 142,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#F7F8FE",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "seventy\r\nseven",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 62,
"labelHeight": 42,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"maskLabel": false,
"zIndex": 0,
"level": 1
}
],
"connections": []
}

28
e2etests/testdata/regression/dagre_id_with_newline/elk/sketch.exp.svg vendored Normal file
View file

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

After

Width:  |  Height:  |  Size: 324 KiB

137
e2etests/testdata/regression/empty_sequence/dagre/board.exp.json generated vendored Normal file
View file

@ -0,0 +1,137 @@
{
"name": "",
"shapes": [
{
"id": "A",
"type": "sequence_diagram",
"pos": {
"x": 13,
"y": 0
},
"width": 140,
"height": 126,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 0,
"borderRadius": 0,
"fill": "#FFFFFF",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "hello",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 40,
"labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"maskLabel": false,
"zIndex": 0,
"level": 1
},
{
"id": "B",
"type": "sequence_diagram",
"pos": {
"x": 0,
"y": 226
},
"width": 166,
"height": 126,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 0,
"borderRadius": 0,
"fill": "#FFFFFF",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "goodbye",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 66,
"labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"maskLabel": false,
"zIndex": 0,
"level": 1
}
],
"connections": [
{
"id": "(A -> B)[0]",
"src": "A",
"srcArrow": "none",
"srcLabel": "",
"dst": "B",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 83,
"y": 126
},
{
"x": 83,
"y": 166
},
{
"x": 83,
"y": 186
},
{
"x": 83,
"y": 226
}
],
"isCurve": true,
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
}
]
}

28
e2etests/testdata/regression/empty_sequence/dagre/sketch.exp.svg vendored Normal file
View file

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

After

Width:  |  Height:  |  Size: 324 KiB

128
e2etests/testdata/regression/empty_sequence/elk/board.exp.json generated vendored Normal file
View file

@ -0,0 +1,128 @@
{
"name": "",
"shapes": [
{
"id": "A",
"type": "sequence_diagram",
"pos": {
"x": 25,
"y": 12
},
"width": 140,
"height": 126,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 0,
"borderRadius": 0,
"fill": "#FFFFFF",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "hello",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 40,
"labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"maskLabel": false,
"zIndex": 0,
"level": 1
},
{
"id": "B",
"type": "sequence_diagram",
"pos": {
"x": 12,
"y": 238
},
"width": 166,
"height": 126,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 0,
"borderRadius": 0,
"fill": "#FFFFFF",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "goodbye",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 66,
"labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"maskLabel": false,
"zIndex": 0,
"level": 1
}
],
"connections": [
{
"id": "(A -> B)[0]",
"src": "A",
"srcArrow": "none",
"srcLabel": "",
"dst": "B",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 95,
"y": 138
},
{
"x": 95,
"y": 238
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
}
]
}

28
e2etests/testdata/regression/empty_sequence/elk/sketch.exp.svg vendored Normal file
View file

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

After

Width:  |  Height:  |  Size: 324 KiB

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,
@ -46,8 +46,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,
@ -87,8 +87,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,
@ -128,8 +128,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,
@ -169,8 +169,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,
@ -210,8 +210,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,
@ -275,12 +275,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,
@ -314,12 +314,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,
@ -353,12 +353,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,
@ -392,12 +392,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,
@ -431,12 +431,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,
@ -470,12 +470,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,
@ -509,12 +509,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,
@ -548,12 +548,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,
@ -587,12 +587,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,
@ -626,12 +626,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,
@ -665,12 +665,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,
@ -704,12 +704,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,
@ -46,8 +46,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,
@ -87,8 +87,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,
@ -128,8 +128,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,
@ -169,8 +169,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,
@ -210,8 +210,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,
@ -275,12 +275,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,
@ -314,12 +314,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,
@ -353,12 +353,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,
@ -392,12 +392,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,
@ -431,12 +431,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,
@ -470,12 +470,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,
@ -509,12 +509,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,
@ -548,12 +548,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,
@ -587,12 +587,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,
@ -626,12 +626,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,
@ -665,12 +665,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,
@ -704,12 +704,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,
@ -46,8 +46,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,
@ -87,8 +87,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,
@ -139,8 +139,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,
@ -180,8 +180,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,
@ -221,8 +221,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,
@ -262,8 +262,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,
@ -303,8 +303,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,
@ -344,8 +344,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,
@ -385,8 +385,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,
@ -437,8 +437,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,
@ -478,8 +478,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,
@ -519,8 +519,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,
@ -560,8 +560,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,
@ -601,8 +601,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,
@ -642,8 +642,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,
@ -683,8 +683,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,
@ -724,8 +724,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,
@ -765,8 +765,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,
@ -806,8 +806,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,
@ -884,12 +884,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,
@ -923,12 +923,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,
@ -962,12 +962,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,
@ -1001,12 +1001,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,
@ -1040,12 +1040,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,
@ -1079,12 +1079,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,
@ -1118,12 +1118,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,
@ -1157,12 +1157,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,
@ -1196,12 +1196,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,
@ -1235,12 +1235,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,
@ -1274,12 +1274,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,
@ -1313,12 +1313,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,
@ -1352,12 +1352,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,
@ -1391,12 +1391,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,
@ -1430,12 +1430,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,
@ -1469,12 +1469,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,
@ -1508,12 +1508,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,
@ -1547,12 +1547,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,
@ -1586,12 +1586,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,
@ -1625,12 +1625,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,
@ -1664,12 +1664,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,
@ -1703,12 +1703,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,
@ -1742,12 +1742,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,
@ -1781,12 +1781,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,
@ -1820,12 +1820,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,
@ -1859,12 +1859,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,
@ -1898,12 +1898,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,
@ -1937,12 +1937,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,
@ -1976,12 +1976,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,
@ -2015,12 +2015,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,
@ -2054,12 +2054,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,
@ -2093,12 +2093,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,
@ -2132,12 +2132,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,
@ -2171,12 +2171,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,
@ -2210,12 +2210,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,
@ -2249,12 +2249,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,
@ -2288,12 +2288,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,
@ -2327,12 +2327,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,
@ -2366,12 +2366,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,
@ -46,8 +46,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,
@ -87,8 +87,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,
@ -139,8 +139,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,
@ -180,8 +180,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,
@ -221,8 +221,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,
@ -262,8 +262,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,
@ -303,8 +303,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,
@ -344,8 +344,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,
@ -385,8 +385,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,
@ -437,8 +437,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,
@ -478,8 +478,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,
@ -519,8 +519,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,
@ -560,8 +560,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,
@ -601,8 +601,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,
@ -642,8 +642,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,
@ -683,8 +683,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,
@ -724,8 +724,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,
@ -765,8 +765,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,
@ -806,8 +806,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,
@ -884,12 +884,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,
@ -923,12 +923,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,
@ -962,12 +962,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,
@ -1001,12 +1001,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,
@ -1040,12 +1040,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,
@ -1079,12 +1079,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,
@ -1118,12 +1118,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,
@ -1157,12 +1157,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,
@ -1196,12 +1196,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,
@ -1235,12 +1235,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,
@ -1274,12 +1274,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,
@ -1313,12 +1313,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,
@ -1352,12 +1352,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,
@ -1391,12 +1391,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,
@ -1430,12 +1430,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,
@ -1469,12 +1469,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,
@ -1508,12 +1508,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,
@ -1547,12 +1547,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,
@ -1586,12 +1586,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,
@ -1625,12 +1625,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,
@ -1664,12 +1664,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,
@ -1703,12 +1703,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,
@ -1742,12 +1742,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,
@ -1781,12 +1781,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,
@ -1820,12 +1820,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,
@ -1859,12 +1859,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,
@ -1898,12 +1898,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,
@ -1937,12 +1937,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,
@ -1976,12 +1976,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,
@ -2015,12 +2015,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,
@ -2054,12 +2054,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,
@ -2093,12 +2093,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,
@ -2132,12 +2132,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,
@ -2171,12 +2171,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,
@ -2210,12 +2210,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,
@ -2249,12 +2249,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,
@ -2288,12 +2288,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,
@ -2327,12 +2327,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,
@ -2366,12 +2366,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

174
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,
@ -46,8 +46,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,
@ -87,8 +87,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,
@ -128,8 +128,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,
@ -169,8 +169,8 @@
"id": "ggg", "id": "ggg",
"type": "", "type": "",
"pos": { "pos": {
"x": 25, "x": 49,
"y": 396 "y": 420
}, },
"width": 350, "width": 350,
"height": 80, "height": 80,
@ -209,8 +209,8 @@
"id": "group 1", "id": "group 1",
"type": "", "type": "",
"pos": { "pos": {
"x": 251, "x": 275,
"y": 526 "y": 550
}, },
"width": 398, "width": 398,
"height": 730, "height": 730,
@ -249,8 +249,8 @@
"id": "group 1.nested guy", "id": "group 1.nested guy",
"type": "", "type": "",
"pos": { "pos": {
"x": 275, "x": 299,
"y": 786 "y": 810
}, },
"width": 350, "width": 350,
"height": 80, "height": 80,
@ -289,8 +289,8 @@
"id": "group b", "id": "group b",
"type": "", "type": "",
"pos": { "pos": {
"x": 275, "x": 299,
"y": 1306 "y": 1330
}, },
"width": 468, "width": 468,
"height": 466, "height": 466,
@ -329,8 +329,8 @@
"id": "c.what would arnold say", "id": "c.what would arnold say",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 446, "x": 470,
"y": 1476 "y": 1500
}, },
"width": 257, "width": 257,
"height": 126, "height": 126,
@ -370,8 +370,8 @@
"id": "choo", "id": "choo",
"type": "", "type": "",
"pos": { "pos": {
"x": 693, "x": 717,
"y": 1822 "y": 1846
}, },
"width": 254, "width": 254,
"height": 216, "height": 216,
@ -410,8 +410,8 @@
"id": "d.this note", "id": "d.this note",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 743, "x": 767,
"y": 1862 "y": 1886
}, },
"width": 164, "width": 164,
"height": 126, "height": 126,
@ -451,8 +451,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,
@ -460,7 +460,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -491,8 +491,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,
@ -500,7 +500,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -531,8 +531,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,
@ -540,7 +540,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#F7F8FE", "fill": "#EDF0FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -595,12 +595,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,
@ -634,12 +634,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,
@ -673,12 +673,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,
@ -712,12 +712,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,
@ -751,12 +751,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,
@ -790,12 +790,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,
@ -829,12 +829,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,
@ -868,12 +868,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,
@ -907,12 +907,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,
@ -946,12 +946,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,
@ -985,12 +985,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,
@ -1024,12 +1024,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,
@ -1063,12 +1063,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,
@ -1102,12 +1102,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,

22
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

174
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,
@ -46,8 +46,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,
@ -87,8 +87,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,
@ -128,8 +128,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,
@ -169,8 +169,8 @@
"id": "ggg", "id": "ggg",
"type": "", "type": "",
"pos": { "pos": {
"x": 25, "x": 49,
"y": 396 "y": 420
}, },
"width": 350, "width": 350,
"height": 80, "height": 80,
@ -209,8 +209,8 @@
"id": "group 1", "id": "group 1",
"type": "", "type": "",
"pos": { "pos": {
"x": 251, "x": 275,
"y": 526 "y": 550
}, },
"width": 398, "width": 398,
"height": 730, "height": 730,
@ -249,8 +249,8 @@
"id": "group 1.nested guy", "id": "group 1.nested guy",
"type": "", "type": "",
"pos": { "pos": {
"x": 275, "x": 299,
"y": 786 "y": 810
}, },
"width": 350, "width": 350,
"height": 80, "height": 80,
@ -289,8 +289,8 @@
"id": "group b", "id": "group b",
"type": "", "type": "",
"pos": { "pos": {
"x": 275, "x": 299,
"y": 1306 "y": 1330
}, },
"width": 468, "width": 468,
"height": 466, "height": 466,
@ -329,8 +329,8 @@
"id": "c.what would arnold say", "id": "c.what would arnold say",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 446, "x": 470,
"y": 1476 "y": 1500
}, },
"width": 257, "width": 257,
"height": 126, "height": 126,
@ -370,8 +370,8 @@
"id": "choo", "id": "choo",
"type": "", "type": "",
"pos": { "pos": {
"x": 693, "x": 717,
"y": 1822 "y": 1846
}, },
"width": 254, "width": 254,
"height": 216, "height": 216,
@ -410,8 +410,8 @@
"id": "d.this note", "id": "d.this note",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 743, "x": 767,
"y": 1862 "y": 1886
}, },
"width": 164, "width": 164,
"height": 126, "height": 126,
@ -451,8 +451,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,
@ -460,7 +460,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -491,8 +491,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,
@ -500,7 +500,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -531,8 +531,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,
@ -540,7 +540,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#F7F8FE", "fill": "#EDF0FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -595,12 +595,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,
@ -634,12 +634,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,
@ -673,12 +673,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,
@ -712,12 +712,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,
@ -751,12 +751,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,
@ -790,12 +790,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,
@ -829,12 +829,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,
@ -868,12 +868,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,
@ -907,12 +907,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,
@ -946,12 +946,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,
@ -985,12 +985,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,
@ -1024,12 +1024,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,
@ -1063,12 +1063,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,
@ -1102,12 +1102,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,

22
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

40
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,
@ -46,8 +46,8 @@
"id": "b.note", "id": "b.note",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": -187, "x": -163,
"y": 436 "y": 460
}, },
"width": 525, "width": 525,
"height": 126, "height": 126,
@ -87,8 +87,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,
@ -128,8 +128,8 @@
"id": "a.note", "id": "a.note",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 319, "x": 343,
"y": 692 "y": 716
}, },
"width": 137, "width": 137,
"height": 190, "height": 190,
@ -193,12 +193,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,
@ -232,12 +232,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,
@ -271,12 +271,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="850" height="1162" viewBox="-263 -26 850 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="-163" y="460" width="525" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="99.500000" y="526.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="343" y="716" width="137" height="190" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="411.500000" y="782.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="411.500000" dy="0.000000">just</tspan><tspan x="411.500000" dy="18.000000">a</tspan><tspan x="411.500000" dy="18.000000">long</tspan><tspan x="411.500000" dy="18.000000">note</tspan><tspan x="411.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

40
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,
@ -46,8 +46,8 @@
"id": "b.note", "id": "b.note",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": -187, "x": -163,
"y": 436 "y": 460
}, },
"width": 525, "width": 525,
"height": 126, "height": 126,
@ -87,8 +87,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,
@ -128,8 +128,8 @@
"id": "a.note", "id": "a.note",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 319, "x": 343,
"y": 692 "y": 716
}, },
"width": 137, "width": 137,
"height": 190, "height": 190,
@ -193,12 +193,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,
@ -232,12 +232,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,
@ -271,12 +271,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="850" height="1162" viewBox="-263 -26 850 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="-163" y="460" width="525" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="99.500000" y="526.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="343" y="716" width="137" height="190" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="411.500000" y="782.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="411.500000" dy="0.000000">just</tspan><tspan x="411.500000" dy="18.000000">a</tspan><tspan x="411.500000" dy="18.000000">long</tspan><tspan x="411.500000" dy="18.000000">note</tspan><tspan x="411.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

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

@ -5,10 +5,10 @@
"id": "this is a message group", "id": "this is a message group",
"type": "", "type": "",
"pos": { "pos": {
"x": -121, "x": -97,
"y": 266 "y": 290
}, },
"width": 592, "width": 655,
"height": 952, "height": 952,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -45,10 +45,10 @@
"id": "this is a message group.and this is a nested message group", "id": "this is a message group.and this is a nested message group",
"type": "", "type": "",
"pos": { "pos": {
"x": -97, "x": -73,
"y": 396 "y": 420
}, },
"width": 544, "width": 607,
"height": 798, "height": 798,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -85,10 +85,10 @@
"id": "this is a message group.and this is a nested message group.what about more nesting", "id": "this is a message group.and this is a nested message group.what about more nesting",
"type": "", "type": "",
"pos": { "pos": {
"x": -73, "x": -49,
"y": 526 "y": 550
}, },
"width": 496, "width": 559,
"height": 644, "height": 644,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -125,10 +125,10 @@
"id": "this is a message group.and this is a nested message group.what about more nesting.crazy town", "id": "this is a message group.and this is a nested message group.what about more nesting.crazy town",
"type": "", "type": "",
"pos": { "pos": {
"x": -49, "x": -25,
"y": 656 "y": 680
}, },
"width": 448, "width": 511,
"height": 490, "height": 490,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -165,8 +165,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,
@ -206,8 +206,8 @@
"id": "a.a note", "id": "a.a note",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1, "x": 25,
"y": 696 "y": 720
}, },
"width": 148, "width": 148,
"height": 126, "height": 126,
@ -247,10 +247,10 @@
"id": "this is a message group.and this is a nested message group.what about more nesting.crazy town.whoa", "id": "this is a message group.and this is a nested message group.what about more nesting.crazy town.whoa",
"type": "", "type": "",
"pos": { "pos": {
"x": 25, "x": 49,
"y": 1042 "y": 1066
}, },
"width": 350, "width": 413,
"height": 80, "height": 80,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -287,10 +287,10 @@
"id": "alt", "id": "alt",
"type": "", "type": "",
"pos": { "pos": {
"x": 251, "x": 338,
"y": 1148 "y": 1172
}, },
"width": 461, "width": 460,
"height": 518, "height": 518,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -327,10 +327,10 @@
"id": "alt.case 1", "id": "alt.case 1",
"type": "", "type": "",
"pos": { "pos": {
"x": 275, "x": 362,
"y": 1172 "y": 1196
}, },
"width": 413, "width": 412,
"height": 80, "height": 80,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -367,10 +367,10 @@
"id": "alt.case 2", "id": "alt.case 2",
"type": "", "type": "",
"pos": { "pos": {
"x": 275, "x": 362,
"y": 1302 "y": 1326
}, },
"width": 413, "width": 412,
"height": 80, "height": 80,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -407,10 +407,10 @@
"id": "alt.case 3", "id": "alt.case 3",
"type": "", "type": "",
"pos": { "pos": {
"x": 275, "x": 362,
"y": 1432 "y": 1456
}, },
"width": 413, "width": 412,
"height": 80, "height": 80,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -447,10 +447,10 @@
"id": "alt.case 4", "id": "alt.case 4",
"type": "", "type": "",
"pos": { "pos": {
"x": 275, "x": 362,
"y": 1562 "y": 1586
}, },
"width": 413, "width": 412,
"height": 80, "height": 80,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -487,8 +487,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 250, "x": 337,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -528,8 +528,8 @@
"id": "b.note", "id": "b.note",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 62, "x": 149,
"y": 2052 "y": 2076
}, },
"width": 525, "width": 525,
"height": 126, "height": 126,
@ -569,8 +569,8 @@
"id": "a.note", "id": "a.note",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 6, "x": 30,
"y": 1732 "y": 1756
}, },
"width": 137, "width": 137,
"height": 190, "height": 190,
@ -610,8 +610,8 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 543, "x": 629,
"y": 50 "y": 74
}, },
"width": 190, "width": 190,
"height": 126, "height": 126,
@ -675,12 +675,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 306 "y": 330
}, },
{ {
"x": 325, "x": 412,
"y": 306 "y": 330
} }
], ],
"animated": false, "animated": false,
@ -714,12 +714,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 436 "y": 460
}, },
{ {
"x": 325, "x": 412,
"y": 436 "y": 460
} }
], ],
"animated": false, "animated": false,
@ -753,12 +753,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 566 "y": 590
}, },
{ {
"x": 325, "x": 412,
"y": 566 "y": 590
} }
], ],
"animated": false, "animated": false,
@ -792,12 +792,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 952 "y": 976
}, },
{ {
"x": 325, "x": 412,
"y": 952 "y": 976
} }
], ],
"animated": false, "animated": false,
@ -831,12 +831,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 1082 "y": 1106
}, },
{ {
"x": 325, "x": 412,
"y": 1082 "y": 1106
} }
], ],
"animated": false, "animated": false,
@ -870,12 +870,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 412,
"y": 1212 "y": 1236
}, },
{ {
"x": 638, "x": 724,
"y": 1212 "y": 1236
} }
], ],
"animated": false, "animated": false,
@ -909,12 +909,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 412,
"y": 1342 "y": 1366
}, },
{ {
"x": 638, "x": 724,
"y": 1342 "y": 1366
} }
], ],
"animated": false, "animated": false,
@ -948,12 +948,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 412,
"y": 1472 "y": 1496
}, },
{ {
"x": 638, "x": 724,
"y": 1472 "y": 1496
} }
], ],
"animated": false, "animated": false,
@ -987,12 +987,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 412,
"y": 1602 "y": 1626
}, },
{ {
"x": 638, "x": 724,
"y": 1602 "y": 1626
} }
], ],
"animated": false, "animated": false,
@ -1026,12 +1026,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,
@ -1065,12 +1065,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 412,
"y": 176 "y": 200
}, },
{ {
"x": 325, "x": 412,
"y": 2308 "y": 2332
} }
], ],
"animated": false, "animated": false,
@ -1104,12 +1104,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 638, "x": 724,
"y": 176 "y": 200
}, },
{ {
"x": 638, "x": 724,
"y": 2308 "y": 2332
} }
], ],
"animated": false, "animated": false,

26
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: 333 KiB

After

Width:  |  Height:  |  Size: 333 KiB

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

@ -5,10 +5,10 @@
"id": "this is a message group", "id": "this is a message group",
"type": "", "type": "",
"pos": { "pos": {
"x": -121, "x": -97,
"y": 266 "y": 290
}, },
"width": 592, "width": 655,
"height": 952, "height": 952,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -45,10 +45,10 @@
"id": "this is a message group.and this is a nested message group", "id": "this is a message group.and this is a nested message group",
"type": "", "type": "",
"pos": { "pos": {
"x": -97, "x": -73,
"y": 396 "y": 420
}, },
"width": 544, "width": 607,
"height": 798, "height": 798,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -85,10 +85,10 @@
"id": "this is a message group.and this is a nested message group.what about more nesting", "id": "this is a message group.and this is a nested message group.what about more nesting",
"type": "", "type": "",
"pos": { "pos": {
"x": -73, "x": -49,
"y": 526 "y": 550
}, },
"width": 496, "width": 559,
"height": 644, "height": 644,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -125,10 +125,10 @@
"id": "this is a message group.and this is a nested message group.what about more nesting.crazy town", "id": "this is a message group.and this is a nested message group.what about more nesting.crazy town",
"type": "", "type": "",
"pos": { "pos": {
"x": -49, "x": -25,
"y": 656 "y": 680
}, },
"width": 448, "width": 511,
"height": 490, "height": 490,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -165,8 +165,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,
@ -206,8 +206,8 @@
"id": "a.a note", "id": "a.a note",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1, "x": 25,
"y": 696 "y": 720
}, },
"width": 148, "width": 148,
"height": 126, "height": 126,
@ -247,10 +247,10 @@
"id": "this is a message group.and this is a nested message group.what about more nesting.crazy town.whoa", "id": "this is a message group.and this is a nested message group.what about more nesting.crazy town.whoa",
"type": "", "type": "",
"pos": { "pos": {
"x": 25, "x": 49,
"y": 1042 "y": 1066
}, },
"width": 350, "width": 413,
"height": 80, "height": 80,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -287,10 +287,10 @@
"id": "alt", "id": "alt",
"type": "", "type": "",
"pos": { "pos": {
"x": 251, "x": 338,
"y": 1148 "y": 1172
}, },
"width": 461, "width": 460,
"height": 518, "height": 518,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -327,10 +327,10 @@
"id": "alt.case 1", "id": "alt.case 1",
"type": "", "type": "",
"pos": { "pos": {
"x": 275, "x": 362,
"y": 1172 "y": 1196
}, },
"width": 413, "width": 412,
"height": 80, "height": 80,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -367,10 +367,10 @@
"id": "alt.case 2", "id": "alt.case 2",
"type": "", "type": "",
"pos": { "pos": {
"x": 275, "x": 362,
"y": 1302 "y": 1326
}, },
"width": 413, "width": 412,
"height": 80, "height": 80,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -407,10 +407,10 @@
"id": "alt.case 3", "id": "alt.case 3",
"type": "", "type": "",
"pos": { "pos": {
"x": 275, "x": 362,
"y": 1432 "y": 1456
}, },
"width": 413, "width": 412,
"height": 80, "height": 80,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -447,10 +447,10 @@
"id": "alt.case 4", "id": "alt.case 4",
"type": "", "type": "",
"pos": { "pos": {
"x": 275, "x": 362,
"y": 1562 "y": 1586
}, },
"width": 413, "width": 412,
"height": 80, "height": 80,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
@ -487,8 +487,8 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 250, "x": 337,
"y": 50 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 126,
@ -528,8 +528,8 @@
"id": "b.note", "id": "b.note",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 62, "x": 149,
"y": 2052 "y": 2076
}, },
"width": 525, "width": 525,
"height": 126, "height": 126,
@ -569,8 +569,8 @@
"id": "a.note", "id": "a.note",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 6, "x": 30,
"y": 1732 "y": 1756
}, },
"width": 137, "width": 137,
"height": 190, "height": 190,
@ -610,8 +610,8 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 543, "x": 629,
"y": 50 "y": 74
}, },
"width": 190, "width": 190,
"height": 126, "height": 126,
@ -675,12 +675,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 306 "y": 330
}, },
{ {
"x": 325, "x": 412,
"y": 306 "y": 330
} }
], ],
"animated": false, "animated": false,
@ -714,12 +714,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 436 "y": 460
}, },
{ {
"x": 325, "x": 412,
"y": 436 "y": 460
} }
], ],
"animated": false, "animated": false,
@ -753,12 +753,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 566 "y": 590
}, },
{ {
"x": 325, "x": 412,
"y": 566 "y": 590
} }
], ],
"animated": false, "animated": false,
@ -792,12 +792,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 952 "y": 976
}, },
{ {
"x": 325, "x": 412,
"y": 952 "y": 976
} }
], ],
"animated": false, "animated": false,
@ -831,12 +831,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 75, "x": 99,
"y": 1082 "y": 1106
}, },
{ {
"x": 325, "x": 412,
"y": 1082 "y": 1106
} }
], ],
"animated": false, "animated": false,
@ -870,12 +870,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 412,
"y": 1212 "y": 1236
}, },
{ {
"x": 638, "x": 724,
"y": 1212 "y": 1236
} }
], ],
"animated": false, "animated": false,
@ -909,12 +909,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 412,
"y": 1342 "y": 1366
}, },
{ {
"x": 638, "x": 724,
"y": 1342 "y": 1366
} }
], ],
"animated": false, "animated": false,
@ -948,12 +948,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 412,
"y": 1472 "y": 1496
}, },
{ {
"x": 638, "x": 724,
"y": 1472 "y": 1496
} }
], ],
"animated": false, "animated": false,
@ -987,12 +987,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 412,
"y": 1602 "y": 1626
}, },
{ {
"x": 638, "x": 724,
"y": 1602 "y": 1626
} }
], ],
"animated": false, "animated": false,
@ -1026,12 +1026,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,
@ -1065,12 +1065,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 325, "x": 412,
"y": 176 "y": 200
}, },
{ {
"x": 325, "x": 412,
"y": 2308 "y": 2332
} }
], ],
"animated": false, "animated": false,
@ -1104,12 +1104,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 638, "x": 724,
"y": 176 "y": 200
}, },
{ {
"x": 638, "x": 724,
"y": 2308 "y": 2332
} }
], ],
"animated": false, "animated": false,

26
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: 333 KiB

After

Width:  |  Height:  |  Size: 333 KiB

238
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,
@ -46,8 +46,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,
@ -86,8 +86,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,
@ -127,8 +127,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,
@ -136,7 +136,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -167,8 +167,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,
@ -208,8 +208,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,
@ -217,7 +217,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -248,8 +248,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,
@ -257,7 +257,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#F7F8FE", "fill": "#EDF0FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -288,8 +288,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,
@ -329,8 +329,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,
@ -338,7 +338,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -369,8 +369,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,
@ -378,7 +378,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#F7F8FE", "fill": "#EDF0FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -409,8 +409,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,
@ -418,7 +418,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#FFFFFF", "fill": "#EEF1F8",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -449,8 +449,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,
@ -490,8 +490,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,
@ -499,7 +499,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -530,8 +530,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,
@ -539,7 +539,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#F7F8FE", "fill": "#EDF0FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -570,8 +570,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,
@ -579,7 +579,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#FFFFFF", "fill": "#EEF1F8",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -610,8 +610,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,
@ -650,8 +650,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,
@ -691,8 +691,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,
@ -700,7 +700,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -731,8 +731,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,
@ -740,7 +740,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#F7F8FE", "fill": "#EDF0FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -771,8 +771,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,
@ -780,7 +780,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#FFFFFF", "fill": "#EEF1F8",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -811,8 +811,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,
@ -851,8 +851,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,
@ -891,8 +891,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,
@ -900,7 +900,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -955,12 +955,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,
@ -994,12 +994,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,
@ -1033,12 +1033,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,
@ -1072,12 +1072,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,
@ -1111,12 +1111,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,
@ -1150,12 +1150,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,
@ -1189,12 +1189,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,
@ -1228,12 +1228,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,
@ -1267,12 +1267,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,
@ -1306,12 +1306,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,
@ -1345,12 +1345,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,
@ -1384,12 +1384,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,
@ -1423,12 +1423,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,
@ -1462,12 +1462,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,
@ -1501,12 +1501,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

238
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,
@ -46,8 +46,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,
@ -86,8 +86,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,
@ -127,8 +127,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,
@ -136,7 +136,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -167,8 +167,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,
@ -208,8 +208,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,
@ -217,7 +217,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -248,8 +248,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,
@ -257,7 +257,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#F7F8FE", "fill": "#EDF0FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -288,8 +288,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,
@ -329,8 +329,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,
@ -338,7 +338,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -369,8 +369,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,
@ -378,7 +378,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#F7F8FE", "fill": "#EDF0FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -409,8 +409,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,
@ -418,7 +418,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#FFFFFF", "fill": "#EEF1F8",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -449,8 +449,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,
@ -490,8 +490,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,
@ -499,7 +499,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -530,8 +530,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,
@ -539,7 +539,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#F7F8FE", "fill": "#EDF0FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -570,8 +570,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,
@ -579,7 +579,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#FFFFFF", "fill": "#EEF1F8",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -610,8 +610,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,
@ -650,8 +650,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,
@ -691,8 +691,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,
@ -700,7 +700,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -731,8 +731,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,
@ -740,7 +740,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#F7F8FE", "fill": "#EDF0FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -771,8 +771,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,
@ -780,7 +780,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#FFFFFF", "fill": "#EEF1F8",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -811,8 +811,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,
@ -851,8 +851,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,
@ -891,8 +891,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,
@ -900,7 +900,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -955,12 +955,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,
@ -994,12 +994,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,
@ -1033,12 +1033,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,
@ -1072,12 +1072,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,
@ -1111,12 +1111,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,
@ -1150,12 +1150,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,
@ -1189,12 +1189,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,
@ -1228,12 +1228,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,
@ -1267,12 +1267,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,
@ -1306,12 +1306,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,
@ -1345,12 +1345,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,
@ -1384,12 +1384,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,
@ -1423,12 +1423,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,
@ -1462,12 +1462,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,
@ -1501,12 +1501,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

88
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,
@ -46,8 +46,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,
@ -87,8 +87,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,
@ -128,8 +128,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,
@ -169,8 +169,8 @@
"id": "a.explanation", "id": "a.explanation",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": -17, "x": 7,
"y": 436 "y": 460
}, },
"width": 184, "width": 184,
"height": 126, "height": 126,
@ -210,8 +210,8 @@
"id": "a.another explanation", "id": "a.another explanation",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": -45, "x": -21,
"y": 692 "y": 716
}, },
"width": 241, "width": 241,
"height": 126, "height": 126,
@ -251,8 +251,8 @@
"id": "b.\"Some one who believes imaginary things\\n appear right before your i's.\"", "id": "b.\"Some one who believes imaginary things\\n appear right before your i's.\"",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 136, "x": 160,
"y": 1078 "y": 1102
}, },
"width": 378, "width": 378,
"height": 142, "height": 142,
@ -292,8 +292,8 @@
"id": "d.The earth is like a tiny grain of sand, only much, much heavier", "id": "d.The earth is like a tiny grain of sand, only much, much heavier",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 567, "x": 591,
"y": 1480 "y": 1504
}, },
"width": 516, "width": 516,
"height": 126, "height": 126,
@ -357,12 +357,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,
@ -396,12 +396,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,
@ -435,12 +435,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,
@ -474,12 +474,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,
@ -513,12 +513,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,
@ -552,12 +552,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,
@ -591,12 +591,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="-121 -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="7" y="460" width="184" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="99.000000" y="526.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">explanation</text></g><g id="a.another explanation"><g class="shape" ><rect x="-21" y="716" width="241" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="99.500000" y="782.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="160" y="1102" width="378" height="142" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="349.000000" y="1168.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="349.000000" dy="0.000000">Some one who believes imaginary things</tspan><tspan x="349.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="591" y="1504" width="516" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="849.000000" y="1570.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

88
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,
@ -46,8 +46,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,
@ -87,8 +87,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,
@ -128,8 +128,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,
@ -169,8 +169,8 @@
"id": "a.explanation", "id": "a.explanation",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": -17, "x": 7,
"y": 436 "y": 460
}, },
"width": 184, "width": 184,
"height": 126, "height": 126,
@ -210,8 +210,8 @@
"id": "a.another explanation", "id": "a.another explanation",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": -45, "x": -21,
"y": 692 "y": 716
}, },
"width": 241, "width": 241,
"height": 126, "height": 126,
@ -251,8 +251,8 @@
"id": "b.\"Some one who believes imaginary things\\n appear right before your i's.\"", "id": "b.\"Some one who believes imaginary things\\n appear right before your i's.\"",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 136, "x": 160,
"y": 1078 "y": 1102
}, },
"width": 378, "width": 378,
"height": 142, "height": 142,
@ -292,8 +292,8 @@
"id": "d.The earth is like a tiny grain of sand, only much, much heavier", "id": "d.The earth is like a tiny grain of sand, only much, much heavier",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 567, "x": 591,
"y": 1480 "y": 1504
}, },
"width": 516, "width": 516,
"height": 126, "height": 126,
@ -357,12 +357,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,
@ -396,12 +396,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,
@ -435,12 +435,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,
@ -474,12 +474,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,
@ -513,12 +513,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,
@ -552,12 +552,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,
@ -591,12 +591,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="-121 -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="7" y="460" width="184" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="99.000000" y="526.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">explanation</text></g><g id="a.another explanation"><g class="shape" ><rect x="-21" y="716" width="241" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="99.500000" y="782.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="160" y="1102" width="378" height="142" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="349.000000" y="1168.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="349.000000" dy="0.000000">Some one who believes imaginary things</tspan><tspan x="349.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="591" y="1504" width="516" height="126" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="849.000000" y="1570.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

238
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",
@ -46,8 +46,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,
@ -87,8 +87,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,
@ -128,8 +128,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,
@ -169,8 +169,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,
@ -210,8 +210,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,
@ -251,8 +251,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,
@ -292,8 +292,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,
@ -333,8 +333,8 @@
"id": "How this is rendered.d2compiler.measurements also take place", "id": "How this is rendered.d2compiler.measurements also take place",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 421, "x": 445,
"y": 732 "y": 756
}, },
"width": 307, "width": 307,
"height": 126, "height": 126,
@ -374,8 +374,8 @@
"id": "How this is rendered.only if root is not sequence", "id": "How this is rendered.only if root is not sequence",
"type": "", "type": "",
"pos": { "pos": {
"x": 781, "x": 805,
"y": 1338 "y": 1362
}, },
"width": 1365, "width": 1365,
"height": 80, "height": 80,
@ -414,8 +414,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,
@ -423,7 +423,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#F7F8FE", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -454,8 +454,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,
@ -495,8 +495,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,
@ -536,8 +536,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,
@ -545,7 +545,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#F7F8FE", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -600,12 +600,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,
@ -639,12 +639,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,
@ -678,12 +678,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,
@ -717,12 +717,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,
@ -756,12 +756,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,
@ -795,12 +795,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,
@ -834,12 +834,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,
@ -873,12 +873,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,
@ -912,12 +912,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,
@ -951,12 +951,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,
@ -990,12 +990,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,
@ -1029,12 +1029,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,
@ -1068,12 +1068,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,
@ -1107,12 +1107,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,
@ -1146,12 +1146,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,
@ -1185,12 +1185,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,
@ -1224,12 +1224,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,
@ -1263,12 +1263,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,
@ -1302,12 +1302,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,
@ -1341,12 +1341,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,
@ -1380,12 +1380,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,
@ -1419,12 +1419,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,

34
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

238
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",
@ -46,8 +46,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,
@ -87,8 +87,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,
@ -128,8 +128,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,
@ -169,8 +169,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,
@ -210,8 +210,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,
@ -251,8 +251,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,
@ -292,8 +292,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,
@ -333,8 +333,8 @@
"id": "How this is rendered.d2compiler.measurements also take place", "id": "How this is rendered.d2compiler.measurements also take place",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 421, "x": 457,
"y": 732 "y": 768
}, },
"width": 307, "width": 307,
"height": 126, "height": 126,
@ -374,8 +374,8 @@
"id": "How this is rendered.only if root is not sequence", "id": "How this is rendered.only if root is not sequence",
"type": "", "type": "",
"pos": { "pos": {
"x": 781, "x": 817,
"y": 1338 "y": 1374
}, },
"width": 1365, "width": 1365,
"height": 80, "height": 80,
@ -414,8 +414,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,
@ -423,7 +423,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#F7F8FE", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -454,8 +454,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,
@ -495,8 +495,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,
@ -536,8 +536,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,
@ -545,7 +545,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#F7F8FE", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -600,12 +600,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,
@ -639,12 +639,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,
@ -678,12 +678,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,
@ -717,12 +717,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,
@ -756,12 +756,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,
@ -795,12 +795,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,
@ -834,12 +834,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,
@ -873,12 +873,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,
@ -912,12 +912,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,
@ -951,12 +951,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,
@ -990,12 +990,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,
@ -1029,12 +1029,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,
@ -1068,12 +1068,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,
@ -1107,12 +1107,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,
@ -1146,12 +1146,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,
@ -1185,12 +1185,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,
@ -1224,12 +1224,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,
@ -1263,12 +1263,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,
@ -1302,12 +1302,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,
@ -1341,12 +1341,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,
@ -1380,12 +1380,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,
@ -1419,12 +1419,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,

34
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

142
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,
@ -46,8 +46,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,
@ -87,8 +87,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,
@ -96,7 +96,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -127,8 +127,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,
@ -136,7 +136,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#F7F8FE", "fill": "#EDF0FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -167,8 +167,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,
@ -176,7 +176,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -207,8 +207,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,
@ -216,7 +216,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#F7F8FE", "fill": "#EDF0FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -247,8 +247,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,
@ -256,7 +256,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -311,20 +311,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,
@ -358,12 +358,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,
@ -397,20 +397,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,
@ -444,20 +444,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,
@ -491,20 +491,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,
@ -538,12 +538,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,
@ -577,12 +577,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,
@ -616,12 +616,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,
@ -655,12 +655,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

142
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,
@ -46,8 +46,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,
@ -87,8 +87,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,
@ -96,7 +96,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -127,8 +127,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,
@ -136,7 +136,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#F7F8FE", "fill": "#EDF0FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -167,8 +167,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,
@ -176,7 +176,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -207,8 +207,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,
@ -216,7 +216,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#F7F8FE", "fill": "#EDF0FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -247,8 +247,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,
@ -256,7 +256,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -311,20 +311,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,
@ -358,12 +358,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,
@ -397,20 +397,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,
@ -444,20 +444,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,
@ -491,20 +491,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,
@ -538,12 +538,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,
@ -577,12 +577,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,
@ -616,12 +616,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,
@ -655,12 +655,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,
@ -46,8 +46,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,
@ -87,8 +87,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,
@ -128,8 +128,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,
@ -169,8 +169,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,
@ -234,12 +234,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,
@ -273,12 +273,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,
@ -312,12 +312,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,
@ -351,12 +351,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,
@ -390,12 +390,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,
@ -429,12 +429,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,
@ -468,12 +468,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,
@ -507,12 +507,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,
@ -546,12 +546,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,
@ -585,12 +585,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,
@ -624,12 +624,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,
@ -663,12 +663,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,
@ -702,12 +702,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,
@ -741,12 +741,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,
@ -780,12 +780,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,
@ -46,8 +46,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,
@ -87,8 +87,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,
@ -128,8 +128,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,
@ -169,8 +169,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,
@ -234,12 +234,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,
@ -273,12 +273,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,
@ -312,12 +312,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,
@ -351,12 +351,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,
@ -390,12 +390,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,
@ -429,12 +429,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,
@ -468,12 +468,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,
@ -507,12 +507,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,
@ -546,12 +546,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,
@ -585,12 +585,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,
@ -624,12 +624,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,
@ -663,12 +663,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,
@ -702,12 +702,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,
@ -741,12 +741,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,
@ -780,12 +780,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

242
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,
@ -46,8 +46,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,
@ -55,7 +55,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -86,8 +86,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,
@ -127,8 +127,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,
@ -136,7 +136,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -167,8 +167,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,
@ -208,8 +208,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,
@ -217,7 +217,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -248,8 +248,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,
@ -289,8 +289,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,
@ -298,7 +298,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -329,8 +329,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,
@ -338,7 +338,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#F7F8FE", "fill": "#EDF0FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -369,8 +369,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,
@ -410,8 +410,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,
@ -419,7 +419,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -450,8 +450,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,
@ -491,8 +491,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,
@ -500,7 +500,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -531,8 +531,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,
@ -540,7 +540,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -571,8 +571,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,
@ -580,7 +580,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -611,8 +611,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,
@ -620,7 +620,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -651,8 +651,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,
@ -660,7 +660,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -715,12 +715,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,
@ -754,12 +754,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,
@ -793,12 +793,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,
@ -832,12 +832,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,
@ -871,12 +871,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,
@ -910,12 +910,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,
@ -949,12 +949,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,
@ -988,12 +988,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,
@ -1027,12 +1027,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,
@ -1066,12 +1066,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,
@ -1105,12 +1105,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,
@ -1144,12 +1144,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,
@ -1183,12 +1183,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,
@ -1222,12 +1222,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,
@ -1261,12 +1261,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,
@ -1300,12 +1300,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,
@ -1339,12 +1339,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,
@ -1378,12 +1378,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,
@ -1417,12 +1417,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

242
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,
@ -46,8 +46,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,
@ -55,7 +55,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -86,8 +86,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,
@ -127,8 +127,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,
@ -136,7 +136,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -167,8 +167,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,
@ -208,8 +208,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,
@ -217,7 +217,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -248,8 +248,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,
@ -289,8 +289,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,
@ -298,7 +298,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -329,8 +329,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,
@ -338,7 +338,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#F7F8FE", "fill": "#EDF0FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -369,8 +369,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,
@ -410,8 +410,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,
@ -419,7 +419,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -450,8 +450,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,
@ -491,8 +491,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,
@ -500,7 +500,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -531,8 +531,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,
@ -540,7 +540,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -571,8 +571,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,
@ -580,7 +580,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -611,8 +611,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,
@ -620,7 +620,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -651,8 +651,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,
@ -660,7 +660,7 @@
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
"borderRadius": 0, "borderRadius": 0,
"fill": "#EDF0FD", "fill": "#E3E9FD",
"stroke": "#0D32B2", "stroke": "#0D32B2",
"shadow": false, "shadow": false,
"3d": false, "3d": false,
@ -715,12 +715,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,
@ -754,12 +754,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,
@ -793,12 +793,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,
@ -832,12 +832,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,
@ -871,12 +871,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,
@ -910,12 +910,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,
@ -949,12 +949,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,
@ -988,12 +988,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,
@ -1027,12 +1027,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,
@ -1066,12 +1066,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,
@ -1105,12 +1105,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,
@ -1144,12 +1144,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,
@ -1183,12 +1183,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,
@ -1222,12 +1222,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,
@ -1261,12 +1261,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,
@ -1300,12 +1300,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,
@ -1339,12 +1339,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,
@ -1378,12 +1378,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,
@ -1417,12 +1417,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

872
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

806
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

104
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,
@ -46,8 +46,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,
@ -87,8 +87,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,
@ -128,8 +128,8 @@
"id": "this is a message group", "id": "this is a message group",
"type": "", "type": "",
"pos": { "pos": {
"x": -71, "x": -47,
"y": 396 "y": 420
}, },
"width": 542, "width": 542,
"height": 696, "height": 696,
@ -168,8 +168,8 @@
"id": "this is a message group.and this is a nested message group", "id": "this is a message group.and this is a nested message group",
"type": "", "type": "",
"pos": { "pos": {
"x": -47, "x": -23,
"y": 526 "y": 550
}, },
"width": 494, "width": 494,
"height": 542, "height": 542,
@ -208,8 +208,8 @@
"id": "this is a message group.and this is a nested message group.what about more nesting", "id": "this is a message group.and this is a nested message group.what about more nesting",
"type": "", "type": "",
"pos": { "pos": {
"x": -23, "x": 1,
"y": 656 "y": 680
}, },
"width": 446, "width": 446,
"height": 388, "height": 388,
@ -248,8 +248,8 @@
"id": "this is a message group.and this is a nested message group.what about more nesting.yo", "id": "this is a message group.and this is a nested message group.what about more nesting.yo",
"type": "", "type": "",
"pos": { "pos": {
"x": 1, "x": 25,
"y": 786 "y": 810
}, },
"width": 398, "width": 398,
"height": 234, "height": 234,
@ -288,8 +288,8 @@
"id": "this is a message group.and this is a nested message group.what about more nesting.yo.yo", "id": "this is a message group.and this is a nested message group.what about more nesting.yo.yo",
"type": "", "type": "",
"pos": { "pos": {
"x": 25, "x": 49,
"y": 916 "y": 940
}, },
"width": 350, "width": 350,
"height": 80, "height": 80,
@ -352,12 +352,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,
@ -391,12 +391,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,
@ -430,12 +430,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,
@ -469,12 +469,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,
@ -508,12 +508,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,
@ -547,12 +547,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,
@ -586,12 +586,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,
@ -625,12 +625,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,
@ -664,12 +664,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,

14
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="921" height="1242" viewBox="-147 -26 921 1242"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -18,13 +18,13 @@ 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><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="921" height="1242"> </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="-47" y="420" width="542" height="696" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="33.000000" y="436.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="-23" y="550" width="494" height="542" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="96.000000" y="566.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="1" y="680" width="446" height="388" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="87.500000" y="696.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="25" y="810" width="398" height="234" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="35.500000" y="826.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="49" y="940" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="59.500000" y="956.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><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="921" height="1242">
<rect x="0" y="0" width="921" height="1242" fill="white"></rect> <rect x="0" y="0" width="921" height="1242" fill="white"></rect>
<rect x="-71.000000" y="396.000000" width="160" height="21" fill="black"></rect> <rect x="-47.000000" y="420.000000" width="160" height="21" fill="black"></rect>
<rect x="-47.000000" y="526.000000" width="238" height="21" fill="black"></rect> <rect x="-23.000000" y="550.000000" width="238" height="21" fill="black"></rect>
<rect x="-23.000000" y="656.000000" width="173" height="21" fill="black"></rect> <rect x="1.000000" y="680.000000" width="173" height="21" fill="black"></rect>
<rect x="1.000000" y="786.000000" width="21" height="21" fill="black"></rect> <rect x="25.000000" y="810.000000" width="21" height="21" fill="black"></rect>
<rect x="25.000000" y="916.000000" width="21" height="21" fill="black"></rect> <rect x="49.000000" y="940.000000" width="21" 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: 330 KiB

After

Width:  |  Height:  |  Size: 330 KiB

104
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,
@ -46,8 +46,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,
@ -87,8 +87,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,
@ -128,8 +128,8 @@
"id": "this is a message group", "id": "this is a message group",
"type": "", "type": "",
"pos": { "pos": {
"x": -71, "x": -47,
"y": 396 "y": 420
}, },
"width": 542, "width": 542,
"height": 696, "height": 696,
@ -168,8 +168,8 @@
"id": "this is a message group.and this is a nested message group", "id": "this is a message group.and this is a nested message group",
"type": "", "type": "",
"pos": { "pos": {
"x": -47, "x": -23,
"y": 526 "y": 550
}, },
"width": 494, "width": 494,
"height": 542, "height": 542,
@ -208,8 +208,8 @@
"id": "this is a message group.and this is a nested message group.what about more nesting", "id": "this is a message group.and this is a nested message group.what about more nesting",
"type": "", "type": "",
"pos": { "pos": {
"x": -23, "x": 1,
"y": 656 "y": 680
}, },
"width": 446, "width": 446,
"height": 388, "height": 388,
@ -248,8 +248,8 @@
"id": "this is a message group.and this is a nested message group.what about more nesting.yo", "id": "this is a message group.and this is a nested message group.what about more nesting.yo",
"type": "", "type": "",
"pos": { "pos": {
"x": 1, "x": 25,
"y": 786 "y": 810
}, },
"width": 398, "width": 398,
"height": 234, "height": 234,
@ -288,8 +288,8 @@
"id": "this is a message group.and this is a nested message group.what about more nesting.yo.yo", "id": "this is a message group.and this is a nested message group.what about more nesting.yo.yo",
"type": "", "type": "",
"pos": { "pos": {
"x": 25, "x": 49,
"y": 916 "y": 940
}, },
"width": 350, "width": 350,
"height": 80, "height": 80,
@ -352,12 +352,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,
@ -391,12 +391,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,
@ -430,12 +430,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,
@ -469,12 +469,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,
@ -508,12 +508,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,
@ -547,12 +547,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,
@ -586,12 +586,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,
@ -625,12 +625,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,
@ -664,12 +664,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,

14
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="921" height="1242" viewBox="-147 -26 921 1242"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -18,13 +18,13 @@ 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><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="921" height="1242"> </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="-47" y="420" width="542" height="696" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="33.000000" y="436.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="-23" y="550" width="494" height="542" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="96.000000" y="566.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="1" y="680" width="446" height="388" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="87.500000" y="696.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="25" y="810" width="398" height="234" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="35.500000" y="826.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="49" y="940" width="350" height="80" style="fill:#DEE1EB;stroke:#0D32B2;opacity:1.000000;stroke-width:0;" /></g><text class="text" x="59.500000" y="956.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><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="921" height="1242">
<rect x="0" y="0" width="921" height="1242" fill="white"></rect> <rect x="0" y="0" width="921" height="1242" fill="white"></rect>
<rect x="-71.000000" y="396.000000" width="160" height="21" fill="black"></rect> <rect x="-47.000000" y="420.000000" width="160" height="21" fill="black"></rect>
<rect x="-47.000000" y="526.000000" width="238" height="21" fill="black"></rect> <rect x="-23.000000" y="550.000000" width="238" height="21" fill="black"></rect>
<rect x="-23.000000" y="656.000000" width="173" height="21" fill="black"></rect> <rect x="1.000000" y="680.000000" width="173" height="21" fill="black"></rect>
<rect x="1.000000" y="786.000000" width="21" height="21" fill="black"></rect> <rect x="25.000000" y="810.000000" width="21" height="21" fill="black"></rect>
<rect x="25.000000" y="916.000000" width="21" height="21" fill="black"></rect> <rect x="49.000000" y="940.000000" width="21" 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: 330 KiB

After

Width:  |  Height:  |  Size: 330 KiB

102
testdata/d2compiler/TestCompile/unescaped_id_cr.exp.json generated vendored Normal file
View file

@ -0,0 +1,102 @@
{
"graph": {
"ast": {
"range": "d2/testdata/d2compiler/TestCompile/unescaped_id_cr.d2,0:0:0-0:4:4",
"nodes": [
{
"map_key": {
"range": "d2/testdata/d2compiler/TestCompile/unescaped_id_cr.d2,0:0:0-0:4:4",
"key": {
"range": "d2/testdata/d2compiler/TestCompile/unescaped_id_cr.d2,0:0:0-0:4:4",
"path": [
{
"unquoted_string": {
"range": "d2/testdata/d2compiler/TestCompile/unescaped_id_cr.d2,0:0:0-0:4:4",
"value": [
{
"string": "b\rb",
"raw_string": "b\\rb"
}
]
}
}
]
},
"primary": {},
"value": {}
}
}
]
},
"root": {
"id": "",
"id_val": "",
"label_dimensions": {
"width": 0,
"height": 0
},
"attributes": {
"label": {
"value": ""
},
"style": {},
"near_key": null,
"shape": {
"value": ""
},
"direction": {
"value": ""
}
},
"zIndex": 0
},
"edges": null,
"objects": [
{
"id": "b\rb",
"id_val": "b\rb",
"label_dimensions": {
"width": 0,
"height": 0
},
"references": [
{
"key": {
"range": "d2/testdata/d2compiler/TestCompile/unescaped_id_cr.d2,0:0:0-0:4:4",
"path": [
{
"unquoted_string": {
"range": "d2/testdata/d2compiler/TestCompile/unescaped_id_cr.d2,0:0:0-0:4:4",
"value": [
{
"string": "b\rb",
"raw_string": "b\\rb"
}
]
}
}
]
},
"key_path_index": 0,
"map_key_edge_index": 0
}
],
"attributes": {
"label": {
"value": "b\rb"
},
"style": {},
"near_key": null,
"shape": {
"value": ""
},
"direction": {
"value": ""
}
},
"zIndex": 0
}
]
},
"err": null
}