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

ok

Browse source
This commit is contained in:
Alexander Wang 2023-02-10 12:18:50 -08:00
parent 749d236a53
commit 939a5ca088
No known key found for this signature in database
GPG key ID: D89FA31966BDBECE
61 changed files with 1726 additions and 1028 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

97
d2layouts/d2dagrelayout/layout.go
View file

@ -7,6 +7,7 @@ import (
"fmt" "fmt"
"math" "math"
"regexp" "regexp"
"sort"
"strings" "strings"
"cdr.dev/slog" "cdr.dev/slog"
@ -104,6 +105,16 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
rootAttrs.rankdir = "TB" rootAttrs.rankdir = "TB"
} }
maxContainerLabelHeight := 0
for _, obj := range g.Objects {
if len(obj.ChildrenArray) == 0 {
continue
}
if obj.LabelHeight != nil {
maxContainerLabelHeight = go2.Max(maxContainerLabelHeight, *obj.LabelHeight)
}
}
maxLabelSize := 0 maxLabelSize := 0
for _, edge := range g.Edges { for _, edge := range g.Edges {
size := edge.LabelDimensions.Width size := edge.LabelDimensions.Width
@ -112,7 +123,7 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
} }
maxLabelSize = go2.Max(maxLabelSize, size) maxLabelSize = go2.Max(maxLabelSize, size)
} }
rootAttrs.ranksep = go2.Max(100, maxLabelSize+40) rootAttrs.ranksep = go2.Max(go2.Max(100, maxLabelSize+40), maxContainerLabelHeight)
configJS := setGraphAttrs(rootAttrs) configJS := setGraphAttrs(rootAttrs)
if _, err := vm.RunString(configJS); err != nil { if _, err := vm.RunString(configJS); err != nil {
@ -130,6 +141,9 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
if obj.Attributes.Shape.Value == d2target.ShapeImage || obj.Attributes.Icon != nil { if obj.Attributes.Shape.Value == d2target.ShapeImage || obj.Attributes.Icon != nil {
height += float64(*obj.LabelHeight) + label.PADDING height += float64(*obj.LabelHeight) + label.PADDING
} }
if len(obj.ChildrenArray) > 0 {
obj.Height += float64(*obj.LabelHeight)
}
} }
loadScript += generateAddNodeLine(id, int(obj.Width), int(height)) loadScript += generateAddNodeLine(id, int(obj.Width), int(height))
if obj.Parent != g.Root { if obj.Parent != g.Root {
@ -191,7 +205,7 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
if obj.LabelWidth != nil && obj.LabelHeight != nil { if obj.LabelWidth != nil && obj.LabelHeight != nil {
if len(obj.ChildrenArray) > 0 { if len(obj.ChildrenArray) > 0 {
obj.LabelPosition = go2.Pointer(string(label.InsideTopCenter)) obj.LabelPosition = go2.Pointer(string(label.OutsideTopCenter))
} else if obj.Attributes.Shape.Value == d2target.ShapeImage { } else if obj.Attributes.Shape.Value == d2target.ShapeImage {
obj.LabelPosition = go2.Pointer(string(label.OutsideBottomCenter)) obj.LabelPosition = go2.Pointer(string(label.OutsideBottomCenter))
// remove the extra height we added to the node when passing to dagre // remove the extra height we added to the node when passing to dagre
@ -327,6 +341,85 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
} }
} }
// TODO probably don't need
byLevels := make([]*d2graph.Object, len(g.Objects))
copy(byLevels, g.Objects)
sort.SliceStable(byLevels, func(i, j int) bool {
return byLevels[i].Level() > byLevels[j].Level()
})
for _, obj := range byLevels {
if obj.LabelHeight == nil || len(obj.ChildrenArray) <= 0 {
continue
}
// This was artifically added to make dagre consider label height
obj.Height -= float64(*obj.LabelHeight)
movedEdges := make(map[*d2graph.Edge]struct{})
for _, e := range g.Edges {
currSrc := e.Src
currDst := e.Dst
isSrcDesc := false
isDstDesc := false
for currSrc != nil {
if currSrc == obj {
isSrcDesc = true
break
}
currSrc = currSrc.Parent
}
for currDst != nil {
if currDst == obj {
isDstDesc = true
break
}
currDst = currDst.Parent
}
if isSrcDesc && isDstDesc {
stepSize := float64(*obj.LabelHeight)
if e.Src != obj || e.Dst != obj {
stepSize /= 2.
}
movedEdges[e] = struct{}{}
for _, p := range e.Route {
p.Y += stepSize
}
}
}
// Downshift descendents
q := []*d2graph.Object{obj}
for len(q) > 0 {
curr := q[0]
q = q[1:]
stepSize := float64(*obj.LabelHeight)
if curr != obj {
stepSize /= 2.
}
curr.TopLeft.Y += stepSize
if curr != obj {
for _, e := range g.Edges {
if _, ok := movedEdges[e]; ok {
continue
}
if e.Src == curr {
e.Route[0].Y += stepSize
}
if e.Dst == curr {
e.Route[len(e.Route)-1].Y += stepSize
}
}
}
for _, c := range curr.ChildrenArray {
q = append(q, c)
}
}
}
return nil return nil
} }

6
d2renderers/d2sketch/testdata/animated/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: 253 KiB

After

Width:  |  Height:  |  Size: 253 KiB

6
d2renderers/d2sketch/testdata/child_to_child/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: 248 KiB

After

Width:  |  Height:  |  Size: 248 KiB

7
e2etests/stable_test.go
View file

@ -613,6 +613,13 @@ x -> hey -> y
script: `a.b -> a script: `a.b -> a
a.b -> a.b.c a.b -> a.b.c
a.b.c.d -> a.b`, a.b.c.d -> a.b`,
},
{
name: "container_label_loop",
script: `a: "If we were meant to fly, we wouldn't keep losing our luggage" {
b -> c
}
a -> a`,
}, },
{ {
name: "lone_h1", name: "lone_h1",

44
e2etests/testdata/regression/dagre_broken_arrowhead/dagre/board.exp.json generated vendored
View file

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 36
}, },
"width": 425, "width": 425,
"height": 528, "height": 492,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 12, "labelWidth": 12,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 94, "x": 94,
"y": 55 "y": 73
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -89,10 +89,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 299 "y": 348
}, },
"width": 345, "width": 345,
"height": 175, "height": 144,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -121,7 +121,7 @@
"underline": false, "underline": false,
"labelWidth": 10, "labelWidth": 10,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 207, "x": 207,
"y": 55 "y": 73
}, },
"width": 52, "width": 52,
"height": 66, "height": 66,
@ -171,7 +171,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 319, "x": 319,
"y": 55 "y": 73
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -212,7 +212,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 206, "x": 206,
"y": 353 "y": 386
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -277,19 +277,19 @@
"route": [ "route": [
{ {
"x": 120, "x": 120,
"y": 121.5 "y": 139.5
}, },
{ {
"x": 120, "x": 120,
"y": 191.9 "y": 209.9
}, },
{ {
"x": 120, "x": 120,
"y": 227.5 "y": 245.5
}, },
{ {
"x": 120, "x": 120,
"y": 299.5 "y": 317.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -325,19 +325,19 @@
"route": [ "route": [
{ {
"x": 232.5, "x": 232.5,
"y": 121.5 "y": 139.5
}, },
{ {
"x": 232.5, "x": 232.5,
"y": 191.9 "y": 209.9
}, },
{ {
"x": 232.5, "x": 232.5,
"y": 227.5 "y": 245.5
}, },
{ {
"x": 232.5, "x": 232.5,
"y": 299.5 "y": 317.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -373,19 +373,19 @@
"route": [ "route": [
{ {
"x": 345, "x": 345,
"y": 121.5 "y": 139.5
}, },
{ {
"x": 345, "x": 345,
"y": 191.9 "y": 209.9
}, },
{ {
"x": 345, "x": 345,
"y": 227.5 "y": 245.5
}, },
{ {
"x": 345, "x": 345,
"y": 299.5 "y": 317.5
} }
], ],
"isCurve": true, "isCurve": true,

8
e2etests/testdata/regression/dagre_broken_arrowhead/dagre/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg" id="d2-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="629" height="732" viewBox="-102 -102 629 732"><style type="text/css"> width="629" height="735" viewBox="-102 -105 629 735"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,9 +39,9 @@ width="629" height="732" viewBox="-102 -102 629 732"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="425" height="528" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="212.500000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="a.b"><g class="shape" ><rect x="94" y="55" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.500000" y="93.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.c"><g class="shape" ><rect x="40" y="299" width="345" height="175" style="fill:#EDF0FD;stroke:white;stroke-width:2;" /></g><text class="text" x="212.500000" y="328.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">c</text></g><g id="a.1"><g class="shape" ><rect x="207" y="55" width="52" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="233.000000" y="93.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">1</text></g><g id="a.2"><g class="shape" ><rect x="319" y="55" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="345.500000" y="93.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">2</text></g><g id="a.c.d"><g class="shape" ><rect x="206" y="353" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="233.000000" y="391.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="a.(b -&gt; c)[0]"><marker id="mk-1065319532" markerWidth="24.200000" markerHeight="18.000000" refX="20.800000" refY="9.000000" viewBox="0.000000 0.000000 24.200000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="white" stroke="red" stroke-width="2" points="0.000000,9.000000 11.000000,2.250000 22.000000,9.000000 11.000000,16.200000" /> </marker><path d="M 120.000000 123.500000 C 120.000000 191.900000 120.000000 227.500000 120.000000 295.500000" class="connection" style="fill:none;stroke:red;stroke-width:2;" marker-end="url(#mk-1065319532)" mask="url(#89896559)"/><text class="text-italic" x="120.000000" y="192.000000" style="text-anchor:middle;font-size:16px;fill:red"><tspan x="120.000000" dy="0.000000">line 1</tspan><tspan x="120.000000" dy="17.250000">line 2</tspan><tspan x="120.000000" dy="17.250000">line 3</tspan><tspan x="120.000000" dy="17.250000">line 4</tspan></text></g><g id="a.(1 -&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 232.500000 123.500000 C 232.500000 191.900000 232.500000 227.500000 232.500000 295.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#89896559)"/></g><g id="a.(2 &lt;-&gt; c)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.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="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 345.000000 125.500000 C 345.000000 191.900000 345.000000 227.500000 345.000000 295.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#89896559)"/></g><mask id="89896559" maskUnits="userSpaceOnUse" x="-100" y="-100" width="629" height="732"> ]]></script><g id="a"><g class="shape" ><rect x="0" y="36" width="425" height="492" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="212.500000" y="23.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="a.b"><g class="shape" ><rect x="94" y="73" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.500000" y="111.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.c"><g class="shape" ><rect x="40" y="348" width="345" height="144" style="fill:#EDF0FD;stroke:white;stroke-width:2;" /></g><text class="text" x="212.500000" y="336.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">c</text></g><g id="a.1"><g class="shape" ><rect x="207" y="73" width="52" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="233.000000" y="111.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">1</text></g><g id="a.2"><g class="shape" ><rect x="319" y="73" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="345.500000" y="111.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">2</text></g><g id="a.c.d"><g class="shape" ><rect x="206" y="386" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="233.000000" y="424.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="a.(b -&gt; c)[0]"><marker id="mk-1065319532" markerWidth="24.200000" markerHeight="18.000000" refX="20.800000" refY="9.000000" viewBox="0.000000 0.000000 24.200000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="white" stroke="red" stroke-width="2" points="0.000000,9.000000 11.000000,2.250000 22.000000,9.000000 11.000000,16.200000" /> </marker><path d="M 120.000000 141.500000 C 120.000000 209.900000 120.000000 245.500000 120.000000 313.500000" class="connection" style="fill:none;stroke:red;stroke-width:2;" marker-end="url(#mk-1065319532)" mask="url(#3754327367)"/><text class="text-italic" x="120.000000" y="210.000000" style="text-anchor:middle;font-size:16px;fill:red"><tspan x="120.000000" dy="0.000000">line 1</tspan><tspan x="120.000000" dy="17.250000">line 2</tspan><tspan x="120.000000" dy="17.250000">line 3</tspan><tspan x="120.000000" dy="17.250000">line 4</tspan></text></g><g id="a.(1 -&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 232.500000 141.500000 C 232.500000 209.900000 232.500000 245.500000 232.500000 313.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3754327367)"/></g><g id="a.(2 &lt;-&gt; c)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.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="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 345.000000 143.500000 C 345.000000 209.900000 345.000000 245.500000 345.000000 313.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#3754327367)"/></g><mask id="3754327367" maskUnits="userSpaceOnUse" x="-100" y="-100" width="629" height="735">
<rect x="-100" y="-100" width="629" height="732" fill="white"></rect> <rect x="-100" y="-100" width="629" height="735" fill="white"></rect>
<rect x="102.000000" y="176.000000" width="36" height="69" fill="black"></rect> <rect x="102.000000" y="194.000000" width="36" height="69" 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: 794 KiB

After

Width:  |  Height:  |  Size: 794 KiB

48
e2etests/testdata/regression/dagre_edge_label_spacing/dagre/board.exp.json generated vendored
View file

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 36
}, },
"width": 2328, "width": 2328,
"height": 177, "height": 141,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 221, "labelWidth": 221,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 105, "x": 105,
"y": 50 "y": 68
}, },
"width": 270, "width": 270,
"height": 77, "height": 77,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 638, "x": 638,
"y": 50 "y": 68
}, },
"width": 209, "width": 209,
"height": 77, "height": 77,
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1194, "x": 1194,
"y": 50 "y": 68
}, },
"width": 71, "width": 71,
"height": 77, "height": 77,
@ -171,7 +171,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1593, "x": 1593,
"y": 50 "y": 68
}, },
"width": 158, "width": 158,
"height": 77, "height": 77,
@ -212,7 +212,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2129, "x": 2129,
"y": 50 "y": 68
}, },
"width": 95, "width": 95,
"height": 77, "height": 77,
@ -277,19 +277,19 @@
"route": [ "route": [
{ {
"x": 375.5, "x": 375.5,
"y": 88.5 "y": 106.5
}, },
{ {
"x": 479.9, "x": 479.9,
"y": 88.5 "y": 106.5
}, },
{ {
"x": 532.3, "x": 532.3,
"y": 88.5 "y": 106.5
}, },
{ {
"x": 637.5, "x": 637.5,
"y": 88.5 "y": 106.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -325,19 +325,19 @@
"route": [ "route": [
{ {
"x": 846.5, "x": 846.5,
"y": 88.5 "y": 106.5
}, },
{ {
"x": 985.3, "x": 985.3,
"y": 88.5 "y": 106.5
}, },
{ {
"x": 1054.7, "x": 1054.7,
"y": 88.5 "y": 106.5
}, },
{ {
"x": 1193.5, "x": 1193.5,
"y": 88.5 "y": 106.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -373,19 +373,19 @@
"route": [ "route": [
{ {
"x": 1265.5, "x": 1265.5,
"y": 88.5 "y": 106.5
}, },
{ {
"x": 1395.9, "x": 1395.9,
"y": 88.5 "y": 106.5
}, },
{ {
"x": 1461.3, "x": 1461.3,
"y": 88.5 "y": 106.5
}, },
{ {
"x": 1592.5, "x": 1592.5,
"y": 88.5 "y": 106.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -421,19 +421,19 @@
"route": [ "route": [
{ {
"x": 1751.5, "x": 1751.5,
"y": 88.5 "y": 106.5
}, },
{ {
"x": 1901.9, "x": 1901.9,
"y": 88.5 "y": 106.5
}, },
{ {
"x": 1977.3, "x": 1977.3,
"y": 88.5 "y": 106.5
}, },
{ {
"x": 2128.5, "x": 2128.5,
"y": 88.5 "y": 106.5
} }
], ],
"isCurve": true, "isCurve": true,

14
e2etests/testdata/regression/dagre_edge_label_spacing/dagre/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg" id="d2-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="2532" height="381" viewBox="-102 -102 2532 381"><style type="text/css"> width="2532" height="384" viewBox="-102 -105 2532 384"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,12 +39,12 @@ width="2532" height="381" viewBox="-102 -102 2532 381"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="build_workflow"><g class="shape" ><rect x="0" y="0" width="2328" height="177" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1164.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">lambda-build.yaml</text></g><g id="build_workflow.push"><g class="shape" ><rect x="105" y="50" width="270" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="240.000000" y="97.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">Push to main branch</text></g><g id="build_workflow.GHA"><g class="shape" ><rect x="638" y="50" width="209" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="742.500000" y="97.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">GitHub Actions</text></g><g id="build_workflow.S3"><g class="shape" ><rect x="1194" y="50" width="71" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1229.500000" y="97.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">S3</text></g><g id="build_workflow.Terraform"><g class="shape" ><rect x="1593" y="50" width="158" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1672.000000" y="97.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">Terraform</text></g><g id="build_workflow.AWS"><g class="shape" ><rect x="2129" y="50" width="95" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="2176.500000" y="97.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">AWS</text></g><g id="build_workflow.(push -&gt; GHA)[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 377.500000 88.500000 C 479.900000 88.500000 532.300000 88.500000 633.500000 88.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2796260647)"/><text class="text-italic" x="507.000000" y="94.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Triggers</text></g><g id="build_workflow.(GHA -&gt; S3)[0]"><path d="M 848.500000 88.500000 C 985.300000 88.500000 1054.700000 88.500000 1189.500000 88.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2796260647)"/><text class="text-italic" x="1020.000000" y="94.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Builds zip &amp; pushes it</text></g><g id="build_workflow.(S3 &lt;-&gt; Terraform)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.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="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 1269.500000 88.500000 C 1395.900000 88.500000 1461.300000 88.500000 1588.500000 88.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2796260647)"/><text class="text-italic" x="1429.500000" y="94.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Pulls zip to deploy</text></g><g id="build_workflow.(Terraform -&gt; AWS)[0]"><path d="M 1753.500000 88.500000 C 1901.900000 88.500000 1977.300000 88.500000 2124.500000 88.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2796260647)"/><text class="text-italic" x="1940.500000" y="94.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Changes the live lambdas</text></g><mask id="2796260647" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2532" height="381"> ]]></script><g id="build_workflow"><g class="shape" ><rect x="0" y="36" width="2328" height="141" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1164.000000" y="23.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">lambda-build.yaml</text></g><g id="build_workflow.push"><g class="shape" ><rect x="105" y="68" width="270" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="240.000000" y="115.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">Push to main branch</text></g><g id="build_workflow.GHA"><g class="shape" ><rect x="638" y="68" width="209" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="742.500000" y="115.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">GitHub Actions</text></g><g id="build_workflow.S3"><g class="shape" ><rect x="1194" y="68" width="71" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1229.500000" y="115.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">S3</text></g><g id="build_workflow.Terraform"><g class="shape" ><rect x="1593" y="68" width="158" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1672.000000" y="115.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">Terraform</text></g><g id="build_workflow.AWS"><g class="shape" ><rect x="2129" y="68" width="95" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="2176.500000" y="115.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">AWS</text></g><g id="build_workflow.(push -&gt; GHA)[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 377.500000 106.500000 C 479.900000 106.500000 532.300000 106.500000 633.500000 106.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2597282443)"/><text class="text-italic" x="507.000000" y="112.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Triggers</text></g><g id="build_workflow.(GHA -&gt; S3)[0]"><path d="M 848.500000 106.500000 C 985.300000 106.500000 1054.700000 106.500000 1189.500000 106.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2597282443)"/><text class="text-italic" x="1020.000000" y="112.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Builds zip &amp; pushes it</text></g><g id="build_workflow.(S3 &lt;-&gt; Terraform)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.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="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 1269.500000 106.500000 C 1395.900000 106.500000 1461.300000 106.500000 1588.500000 106.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2597282443)"/><text class="text-italic" x="1429.500000" y="112.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Pulls zip to deploy</text></g><g id="build_workflow.(Terraform -&gt; AWS)[0]"><path d="M 1753.500000 106.500000 C 1901.900000 106.500000 1977.300000 106.500000 2124.500000 106.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2597282443)"/><text class="text-italic" x="1940.500000" y="112.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Changes the live lambdas</text></g><mask id="2597282443" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2532" height="384">
<rect x="-100" y="-100" width="2532" height="381" fill="white"></rect> <rect x="-100" y="-100" width="2532" height="384" fill="white"></rect>
<rect x="480.000000" y="78.000000" width="54" height="21" fill="black"></rect> <rect x="480.000000" y="96.000000" width="54" height="21" fill="black"></rect>
<rect x="951.000000" y="78.000000" width="138" height="21" fill="black"></rect> <rect x="951.000000" y="96.000000" width="138" height="21" fill="black"></rect>
<rect x="1370.000000" y="78.000000" width="119" height="21" fill="black"></rect> <rect x="1370.000000" y="96.000000" width="119" height="21" fill="black"></rect>
<rect x="1856.000000" y="78.000000" width="169" height="21" fill="black"></rect> <rect x="1856.000000" y="96.000000" width="169" 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: 795 KiB

After

Width:  |  Height:  |  Size: 795 KiB

104
e2etests/testdata/regression/elk_alignment/dagre/board.exp.json generated vendored
View file

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 36
}, },
"width": 370, "width": 370,
"height": 1372, "height": 1336,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 221, "labelWidth": 221,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 50, "x": 50,
"y": 73 "y": 91
}, },
"width": 270, "width": 270,
"height": 77, "height": 77,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 81, "x": 81,
"y": 322 "y": 340
}, },
"width": 209, "width": 209,
"height": 77, "height": 77,
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 150, "x": 150,
"y": 651 "y": 669
}, },
"width": 71, "width": 71,
"height": 77, "height": 77,
@ -171,7 +171,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 106, "x": 106,
"y": 973 "y": 991
}, },
"width": 158, "width": 158,
"height": 77, "height": 77,
@ -212,7 +212,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 138, "x": 138,
"y": 1222 "y": 1240
}, },
"width": 95, "width": 95,
"height": 77, "height": 77,
@ -253,10 +253,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 410, "x": 410,
"y": 0 "y": 36
}, },
"width": 311, "width": 311,
"height": 801, "height": 765,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -285,7 +285,7 @@
"underline": false, "underline": false,
"labelWidth": 242, "labelWidth": 242,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -294,7 +294,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 460, "x": 460,
"y": 73 "y": 91
}, },
"width": 211, "width": 211,
"height": 77, "height": 77,
@ -335,7 +335,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 461, "x": 461,
"y": 322 "y": 340
}, },
"width": 209, "width": 209,
"height": 77, "height": 77,
@ -376,7 +376,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 518, "x": 518,
"y": 651 "y": 669
}, },
"width": 95, "width": 95,
"height": 77, "height": 77,
@ -417,10 +417,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 761, "x": 761,
"y": 0 "y": 36
}, },
"width": 613, "width": 613,
"height": 801, "height": 765,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -449,7 +449,7 @@
"underline": false, "underline": false,
"labelWidth": 227, "labelWidth": 227,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -458,7 +458,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 979, "x": 979,
"y": 73 "y": 91
}, },
"width": 178, "width": 178,
"height": 77, "height": 77,
@ -499,7 +499,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 963, "x": 963,
"y": 322 "y": 340
}, },
"width": 209, "width": 209,
"height": 77, "height": 77,
@ -540,7 +540,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1020, "x": 1020,
"y": 651 "y": 669
}, },
"width": 95, "width": 95,
"height": 77, "height": 77,
@ -605,19 +605,19 @@
"route": [ "route": [
{ {
"x": 185, "x": 185,
"y": 150 "y": 168
}, },
{ {
"x": 185, "x": 185,
"y": 218.8 "y": 236.8
}, },
{ {
"x": 185, "x": 185,
"y": 253.2 "y": 271.2
}, },
{ {
"x": 185, "x": 185,
"y": 322 "y": 340
} }
], ],
"isCurve": true, "isCurve": true,
@ -653,19 +653,19 @@
"route": [ "route": [
{ {
"x": 185, "x": 185,
"y": 399 "y": 417
}, },
{ {
"x": 185, "x": 185,
"y": 499.8 "y": 517.8
}, },
{ {
"x": 185, "x": 185,
"y": 550.2 "y": 568.2
}, },
{ {
"x": 185, "x": 185,
"y": 651 "y": 669
} }
], ],
"isCurve": true, "isCurve": true,
@ -701,19 +701,19 @@
"route": [ "route": [
{ {
"x": 185, "x": 185,
"y": 728 "y": 746
}, },
{ {
"x": 185, "x": 185,
"y": 786.4 "y": 804.4
}, },
{ {
"x": 185, "x": 185,
"y": 904.2 "y": 922.2
}, },
{ {
"x": 185, "x": 185,
"y": 973 "y": 991
} }
], ],
"isCurve": true, "isCurve": true,
@ -749,19 +749,19 @@
"route": [ "route": [
{ {
"x": 185, "x": 185,
"y": 1050 "y": 1068
}, },
{ {
"x": 185, "x": 185,
"y": 1118.8 "y": 1136.8
}, },
{ {
"x": 185, "x": 185,
"y": 1153.2 "y": 1171.2
}, },
{ {
"x": 185, "x": 185,
"y": 1222 "y": 1240
} }
], ],
"isCurve": true, "isCurve": true,
@ -797,19 +797,19 @@
"route": [ "route": [
{ {
"x": 565.5, "x": 565.5,
"y": 150 "y": 168
}, },
{ {
"x": 565.5, "x": 565.5,
"y": 218.8 "y": 236.8
}, },
{ {
"x": 565.5, "x": 565.5,
"y": 253.2 "y": 271.2
}, },
{ {
"x": 565.5, "x": 565.5,
"y": 322 "y": 340
} }
], ],
"isCurve": true, "isCurve": true,
@ -845,19 +845,19 @@
"route": [ "route": [
{ {
"x": 565.5, "x": 565.5,
"y": 399 "y": 417
}, },
{ {
"x": 565.5, "x": 565.5,
"y": 499.8 "y": 517.8
}, },
{ {
"x": 565.5, "x": 565.5,
"y": 550.2 "y": 568.2
}, },
{ {
"x": 565.5, "x": 565.5,
"y": 651 "y": 669
} }
], ],
"isCurve": true, "isCurve": true,
@ -893,19 +893,19 @@
"route": [ "route": [
{ {
"x": 1067.5, "x": 1067.5,
"y": 150 "y": 168
}, },
{ {
"x": 1067.5, "x": 1067.5,
"y": 218.8 "y": 236.8
}, },
{ {
"x": 1067.5, "x": 1067.5,
"y": 253.2 "y": 271.2
}, },
{ {
"x": 1067.5, "x": 1067.5,
"y": 322 "y": 340
} }
], ],
"isCurve": true, "isCurve": true,
@ -941,19 +941,19 @@
"route": [ "route": [
{ {
"x": 1067.5, "x": 1067.5,
"y": 399 "y": 417
}, },
{ {
"x": 1067.5, "x": 1067.5,
"y": 499.8 "y": 517.8
}, },
{ {
"x": 1067.5, "x": 1067.5,
"y": 550.2 "y": 568.2
}, },
{ {
"x": 1067.5, "x": 1067.5,
"y": 651 "y": 669
} }
], ],
"isCurve": true, "isCurve": true,

22
e2etests/testdata/regression/elk_alignment/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: 799 KiB

After

Width:  |  Height:  |  Size: 799 KiB

36
e2etests/testdata/regression/elk_loop_panic/dagre/board.exp.json generated vendored
View file

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 36
}, },
"width": 306, "width": 306,
"height": 166, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 13, "labelWidth": 13,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 50, "x": 50,
"y": 50 "y": 68
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 203, "x": 203,
"y": 50 "y": 68
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -154,55 +154,55 @@
"route": [ "route": [
{ {
"x": 103, "x": 103,
"y": 68.38440111420613 "y": 86.38440111420613
}, },
{ {
"x": 129.66666666666669, "x": 129.66666666666669,
"y": 53.67688022284123 "y": 71.67688022284122
}, },
{ {
"x": 138, "x": 138,
"y": 50 "y": 68
}, },
{ {
"x": 140.5, "x": 140.5,
"y": 50 "y": 68
}, },
{ {
"x": 143, "x": 143,
"y": 50 "y": 68
}, },
{ {
"x": 146.33333333333331, "x": 146.33333333333331,
"y": 56.6 "y": 74.6
}, },
{ {
"x": 148.83333333333331, "x": 148.83333333333331,
"y": 66.5 "y": 84.5
}, },
{ {
"x": 151.33333333333334, "x": 151.33333333333334,
"y": 76.4 "y": 94.4
}, },
{ {
"x": 151.33333333333334, "x": 151.33333333333334,
"y": 89.6 "y": 107.6
}, },
{ {
"x": 148.83333333333331, "x": 148.83333333333331,
"y": 99.5 "y": 117.5
}, },
{ {
"x": 146.33333333333331, "x": 146.33333333333331,
"y": 109.4 "y": 127.4
}, },
{ {
"x": 129.66666666666669, "x": 129.66666666666669,
"y": 112.32311977715878 "y": 130.32311977715878
}, },
{ {
"x": 103, "x": 103,
"y": 97.61559888579387 "y": 115.61559888579387
} }
], ],
"isCurve": true, "isCurve": true,

6
e2etests/testdata/regression/elk_loop_panic/dagre/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg" id="d2-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="510" height="370" viewBox="-102 -102 510 370"><style type="text/css"> width="510" height="373" viewBox="-102 -105 510 373"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="510" height="370" viewBox="-102 -102 510 370"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="x"><g class="shape" ><rect x="0" y="0" width="306" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="153.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">x</text></g><g id="x.a"><g class="shape" ><rect x="50" y="50" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="76.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="x.b"><g class="shape" ><rect x="203" y="50" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="229.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="x.(a -&gt; a)[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 104.751298 67.418504 C 129.666667 53.676880 138.000000 50.000000 140.500000 50.000000 C 143.000000 50.000000 146.333333 56.600000 148.833333 66.500000 C 151.333333 76.400000 151.333333 89.600000 148.833333 99.500000 C 146.333333 109.400000 129.666667 112.323120 106.502595 99.547392" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2444376964)"/></g><mask id="2444376964" maskUnits="userSpaceOnUse" x="-100" y="-100" width="510" height="370"> ]]></script><g id="x"><g class="shape" ><rect x="0" y="36" width="306" height="130" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="153.000000" y="23.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">x</text></g><g id="x.a"><g class="shape" ><rect x="50" y="68" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="76.500000" y="106.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="x.b"><g class="shape" ><rect x="203" y="68" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="229.500000" y="106.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="x.(a -&gt; a)[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 104.751298 85.418504 C 129.666667 71.676880 138.000000 68.000000 140.500000 68.000000 C 143.000000 68.000000 146.333333 74.600000 148.833333 84.500000 C 151.333333 94.400000 151.333333 107.600000 148.833333 117.500000 C 146.333333 127.400000 129.666667 130.323120 106.502595 117.547392" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3251023082)"/></g><mask id="3251023082" maskUnits="userSpaceOnUse" x="-100" y="-100" width="510" height="373">
<rect x="-100" y="-100" width="510" height="370" fill="white"></rect> <rect x="-100" y="-100" width="510" height="373" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 649 KiB

After

Width:  |  Height:  |  Size: 649 KiB

28
e2etests/testdata/regression/overlapping-edge-label/dagre/board.exp.json generated vendored
View file

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 36
}, },
"width": 1276, "width": 1276,
"height": 166, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 133, "labelWidth": 133,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 131, "x": 131,
"y": 50 "y": 68
}, },
"width": 132, "width": 132,
"height": 66, "height": 66,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 323, "x": 323,
"y": 50 "y": 68
}, },
"width": 132, "width": 132,
"height": 66, "height": 66,
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 515, "x": 515,
"y": 50 "y": 68
}, },
"width": 132, "width": 132,
"height": 66, "height": 66,
@ -171,7 +171,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 707, "x": 707,
"y": 50 "y": 68
}, },
"width": 133, "width": 133,
"height": 66, "height": 66,
@ -212,7 +212,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 900, "x": 900,
"y": 50 "y": 68
}, },
"width": 133, "width": 133,
"height": 66, "height": 66,
@ -253,7 +253,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1093, "x": 1093,
"y": 50 "y": 68
}, },
"width": 133, "width": 133,
"height": 66, "height": 66,
@ -294,10 +294,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 287 "y": 323
}, },
"width": 495, "width": 495,
"height": 166, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -326,7 +326,7 @@
"underline": false, "underline": false,
"labelWidth": 97, "labelWidth": 97,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -335,7 +335,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 186, "x": 186,
"y": 337 "y": 355
}, },
"width": 76, "width": 76,
"height": 66, "height": 66,
@ -376,7 +376,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 369, "x": 369,
"y": 337 "y": 355
}, },
"width": 76, "width": 76,
"height": 66, "height": 66,

6
e2etests/testdata/regression/overlapping-edge-label/dagre/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg" id="d2-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="1480" height="657" viewBox="-102 -102 1480 657"><style type="text/css"> width="1480" height="660" viewBox="-102 -105 1480 660"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="1480" height="657" viewBox="-102 -102 1480 657"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="k8s"><g class="shape" ><rect x="0" y="0" width="1276" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="638.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">Kubernetes</text></g><g id="osvc"><g class="shape" ><rect x="0" y="287" width="495" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="247.500000" y="320.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">opensvc</text></g><g id="k8s.m1"><g class="shape" ><rect x="131" y="50" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="197.000000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master1</text></g><g id="k8s.m2"><g class="shape" ><rect x="323" y="50" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="389.000000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master2</text></g><g id="k8s.m3"><g class="shape" ><rect x="515" y="50" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="581.000000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master3</text></g><g id="k8s.w1"><g class="shape" ><rect x="707" y="50" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="773.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker1</text></g><g id="k8s.w2"><g class="shape" ><rect x="900" y="50" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="966.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker2</text></g><g id="k8s.w3"><g class="shape" ><rect x="1093" y="50" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1159.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker3</text></g><g id="osvc.vm1"><g class="shape" ><rect x="186" y="337" width="76" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="224.000000" y="375.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">VM1</text></g><g id="osvc.vm2"><g class="shape" ><rect x="369" y="337" width="76" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="407.000000" y="375.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">VM2</text></g><g id="(k8s -&gt; osvc)[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 84.000000 168.000000 C 84.000000 214.400000 84.000000 238.700000 84.000000 283.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1066329477)"/><text class="text-italic" x="84.500000" y="232.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">keycloak</text></g><g id="(k8s -&gt; osvc)[1]"><path d="M 186.000000 168.000000 C 186.000000 214.400000 186.000000 238.700000 186.000000 283.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1066329477)"/><text class="text-italic" x="186.500000" y="232.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">heptapod</text></g><g id="(k8s -&gt; osvc)[2]"><path d="M 282.000000 168.000000 C 282.000000 214.400000 282.000000 238.700000 282.000000 283.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1066329477)"/><text class="text-italic" x="282.500000" y="232.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">harbor</text></g><g id="(k8s -&gt; osvc)[3]"><path d="M 363.000000 168.000000 C 363.000000 214.400000 363.000000 238.700000 363.000000 283.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1066329477)"/><text class="text-italic" x="363.500000" y="232.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">vault</text></g><mask id="1066329477" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1480" height="657"> ]]></script><g id="k8s"><g class="shape" ><rect x="0" y="36" width="1276" height="130" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="638.000000" y="23.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">Kubernetes</text></g><g id="osvc"><g class="shape" ><rect x="0" y="323" width="495" height="130" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="247.500000" y="310.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">opensvc</text></g><g id="k8s.m1"><g class="shape" ><rect x="131" y="68" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="197.000000" y="106.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master1</text></g><g id="k8s.m2"><g class="shape" ><rect x="323" y="68" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="389.000000" y="106.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master2</text></g><g id="k8s.m3"><g class="shape" ><rect x="515" y="68" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="581.000000" y="106.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master3</text></g><g id="k8s.w1"><g class="shape" ><rect x="707" y="68" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="773.500000" y="106.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker1</text></g><g id="k8s.w2"><g class="shape" ><rect x="900" y="68" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="966.500000" y="106.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker2</text></g><g id="k8s.w3"><g class="shape" ><rect x="1093" y="68" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1159.500000" y="106.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker3</text></g><g id="osvc.vm1"><g class="shape" ><rect x="186" y="355" width="76" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="224.000000" y="393.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">VM1</text></g><g id="osvc.vm2"><g class="shape" ><rect x="369" y="355" width="76" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="407.000000" y="393.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">VM2</text></g><g id="(k8s -&gt; osvc)[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 84.000000 168.000000 C 84.000000 214.400000 84.000000 238.700000 84.000000 283.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3676293611)"/><text class="text-italic" x="84.500000" y="232.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">keycloak</text></g><g id="(k8s -&gt; osvc)[1]"><path d="M 186.000000 168.000000 C 186.000000 214.400000 186.000000 238.700000 186.000000 283.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3676293611)"/><text class="text-italic" x="186.500000" y="232.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">heptapod</text></g><g id="(k8s -&gt; osvc)[2]"><path d="M 282.000000 168.000000 C 282.000000 214.400000 282.000000 238.700000 282.000000 283.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3676293611)"/><text class="text-italic" x="282.500000" y="232.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">harbor</text></g><g id="(k8s -&gt; osvc)[3]"><path d="M 363.000000 168.000000 C 363.000000 214.400000 363.000000 238.700000 363.000000 283.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3676293611)"/><text class="text-italic" x="363.500000" y="232.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">vault</text></g><mask id="3676293611" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1480" height="660">
<rect x="-100" y="-100" width="1480" height="657" fill="white"></rect> <rect x="-100" y="-100" width="1480" height="660" fill="white"></rect>
<rect x="55.000000" y="216.000000" width="59" height="21" fill="black"></rect> <rect x="55.000000" y="216.000000" width="59" height="21" fill="black"></rect>
<rect x="154.000000" y="216.000000" width="65" height="21" fill="black"></rect> <rect x="154.000000" y="216.000000" width="65" height="21" fill="black"></rect>
<rect x="259.000000" y="216.000000" width="47" height="21" fill="black"></rect> <rect x="259.000000" y="216.000000" width="47" height="21" fill="black"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 795 KiB

After

Width:  |  Height:  |  Size: 795 KiB

20
e2etests/testdata/sanity/child_to_child/dagre/board.exp.json generated vendored
View file

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 36
}, },
"width": 156, "width": 156,
"height": 166, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 12, "labelWidth": 12,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 54, "x": 54,
"y": 50 "y": 68
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -89,10 +89,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 266 "y": 302
}, },
"width": 157, "width": 157,
"height": 166, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -121,7 +121,7 @@
"underline": false, "underline": false,
"labelWidth": 12, "labelWidth": 12,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 53, "x": 53,
"y": 316 "y": 334
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -195,7 +195,7 @@
"route": [ "route": [
{ {
"x": 80, "x": 80,
"y": 116 "y": 134
}, },
{ {
"x": 80, "x": 80,
@ -219,7 +219,7 @@
}, },
{ {
"x": 80, "x": 80,
"y": 316 "y": 334
} }
], ],
"isCurve": true, "isCurve": true,

6
e2etests/testdata/sanity/child_to_child/dagre/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg" id="d2-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="361" height="636" viewBox="-102 -102 361 636"><style type="text/css"> width="361" height="639" viewBox="-102 -105 361 639"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="361" height="636" viewBox="-102 -102 361 636"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="156" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="78.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="0" y="266" width="157" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="78.500000" y="299.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="a.b"><g class="shape" ><rect x="54" y="50" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="80.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="53" y="316" width="54" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="80.000000" y="354.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a.b -&gt; c.d)[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 80.000000 118.000000 C 80.000000 156.000000 80.000000 176.000000 80.000000 191.000000 C 80.000000 206.000000 80.000000 276.000000 80.000000 312.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4117563475)"/></g><mask id="4117563475" maskUnits="userSpaceOnUse" x="-100" y="-100" width="361" height="636"> ]]></script><g id="a"><g class="shape" ><rect x="0" y="36" width="156" height="130" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="78.000000" y="23.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="0" y="302" width="157" height="130" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="78.500000" y="289.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="a.b"><g class="shape" ><rect x="54" y="68" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="80.500000" y="106.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="53" y="334" width="54" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="80.000000" y="372.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a.b -&gt; c.d)[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 80.000000 136.000000 C 80.000000 156.000000 80.000000 176.000000 80.000000 191.000000 C 80.000000 206.000000 80.000000 276.000000 80.000000 330.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2480378180)"/></g><mask id="2480378180" maskUnits="userSpaceOnUse" x="-100" y="-100" width="361" height="639">
<rect x="-100" y="-100" width="361" height="636" fill="white"></rect> <rect x="-100" y="-100" width="361" height="639" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 649 KiB

After

Width:  |  Height:  |  Size: 649 KiB

20
e2etests/testdata/stable/chaos1/dagre/board.exp.json generated vendored
View file

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 36
}, },
"width": 218, "width": 218,
"height": 430, "height": 394,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 41, "labelWidth": 41,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,7 +48,7 @@
"type": "callout", "type": "callout",
"pos": { "pos": {
"x": 50, "x": 50,
"y": 289 "y": 307
}, },
"width": 72, "width": 72,
"height": 91, "height": 91,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 84, "x": 84,
"y": 76 "y": 94
}, },
"width": 68, "width": 68,
"height": 66, "height": 66,
@ -236,19 +236,19 @@
"route": [ "route": [
{ {
"x": 109.16317991631799, "x": 109.16317991631799,
"y": 142 "y": 160
}, },
{ {
"x": 90.6326359832636, "x": 90.6326359832636,
"y": 211.2 "y": 229.2
}, },
{ {
"x": 86, "x": 86,
"y": 240.6 "y": 258.6
}, },
{ {
"x": 86, "x": 86,
"y": 289 "y": 307
} }
], ],
"isCurve": true, "isCurve": true,
@ -296,7 +296,7 @@
}, },
{ {
"x": 127, "x": 127,
"y": 141.5 "y": 159.5
} }
], ],
"isCurve": true, "isCurve": true,

10
e2etests/testdata/stable/chaos1/dagre/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg" id="d2-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="545" height="634" viewBox="-102 -102 545 634"><style type="text/css"> width="545" height="637" viewBox="-102 -105 545 637"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,10 +39,10 @@ width="545" height="634" viewBox="-102 -102 545 634"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="aaa"><g class="shape" ><rect x="0" y="0" width="218" height="430" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="109.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">aaa</text></g><g id="ddd"><g class="shape" ><path d="M 268 74 C 268 50 301 50 305 50 C 308 50 341 50 341 74 V 144 C 341 168 308 168 305 168 C 301 168 268 168 268 144 V 74 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 268 74 C 268 98 301 98 305 98 C 308 98 341 98 341 74" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="304.500000" y="126.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ddd</text></g><g id="eee"><g class="shape" ><path d="M 268 362 L 268 297 L 338 297 L 338 362 C 326 348 315 348 303 362 C 291 377 280 377 268 362 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="303.000000" y="330.610964" style="text-anchor:middle;font-size:16px;fill:#0A0F25">eee</text></g><g id="aaa.bbb"><g class="shape" ><path d="M 50 289 V 335 H 86 V 380 L 116 335 H 122 V 289 H 50 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="86.000000" y="317.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">bbb</text></g><g id="aaa.ccc"><g class="shape" ><rect x="84" y="76" width="68" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="118.000000" y="114.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ccc</text></g><g id="(aaa.ccc -- aaa)[0]"><path d="M 108.645842 143.931932 C 90.632636 211.200000 86.000000 240.600000 86.000000 287.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" mask="url(#2222316659)"/><text class="text-italic" x="90.500000" y="220.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">111</text></g><g id="(eee &lt;- aaa.ccc)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.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="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 264.708723 307.726787 C 173.600000 244.800000 145.400000 211.100000 127.511174 143.433572" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#2222316659)"/><text class="text-italic" x="173.500000" y="250.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">222</text></g><mask id="2222316659" maskUnits="userSpaceOnUse" x="-100" y="-100" width="545" height="634"> ]]></script><g id="aaa"><g class="shape" ><rect x="0" y="36" width="218" height="394" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="109.000000" y="23.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">aaa</text></g><g id="ddd"><g class="shape" ><path d="M 268 74 C 268 50 301 50 305 50 C 308 50 341 50 341 74 V 144 C 341 168 308 168 305 168 C 301 168 268 168 268 144 V 74 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 268 74 C 268 98 301 98 305 98 C 308 98 341 98 341 74" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="304.500000" y="126.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ddd</text></g><g id="eee"><g class="shape" ><path d="M 268 362 L 268 297 L 338 297 L 338 362 C 326 348 315 348 303 362 C 291 377 280 377 268 362 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="303.000000" y="330.610964" style="text-anchor:middle;font-size:16px;fill:#0A0F25">eee</text></g><g id="aaa.bbb"><g class="shape" ><path d="M 50 307 V 353 H 86 V 398 L 116 353 H 122 V 307 H 50 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="86.000000" y="335.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">bbb</text></g><g id="aaa.ccc"><g class="shape" ><rect x="84" y="94" width="68" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="118.000000" y="132.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ccc</text></g><g id="(aaa.ccc -- aaa)[0]"><path d="M 108.645842 161.931932 C 90.632636 229.200000 86.000000 258.600000 86.000000 305.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" mask="url(#235194521)"/><text class="text-italic" x="90.500000" y="238.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">111</text></g><g id="(eee &lt;- aaa.ccc)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.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="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 264.708723 307.726787 C 173.600000 244.800000 145.400000 211.100000 127.671748 161.383814" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#235194521)"/><text class="text-italic" x="180.500000" y="255.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">222</text></g><mask id="235194521" maskUnits="userSpaceOnUse" x="-100" y="-100" width="545" height="637">
<rect x="-100" y="-100" width="545" height="634" fill="white"></rect> <rect x="-100" y="-100" width="545" height="637" fill="white"></rect>
<rect x="79.000000" y="204.000000" width="23" height="21" fill="black"></rect> <rect x="79.000000" y="222.000000" width="23" height="21" fill="black"></rect>
<rect x="161.000000" y="234.000000" width="25" height="21" fill="black"></rect> <rect x="168.000000" y="239.000000" width="25" 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: 793 KiB

After

Width:  |  Height:  |  Size: 793 KiB

190
e2etests/testdata/stable/chaos2/dagre/board.exp.json generated vendored
View file

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 36
}, },
"width": 970, "width": 970,
"height": 1521, "height": 1485,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 27, "labelWidth": 27,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,10 +48,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 50 "y": 99
}, },
"width": 691, "width": 691,
"height": 1421, "height": 1390,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -80,7 +80,7 @@
"underline": false, "underline": false,
"labelWidth": 26, "labelWidth": 26,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -89,10 +89,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 80, "x": 80,
"y": 818 "y": 877
}, },
"width": 477, "width": 477,
"height": 603, "height": 577,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -121,7 +121,7 @@
"underline": false, "underline": false,
"labelWidth": 19, "labelWidth": 19,
"labelHeight": 26, "labelHeight": 26,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 3 "level": 3
}, },
@ -130,10 +130,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 120, "x": 120,
"y": 868 "y": 935
}, },
"width": 336, "width": 336,
"height": 166, "height": 145,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -162,7 +162,7 @@
"underline": false, "underline": false,
"labelWidth": 17, "labelWidth": 17,
"labelHeight": 21, "labelHeight": 21,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 4 "level": 4
}, },
@ -171,7 +171,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 253, "x": 253,
"y": 941 "y": 998
}, },
"width": 16, "width": 16,
"height": 21, "height": 21,
@ -211,7 +211,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 350, "x": 350,
"y": 918 "y": 975
}, },
"width": 57, "width": 57,
"height": 66, "height": 66,
@ -252,7 +252,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 396, "x": 396,
"y": 1155 "y": 1201
}, },
"width": 17, "width": 17,
"height": 21, "height": 21,
@ -292,7 +292,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 373, "x": 373,
"y": 1301 "y": 1347
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -333,10 +333,10 @@
"type": "package", "type": "package",
"pos": { "pos": {
"x": 120, "x": 120,
"y": 100 "y": 159
}, },
"width": 378, "width": 378,
"height": 192, "height": 166,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -365,7 +365,7 @@
"underline": false, "underline": false,
"labelWidth": 9, "labelWidth": 9,
"labelHeight": 26, "labelHeight": 26,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 3 "level": 3
}, },
@ -374,7 +374,7 @@
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 304, "x": 304,
"y": 150 "y": 196
}, },
"width": 50, "width": 50,
"height": 92, "height": 92,
@ -415,7 +415,7 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 607, "x": 607,
"y": 1297 "y": 1330
}, },
"width": 74, "width": 74,
"height": 74, "height": 74,
@ -456,7 +456,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 828, "x": 828,
"y": 631 "y": 649
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -497,7 +497,7 @@
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 815, "x": 815,
"y": 413 "y": 431
}, },
"width": 71, "width": 71,
"height": 118, "height": 118,
@ -538,7 +538,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 781, "x": 781,
"y": 1324 "y": 1342
}, },
"width": 16, "width": 16,
"height": 21, "height": 21,
@ -578,7 +578,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 857, "x": 857,
"y": 1301 "y": 1319
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -643,19 +643,19 @@
"route": [ "route": [
{ {
"x": 260.75, "x": 260.75,
"y": 962.5 "y": 1019.5
}, },
{ {
"x": 260.75, "x": 260.75,
"y": 1019.7 "y": 1066.2
}, },
{ {
"x": 287.75, "x": 287.75,
"y": 1107.9 "y": 1154.4
}, },
{ {
"x": 395.75, "x": 395.75,
"y": 1161.5 "y": 1208
} }
], ],
"isCurve": true, "isCurve": true,
@ -691,19 +691,19 @@
"route": [ "route": [
{ {
"x": 404.5, "x": 404.5,
"y": 1176 "y": 1222.5
}, },
{ {
"x": 404.5, "x": 404.5,
"y": 1224.4 "y": 1270.9
}, },
{ {
"x": 404.5, "x": 404.5,
"y": 1249.5 "y": 1296
}, },
{ {
"x": 404.5, "x": 404.5,
"y": 1301.5 "y": 1348
} }
], ],
"isCurve": true, "isCurve": true,
@ -739,67 +739,67 @@
"route": [ "route": [
{ {
"x": 200, "x": 200,
"y": 292 "y": 325.5
}, },
{ {
"x": 200, "x": 200,
"y": 340.4 "y": 373.9
}, },
{ {
"x": 200, "x": 200,
"y": 376.4 "y": 409.9
}, },
{ {
"x": 200, "x": 200,
"y": 412.25 "y": 445.75
}, },
{ {
"x": 200, "x": 200,
"y": 448.1 "y": 481.6
}, },
{ {
"x": 200, "x": 200,
"y": 493.8 "y": 527.3
}, },
{ {
"x": 200, "x": 200,
"y": 526.5 "y": 560
}, },
{ {
"x": 200, "x": 200,
"y": 559.2 "y": 592.7
}, },
{ {
"x": 200, "x": 200,
"y": 597.6 "y": 631.1
}, },
{ {
"x": 200, "x": 200,
"y": 622.5 "y": 656
}, },
{ {
"x": 200, "x": 200,
"y": 647.4 "y": 680.9
}, },
{ {
"x": 200, "x": 200,
"y": 682.7 "y": 716.2
}, },
{ {
"x": 200, "x": 200,
"y": 710.75 "y": 744.25
}, },
{ {
"x": 200, "x": 200,
"y": 738.8 "y": 772.3
}, },
{ {
"x": 200, "x": 200,
"y": 828 "y": 861.5
}, },
{ {
"x": 200, "x": 200,
"y": 868 "y": 914.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -835,11 +835,11 @@
"route": [ "route": [
{ {
"x": 828, "x": 828,
"y": 668.1624072547403 "y": 686.1624072547403
}, },
{ {
"x": 731, "x": 731,
"y": 683.1624072547403 "y": 701.1624072547403
} }
], ],
"animated": false, "animated": false,
@ -874,31 +874,31 @@
"route": [ "route": [
{ {
"x": 815, "x": 815,
"y": 479 "y": 497
}, },
{ {
"x": 400.59999999999997, "x": 400.59999999999997,
"y": 560.6 "y": 578.6
}, },
{ {
"x": 297, "x": 297,
"y": 597.6 "y": 615.6
}, },
{ {
"x": 297, "x": 297,
"y": 622.5 "y": 640.5
}, },
{ {
"x": 297, "x": 297,
"y": 647.4 "y": 665.4
}, },
{ {
"x": 297, "x": 297,
"y": 769.7 "y": 787.7
}, },
{ {
"x": 297, "x": 297,
"y": 818.5 "y": 852
} }
], ],
"isCurve": true, "isCurve": true,
@ -934,19 +934,19 @@
"route": [ "route": [
{ {
"x": 853, "x": 853,
"y": 531 "y": 549
}, },
{ {
"x": 854.6, "x": 854.6,
"y": 571 "y": 589
}, },
{ {
"x": 855, "x": 855,
"y": 591 "y": 609
}, },
{ {
"x": 855, "x": 855,
"y": 631 "y": 649
} }
], ],
"isCurve": true, "isCurve": true,
@ -982,11 +982,11 @@
"route": [ "route": [
{ {
"x": 815, "x": 815,
"y": 480 "y": 498
}, },
{ {
"x": 731.25, "x": 731.25,
"y": 497.7739829231542 "y": 515.7739829231542
} }
], ],
"animated": false, "animated": false,
@ -1021,67 +1021,67 @@
"route": [ "route": [
{ {
"x": 828, "x": 828,
"y": 671.0418410041841 "y": 689.0418410041841
}, },
{ {
"x": 562.8, "x": 562.8,
"y": 740.2083682008368 "y": 758.2083682008368
}, },
{ {
"x": 496.5, "x": 496.5,
"y": 769.6 "y": 787.6
}, },
{ {
"x": 496.5, "x": 496.5,
"y": 787.75 "y": 805.75
}, },
{ {
"x": 496.5, "x": 496.5,
"y": 805.9 "y": 823.9
}, },
{ {
"x": 496.5, "x": 496.5,
"y": 828 "y": 846
}, },
{ {
"x": 496.5, "x": 496.5,
"y": 843 "y": 861
}, },
{ {
"x": 496.5, "x": 496.5,
"y": 858 "y": 876
}, },
{ {
"x": 496.5, "x": 496.5,
"y": 884.6 "y": 902.6
}, },
{ {
"x": 496.5, "x": 496.5,
"y": 909.5 "y": 927.5
}, },
{ {
"x": 496.5, "x": 496.5,
"y": 934.4 "y": 952.4
}, },
{ {
"x": 496.5, "x": 496.5,
"y": 967.6 "y": 985.6
}, },
{ {
"x": 496.5, "x": 496.5,
"y": 992.5 "y": 1010.5
}, },
{ {
"x": 496.5, "x": 496.5,
"y": 1017.4 "y": 1035.4
}, },
{ {
"x": 479.7, "x": 479.7,
"y": 1107.3 "y": 1125.3
}, },
{ {
"x": 412.5, "x": 412.5,
"y": 1158.5 "y": 1205
} }
], ],
"isCurve": true, "isCurve": true,
@ -1117,19 +1117,19 @@
"route": [ "route": [
{ {
"x": 815, "x": 815,
"y": 462 "y": 480
}, },
{ {
"x": 515.8, "x": 515.8,
"y": 374.4 "y": 392.4
}, },
{ {
"x": 441, "x": 441,
"y": 340.4 "y": 358.4
}, },
{ {
"x": 441, "x": 441,
"y": 292 "y": 325.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1165,19 +1165,19 @@
"route": [ "route": [
{ {
"x": 401, "x": 401,
"y": 818 "y": 851.5
}, },
{ {
"x": 401, "x": 401,
"y": 769.6 "y": 787.6
}, },
{ {
"x": 486.4, "x": 486.4,
"y": 739.9 "y": 757.9
}, },
{ {
"x": 828, "x": 828,
"y": 669.5 "y": 687.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1213,31 +1213,31 @@
"route": [ "route": [
{ {
"x": 393, "x": 393,
"y": 292 "y": 325.5
}, },
{ {
"x": 393, "x": 393,
"y": 340.4 "y": 358.4
}, },
{ {
"x": 393, "x": 393,
"y": 376.4 "y": 394.4
}, },
{ {
"x": 393, "x": 393,
"y": 412.25 "y": 430.25
}, },
{ {
"x": 393, "x": 393,
"y": 448.1 "y": 466.1
}, },
{ {
"x": 480, "x": 480,
"y": 596.6 "y": 614.6
}, },
{ {
"x": 828, "x": 828,
"y": 659 "y": 677
} }
], ],
"isCurve": true, "isCurve": true,

22
e2etests/testdata/stable/chaos2/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: 811 KiB

After

Width:  |  Height:  |  Size: 811 KiB

76
e2etests/testdata/stable/child_parent_edges/dagre/board.exp.json generated vendored
View file

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 36
}, },
"width": 434, "width": 434,
"height": 366, "height": 330,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 12, "labelWidth": 12,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,10 +48,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 50 "y": 99
}, },
"width": 354, "width": 354,
"height": 266, "height": 235,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -80,7 +80,7 @@
"underline": false, "underline": false,
"labelWidth": 12, "labelWidth": 12,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -89,10 +89,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 80, "x": 80,
"y": 100 "y": 159
}, },
"width": 274, "width": 274,
"height": 166, "height": 140,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -121,7 +121,7 @@
"underline": false, "underline": false,
"labelWidth": 9, "labelWidth": 9,
"labelHeight": 26, "labelHeight": 26,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 3 "level": 3
}, },
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 130, "x": 130,
"y": 150 "y": 196
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -195,55 +195,55 @@
"route": [ "route": [
{ {
"x": 184, "x": 184,
"y": 168.23204419889504 "y": 186.23204419889504
}, },
{ {
"x": 210.66666666666669, "x": 210.66666666666669,
"y": 153.646408839779 "y": 171.646408839779
}, },
{ {
"x": 219, "x": 219,
"y": 150 "y": 168
}, },
{ {
"x": 221.5, "x": 221.5,
"y": 150 "y": 168
}, },
{ {
"x": 224, "x": 224,
"y": 150 "y": 168
}, },
{ {
"x": 227.33333333333331, "x": 227.33333333333331,
"y": 156.6 "y": 174.6
}, },
{ {
"x": 229.83333333333331, "x": 229.83333333333331,
"y": 166.5 "y": 184.5
}, },
{ {
"x": 232.33333333333334, "x": 232.33333333333334,
"y": 176.4 "y": 194.4
}, },
{ {
"x": 232.33333333333334, "x": 232.33333333333334,
"y": 189.6 "y": 207.6
}, },
{ {
"x": 229.83333333333331, "x": 229.83333333333331,
"y": 199.5 "y": 217.5
}, },
{ {
"x": 227.33333333333331, "x": 227.33333333333331,
"y": 209.4 "y": 227.4
}, },
{ {
"x": 210.66666666666669, "x": 210.66666666666669,
"y": 212.353591160221 "y": 230.353591160221
}, },
{ {
"x": 184, "x": 184,
"y": 197.76795580110496 "y": 215.76795580110496
} }
], ],
"isCurve": true, "isCurve": true,
@ -279,55 +279,55 @@
"route": [ "route": [
{ {
"x": 184, "x": 184,
"y": 172.75862068965517 "y": 206.25862068965517
}, },
{ {
"x": 232, "x": 232,
"y": 154.55172413793105 "y": 188.05172413793105
}, },
{ {
"x": 247, "x": 247,
"y": 150 "y": 183.5
}, },
{ {
"x": 251.5, "x": 251.5,
"y": 150 "y": 183.5
}, },
{ {
"x": 256, "x": 256,
"y": 150 "y": 183.5
}, },
{ {
"x": 262, "x": 262,
"y": 156.6 "y": 190.1
}, },
{ {
"x": 266.5, "x": 266.5,
"y": 166.5 "y": 200
}, },
{ {
"x": 271, "x": 271,
"y": 176.4 "y": 209.9
}, },
{ {
"x": 271, "x": 271,
"y": 189.6 "y": 223.1
}, },
{ {
"x": 266.5, "x": 266.5,
"y": 199.5 "y": 233
}, },
{ {
"x": 262, "x": 262,
"y": 209.4 "y": 242.9
}, },
{ {
"x": 232, "x": 232,
"y": 211.44827586206895 "y": 244.94827586206895
}, },
{ {
"x": 184, "x": 184,
"y": 193.24137931034483 "y": 226.74137931034483
} }
], ],
"isCurve": true, "isCurve": true,
@ -363,11 +363,11 @@
"route": [ "route": [
{ {
"x": 183.66666666666669, "x": 183.66666666666669,
"y": 191 "y": 237.5
}, },
{ {
"x": 184, "x": 184,
"y": 190.83870967741936 "y": 224.33870967741936
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/stable/child_parent_edges/dagre/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg" id="d2-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="638" height="570" viewBox="-102 -102 638 570"><style type="text/css"> width="638" height="573" viewBox="-102 -105 638 573"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="638" height="570" viewBox="-102 -102 638 570"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="434" height="366" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="217.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="a.b"><g class="shape" ><rect x="40" y="50" width="354" height="266" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="217.000000" y="79.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">b</text></g><g id="a.b.c"><g class="shape" ><rect x="80" y="100" width="274" height="166" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="217.000000" y="125.000000" style="text-anchor:middle;font-size:20px;fill:#0A0F25">c</text></g><g id="a.b.c.d"><g class="shape" ><rect x="130" y="150" width="54" height="66" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="157.000000" y="188.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a.b -&gt; a)[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 185.754679 167.272303 C 210.666667 153.646409 219.000000 150.000000 221.500000 150.000000 C 224.000000 150.000000 227.333333 156.600000 229.833333 166.500000 C 232.333333 176.400000 232.333333 189.600000 229.833333 199.500000 C 227.333333 209.400000 210.666667 212.353591 187.509357 199.687438" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1372662745)"/></g><g id="a.(b -&gt; b.c)[0]"><path d="M 185.869995 172.049312 C 232.000000 154.551724 247.000000 150.000000 251.500000 150.000000 C 256.000000 150.000000 262.000000 156.600000 266.500000 166.500000 C 271.000000 176.400000 271.000000 189.600000 266.500000 199.500000 C 262.000000 209.400000 232.000000 211.448276 187.739990 194.659996" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1372662745)"/></g><g id="a.(b.c.d -&gt; b)[0]"><path d="M 185.466985 190.128878 L 180.399363 192.580953" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1372662745)"/></g><mask id="1372662745" maskUnits="userSpaceOnUse" x="-100" y="-100" width="638" height="570"> ]]></script><g id="a"><g class="shape" ><rect x="0" y="36" width="434" height="330" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="217.000000" y="23.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="a.b"><g class="shape" ><rect x="40" y="99" width="354" height="235" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="217.000000" y="87.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">b</text></g><g id="a.b.c"><g class="shape" ><rect x="80" y="159" width="274" height="140" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="217.000000" y="148.000000" style="text-anchor:middle;font-size:20px;fill:#0A0F25">c</text></g><g id="a.b.c.d"><g class="shape" ><rect x="130" y="196" width="54" height="66" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="157.000000" y="234.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a.b -&gt; a)[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 185.754679 185.272303 C 210.666667 171.646409 219.000000 168.000000 221.500000 168.000000 C 224.000000 168.000000 227.333333 174.600000 229.833333 184.500000 C 232.333333 194.400000 232.333333 207.600000 229.833333 217.500000 C 227.333333 227.400000 210.666667 230.353591 187.509357 217.687438" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#124487060)"/></g><g id="a.(b -&gt; b.c)[0]"><path d="M 185.869995 205.549312 C 232.000000 188.051724 247.000000 183.500000 251.500000 183.500000 C 256.000000 183.500000 262.000000 190.100000 266.500000 200.000000 C 271.000000 209.900000 271.000000 223.100000 266.500000 233.000000 C 262.000000 242.900000 232.000000 244.948276 187.739990 228.159996" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#124487060)"/></g><g id="a.(b.c.d -&gt; b)[0]"><path d="M 183.717304 235.500641 L 183.898725 228.337427" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#124487060)"/></g><mask id="124487060" maskUnits="userSpaceOnUse" x="-100" y="-100" width="638" height="573">
<rect x="-100" y="-100" width="638" height="570" fill="white"></rect> <rect x="-100" y="-100" width="638" height="573" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 650 KiB

After

Width:  |  Height:  |  Size: 650 KiB

10
e2etests/testdata/stable/complex-layers/dagre/board.exp.json generated vendored
View file

@ -451,10 +451,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 36
}, },
"width": 381, "width": 381,
"height": 166, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -483,7 +483,7 @@
"underline": false, "underline": false,
"labelWidth": 187, "labelWidth": 187,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -492,7 +492,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 50, "x": 50,
"y": 50 "y": 68
}, },
"width": 110, "width": 110,
"height": 66, "height": 66,
@ -533,7 +533,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 220, "x": 220,
"y": 50 "y": 68
}, },
"width": 111, "width": 111,
"height": 66, "height": 66,

38
e2etests/testdata/stable/connected_container/dagre/board.exp.json generated vendored
View file

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 0 "y": 36
}, },
"width": 156, "width": 156,
"height": 166, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 12, "labelWidth": 12,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 94, "x": 94,
"y": 50 "y": 68
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -89,10 +89,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 266 "y": 302
}, },
"width": 157, "width": 157,
"height": 166, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -121,7 +121,7 @@
"underline": false, "underline": false,
"labelWidth": 12, "labelWidth": 12,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 93, "x": 93,
"y": 316 "y": 334
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -171,10 +171,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 532 "y": 568
}, },
"width": 237, "width": 237,
"height": 266, "height": 230,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -203,7 +203,7 @@
"underline": false, "underline": false,
"labelWidth": 9, "labelWidth": 9,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -212,10 +212,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 582 "y": 631
}, },
"width": 157, "width": 157,
"height": 166, "height": 135,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -244,7 +244,7 @@
"underline": false, "underline": false,
"labelWidth": 11, "labelWidth": 11,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -253,7 +253,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 93, "x": 93,
"y": 632 "y": 665
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -318,7 +318,7 @@
"route": [ "route": [
{ {
"x": 120, "x": 120,
"y": 116 "y": 134
}, },
{ {
"x": 120, "x": 120,
@ -342,7 +342,7 @@
}, },
{ {
"x": 120, "x": 120,
"y": 316 "y": 334
} }
], ],
"isCurve": true, "isCurve": true,
@ -378,7 +378,7 @@
"route": [ "route": [
{ {
"x": 120, "x": 120,
"y": 382 "y": 400
}, },
{ {
"x": 120, "x": 120,
@ -414,7 +414,7 @@
}, },
{ {
"x": 120, "x": 120,
"y": 632 "y": 665.5
} }
], ],
"isCurve": true, "isCurve": true,

6
e2etests/testdata/stable/connected_container/dagre/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg" id="d2-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="441" height="1002" viewBox="-102 -102 441 1002"><style type="text/css"> width="441" height="1005" viewBox="-102 -105 441 1005"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="441" height="1002" viewBox="-102 -102 441 1002"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><rect x="40" y="0" width="156" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="40" y="266" width="157" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.500000" y="299.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="f"><g class="shape" ><rect x="0" y="532" width="237" height="266" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.500000" y="565.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">f</text></g><g id="a.b"><g class="shape" ><rect x="94" y="50" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="93" y="316" width="54" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.000000" y="354.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="f.h"><g class="shape" ><rect x="40" y="582" width="157" height="166" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.500000" y="611.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">h</text></g><g id="f.h.g"><g class="shape" ><rect x="93" y="632" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.000000" y="670.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">g</text></g><g id="(a.b -&gt; c.d)[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 120.000000 118.000000 C 120.000000 156.000000 120.000000 176.000000 120.000000 191.000000 C 120.000000 206.000000 120.000000 276.000000 120.000000 312.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2512831324)"/></g><g id="(c.d -&gt; f.h.g)[0]"><path d="M 120.000000 384.000000 C 120.000000 422.000000 120.000000 442.000000 120.000000 457.000000 C 120.000000 472.000000 120.000000 492.000000 120.000000 507.000000 C 120.000000 522.000000 120.000000 592.000000 120.000000 628.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2512831324)"/></g><mask id="2512831324" maskUnits="userSpaceOnUse" x="-100" y="-100" width="441" height="1002"> ]]></script><g id="a"><g class="shape" ><rect x="40" y="36" width="156" height="130" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.000000" y="23.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="40" y="302" width="157" height="130" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.500000" y="289.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="f"><g class="shape" ><rect x="0" y="568" width="237" height="230" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.500000" y="555.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">f</text></g><g id="a.b"><g class="shape" ><rect x="94" y="68" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.500000" y="106.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="93" y="334" width="54" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.000000" y="372.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="f.h"><g class="shape" ><rect x="40" y="631" width="157" height="135" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.500000" y="619.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">h</text></g><g id="f.h.g"><g class="shape" ><rect x="93" y="665" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.000000" y="703.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">g</text></g><g id="(a.b -&gt; c.d)[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 120.000000 136.000000 C 120.000000 156.000000 120.000000 176.000000 120.000000 191.000000 C 120.000000 206.000000 120.000000 276.000000 120.000000 330.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2497186332)"/></g><g id="(c.d -&gt; f.h.g)[0]"><path d="M 120.000000 402.000000 C 120.000000 422.000000 120.000000 442.000000 120.000000 457.000000 C 120.000000 472.000000 120.000000 492.000000 120.000000 507.000000 C 120.000000 522.000000 120.000000 592.000000 120.000000 661.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2497186332)"/></g><mask id="2497186332" maskUnits="userSpaceOnUse" x="-100" y="-100" width="441" height="1005">
<rect x="-100" y="-100" width="441" height="1002" fill="white"></rect> <rect x="-100" y="-100" width="441" height="1005" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 651 KiB

After

Width:  |  Height:  |  Size: 651 KiB

36
e2etests/testdata/stable/container_edges/dagre/board.exp.json generated vendored
View file

@ -48,10 +48,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 277, "x": 277,
"y": 166 "y": 202
}, },
"width": 196, "width": 196,
"height": 698, "height": 662,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -80,7 +80,7 @@
"underline": false, "underline": false,
"labelWidth": 13, "labelWidth": 13,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 348, "x": 348,
"y": 216 "y": 234
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -130,10 +130,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 382 "y": 418
}, },
"width": 236, "width": 236,
"height": 266, "height": 230,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -162,7 +162,7 @@
"underline": false, "underline": false,
"labelWidth": 13, "labelWidth": 13,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -171,10 +171,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 432 "y": 481
}, },
"width": 156, "width": 156,
"height": 166, "height": 135,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -203,7 +203,7 @@
"underline": false, "underline": false,
"labelWidth": 11, "labelWidth": 11,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -212,7 +212,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 94, "x": 94,
"y": 482 "y": 515
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -253,7 +253,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 330, "x": 330,
"y": 748 "y": 766
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -371,7 +371,7 @@
}, },
{ {
"x": 374.75, "x": 374.75,
"y": 216 "y": 234
} }
], ],
"isCurve": true, "isCurve": true,
@ -407,7 +407,7 @@
"route": [ "route": [
{ {
"x": 358.84638554216866, "x": 358.84638554216866,
"y": 282 "y": 300
}, },
{ {
"x": 339.5692771084337, "x": 339.5692771084337,
@ -431,7 +431,7 @@
}, },
{ {
"x": 146.75, "x": 146.75,
"y": 505 "y": 538.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -479,7 +479,7 @@
}, },
{ {
"x": 356.5, "x": 356.5,
"y": 748 "y": 766
} }
], ],
"isCurve": true, "isCurve": true,
@ -515,7 +515,7 @@
"route": [ "route": [
{ {
"x": 356.5, "x": 356.5,
"y": 814 "y": 832
}, },
{ {
"x": 356.5, "x": 356.5,
@ -615,7 +615,7 @@
}, },
{ {
"x": 196.75, "x": 196.75,
"y": 490 "y": 508
} }
], ],
"animated": false, "animated": false,

2
e2etests/testdata/stable/container_edges/dagre/sketch.exp.svg vendored
View file

@ -39,7 +39,7 @@ width="677" height="1234" viewBox="-102 -102 677 1234"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><rect x="348" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="374.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="g"><g class="shape" ><rect x="277" y="166" width="196" height="698" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="375.000000" y="199.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">g</text></g><g id="d"><g class="shape" ><rect x="0" y="382" width="236" height="266" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.000000" y="415.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">d</text></g><g id="f"><g class="shape" ><rect x="353" y="964" width="51" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="378.500000" y="1002.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">f</text></g><g id="g.b"><g class="shape" ><rect x="348" y="216" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="374.500000" y="254.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="d.h"><g class="shape" ><rect x="40" y="432" width="156" height="166" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.000000" y="461.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">h</text></g><g id="g.e"><g class="shape" ><rect x="330" y="748" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="356.500000" y="786.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">e</text></g><g id="d.h.c"><g class="shape" ><rect x="94" y="482" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.500000" y="520.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="(a -&gt; g.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 374.750000 68.000000 C 374.750000 106.000000 374.750000 176.000000 374.750000 212.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#606331157)"/></g><g id="(g.b -&gt; d.h.c)[0]"><path d="M 357.978102 283.801689 C 339.569277 322.000000 334.750000 342.000000 334.750000 357.000000 C 334.750000 372.000000 297.150000 446.600000 150.478763 503.552129" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#606331157)"/></g><g id="(d -&gt; g.e)[0]"><path d="M 121.956748 648.413689 C 309.200000 688.000000 356.500000 708.000000 356.500000 744.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#606331157)"/></g><g id="(g.e -&gt; f)[0]"><path d="M 356.500000 816.000000 C 356.500000 854.000000 359.100000 924.000000 368.493465 960.128710" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#606331157)"/></g><g id="(f -&gt; g)[0]"><path d="M 401.119336 962.330504 C 426.403614 924.000000 433.000000 904.000000 433.000000 868.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#606331157)"/></g><g id="(g -&gt; d.h)[0]"><path d="M 274.847932 464.618172 L 200.554136 488.763656" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#606331157)"/></g><mask id="606331157" maskUnits="userSpaceOnUse" x="-100" y="-100" width="677" height="1234"> ]]></script><g id="a"><g class="shape" ><rect x="348" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="374.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="g"><g class="shape" ><rect x="277" y="202" width="196" height="662" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="375.000000" y="189.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">g</text></g><g id="d"><g class="shape" ><rect x="0" y="418" width="236" height="230" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.000000" y="405.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">d</text></g><g id="f"><g class="shape" ><rect x="353" y="964" width="51" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="378.500000" y="1002.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">f</text></g><g id="g.b"><g class="shape" ><rect x="348" y="234" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="374.500000" y="272.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="d.h"><g class="shape" ><rect x="40" y="481" width="156" height="135" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.000000" y="469.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">h</text></g><g id="g.e"><g class="shape" ><rect x="330" y="766" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="356.500000" y="804.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">e</text></g><g id="d.h.c"><g class="shape" ><rect x="94" y="515" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.500000" y="553.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="(a -&gt; g.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 374.750000 68.000000 C 374.750000 106.000000 374.750000 176.000000 374.750000 230.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#25473154)"/></g><g id="(g.b -&gt; d.h.c)[0]"><path d="M 357.528327 301.504234 C 339.569277 322.000000 334.750000 342.000000 334.750000 357.000000 C 334.750000 372.000000 297.150000 446.600000 150.163240 536.414384" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#25473154)"/></g><g id="(d -&gt; g.e)[0]"><path d="M 121.956748 648.413689 C 309.200000 688.000000 356.500000 708.000000 356.500000 762.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#25473154)"/></g><g id="(g.e -&gt; f)[0]"><path d="M 356.500000 834.000000 C 356.500000 854.000000 359.100000 924.000000 368.493465 960.128710" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#25473154)"/></g><g id="(f -&gt; g)[0]"><path d="M 401.119336 962.330504 C 426.403614 924.000000 433.000000 904.000000 433.000000 868.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#25473154)"/></g><g id="(g -&gt; d.h)[0]"><path d="M 274.997568 464.963837 L 200.254864 506.072325" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#25473154)"/></g><mask id="25473154" maskUnits="userSpaceOnUse" x="-100" y="-100" width="677" height="1234">
<rect x="-100" y="-100" width="677" height="1234" fill="white"></rect> <rect x="-100" y="-100" width="677" height="1234" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 652 KiB

After

Width:  |  Height:  |  Size: 652 KiB

263
e2etests/testdata/stable/container_label_loop/dagre/board.exp.json generated vendored Normal file
View file

@ -0,0 +1,263 @@
{
"name": "",
"fontFamily": "SourceSansPro",
"shapes": [
{
"id": "a",
"type": "rectangle",
"pos": {
"x": 0,
"y": 36
},
"width": 193,
"height": 296,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#E3E9FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "If we were meant to fly, we wouldn't keep losing our luggage",
"fontSize": 28,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 702,
"labelHeight": 36,
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "a.b",
"type": "rectangle",
"pos": {
"x": 50,
"y": 68
},
"width": 53,
"height": 66,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "b",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 8,
"labelHeight": 21,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 2
},
{
"id": "a.c",
"type": "rectangle",
"pos": {
"x": 50,
"y": 234
},
"width": 53,
"height": 66,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "c",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 8,
"labelHeight": 21,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 2
}
],
"connections": [
{
"id": "a.(b -> c)[0]",
"src": "a.b",
"srcArrow": "none",
"srcLabel": "",
"dst": "a.c",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 76.5,
"y": 134
},
{
"x": 76.5,
"y": 174
},
{
"x": 76.5,
"y": 194
},
{
"x": 76.5,
"y": 234
}
],
"isCurve": true,
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
},
{
"id": "(a -> a)[0]",
"src": "a",
"srcArrow": "none",
"srcLabel": "",
"dst": "a",
"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": 103,
"y": 104.38440111420613
},
{
"x": 129.66666666666669,
"y": 89.67688022284122
},
{
"x": 138,
"y": 86
},
{
"x": 140.5,
"y": 86
},
{
"x": 143,
"y": 86
},
{
"x": 146.33333333333331,
"y": 92.6
},
{
"x": 148.83333333333331,
"y": 102.5
},
{
"x": 151.33333333333334,
"y": 112.4
},
{
"x": 151.33333333333334,
"y": 125.6
},
{
"x": 148.83333333333331,
"y": 135.5
},
{
"x": 146.33333333333331,
"y": 145.4
},
{
"x": 129.66666666666669,
"y": 148.32311977715878
},
{
"x": 103,
"y": 133.61559888579387
}
],
"isCurve": true,
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
}
]
}

59
e2etests/testdata/stable/container_label_loop/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: 650 KiB

217
e2etests/testdata/stable/container_label_loop/elk/board.exp.json generated vendored Normal file
View file

@ -0,0 +1,217 @@
{
"name": "",
"fontFamily": "SourceSansPro",
"shapes": [
{
"id": "a",
"type": "rectangle",
"pos": {
"x": 62,
"y": 12
},
"width": 203,
"height": 382,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#E3E9FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "If we were meant to fly, we wouldn't keep losing our luggage",
"fontSize": 28,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 702,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "a.b",
"type": "rectangle",
"pos": {
"x": 137,
"y": 87
},
"width": 53,
"height": 66,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "b",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 8,
"labelHeight": 21,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 2
},
{
"id": "a.c",
"type": "rectangle",
"pos": {
"x": 137,
"y": 253
},
"width": 53,
"height": 66,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "c",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 8,
"labelHeight": 21,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 2
}
],
"connections": [
{
"id": "a.(b -> c)[0]",
"src": "a.b",
"srcArrow": "none",
"srcLabel": "",
"dst": "a.c",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 163.5,
"y": 153
},
{
"x": 163.5,
"y": 253
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
},
{
"id": "(a -> a)[0]",
"src": "a",
"srcArrow": "none",
"srcLabel": "",
"dst": "a",
"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": 62,
"y": 139.33333333333331
},
{
"x": 12,
"y": 139.33333333333331
},
{
"x": 12,
"y": 266.66666666666663
},
{
"x": 62,
"y": 266.66666666666663
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
}
]
}

59
e2etests/testdata/stable/container_label_loop/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: 650 KiB

48
e2etests/testdata/stable/different_subgraphs/dagre/board.exp.json generated vendored
View file

@ -499,10 +499,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 821, "x": 821,
"y": 0 "y": 36
}, },
"width": 368, "width": 368,
"height": 664, "height": 628,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -531,7 +531,7 @@
"underline": false, "underline": false,
"labelWidth": 72, "labelWidth": 72,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -704,7 +704,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1056, "x": 1056,
"y": 216 "y": 234
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -745,7 +745,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 891, "x": 891,
"y": 382 "y": 400
}, },
"width": 74, "width": 74,
"height": 66, "height": 66,
@ -786,7 +786,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1038, "x": 1038,
"y": 50 "y": 68
}, },
"width": 88, "width": 88,
"height": 66, "height": 66,
@ -827,7 +827,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 871, "x": 871,
"y": 548 "y": 566
}, },
"width": 113, "width": 113,
"height": 66, "height": 66,
@ -868,7 +868,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1025, "x": 1025,
"y": 382 "y": 400
}, },
"width": 75, "width": 75,
"height": 66, "height": 66,
@ -1587,19 +1587,19 @@
"route": [ "route": [
{ {
"x": 1055.5, "x": 1055.5,
"y": 263.23624595469255 "y": 281.23624595469255
}, },
{ {
"x": 953.1, "x": 953.1,
"y": 318.24724919093853 "y": 336.24724919093853
}, },
{ {
"x": 927.5, "x": 927.5,
"y": 342 "y": 360
}, },
{ {
"x": 927.5, "x": 927.5,
"y": 382 "y": 400
} }
], ],
"isCurve": true, "isCurve": true,
@ -1635,19 +1635,19 @@
"route": [ "route": [
{ {
"x": 1082, "x": 1082,
"y": 116 "y": 134
}, },
{ {
"x": 1082, "x": 1082,
"y": 156 "y": 174
}, },
{ {
"x": 1082, "x": 1082,
"y": 176 "y": 194
}, },
{ {
"x": 1082, "x": 1082,
"y": 216 "y": 234
} }
], ],
"isCurve": true, "isCurve": true,
@ -1683,19 +1683,19 @@
"route": [ "route": [
{ {
"x": 927.5, "x": 927.5,
"y": 448 "y": 466
}, },
{ {
"x": 927.5, "x": 927.5,
"y": 488 "y": 506
}, },
{ {
"x": 927.5, "x": 927.5,
"y": 508 "y": 526
}, },
{ {
"x": 927.5, "x": 927.5,
"y": 548 "y": 566
} }
], ],
"isCurve": true, "isCurve": true,
@ -1731,19 +1731,19 @@
"route": [ "route": [
{ {
"x": 1074.0481927710844, "x": 1074.0481927710844,
"y": 282 "y": 300
}, },
{ {
"x": 1064.4096385542168, "x": 1064.4096385542168,
"y": 322 "y": 340
}, },
{ {
"x": 1062, "x": 1062,
"y": 342 "y": 360
}, },
{ {
"x": 1062, "x": 1062,
"y": 382 "y": 400
} }
], ],
"isCurve": true, "isCurve": true,

6
e2etests/testdata/stable/different_subgraphs/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: 658 KiB

After

Width:  |  Height:  |  Size: 658 KiB

90
e2etests/testdata/stable/direction/dagre/board.exp.json generated vendored
View file

@ -48,10 +48,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 166 "y": 202
}, },
"width": 370, "width": 370,
"height": 1096, "height": 1060,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -80,7 +80,7 @@
"underline": false, "underline": false,
"labelWidth": 13, "labelWidth": 13,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -212,7 +212,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 171, "x": 171,
"y": 216 "y": 234
}, },
"width": 52, "width": 52,
"height": 66, "height": 66,
@ -253,10 +253,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 382 "y": 431
}, },
"width": 176, "width": 176,
"height": 830, "height": 799,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -285,7 +285,7 @@
"underline": false, "underline": false,
"labelWidth": 11, "labelWidth": 11,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -294,7 +294,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 267, "x": 267,
"y": 598 "y": 616
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -335,7 +335,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 267, "x": 267,
"y": 764 "y": 782
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -376,7 +376,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 267, "x": 267,
"y": 930 "y": 948
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -417,7 +417,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 112, "x": 112,
"y": 432 "y": 465
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -458,7 +458,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 92, "x": 92,
"y": 598 "y": 631
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -499,7 +499,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 92, "x": 92,
"y": 764 "y": 797
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -540,7 +540,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 92, "x": 92,
"y": 930 "y": 963
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -581,7 +581,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 92, "x": 92,
"y": 1096 "y": 1129
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -829,19 +829,19 @@
"route": [ "route": [
{ {
"x": 173.59036144578312, "x": 173.59036144578312,
"y": 282 "y": 300
}, },
{ {
"x": 145.51807228915663, "x": 145.51807228915663,
"y": 322 "y": 340
}, },
{ {
"x": 138.5, "x": 138.5,
"y": 342 "y": 360
}, },
{ {
"x": 138.5, "x": 138.5,
"y": 382 "y": 400
} }
], ],
"isCurve": true, "isCurve": true,
@ -877,11 +877,11 @@
"route": [ "route": [
{ {
"x": 216.5, "x": 216.5,
"y": 584 "y": 602
}, },
{ {
"x": 267.5, "x": 267.5,
"y": 615 "y": 633
} }
], ],
"animated": false, "animated": false,
@ -916,19 +916,19 @@
"route": [ "route": [
{ {
"x": 293.75, "x": 293.75,
"y": 664 "y": 682
}, },
{ {
"x": 293.75, "x": 293.75,
"y": 704 "y": 722
}, },
{ {
"x": 293.75, "x": 293.75,
"y": 724 "y": 742
}, },
{ {
"x": 293.75, "x": 293.75,
"y": 764 "y": 782
} }
], ],
"isCurve": true, "isCurve": true,
@ -964,19 +964,19 @@
"route": [ "route": [
{ {
"x": 293.75, "x": 293.75,
"y": 830 "y": 848
}, },
{ {
"x": 293.75, "x": 293.75,
"y": 870 "y": 888
}, },
{ {
"x": 293.75, "x": 293.75,
"y": 890 "y": 908
}, },
{ {
"x": 293.75, "x": 293.75,
"y": 930 "y": 948
} }
], ],
"isCurve": true, "isCurve": true,
@ -1012,19 +1012,19 @@
"route": [ "route": [
{ {
"x": 130.54819277108433, "x": 130.54819277108433,
"y": 498 "y": 531.5
}, },
{ {
"x": 120.90963855421687, "x": 120.90963855421687,
"y": 538 "y": 571.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 558 "y": 591.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 598 "y": 631.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1060,19 +1060,19 @@
"route": [ "route": [
{ {
"x": 118.5, "x": 118.5,
"y": 664 "y": 697.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 704 "y": 737.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 724 "y": 757.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 764 "y": 797.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1108,19 +1108,19 @@
"route": [ "route": [
{ {
"x": 118.5, "x": 118.5,
"y": 830 "y": 863.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 870 "y": 903.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 890 "y": 923.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 930 "y": 963.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1156,19 +1156,19 @@
"route": [ "route": [
{ {
"x": 118.5, "x": 118.5,
"y": 996 "y": 1029.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 1036 "y": 1069.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 1056 "y": 1089.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 1096 "y": 1129.5
} }
], ],
"isCurve": true, "isCurve": true,

2
e2etests/testdata/stable/direction/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: 655 KiB

After

Width:  |  Height:  |  Size: 655 KiB

144
e2etests/testdata/stable/investigate/dagre/board.exp.json generated vendored
View file

@ -130,10 +130,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 9, "x": 9,
"y": 645 "y": 681
}, },
"width": 430, "width": 430,
"height": 192, "height": 156,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -162,7 +162,7 @@
"underline": false, "underline": false,
"labelWidth": 29, "labelWidth": 29,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -171,7 +171,7 @@
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 59, "x": 59,
"y": 695 "y": 713
}, },
"width": 64, "width": 64,
"height": 92, "height": 92,
@ -212,10 +212,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 1895 "y": 1931
}, },
"width": 459, "width": 459,
"height": 373, "height": 337,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -244,7 +244,7 @@
"underline": false, "underline": false,
"labelWidth": 18, "labelWidth": 18,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -253,7 +253,7 @@
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 303, "x": 303,
"y": 1945 "y": 1963
}, },
"width": 66, "width": 66,
"height": 92, "height": 92,
@ -294,7 +294,7 @@
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 323, "x": 323,
"y": 695 "y": 713
}, },
"width": 66, "width": 66,
"height": 92, "height": 92,
@ -458,10 +458,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 2368 "y": 2404
}, },
"width": 417, "width": 417,
"height": 347, "height": 311,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -490,7 +490,7 @@
"underline": false, "underline": false,
"labelWidth": 13, "labelWidth": 13,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -499,7 +499,7 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 50, "x": 50,
"y": 2584 "y": 2602
}, },
"width": 81, "width": 81,
"height": 81, "height": 81,
@ -540,7 +540,7 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 50, "x": 50,
"y": 2137 "y": 2155
}, },
"width": 81, "width": 81,
"height": 81, "height": 81,
@ -581,10 +581,10 @@
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 9, "x": 9,
"y": 3320 "y": 3356
}, },
"width": 571, "width": 571,
"height": 166, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -613,7 +613,7 @@
"underline": false, "underline": false,
"labelWidth": 28, "labelWidth": 28,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -622,7 +622,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 59, "x": 59,
"y": 3370 "y": 3388
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -663,7 +663,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 304, "x": 304,
"y": 2145 "y": 2163
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -704,7 +704,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 304, "x": 304,
"y": 2418 "y": 2436
}, },
"width": 64, "width": 64,
"height": 66, "height": 66,
@ -745,7 +745,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 307, "x": 307,
"y": 2592 "y": 2610
}, },
"width": 58, "width": 58,
"height": 66, "height": 66,
@ -786,10 +786,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 463, "x": 463,
"y": 1124 "y": 1160
}, },
"width": 159, "width": 159,
"height": 166, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -818,7 +818,7 @@
"underline": false, "underline": false,
"labelWidth": 23, "labelWidth": 23,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -827,7 +827,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 514, "x": 514,
"y": 1174 "y": 1192
}, },
"width": 58, "width": 58,
"height": 66, "height": 66,
@ -868,10 +868,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 461, "x": 461,
"y": 1390 "y": 1426
}, },
"width": 163, "width": 163,
"height": 166, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -900,7 +900,7 @@
"underline": false, "underline": false,
"labelWidth": 27, "labelWidth": 27,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -909,7 +909,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 511, "x": 511,
"y": 1440 "y": 1458
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -1043,7 +1043,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 246, "x": 246,
"y": 3370 "y": 3388
}, },
"width": 62, "width": 62,
"height": 66, "height": 66,
@ -1084,10 +1084,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 317, "x": 317,
"y": 2815 "y": 2851
}, },
"width": 321, "width": 321,
"height": 405, "height": 369,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -1116,7 +1116,7 @@
"underline": false, "underline": false,
"labelWidth": 27, "labelWidth": 27,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -1125,7 +1125,7 @@
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 430, "x": 430,
"y": 2865 "y": 2883
}, },
"width": 138, "width": 138,
"height": 118, "height": 118,
@ -1177,7 +1177,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 468, "x": 468,
"y": 3104 "y": 3122
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -1218,7 +1218,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 468, "x": 468,
"y": 3370 "y": 3388
}, },
"width": 62, "width": 62,
"height": 66, "height": 66,
@ -1480,7 +1480,7 @@
}, },
{ {
"x": 91, "x": 91,
"y": 695 "y": 713
} }
], ],
"isCurve": true, "isCurve": true,
@ -1744,7 +1744,7 @@
}, },
{ {
"x": 318, "x": 318,
"y": 1969 "y": 1987
} }
], ],
"isCurve": true, "isCurve": true,
@ -1792,7 +1792,7 @@
}, },
{ {
"x": 356, "x": 356,
"y": 695 "y": 713
} }
], ],
"isCurve": true, "isCurve": true,
@ -1828,7 +1828,7 @@
"route": [ "route": [
{ {
"x": 91, "x": 91,
"y": 787 "y": 805
}, },
{ {
"x": 90.6, "x": 90.6,
@ -2056,7 +2056,7 @@
}, },
{ {
"x": 91, "x": 91,
"y": 2137 "y": 2155
} }
], ],
"isCurve": true, "isCurve": true,
@ -2092,7 +2092,7 @@
"route": [ "route": [
{ {
"x": 91, "x": 91,
"y": 2218 "y": 2236
}, },
{ {
"x": 90.6, "x": 90.6,
@ -2140,7 +2140,7 @@
}, },
{ {
"x": 91, "x": 91,
"y": 2584 "y": 2602
} }
], ],
"isCurve": true, "isCurve": true,
@ -2176,7 +2176,7 @@
"route": [ "route": [
{ {
"x": 91, "x": 91,
"y": 2665 "y": 2683
}, },
{ {
"x": 90.6, "x": 90.6,
@ -2272,7 +2272,7 @@
}, },
{ {
"x": 90.5, "x": 90.5,
"y": 3370 "y": 3388
} }
], ],
"isCurve": true, "isCurve": true,
@ -2308,19 +2308,19 @@
"route": [ "route": [
{ {
"x": 336, "x": 336,
"y": 2037 "y": 2055
}, },
{ {
"x": 335.8, "x": 335.8,
"y": 2077 "y": 2095
}, },
{ {
"x": 335.75, "x": 335.75,
"y": 2098.5 "y": 2116.5
}, },
{ {
"x": 335.75, "x": 335.75,
"y": 2144.5 "y": 2162.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -2356,7 +2356,7 @@
"route": [ "route": [
{ {
"x": 335.75, "x": 335.75,
"y": 2211.5 "y": 2229.5
}, },
{ {
"x": 335.75, "x": 335.75,
@ -2380,7 +2380,7 @@
}, },
{ {
"x": 335.75, "x": 335.75,
"y": 2418 "y": 2436
} }
], ],
"isCurve": true, "isCurve": true,
@ -2416,19 +2416,19 @@
"route": [ "route": [
{ {
"x": 335.75, "x": 335.75,
"y": 2484 "y": 2502
}, },
{ {
"x": 335.75, "x": 335.75,
"y": 2524 "y": 2542
}, },
{ {
"x": 335.75, "x": 335.75,
"y": 2545.5 "y": 2563.5
}, },
{ {
"x": 335.75, "x": 335.75,
"y": 2591.5 "y": 2609.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -2464,7 +2464,7 @@
"route": [ "route": [
{ {
"x": 356, "x": 356,
"y": 787 "y": 805
}, },
{ {
"x": 356.2, "x": 356.2,
@ -2512,7 +2512,7 @@
}, },
{ {
"x": 542.75, "x": 542.75,
"y": 1174 "y": 1192
} }
], ],
"isCurve": true, "isCurve": true,
@ -2548,7 +2548,7 @@
"route": [ "route": [
{ {
"x": 542.75, "x": 542.75,
"y": 1240 "y": 1258
}, },
{ {
"x": 542.75, "x": 542.75,
@ -2572,7 +2572,7 @@
}, },
{ {
"x": 542.75, "x": 542.75,
"y": 1440 "y": 1458
} }
], ],
"isCurve": true, "isCurve": true,
@ -2656,7 +2656,7 @@
"route": [ "route": [
{ {
"x": 542.75, "x": 542.75,
"y": 1506 "y": 1524
}, },
{ {
"x": 542.75, "x": 542.75,
@ -2944,7 +2944,7 @@
}, },
{ {
"x": 277, "x": 277,
"y": 3370 "y": 3388
} }
], ],
"isCurve": true, "isCurve": true,
@ -2980,7 +2980,7 @@
"route": [ "route": [
{ {
"x": 335.75, "x": 335.75,
"y": 2658.5 "y": 2676.5
}, },
{ {
"x": 335.75, "x": 335.75,
@ -3004,7 +3004,7 @@
}, },
{ {
"x": 455, "x": 455,
"y": 2865 "y": 2883
} }
], ],
"isCurve": true, "isCurve": true,
@ -3064,7 +3064,7 @@
}, },
{ {
"x": 532, "x": 532,
"y": 2865 "y": 2883
} }
], ],
"isCurve": true, "isCurve": true,
@ -3100,19 +3100,19 @@
"route": [ "route": [
{ {
"x": 499, "x": 499,
"y": 2983 "y": 3001
}, },
{ {
"x": 499, "x": 499,
"y": 3031.4 "y": 3049.4
}, },
{ {
"x": 499, "x": 499,
"y": 3055.7 "y": 3073.7
}, },
{ {
"x": 499, "x": 499,
"y": 3104.5 "y": 3122.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -3148,7 +3148,7 @@
"route": [ "route": [
{ {
"x": 499, "x": 499,
"y": 3170 "y": 3188
}, },
{ {
"x": 499, "x": 499,
@ -3172,7 +3172,7 @@
}, },
{ {
"x": 499, "x": 499,
"y": 3370 "y": 3388
} }
], ],
"isCurve": true, "isCurve": true,
@ -3208,7 +3208,7 @@
"route": [ "route": [
{ {
"x": 499, "x": 499,
"y": 3436 "y": 3454
}, },
{ {
"x": 499, "x": 499,
@ -3268,7 +3268,7 @@
}, },
{ {
"x": 352, "x": 352,
"y": 1967 "y": 1985
} }
], ],
"isCurve": true, "isCurve": true,

14
e2etests/testdata/stable/investigate/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: 812 KiB

After

Width:  |  Height:  |  Size: 812 KiB

258
e2etests/testdata/stable/large_arch/dagre/board.exp.json generated vendored
View file

@ -335,10 +335,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1624, "x": 1624,
"y": 366 "y": 402
}, },
"width": 611, "width": 611,
"height": 582, "height": 546,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -367,7 +367,7 @@
"underline": false, "underline": false,
"labelWidth": 4, "labelWidth": 4,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -376,10 +376,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1664, "x": 1664,
"y": 416 "y": 465
}, },
"width": 454, "width": 454,
"height": 166, "height": 135,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -408,7 +408,7 @@
"underline": false, "underline": false,
"labelWidth": 6, "labelWidth": 6,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -417,7 +417,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2015, "x": 2015,
"y": 466 "y": 499
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -458,7 +458,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1720, "x": 1720,
"y": 466 "y": 499
}, },
"width": 49, "width": 49,
"height": 66, "height": 66,
@ -499,7 +499,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2009, "x": 2009,
"y": 782 "y": 800
}, },
"width": 57, "width": 57,
"height": 66, "height": 66,
@ -540,7 +540,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2130, "x": 2130,
"y": 782 "y": 800
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -581,10 +581,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1664, "x": 1664,
"y": 732 "y": 781
}, },
"width": 156, "width": 156,
"height": 166, "height": 135,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -613,7 +613,7 @@
"underline": false, "underline": false,
"labelWidth": 11, "labelWidth": 11,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -622,7 +622,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1718, "x": 1718,
"y": 782 "y": 815
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -704,10 +704,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 216, "x": 216,
"y": 0 "y": 36
}, },
"width": 1368, "width": 1368,
"height": 632, "height": 596,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -736,7 +736,7 @@
"underline": false, "underline": false,
"labelWidth": 8, "labelWidth": 8,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -745,10 +745,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 501, "x": 501,
"y": 50 "y": 99
}, },
"width": 489, "width": 489,
"height": 532, "height": 501,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -777,7 +777,7 @@
"underline": false, "underline": false,
"labelWidth": 10, "labelWidth": 10,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -786,7 +786,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 594, "x": 594,
"y": 466 "y": 499
}, },
"width": 51, "width": 51,
"height": 66, "height": 66,
@ -827,10 +827,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 793, "x": 793,
"y": 100 "y": 159
}, },
"width": 157, "width": 157,
"height": 166, "height": 140,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -859,7 +859,7 @@
"underline": false, "underline": false,
"labelWidth": 9, "labelWidth": 9,
"labelHeight": 26, "labelHeight": 26,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 3 "level": 3
}, },
@ -868,7 +868,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 846, "x": 846,
"y": 150 "y": 196
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -909,7 +909,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 706, "x": 706,
"y": 466 "y": 499
}, },
"width": 58, "width": 58,
"height": 66, "height": 66,
@ -950,7 +950,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 688, "x": 688,
"y": 150 "y": 183
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -991,7 +991,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 846, "x": 846,
"y": 466 "y": 499
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -1032,7 +1032,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1040, "x": 1040,
"y": 466 "y": 484
}, },
"width": 52, "width": 52,
"height": 66, "height": 66,
@ -1073,7 +1073,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 266, "x": 266,
"y": 150 "y": 168
}, },
"width": 62, "width": 62,
"height": 66, "height": 66,
@ -1114,10 +1114,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1259, "x": 1259,
"y": 416 "y": 465
}, },
"width": 285, "width": 285,
"height": 166, "height": 135,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -1146,7 +1146,7 @@
"underline": false, "underline": false,
"labelWidth": 26, "labelWidth": 26,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -1155,7 +1155,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1309, "x": 1309,
"y": 466 "y": 499
}, },
"width": 61, "width": 61,
"height": 66, "height": 66,
@ -1196,7 +1196,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1430, "x": 1430,
"y": 466 "y": 499
}, },
"width": 64, "width": 64,
"height": 66, "height": 66,
@ -1237,7 +1237,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1150, "x": 1150,
"y": 150 "y": 168
}, },
"width": 62, "width": 62,
"height": 66, "height": 66,
@ -1278,7 +1278,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1152, "x": 1152,
"y": 466 "y": 484
}, },
"width": 57, "width": 57,
"height": 66, "height": 66,
@ -1319,7 +1319,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 388, "x": 388,
"y": 150 "y": 168
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -1384,43 +1384,43 @@
"route": [ "route": [
{ {
"x": 2041.75, "x": 2041.75,
"y": 532 "y": 565.5
}, },
{ {
"x": 2041.75, "x": 2041.75,
"y": 572 "y": 590
}, },
{ {
"x": 2041.75, "x": 2041.75,
"y": 592 "y": 610
}, },
{ {
"x": 2041.75, "x": 2041.75,
"y": 607 "y": 625
}, },
{ {
"x": 2041.75, "x": 2041.75,
"y": 622 "y": 640
}, },
{ {
"x": 2041.75, "x": 2041.75,
"y": 642 "y": 660
}, },
{ {
"x": 2041.75, "x": 2041.75,
"y": 657 "y": 675
}, },
{ {
"x": 2041.75, "x": 2041.75,
"y": 672 "y": 690
}, },
{ {
"x": 2041.15, "x": 2041.15,
"y": 742 "y": 760
}, },
{ {
"x": 2038.75, "x": 2038.75,
"y": 782 "y": 800
} }
], ],
"isCurve": true, "isCurve": true,
@ -1456,43 +1456,43 @@
"route": [ "route": [
{ {
"x": 1744, "x": 1744,
"y": 532 "y": 565.5
}, },
{ {
"x": 1744, "x": 1744,
"y": 572 "y": 590
}, },
{ {
"x": 1744, "x": 1744,
"y": 592 "y": 610
}, },
{ {
"x": 1744, "x": 1744,
"y": 607 "y": 625
}, },
{ {
"x": 1744, "x": 1744,
"y": 622 "y": 640
}, },
{ {
"x": 1744, "x": 1744,
"y": 642 "y": 660
}, },
{ {
"x": 1744, "x": 1744,
"y": 657 "y": 675
}, },
{ {
"x": 1744, "x": 1744,
"y": 672 "y": 690
}, },
{ {
"x": 1744, "x": 1744,
"y": 742 "y": 760
}, },
{ {
"x": 1744, "x": 1744,
"y": 782 "y": 815.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1552,7 +1552,7 @@
}, },
{ {
"x": 2061.5, "x": 2061.5,
"y": 848 "y": 866
} }
], ],
"isCurve": true, "isCurve": true,
@ -1588,7 +1588,7 @@
"route": [ "route": [
{ {
"x": 2066, "x": 2066,
"y": 830.0190476190476 "y": 848.0190476190476
}, },
{ {
"x": 2169.2, "x": 2169.2,
@ -1648,7 +1648,7 @@
"route": [ "route": [
{ {
"x": 2156.0542168674697, "x": 2156.0542168674697,
"y": 848 "y": 866
}, },
{ {
"x": 2155.210843373494, "x": 2155.210843373494,
@ -1708,7 +1708,7 @@
"route": [ "route": [
{ {
"x": 2009, "x": 2009,
"y": 828.4978601997148 "y": 846.4978601997148
}, },
{ {
"x": 1891.6, "x": 1891.6,
@ -1768,7 +1768,7 @@
"route": [ "route": [
{ {
"x": 2009, "x": 2009,
"y": 832.8528301886793 "y": 850.8528301886793
}, },
{ {
"x": 1925.8, "x": 1925.8,
@ -1828,7 +1828,7 @@
"route": [ "route": [
{ {
"x": 2045.4518072289156, "x": 2045.4518072289156,
"y": 848 "y": 866
}, },
{ {
"x": 2055.090361445783, "x": 2055.090361445783,
@ -1888,7 +1888,7 @@
"route": [ "route": [
{ {
"x": 2015.1355421686746, "x": 2015.1355421686746,
"y": 848 "y": 866
}, },
{ {
"x": 1988.0271084337348, "x": 1988.0271084337348,
@ -1996,43 +1996,43 @@
"route": [ "route": [
{ {
"x": 699.9397590361446, "x": 699.9397590361446,
"y": 216 "y": 249.5
}, },
{ {
"x": 681.9879518072289, "x": 681.9879518072289,
"y": 256 "y": 289.5
}, },
{ {
"x": 677.5, "x": 677.5,
"y": 276 "y": 309.5
}, },
{ {
"x": 677.5, "x": 677.5,
"y": 291 "y": 324.5
}, },
{ {
"x": 677.5, "x": 677.5,
"y": 306 "y": 339.5
}, },
{ {
"x": 677.5, "x": 677.5,
"y": 326 "y": 359.5
}, },
{ {
"x": 677.5, "x": 677.5,
"y": 341 "y": 374.5
}, },
{ {
"x": 677.5, "x": 677.5,
"y": 356 "y": 389.5
}, },
{ {
"x": 670.5, "x": 670.5,
"y": 426 "y": 459.5
}, },
{ {
"x": 642.5, "x": 642.5,
"y": 466 "y": 499.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -2068,43 +2068,43 @@
"route": [ "route": [
{ {
"x": 722.7018072289156, "x": 722.7018072289156,
"y": 216 "y": 249.5
}, },
{ {
"x": 732.3403614457832, "x": 732.3403614457832,
"y": 256 "y": 289.5
}, },
{ {
"x": 734.75, "x": 734.75,
"y": 276 "y": 309.5
}, },
{ {
"x": 734.75, "x": 734.75,
"y": 291 "y": 324.5
}, },
{ {
"x": 734.75, "x": 734.75,
"y": 306 "y": 339.5
}, },
{ {
"x": 734.75, "x": 734.75,
"y": 326 "y": 359.5
}, },
{ {
"x": 734.75, "x": 734.75,
"y": 341 "y": 374.5
}, },
{ {
"x": 734.75, "x": 734.75,
"y": 356 "y": 389.5
}, },
{ {
"x": 734.75, "x": 734.75,
"y": 426 "y": 459.5
}, },
{ {
"x": 734.75, "x": 734.75,
"y": 466 "y": 499.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -2140,43 +2140,43 @@
"route": [ "route": [
{ {
"x": 451, "x": 451,
"y": 196.08886107634544 "y": 214.08886107634544
}, },
{ {
"x": 585.6, "x": 585.6,
"y": 252.01777221526908 "y": 270.0177722152691
}, },
{ {
"x": 619.25, "x": 619.25,
"y": 276 "y": 294
}, },
{ {
"x": 619.25, "x": 619.25,
"y": 291 "y": 309
}, },
{ {
"x": 619.25, "x": 619.25,
"y": 306 "y": 324
}, },
{ {
"x": 619.25, "x": 619.25,
"y": 326 "y": 344
}, },
{ {
"x": 619.25, "x": 619.25,
"y": 341 "y": 359
}, },
{ {
"x": 619.25, "x": 619.25,
"y": 356 "y": 374
}, },
{ {
"x": 619.25, "x": 619.25,
"y": 426 "y": 444
}, },
{ {
"x": 619.25, "x": 619.25,
"y": 466 "y": 499.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -2212,43 +2212,43 @@
"route": [ "route": [
{ {
"x": 873, "x": 873,
"y": 216 "y": 262.5
}, },
{ {
"x": 873, "x": 873,
"y": 256 "y": 274
}, },
{ {
"x": 873, "x": 873,
"y": 276 "y": 294
}, },
{ {
"x": 873, "x": 873,
"y": 291 "y": 309
}, },
{ {
"x": 873, "x": 873,
"y": 306 "y": 324
}, },
{ {
"x": 873, "x": 873,
"y": 326 "y": 344
}, },
{ {
"x": 873, "x": 873,
"y": 341 "y": 359
}, },
{ {
"x": 873, "x": 873,
"y": 356 "y": 374
}, },
{ {
"x": 906.4, "x": 906.4,
"y": 430.4 "y": 448.4
}, },
{ {
"x": 1040, "x": 1040,
"y": 488 "y": 506
} }
], ],
"isCurve": true, "isCurve": true,
@ -2284,43 +2284,43 @@
"route": [ "route": [
{ {
"x": 328, "x": 328,
"y": 193.54508196721312 "y": 211.54508196721312
}, },
{ {
"x": 498.4, "x": 498.4,
"y": 251.50901639344264 "y": 269.5090163934426
}, },
{ {
"x": 541, "x": 541,
"y": 276 "y": 294
}, },
{ {
"x": 541, "x": 541,
"y": 291 "y": 309
}, },
{ {
"x": 541, "x": 541,
"y": 306 "y": 324
}, },
{ {
"x": 541, "x": 541,
"y": 326 "y": 344
}, },
{ {
"x": 541, "x": 541,
"y": 341 "y": 359
}, },
{ {
"x": 541, "x": 541,
"y": 356 "y": 374
}, },
{ {
"x": 551.55, "x": 551.55,
"y": 427.1904153354633 "y": 445.1904153354633
}, },
{ {
"x": 593.75, "x": 593.75,
"y": 471.9520766773163 "y": 505.4520766773163
} }
], ],
"isCurve": true, "isCurve": true,
@ -2356,7 +2356,7 @@
"route": [ "route": [
{ {
"x": 734.75, "x": 734.75,
"y": 532 "y": 565.5
}, },
{ {
"x": 734.75, "x": 734.75,
@ -2392,7 +2392,7 @@
}, },
{ {
"x": 2008.75, "x": 2008.75,
"y": 800 "y": 818
} }
], ],
"isCurve": true, "isCurve": true,
@ -2428,7 +2428,7 @@
"route": [ "route": [
{ {
"x": 634.4578313253012, "x": 634.4578313253012,
"y": 532 "y": 565.5
}, },
{ {
"x": 652.8915662650602, "x": 652.8915662650602,
@ -2548,7 +2548,7 @@
"route": [ "route": [
{ {
"x": 604.0421686746988, "x": 604.0421686746988,
"y": 532 "y": 565.5
}, },
{ {
"x": 585.6084337349398, "x": 585.6084337349398,
@ -2620,43 +2620,43 @@
"route": [ "route": [
{ {
"x": 1180.5, "x": 1180.5,
"y": 216 "y": 234
}, },
{ {
"x": 1180.5, "x": 1180.5,
"y": 256 "y": 274
}, },
{ {
"x": 1180.5, "x": 1180.5,
"y": 276 "y": 294
}, },
{ {
"x": 1180.5, "x": 1180.5,
"y": 291 "y": 309
}, },
{ {
"x": 1180.5, "x": 1180.5,
"y": 306 "y": 324
}, },
{ {
"x": 1180.5, "x": 1180.5,
"y": 326 "y": 344
}, },
{ {
"x": 1180.5, "x": 1180.5,
"y": 341 "y": 359
}, },
{ {
"x": 1180.5, "x": 1180.5,
"y": 356 "y": 374
}, },
{ {
"x": 1180.5, "x": 1180.5,
"y": 426 "y": 444
}, },
{ {
"x": 1180.5, "x": 1180.5,
"y": 466 "y": 484
} }
], ],
"isCurve": true, "isCurve": true,

6
e2etests/testdata/stable/large_arch/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: 664 KiB

After

Width:  |  Height:  |  Size: 663 KiB

8
e2etests/testdata/stable/markdown_stroke_fill/dagre/board.exp.json generated vendored
View file

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 36
}, },
"width": 312, "width": 312,
"height": 358, "height": 322,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 112, "labelWidth": 112,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,7 +48,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 50, "x": 50,
"y": 50 "y": 68
}, },
"width": 212, "width": 212,
"height": 258, "height": 258,

10
e2etests/testdata/stable/markdown_stroke_fill/dagre/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg" id="d2-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="516" height="686" viewBox="-102 -102 516 686"><style type="text/css"> width="516" height="689" viewBox="-102 -105 516 689"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -796,8 +796,8 @@ width="516" height="686" viewBox="-102 -102 516 686"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="container"><g class="shape" ><rect x="0" y="0" width="312" height="358" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="156.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">container</text></g><g id="no container"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="97.000000" y="458.000000" width="118" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:#CEEDEE;color:red;"><p>they did it in style</p> </style><g id="container"><g class="shape" ><rect x="0" y="36" width="312" height="322" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="156.000000" y="23.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">container</text></g><g id="no container"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="97.000000" y="458.000000" width="118" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:#CEEDEE;color:red;"><p>they did it in style</p>
</div></foreignObject></g></g><g id="container.md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="50.000000" y="50.000000" width="212" height="258"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:darkorange;"><h1>a header</h1> </div></foreignObject></g></g><g id="container.md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="50.000000" y="68.000000" width="212" height="258"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:darkorange;"><h1>a header</h1>
<p>a line of text and an</p> <p>a line of text and an</p>
<pre><code>{ <pre><code>{
indented: &quot;block&quot;, indented: &quot;block&quot;,
@ -805,8 +805,8 @@ width="516" height="686" viewBox="-102 -102 516 686"><style type="text/css">
} }
</code></pre> </code></pre>
<p>walk into a bar.</p> <p>walk into a bar.</p>
</div></foreignObject></g></g><g id="(container -&gt; no container)[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 156.000000 360.000000 C 156.000000 398.000000 156.000000 418.000000 156.000000 454.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2362058415)"/></g><mask id="2362058415" maskUnits="userSpaceOnUse" x="-100" y="-100" width="516" height="686"> </div></foreignObject></g></g><g id="(container -&gt; no container)[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 156.000000 360.000000 C 156.000000 398.000000 156.000000 418.000000 156.000000 454.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2272613933)"/></g><mask id="2272613933" maskUnits="userSpaceOnUse" x="-100" y="-100" width="516" height="689">
<rect x="-100" y="-100" width="516" height="686" fill="white"></rect> <rect x="-100" y="-100" width="516" height="689" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 518 KiB

After

Width:  |  Height:  |  Size: 518 KiB

8
e2etests/testdata/stable/md_2space_newline/dagre/board.exp.json generated vendored
View file

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 36
}, },
"width": 559, "width": 559,
"height": 148, "height": 112,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 124, "labelWidth": 124,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,7 +48,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 50, "x": 50,
"y": 50 "y": 68
}, },
"width": 459, "width": 459,
"height": 48, "height": 48,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-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="763" height="352" viewBox="-102 -102 763 352"><style type="text/css"> width="763" height="355" viewBox="-102 -105 763 355"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -796,10 +796,10 @@ width="763" height="352" viewBox="-102 -102 763 352"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="markdown"><g class="shape" ><rect x="0" y="0" width="559" height="148" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="279.500000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">markdown</text></g><g id="markdown.md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="50.000000" y="50.000000" width="459" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,<br /> </style><g id="markdown"><g class="shape" ><rect x="0" y="36" width="559" height="112" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="279.500000" y="23.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">markdown</text></g><g id="markdown.md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="50.000000" y="68.000000" width="459" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,<br />
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div></foreignObject></g></g><mask id="2112972009" maskUnits="userSpaceOnUse" x="-100" y="-100" width="763" height="352"> </div></foreignObject></g></g><mask id="3009002953" maskUnits="userSpaceOnUse" x="-100" y="-100" width="763" height="355">
<rect x="-100" y="-100" width="763" height="352" fill="white"></rect> <rect x="-100" y="-100" width="763" height="355" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 337 KiB

After

Width:  |  Height:  |  Size: 337 KiB

8
e2etests/testdata/stable/md_backslash_newline/dagre/board.exp.json generated vendored
View file

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 36
}, },
"width": 559, "width": 559,
"height": 148, "height": 112,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 124, "labelWidth": 124,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,7 +48,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 50, "x": 50,
"y": 50 "y": 68
}, },
"width": 459, "width": 459,
"height": 48, "height": 48,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-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="763" height="352" viewBox="-102 -102 763 352"><style type="text/css"> width="763" height="355" viewBox="-102 -105 763 355"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -796,10 +796,10 @@ width="763" height="352" viewBox="-102 -102 763 352"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="markdown"><g class="shape" ><rect x="0" y="0" width="559" height="148" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="279.500000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">markdown</text></g><g id="markdown.md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="50.000000" y="50.000000" width="459" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,<br /> </style><g id="markdown"><g class="shape" ><rect x="0" y="36" width="559" height="112" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="279.500000" y="23.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">markdown</text></g><g id="markdown.md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="50.000000" y="68.000000" width="459" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,<br />
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div></foreignObject></g></g><mask id="708829929" maskUnits="userSpaceOnUse" x="-100" y="-100" width="763" height="352"> </div></foreignObject></g></g><mask id="3415611337" maskUnits="userSpaceOnUse" x="-100" y="-100" width="763" height="355">
<rect x="-100" y="-100" width="763" height="352" fill="white"></rect> <rect x="-100" y="-100" width="763" height="355" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 337 KiB

After

Width:  |  Height:  |  Size: 337 KiB

14
e2etests/testdata/stable/one_container_loop/dagre/board.exp.json generated vendored
View file

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 36
}, },
"width": 346, "width": 346,
"height": 166, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 12, "labelWidth": 12,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 92, "x": 92,
"y": 50 "y": 68
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -294,7 +294,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 244, "x": 244,
"y": 50 "y": 68
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -359,7 +359,7 @@
"route": [ "route": [
{ {
"x": 103.0421686746988, "x": 103.0421686746988,
"y": 116 "y": 134
}, },
{ {
"x": 84.60843373493975, "x": 84.60843373493975,
@ -755,7 +755,7 @@
"route": [ "route": [
{ {
"x": 270, "x": 270,
"y": 116 "y": 134
}, },
{ {
"x": 270, "x": 270,

6
e2etests/testdata/stable/one_container_loop/dagre/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg" id="d2-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="550" height="1034" viewBox="-102 -102 550 1034"><style type="text/css"> width="550" height="1037" viewBox="-102 -105 550 1037"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="550" height="1034" viewBox="-102 -102 550 1034"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="346" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="173.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="130" y="764" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="156.500000" y="802.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="243" y="598" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="270.000000" y="636.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="e"><g class="shape" ><rect x="130" y="598" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="156.500000" y="636.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">e</text></g><g id="f"><g class="shape" ><rect x="245" y="432" width="51" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="270.500000" y="470.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">f</text></g><g id="g"><g class="shape" ><rect x="243" y="266" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="270.000000" y="304.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">g</text></g><g id="a.b"><g class="shape" ><rect x="92" y="50" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="118.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.h"><g class="shape" ><rect x="244" y="50" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="270.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">h</text></g><g id="(a.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 102.205093 117.816399 C 84.608434 156.000000 80.000000 176.000000 80.000000 191.000000 C 80.000000 206.000000 80.000000 232.600000 80.000000 257.500000 C 80.000000 282.400000 80.000000 315.600000 80.000000 340.500000 C 80.000000 365.400000 80.000000 398.600000 80.000000 423.500000 C 80.000000 448.400000 80.000000 481.600000 80.000000 506.500000 C 80.000000 531.400000 80.000000 564.600000 80.000000 589.500000 C 80.000000 614.400000 90.000000 724.800000 127.282368 765.064957" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#745071480)"/></g><g id="(d -&gt; c)[0]"><path d="M 270.000000 666.000000 C 270.000000 704.000000 252.600000 726.800000 186.222084 775.629731" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#745071480)"/></g><g id="(e -&gt; c)[0]"><path d="M 156.500000 666.000000 C 156.500000 704.000000 156.500000 724.000000 156.500000 760.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#745071480)"/></g><g id="(f -&gt; d)[0]"><path d="M 270.000000 500.000000 C 270.000000 538.000000 270.000000 558.000000 270.000000 594.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#745071480)"/></g><g id="(a -&gt; e)[0]"><path d="M 156.500000 168.000000 C 156.500000 206.000000 156.500000 232.600000 156.500000 257.500000 C 156.500000 282.400000 156.500000 315.600000 156.500000 340.500000 C 156.500000 365.400000 156.500000 398.600000 156.500000 423.500000 C 156.500000 448.400000 156.500000 558.000000 156.500000 594.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#745071480)"/></g><g id="(g -&gt; f)[0]"><path d="M 270.000000 334.000000 C 270.000000 372.000000 270.000000 392.000000 270.000000 428.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#745071480)"/></g><g id="(a.h -&gt; g)[0]"><path d="M 270.000000 118.000000 C 270.000000 156.000000 270.000000 226.000000 270.000000 262.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#745071480)"/></g><mask id="745071480" maskUnits="userSpaceOnUse" x="-100" y="-100" width="550" height="1034"> ]]></script><g id="a"><g class="shape" ><rect x="0" y="36" width="346" height="130" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="173.000000" y="23.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="130" y="764" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="156.500000" y="802.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="243" y="598" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="270.000000" y="636.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="e"><g class="shape" ><rect x="130" y="598" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="156.500000" y="636.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">e</text></g><g id="f"><g class="shape" ><rect x="245" y="432" width="51" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="270.500000" y="470.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">f</text></g><g id="g"><g class="shape" ><rect x="243" y="266" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="270.000000" y="304.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">g</text></g><g id="a.b"><g class="shape" ><rect x="92" y="68" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="118.500000" y="106.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.h"><g class="shape" ><rect x="244" y="68" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="270.500000" y="106.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">h</text></g><g id="(a.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.757676 135.532996 C 84.608434 156.000000 80.000000 176.000000 80.000000 191.000000 C 80.000000 206.000000 80.000000 232.600000 80.000000 257.500000 C 80.000000 282.400000 80.000000 315.600000 80.000000 340.500000 C 80.000000 365.400000 80.000000 398.600000 80.000000 423.500000 C 80.000000 448.400000 80.000000 481.600000 80.000000 506.500000 C 80.000000 531.400000 80.000000 564.600000 80.000000 589.500000 C 80.000000 614.400000 90.000000 724.800000 127.282368 765.064957" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3209188951)"/></g><g id="(d -&gt; c)[0]"><path d="M 270.000000 666.000000 C 270.000000 704.000000 252.600000 726.800000 186.222084 775.629731" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3209188951)"/></g><g id="(e -&gt; c)[0]"><path d="M 156.500000 666.000000 C 156.500000 704.000000 156.500000 724.000000 156.500000 760.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3209188951)"/></g><g id="(f -&gt; d)[0]"><path d="M 270.000000 500.000000 C 270.000000 538.000000 270.000000 558.000000 270.000000 594.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3209188951)"/></g><g id="(a -&gt; e)[0]"><path d="M 156.500000 168.000000 C 156.500000 206.000000 156.500000 232.600000 156.500000 257.500000 C 156.500000 282.400000 156.500000 315.600000 156.500000 340.500000 C 156.500000 365.400000 156.500000 398.600000 156.500000 423.500000 C 156.500000 448.400000 156.500000 558.000000 156.500000 594.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3209188951)"/></g><g id="(g -&gt; f)[0]"><path d="M 270.000000 334.000000 C 270.000000 372.000000 270.000000 392.000000 270.000000 428.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3209188951)"/></g><g id="(a.h -&gt; g)[0]"><path d="M 270.000000 136.000000 C 270.000000 156.000000 270.000000 226.000000 270.000000 262.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3209188951)"/></g><mask id="3209188951" maskUnits="userSpaceOnUse" x="-100" y="-100" width="550" height="1037">
<rect x="-100" y="-100" width="550" height="1034" fill="white"></rect> <rect x="-100" y="-100" width="550" height="1037" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 652 KiB

After

Width:  |  Height:  |  Size: 652 KiB

28
e2etests/testdata/stable/one_three_one_container/dagre/board.exp.json generated vendored
View file

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 36
}, },
"width": 356, "width": 356,
"height": 166, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 40, "labelWidth": 40,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 138, "x": 138,
"y": 50 "y": 68
}, },
"width": 80, "width": 80,
"height": 66, "height": 66,
@ -212,10 +212,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 432 "y": 468
}, },
"width": 354, "width": 354,
"height": 166, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -244,7 +244,7 @@
"underline": false, "underline": false,
"labelWidth": 85, "labelWidth": 85,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -253,7 +253,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 162, "x": 162,
"y": 482 "y": 500
}, },
"width": 72, "width": 72,
"height": 66, "height": 66,
@ -318,7 +318,7 @@
"route": [ "route": [
{ {
"x": 140.2289156626506, "x": 140.2289156626506,
"y": 116 "y": 134
}, },
{ {
"x": 94.44578313253012, "x": 94.44578313253012,
@ -366,7 +366,7 @@
"route": [ "route": [
{ {
"x": 185.1566265060241, "x": 185.1566265060241,
"y": 116 "y": 134
}, },
{ {
"x": 193.83132530120483, "x": 193.83132530120483,
@ -414,7 +414,7 @@
"route": [ "route": [
{ {
"x": 218, "x": 218,
"y": 108.34351145038168 "y": 126.34351145038168
}, },
{ {
"x": 290.8, "x": 290.8,
@ -474,7 +474,7 @@
}, },
{ {
"x": 162, "x": 162,
"y": 489 "y": 507
} }
], ],
"isCurve": true, "isCurve": true,
@ -522,7 +522,7 @@
}, },
{ {
"x": 197, "x": 197,
"y": 482 "y": 500
} }
], ],
"isCurve": true, "isCurve": true,
@ -570,7 +570,7 @@
}, },
{ {
"x": 234, "x": 234,
"y": 488 "y": 506
} }
], ],
"isCurve": true, "isCurve": true,

6
e2etests/testdata/stable/one_three_one_container/dagre/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg" id="d2-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="560" height="802" viewBox="-102 -102 560 802"><style type="text/css"> width="560" height="805" viewBox="-102 -105 560 805"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="560" height="802" viewBox="-102 -102 560 802"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="top"><g class="shape" ><rect x="0" y="0" width="356" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="178.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">top</text></g><g id="a"><g class="shape" ><rect x="57" y="266" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="83.500000" y="304.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="170" y="266" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="196.500000" y="304.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="283" y="266" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="309.500000" y="304.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="bottom"><g class="shape" ><rect x="0" y="432" width="354" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="177.000000" y="465.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">bottom</text></g><g id="top.start"><g class="shape" ><rect x="138" y="50" width="80" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="178.000000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">start</text></g><g id="bottom.end"><g class="shape" ><rect x="162" y="482" width="72" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="198.000000" y="520.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">end</text></g><g id="(top.start -&gt; a)[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 138.722781 117.315886 C 94.445783 156.000000 83.000000 226.000000 83.000000 262.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1364092329)"/></g><g id="(top.start -&gt; b)[0]"><path d="M 185.580508 117.954565 C 193.831325 156.000000 196.000000 226.000000 196.000000 262.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1364092329)"/></g><g id="(top.start -&gt; c)[0]"><path d="M 219.689444 109.413922 C 290.800000 154.468702 309.000000 226.000000 309.000000 262.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1364092329)"/></g><g id="(a -&gt; bottom.end)[0]"><path d="M 83.000000 334.000000 C 83.000000 372.000000 98.800000 443.400000 158.756201 486.659537" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1364092329)"/></g><g id="(b -&gt; bottom.end)[0]"><path d="M 196.000000 334.000000 C 196.000000 372.000000 196.200000 442.000000 196.920016 478.000800" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1364092329)"/></g><g id="(c -&gt; bottom.end)[0]"><path d="M 309.000000 334.000000 C 309.000000 372.000000 294.000000 443.200000 237.205121 485.606843" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1364092329)"/></g><mask id="1364092329" maskUnits="userSpaceOnUse" x="-100" y="-100" width="560" height="802"> ]]></script><g id="top"><g class="shape" ><rect x="0" y="36" width="356" height="130" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="178.000000" y="23.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">top</text></g><g id="a"><g class="shape" ><rect x="57" y="266" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="83.500000" y="304.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="170" y="266" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="196.500000" y="304.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="283" y="266" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="309.500000" y="304.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="bottom"><g class="shape" ><rect x="0" y="468" width="354" height="130" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="177.000000" y="455.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">bottom</text></g><g id="top.start"><g class="shape" ><rect x="138" y="68" width="80" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="178.000000" y="106.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">start</text></g><g id="bottom.end"><g class="shape" ><rect x="162" y="500" width="72" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="198.000000" y="538.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">end</text></g><g id="(top.start -&gt; a)[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 138.426240 134.866233 C 94.445783 156.000000 83.000000 226.000000 83.000000 262.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1781275524)"/></g><g id="(top.start -&gt; b)[0]"><path d="M 185.890264 135.860585 C 193.831325 156.000000 196.000000 226.000000 196.000000 262.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1781275524)"/></g><g id="(top.start -&gt; c)[0]"><path d="M 219.865614 127.064264 C 290.800000 154.468702 309.000000 226.000000 309.000000 262.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1781275524)"/></g><g id="(a -&gt; bottom.end)[0]"><path d="M 83.000000 334.000000 C 83.000000 372.000000 98.800000 443.400000 159.180509 504.162665" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1781275524)"/></g><g id="(b -&gt; bottom.end)[0]"><path d="M 196.000000 334.000000 C 196.000000 372.000000 196.200000 442.000000 196.944833 496.000380" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1781275524)"/></g><g id="(c -&gt; bottom.end)[0]"><path d="M 309.000000 334.000000 C 309.000000 372.000000 294.000000 443.200000 236.763217 503.107833" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1781275524)"/></g><mask id="1781275524" maskUnits="userSpaceOnUse" x="-100" y="-100" width="560" height="805">
<rect x="-100" y="-100" width="560" height="802" fill="white"></rect> <rect x="-100" y="-100" width="560" height="805" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 651 KiB

After

Width:  |  Height:  |  Size: 651 KiB

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

@ -59,10 +59,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 254 "y": 290
}, },
"width": 1112, "width": 1112,
"height": 1004, "height": 968,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -91,7 +91,7 @@
"underline": false, "underline": false,
"labelWidth": 112, "labelWidth": 112,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -100,7 +100,7 @@
"type": "image", "type": "image",
"pos": { "pos": {
"x": 492, "x": 492,
"y": 304 "y": 322
}, },
"width": 128, "width": 128,
"height": 128, "height": 128,
@ -152,10 +152,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 579 "y": 628
}, },
"width": 496, "width": 496,
"height": 629, "height": 598,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -184,7 +184,7 @@
"underline": false, "underline": false,
"labelWidth": 33, "labelWidth": 33,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -193,7 +193,7 @@
"type": "image", "type": "image",
"pos": { "pos": {
"x": 224, "x": 224,
"y": 629 "y": 662
}, },
"width": 128, "width": 128,
"height": 128, "height": 128,
@ -245,10 +245,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 80, "x": 80,
"y": 904 "y": 963
}, },
"width": 416, "width": 416,
"height": 254, "height": 228,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -277,7 +277,7 @@
"underline": false, "underline": false,
"labelWidth": 44, "labelWidth": 44,
"labelHeight": 26, "labelHeight": 26,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 3 "level": 3
}, },
@ -286,7 +286,7 @@
"type": "image", "type": "image",
"pos": { "pos": {
"x": 130, "x": 130,
"y": 954 "y": 1000
}, },
"width": 128, "width": 128,
"height": 128, "height": 128,
@ -338,7 +338,7 @@
"type": "image", "type": "image",
"pos": { "pos": {
"x": 318, "x": 318,
"y": 954 "y": 1000
}, },
"width": 128, "width": 128,
"height": 128, "height": 128,
@ -390,10 +390,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 576, "x": 576,
"y": 579 "y": 628
}, },
"width": 496, "width": 496,
"height": 629, "height": 598,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -422,7 +422,7 @@
"underline": false, "underline": false,
"labelWidth": 47, "labelWidth": 47,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -431,7 +431,7 @@
"type": "image", "type": "image",
"pos": { "pos": {
"x": 760, "x": 760,
"y": 629 "y": 662
}, },
"width": 128, "width": 128,
"height": 128, "height": 128,
@ -483,10 +483,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 616, "x": 616,
"y": 904 "y": 963
}, },
"width": 416, "width": 416,
"height": 254, "height": 228,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -515,7 +515,7 @@
"underline": false, "underline": false,
"labelWidth": 44, "labelWidth": 44,
"labelHeight": 26, "labelHeight": 26,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 3 "level": 3
}, },
@ -524,7 +524,7 @@
"type": "image", "type": "image",
"pos": { "pos": {
"x": 666, "x": 666,
"y": 954 "y": 1000
}, },
"width": 128, "width": 128,
"height": 128, "height": 128,
@ -576,7 +576,7 @@
"type": "image", "type": "image",
"pos": { "pos": {
"x": 854, "x": 854,
"y": 954 "y": 1000
}, },
"width": 128, "width": 128,
"height": 128, "height": 128,
@ -664,7 +664,7 @@
}, },
{ {
"x": 556, "x": 556,
"y": 304 "y": 322
} }
], ],
"isCurve": true, "isCurve": true,
@ -700,19 +700,19 @@
"route": [ "route": [
{ {
"x": 235.36, "x": 235.36,
"y": 783 "y": 816.5
}, },
{ {
"x": 202.272, "x": 202.272,
"y": 831.4 "y": 864.9
}, },
{ {
"x": 194, "x": 194,
"y": 914 "y": 947.5
}, },
{ {
"x": 194, "x": 194,
"y": 954 "y": 1000.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -748,19 +748,19 @@
"route": [ "route": [
{ {
"x": 340.64, "x": 340.64,
"y": 783 "y": 816.5
}, },
{ {
"x": 373.728, "x": 373.728,
"y": 831.4 "y": 864.9
}, },
{ {
"x": 382, "x": 382,
"y": 914 "y": 947.5
}, },
{ {
"x": 382, "x": 382,
"y": 954 "y": 1000.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -796,19 +796,19 @@
"route": [ "route": [
{ {
"x": 771.36, "x": 771.36,
"y": 783 "y": 816.5
}, },
{ {
"x": 738.272, "x": 738.272,
"y": 831.4 "y": 864.9
}, },
{ {
"x": 730, "x": 730,
"y": 914 "y": 947.5
}, },
{ {
"x": 730, "x": 730,
"y": 954 "y": 1000.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -844,19 +844,19 @@
"route": [ "route": [
{ {
"x": 876.64, "x": 876.64,
"y": 783 "y": 816.5
}, },
{ {
"x": 909.728, "x": 909.728,
"y": 831.4 "y": 864.9
}, },
{ {
"x": 918, "x": 918,
"y": 914 "y": 947.5
}, },
{ {
"x": 918, "x": 918,
"y": 954 "y": 1000.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -892,19 +892,19 @@
"route": [ "route": [
{ {
"x": 492, "x": 492,
"y": 413.8358208955224 "y": 431.8358208955224
}, },
{ {
"x": 328.79999999999995, "x": 328.79999999999995,
"y": 497.56716417910445 "y": 515.5671641791045
}, },
{ {
"x": 288, "x": 288,
"y": 589 "y": 607
}, },
{ {
"x": 288, "x": 288,
"y": 629 "y": 662.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -940,19 +940,19 @@
"route": [ "route": [
{ {
"x": 620, "x": 620,
"y": 413.8358208955224 "y": 431.8358208955224
}, },
{ {
"x": 783.2, "x": 783.2,
"y": 497.56716417910445 "y": 515.5671641791045
}, },
{ {
"x": 824, "x": 824,
"y": 589 "y": 607
}, },
{ {
"x": 824, "x": 824,
"y": 629 "y": 662.5
} }
], ],
"isCurve": true, "isCurve": true,

14
e2etests/testdata/stable/overlapping_image_container_labels/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: 798 KiB

After

Width:  |  Height:  |  Size: 798 KiB

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

@ -775,10 +775,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1498, "x": 1498,
"y": 208 "y": 244
}, },
"width": 1548, "width": 1548,
"height": 2120, "height": 2084,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -807,7 +807,7 @@
"underline": false, "underline": false,
"labelWidth": 93, "labelWidth": 93,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -816,7 +816,7 @@
"type": "sequence_diagram", "type": "sequence_diagram",
"pos": { "pos": {
"x": 1548, "x": 1548,
"y": 261 "y": 279
}, },
"width": 1448, "width": 1448,
"height": 2015, "height": 2015,
@ -857,7 +857,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1572, "x": 1572,
"y": 366 "y": 384
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -898,7 +898,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1641, "x": 1641,
"y": 546 "y": 564
}, },
"width": 12, "width": 12,
"height": 1592, "height": 1592,
@ -938,7 +938,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1822, "x": 1822,
"y": 366 "y": 384
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -979,7 +979,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1891, "x": 1891,
"y": 546 "y": 564
}, },
"width": 12, "width": 12,
"height": 162, "height": 162,
@ -1019,7 +1019,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2072, "x": 2072,
"y": 366 "y": 384
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -1060,7 +1060,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2141, "x": 2141,
"y": 806 "y": 824
}, },
"width": 12, "width": 12,
"height": 162, "height": 162,
@ -1100,7 +1100,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2322, "x": 2322,
"y": 366 "y": 384
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -1141,7 +1141,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2391, "x": 2391,
"y": 1066 "y": 1084
}, },
"width": 12, "width": 12,
"height": 422, "height": 422,
@ -1181,7 +1181,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2387, "x": 2387,
"y": 1196 "y": 1214
}, },
"width": 20, "width": 20,
"height": 162, "height": 162,
@ -1221,7 +1221,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2572, "x": 2572,
"y": 366 "y": 384
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -1262,7 +1262,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2641, "x": 2641,
"y": 1326 "y": 1344
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -1302,7 +1302,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2822, "x": 2822,
"y": 366 "y": 384
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -1343,7 +1343,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2891, "x": 2891,
"y": 1586 "y": 1604
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -1383,7 +1383,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2141, "x": 2141,
"y": 1716 "y": 1734
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -1423,7 +1423,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2141, "x": 2141,
"y": 1846 "y": 1864
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -1463,7 +1463,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2891, "x": 2891,
"y": 1976 "y": 1994
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -1503,7 +1503,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2891, "x": 2891,
"y": 2106 "y": 2124
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -1584,10 +1584,10 @@
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 1845, "x": 1845,
"y": 2428 "y": 2464
}, },
"width": 1648, "width": 1648,
"height": 1465, "height": 1429,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -1616,7 +1616,7 @@
"underline": false, "underline": false,
"labelWidth": 72, "labelWidth": 72,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -1625,7 +1625,7 @@
"type": "sequence_diagram", "type": "sequence_diagram",
"pos": { "pos": {
"x": 1955, "x": 1955,
"y": 2478 "y": 2496
}, },
"width": 1448, "width": 1448,
"height": 1365, "height": 1365,
@ -1666,7 +1666,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1979, "x": 1979,
"y": 2583 "y": 2601
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -1707,7 +1707,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2229, "x": 2229,
"y": 2583 "y": 2601
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -1748,7 +1748,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2479, "x": 2479,
"y": 2583 "y": 2601
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -1789,7 +1789,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2729, "x": 2729,
"y": 2583 "y": 2601
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -1830,7 +1830,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2979, "x": 2979,
"y": 2583 "y": 2601
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -1871,7 +1871,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 3229, "x": 3229,
"y": 2583 "y": 2601
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -1912,7 +1912,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 3298, "x": 3298,
"y": 2763 "y": 2781
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -1952,7 +1952,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2798, "x": 2798,
"y": 2747 "y": 2765
}, },
"width": 12, "width": 12,
"height": 698, "height": 698,
@ -1992,7 +1992,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2794, "x": 2794,
"y": 2763 "y": 2781
}, },
"width": 20, "width": 20,
"height": 162, "height": 162,
@ -2032,7 +2032,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2548, "x": 2548,
"y": 2861 "y": 2879
}, },
"width": 12, "width": 12,
"height": 340, "height": 340,
@ -2072,7 +2072,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2544, "x": 2544,
"y": 2877 "y": 2895
}, },
"width": 20, "width": 20,
"height": 308, "height": 308,
@ -2112,7 +2112,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2540, "x": 2540,
"y": 2893 "y": 2911
}, },
"width": 28, "width": 28,
"height": 162, "height": 162,
@ -2152,7 +2152,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2298, "x": 2298,
"y": 2975 "y": 2993
}, },
"width": 12, "width": 12,
"height": 388, "height": 388,
@ -2192,7 +2192,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2294, "x": 2294,
"y": 2991 "y": 3009
}, },
"width": 20, "width": 20,
"height": 356, "height": 356,
@ -2232,7 +2232,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2290, "x": 2290,
"y": 3007 "y": 3025
}, },
"width": 28, "width": 28,
"height": 324, "height": 324,
@ -2272,7 +2272,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2286, "x": 2286,
"y": 3023 "y": 3041
}, },
"width": 36, "width": 36,
"height": 292, "height": 292,
@ -2312,7 +2312,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 3048, "x": 3048,
"y": 3219 "y": 3237
}, },
"width": 12, "width": 12,
"height": 420, "height": 420,
@ -2352,7 +2352,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 3044, "x": 3044,
"y": 3235 "y": 3253
}, },
"width": 20, "width": 20,
"height": 388, "height": 388,
@ -2392,7 +2392,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 3040, "x": 3040,
"y": 3251 "y": 3269
}, },
"width": 28, "width": 28,
"height": 356, "height": 356,
@ -2432,7 +2432,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 3036, "x": 3036,
"y": 3267 "y": 3285
}, },
"width": 36, "width": 36,
"height": 324, "height": 324,
@ -2472,7 +2472,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 3032, "x": 3032,
"y": 3283 "y": 3301
}, },
"width": 44, "width": 44,
"height": 292, "height": 292,
@ -2512,7 +2512,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2048, "x": 2048,
"y": 3413 "y": 3431
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -2552,7 +2552,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 3298, "x": 3298,
"y": 3673 "y": 3691
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -3123,11 +3123,11 @@
"route": [ "route": [
{ {
"x": 1653, "x": 1653,
"y": 562 "y": 580
}, },
{ {
"x": 1891, "x": 1891,
"y": 562 "y": 580
} }
], ],
"animated": false, "animated": false,
@ -3162,11 +3162,11 @@
"route": [ "route": [
{ {
"x": 1653, "x": 1653,
"y": 692 "y": 710
}, },
{ {
"x": 1891, "x": 1891,
"y": 692 "y": 710
} }
], ],
"animated": false, "animated": false,
@ -3201,11 +3201,11 @@
"route": [ "route": [
{ {
"x": 1653, "x": 1653,
"y": 822 "y": 840
}, },
{ {
"x": 2141, "x": 2141,
"y": 822 "y": 840
} }
], ],
"animated": false, "animated": false,
@ -3240,11 +3240,11 @@
"route": [ "route": [
{ {
"x": 1653, "x": 1653,
"y": 952 "y": 970
}, },
{ {
"x": 2141, "x": 2141,
"y": 952 "y": 970
} }
], ],
"animated": false, "animated": false,
@ -3279,11 +3279,11 @@
"route": [ "route": [
{ {
"x": 1653, "x": 1653,
"y": 1082 "y": 1100
}, },
{ {
"x": 2391, "x": 2391,
"y": 1082 "y": 1100
} }
], ],
"animated": false, "animated": false,
@ -3318,11 +3318,11 @@
"route": [ "route": [
{ {
"x": 1897, "x": 1897,
"y": 1212 "y": 1230
}, },
{ {
"x": 2387, "x": 2387,
"y": 1212 "y": 1230
} }
], ],
"animated": false, "animated": false,
@ -3357,11 +3357,11 @@
"route": [ "route": [
{ {
"x": 2407, "x": 2407,
"y": 1342 "y": 1360
}, },
{ {
"x": 2641, "x": 2641,
"y": 1342 "y": 1360
} }
], ],
"animated": false, "animated": false,
@ -3396,11 +3396,11 @@
"route": [ "route": [
{ {
"x": 1647, "x": 1647,
"y": 1472 "y": 1490
}, },
{ {
"x": 2391, "x": 2391,
"y": 1472 "y": 1490
} }
], ],
"animated": false, "animated": false,
@ -3435,11 +3435,11 @@
"route": [ "route": [
{ {
"x": 1653, "x": 1653,
"y": 1602 "y": 1620
}, },
{ {
"x": 2891, "x": 2891,
"y": 1602 "y": 1620
} }
], ],
"animated": false, "animated": false,
@ -3474,11 +3474,11 @@
"route": [ "route": [
{ {
"x": 1653, "x": 1653,
"y": 1732 "y": 1750
}, },
{ {
"x": 2141, "x": 2141,
"y": 1732 "y": 1750
} }
], ],
"animated": false, "animated": false,
@ -3513,11 +3513,11 @@
"route": [ "route": [
{ {
"x": 1653, "x": 1653,
"y": 1862 "y": 1880
}, },
{ {
"x": 2141, "x": 2141,
"y": 1862 "y": 1880
} }
], ],
"animated": false, "animated": false,
@ -3552,11 +3552,11 @@
"route": [ "route": [
{ {
"x": 1653, "x": 1653,
"y": 1992 "y": 2010
}, },
{ {
"x": 2891, "x": 2891,
"y": 1992 "y": 2010
} }
], ],
"animated": false, "animated": false,
@ -3591,11 +3591,11 @@
"route": [ "route": [
{ {
"x": 1653, "x": 1653,
"y": 2122 "y": 2140
}, },
{ {
"x": 2891, "x": 2891,
"y": 2122 "y": 2140
} }
], ],
"animated": false, "animated": false,
@ -3690,7 +3690,7 @@
}, },
{ {
"x": 2272, "x": 2272,
"y": 260.5 "y": 278.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -3786,7 +3786,7 @@
"route": [ "route": [
{ {
"x": 2272, "x": 2272,
"y": 2276.5 "y": 2294.5
}, },
{ {
"x": 2272, "x": 2272,
@ -3810,7 +3810,7 @@
}, },
{ {
"x": 2300, "x": 2300,
"y": 2478 "y": 2496
} }
], ],
"isCurve": true, "isCurve": true,
@ -3930,11 +3930,11 @@
"route": [ "route": [
{ {
"x": 3298, "x": 3298,
"y": 2779 "y": 2797
}, },
{ {
"x": 2814, "x": 2814,
"y": 2779 "y": 2797
} }
], ],
"animated": false, "animated": false,
@ -3969,11 +3969,11 @@
"route": [ "route": [
{ {
"x": 2794, "x": 2794,
"y": 2909 "y": 2927
}, },
{ {
"x": 2568, "x": 2568,
"y": 2909 "y": 2927
} }
], ],
"animated": false, "animated": false,
@ -4008,11 +4008,11 @@
"route": [ "route": [
{ {
"x": 2540, "x": 2540,
"y": 3039 "y": 3057
}, },
{ {
"x": 2322, "x": 2322,
"y": 3039 "y": 3057
} }
], ],
"animated": false, "animated": false,
@ -4047,11 +4047,11 @@
"route": [ "route": [
{ {
"x": 2798, "x": 2798,
"y": 3169 "y": 3187
}, },
{ {
"x": 2564, "x": 2564,
"y": 3169 "y": 3187
} }
], ],
"animated": false, "animated": false,
@ -4086,11 +4086,11 @@
"route": [ "route": [
{ {
"x": 2322, "x": 2322,
"y": 3299 "y": 3317
}, },
{ {
"x": 3032, "x": 3032,
"y": 3299 "y": 3317
} }
], ],
"animated": false, "animated": false,
@ -4125,11 +4125,11 @@
"route": [ "route": [
{ {
"x": 2060, "x": 2060,
"y": 3429 "y": 3447
}, },
{ {
"x": 2798, "x": 2798,
"y": 3429 "y": 3447
} }
], ],
"animated": false, "animated": false,
@ -4164,11 +4164,11 @@
"route": [ "route": [
{ {
"x": 3032, "x": 3032,
"y": 3559 "y": 3577
}, },
{ {
"x": 2054, "x": 2054,
"y": 3559 "y": 3577
} }
], ],
"animated": false, "animated": false,
@ -4203,11 +4203,11 @@
"route": [ "route": [
{ {
"x": 2054, "x": 2054,
"y": 3689 "y": 3707
}, },
{ {
"x": 3298, "x": 3298,
"y": 3689 "y": 3707
} }
], ],
"animated": false, "animated": false,
@ -4476,11 +4476,11 @@
"route": [ "route": [
{ {
"x": 1647, "x": 1647,
"y": 432 "y": 450
}, },
{ {
"x": 1647, "x": 1647,
"y": 2252 "y": 2270
} }
], ],
"animated": false, "animated": false,
@ -4515,11 +4515,11 @@
"route": [ "route": [
{ {
"x": 1897, "x": 1897,
"y": 432 "y": 450
}, },
{ {
"x": 1897, "x": 1897,
"y": 2252 "y": 2270
} }
], ],
"animated": false, "animated": false,
@ -4554,11 +4554,11 @@
"route": [ "route": [
{ {
"x": 2147, "x": 2147,
"y": 432 "y": 450
}, },
{ {
"x": 2147, "x": 2147,
"y": 2252 "y": 2270
} }
], ],
"animated": false, "animated": false,
@ -4593,11 +4593,11 @@
"route": [ "route": [
{ {
"x": 2397, "x": 2397,
"y": 432 "y": 450
}, },
{ {
"x": 2397, "x": 2397,
"y": 2252 "y": 2270
} }
], ],
"animated": false, "animated": false,
@ -4632,11 +4632,11 @@
"route": [ "route": [
{ {
"x": 2647, "x": 2647,
"y": 432 "y": 450
}, },
{ {
"x": 2647, "x": 2647,
"y": 2252 "y": 2270
} }
], ],
"animated": false, "animated": false,
@ -4671,11 +4671,11 @@
"route": [ "route": [
{ {
"x": 2897, "x": 2897,
"y": 432 "y": 450
}, },
{ {
"x": 2897, "x": 2897,
"y": 2252 "y": 2270
} }
], ],
"animated": false, "animated": false,
@ -4710,11 +4710,11 @@
"route": [ "route": [
{ {
"x": 2054, "x": 2054,
"y": 2649 "y": 2667
}, },
{ {
"x": 2054, "x": 2054,
"y": 3819 "y": 3837
} }
], ],
"animated": false, "animated": false,
@ -4749,11 +4749,11 @@
"route": [ "route": [
{ {
"x": 2304, "x": 2304,
"y": 2649 "y": 2667
}, },
{ {
"x": 2304, "x": 2304,
"y": 3819 "y": 3837
} }
], ],
"animated": false, "animated": false,
@ -4788,11 +4788,11 @@
"route": [ "route": [
{ {
"x": 2554, "x": 2554,
"y": 2649 "y": 2667
}, },
{ {
"x": 2554, "x": 2554,
"y": 3819 "y": 3837
} }
], ],
"animated": false, "animated": false,
@ -4827,11 +4827,11 @@
"route": [ "route": [
{ {
"x": 2804, "x": 2804,
"y": 2649 "y": 2667
}, },
{ {
"x": 2804, "x": 2804,
"y": 3819 "y": 3837
} }
], ],
"animated": false, "animated": false,
@ -4866,11 +4866,11 @@
"route": [ "route": [
{ {
"x": 3054, "x": 3054,
"y": 2649 "y": 2667
}, },
{ {
"x": 3054, "x": 3054,
"y": 3819 "y": 3837
} }
], ],
"animated": false, "animated": false,
@ -4905,11 +4905,11 @@
"route": [ "route": [
{ {
"x": 3304, "x": 3304,
"y": 2649 "y": 2667
}, },
{ {
"x": 3304, "x": 3304,
"y": 3819 "y": 3837
} }
], ],
"animated": false, "animated": false,

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

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

Before

Width:  |  Height:  |  Size: 824 KiB

After

Width:  |  Height:  |  Size: 824 KiB

126
e2etests/testdata/stable/straight_hierarchy_container/dagre/board.exp.json generated vendored
View file

@ -130,10 +130,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 166 "y": 202
}, },
"width": 549, "width": 549,
"height": 166, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -162,7 +162,7 @@
"underline": false, "underline": false,
"labelWidth": 19, "labelWidth": 19,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -171,7 +171,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 290, "x": 290,
"y": 216 "y": 234
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -212,7 +212,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 94, "x": 94,
"y": 216 "y": 234
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -253,7 +253,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 487, "x": 487,
"y": 216 "y": 234
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -294,10 +294,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 432 "y": 468
}, },
"width": 156, "width": 156,
"height": 166, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -326,7 +326,7 @@
"underline": false, "underline": false,
"labelWidth": 45, "labelWidth": 45,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -335,7 +335,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 94, "x": 94,
"y": 482 "y": 500
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -376,10 +376,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 433, "x": 433,
"y": 432 "y": 468
}, },
"width": 156, "width": 156,
"height": 166, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -408,7 +408,7 @@
"underline": false, "underline": false,
"labelWidth": 45, "labelWidth": 45,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -417,7 +417,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 487, "x": 487,
"y": 482 "y": 500
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -458,10 +458,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 237, "x": 237,
"y": 432 "y": 468
}, },
"width": 156, "width": 156,
"height": 166, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -490,7 +490,7 @@
"underline": false, "underline": false,
"labelWidth": 45, "labelWidth": 45,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -499,7 +499,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 290, "x": 290,
"y": 482 "y": 500
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -540,10 +540,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 698 "y": 734
}, },
"width": 353, "width": 353,
"height": 166, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -572,7 +572,7 @@
"underline": false, "underline": false,
"labelWidth": 45, "labelWidth": 45,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -581,7 +581,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 94, "x": 94,
"y": 748 "y": 766
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -622,7 +622,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 290, "x": 290,
"y": 748 "y": 766
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -663,10 +663,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 433, "x": 433,
"y": 698 "y": 734
}, },
"width": 156, "width": 156,
"height": 166, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -695,7 +695,7 @@
"underline": false, "underline": false,
"labelWidth": 45, "labelWidth": 45,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -704,7 +704,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 487, "x": 487,
"y": 748 "y": 766
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -745,10 +745,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 964 "y": 1000
}, },
"width": 629, "width": 629,
"height": 266, "height": 230,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -777,7 +777,7 @@
"underline": false, "underline": false,
"labelWidth": 20, "labelWidth": 20,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -786,10 +786,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 1014 "y": 1063
}, },
"width": 156, "width": 156,
"height": 166, "height": 135,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -818,7 +818,7 @@
"underline": false, "underline": false,
"labelWidth": 21, "labelWidth": 21,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -827,7 +827,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 94, "x": 94,
"y": 1064 "y": 1097
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -868,10 +868,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 237, "x": 237,
"y": 1014 "y": 1063
}, },
"width": 156, "width": 156,
"height": 166, "height": 135,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -900,7 +900,7 @@
"underline": false, "underline": false,
"labelWidth": 21, "labelWidth": 21,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -909,7 +909,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 290, "x": 290,
"y": 1064 "y": 1097
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -950,10 +950,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 433, "x": 433,
"y": 1014 "y": 1063
}, },
"width": 156, "width": 156,
"height": 166, "height": 135,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -982,7 +982,7 @@
"underline": false, "underline": false,
"labelWidth": 21, "labelWidth": 21,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -991,7 +991,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 487, "x": 487,
"y": 1064 "y": 1097
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -1068,7 +1068,7 @@
}, },
{ {
"x": 316.5, "x": 316.5,
"y": 216 "y": 234
} }
], ],
"isCurve": true, "isCurve": true,
@ -1116,7 +1116,7 @@
}, },
{ {
"x": 120, "x": 120,
"y": 216 "y": 234
} }
], ],
"isCurve": true, "isCurve": true,
@ -1164,7 +1164,7 @@
}, },
{ {
"x": 513, "x": 513,
"y": 216 "y": 234
} }
], ],
"isCurve": true, "isCurve": true,
@ -1200,7 +1200,7 @@
"route": [ "route": [
{ {
"x": 120, "x": 120,
"y": 282 "y": 300
}, },
{ {
"x": 120, "x": 120,
@ -1224,7 +1224,7 @@
}, },
{ {
"x": 120, "x": 120,
"y": 482 "y": 500
} }
], ],
"isCurve": true, "isCurve": true,
@ -1260,7 +1260,7 @@
"route": [ "route": [
{ {
"x": 513, "x": 513,
"y": 282 "y": 300
}, },
{ {
"x": 513, "x": 513,
@ -1284,7 +1284,7 @@
}, },
{ {
"x": 513, "x": 513,
"y": 482 "y": 500
} }
], ],
"isCurve": true, "isCurve": true,
@ -1320,7 +1320,7 @@
"route": [ "route": [
{ {
"x": 316.5, "x": 316.5,
"y": 282 "y": 300
}, },
{ {
"x": 316.5, "x": 316.5,
@ -1344,7 +1344,7 @@
}, },
{ {
"x": 316.5, "x": 316.5,
"y": 482 "y": 500
} }
], ],
"isCurve": true, "isCurve": true,
@ -1380,7 +1380,7 @@
"route": [ "route": [
{ {
"x": 120, "x": 120,
"y": 548 "y": 566
}, },
{ {
"x": 120, "x": 120,
@ -1404,7 +1404,7 @@
}, },
{ {
"x": 120, "x": 120,
"y": 748 "y": 766
} }
], ],
"isCurve": true, "isCurve": true,
@ -1440,7 +1440,7 @@
"route": [ "route": [
{ {
"x": 316.5, "x": 316.5,
"y": 548 "y": 566
}, },
{ {
"x": 316.5, "x": 316.5,
@ -1464,7 +1464,7 @@
}, },
{ {
"x": 316.5, "x": 316.5,
"y": 748 "y": 766
} }
], ],
"isCurve": true, "isCurve": true,
@ -1500,7 +1500,7 @@
"route": [ "route": [
{ {
"x": 513, "x": 513,
"y": 548 "y": 566
}, },
{ {
"x": 513, "x": 513,
@ -1524,7 +1524,7 @@
}, },
{ {
"x": 513, "x": 513,
"y": 748 "y": 766
} }
], ],
"isCurve": true, "isCurve": true,
@ -1560,7 +1560,7 @@
"route": [ "route": [
{ {
"x": 120, "x": 120,
"y": 814 "y": 832
}, },
{ {
"x": 120, "x": 120,
@ -1596,7 +1596,7 @@
}, },
{ {
"x": 120, "x": 120,
"y": 1064 "y": 1097.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1632,7 +1632,7 @@
"route": [ "route": [
{ {
"x": 316.5, "x": 316.5,
"y": 814 "y": 832
}, },
{ {
"x": 316.5, "x": 316.5,
@ -1668,7 +1668,7 @@
}, },
{ {
"x": 316.5, "x": 316.5,
"y": 1064 "y": 1097.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1704,7 +1704,7 @@
"route": [ "route": [
{ {
"x": 513, "x": 513,
"y": 814 "y": 832
}, },
{ {
"x": 513, "x": 513,
@ -1740,7 +1740,7 @@
}, },
{ {
"x": 513, "x": 513,
"y": 1064 "y": 1097.5
} }
], ],
"isCurve": true, "isCurve": true,

2
e2etests/testdata/stable/straight_hierarchy_container/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: 658 KiB

After

Width:  |  Height:  |  Size: 658 KiB

26
e2etests/testdata/todo/container_child_edge/dagre/board.exp.json generated vendored
View file

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 36
}, },
"width": 220, "width": 220,
"height": 353, "height": 317,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 112, "labelWidth": 112,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 73, "x": 73,
"y": 50 "y": 68
}, },
"width": 75, "width": 75,
"height": 66, "height": 66,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 63, "x": 63,
"y": 237 "y": 255
}, },
"width": 95, "width": 95,
"height": 66, "height": 66,
@ -154,19 +154,19 @@
"route": [ "route": [
{ {
"x": 98.16176470588235, "x": 98.16176470588235,
"y": 116 "y": 134
}, },
{ {
"x": 80.43235294117648, "x": 80.43235294117648,
"y": 164.4 "y": 182.4
}, },
{ {
"x": 80.4, "x": 80.4,
"y": 188.7 "y": 206.7
}, },
{ {
"x": 98, "x": 98,
"y": 237.5 "y": 255.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -202,19 +202,19 @@
"route": [ "route": [
{ {
"x": 122.33823529411765, "x": 122.33823529411765,
"y": 116 "y": 134
}, },
{ {
"x": 140.06764705882352, "x": 140.06764705882352,
"y": 164.4 "y": 182.4
}, },
{ {
"x": 140.1, "x": 140.1,
"y": 188.7 "y": 206.7
}, },
{ {
"x": 122.5, "x": 122.5,
"y": 237.5 "y": 255.5
} }
], ],
"isCurve": true, "isCurve": true,

10
e2etests/testdata/todo/container_child_edge/dagre/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg" id="d2-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="424" height="557" viewBox="-102 -102 424 557"><style type="text/css"> width="424" height="560" viewBox="-102 -105 424 560"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,10 +39,10 @@ width="424" height="557" viewBox="-102 -102 424 557"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="container"><g class="shape" ><rect x="0" y="0" width="220" height="353" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="110.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">container</text></g><g id="container.first"><g class="shape" ><rect x="73" y="50" width="75" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="110.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">first</text></g><g id="container.second"><g class="shape" ><rect x="63" y="237" width="95" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="110.500000" y="275.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">second</text></g><g id="container.(first -&gt; second)[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 97.473846 117.877969 C 80.432353 164.400000 80.400000 188.700000 96.642938 233.737237" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#762398313)"/><text class="text-italic" x="80.500000" y="182.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">1-&gt;2</text></g><g id="(container -&gt; container.second)[0]"><path d="M 123.026154 117.877969 C 140.067647 164.400000 140.100000 188.700000 123.857062 233.737237" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#762398313)"/><text class="text-italic" x="140.000000" y="182.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">c-&gt;2</text></g><mask id="762398313" maskUnits="userSpaceOnUse" x="-100" y="-100" width="424" height="557"> ]]></script><g id="container"><g class="shape" ><rect x="0" y="36" width="220" height="317" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="110.000000" y="23.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">container</text></g><g id="container.first"><g class="shape" ><rect x="73" y="68" width="75" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="110.500000" y="106.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">first</text></g><g id="container.second"><g class="shape" ><rect x="63" y="255" width="95" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="110.500000" y="293.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">second</text></g><g id="container.(first -&gt; second)[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 97.473846 135.877969 C 80.432353 182.400000 80.400000 206.700000 96.642938 251.737237" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2727518724)"/><text class="text-italic" x="80.500000" y="200.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">1-&gt;2</text></g><g id="(container -&gt; container.second)[0]"><path d="M 123.026154 135.877969 C 140.067647 182.400000 140.100000 206.700000 123.857062 251.737237" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2727518724)"/><text class="text-italic" x="140.000000" y="200.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">c-&gt;2</text></g><mask id="2727518724" maskUnits="userSpaceOnUse" x="-100" y="-100" width="424" height="560">
<rect x="-100" y="-100" width="424" height="557" fill="white"></rect> <rect x="-100" y="-100" width="424" height="560" fill="white"></rect>
<rect x="66.000000" y="166.000000" width="29" height="21" fill="black"></rect> <rect x="66.000000" y="184.000000" width="29" height="21" fill="black"></rect>
<rect x="126.000000" y="166.000000" width="28" height="21" fill="black"></rect> <rect x="126.000000" y="184.000000" width="28" 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: 793 KiB

After

Width:  |  Height:  |  Size: 793 KiB

26
e2etests/testdata/todo/font_sizes_containers_large/dagre/board.exp.json generated vendored
View file

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 125
}, },
"width": 404, "width": 404,
"height": 456, "height": 431,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 452, "labelWidth": 452,
"labelHeight": 125, "labelHeight": 125,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,10 +48,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 50 "y": 206
}, },
"width": 324, "width": 324,
"height": 356, "height": 350,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -80,7 +80,7 @@
"underline": false, "underline": false,
"labelWidth": 246, "labelWidth": 246,
"labelHeight": 81, "labelHeight": 81,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -89,10 +89,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 80, "x": 80,
"y": 100 "y": 269
}, },
"width": 244, "width": 244,
"height": 256, "height": 265,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -121,7 +121,7 @@
"underline": false, "underline": false,
"labelWidth": 130, "labelWidth": 130,
"labelHeight": 41, "labelHeight": 41,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 3 "level": 3
}, },
@ -130,10 +130,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 120, "x": 120,
"y": 150 "y": 332
}, },
"width": 164, "width": 164,
"height": 156, "height": 160,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -162,7 +162,7 @@
"underline": false, "underline": false,
"labelWidth": 48, "labelWidth": 48,
"labelHeight": 21, "labelHeight": 21,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 4 "level": 4
}, },
@ -171,7 +171,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 170, "x": 170,
"y": 200 "y": 384
}, },
"width": 64, "width": 64,
"height": 56, "height": 56,

6
e2etests/testdata/todo/font_sizes_containers_large/dagre/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg" id="d2-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="608" height="660" viewBox="-102 -102 608 660"><style type="text/css"> width="652" height="763" viewBox="-124 -105 652 763"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="608" height="660" viewBox="-102 -102 608 660"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="ninety nine"><g class="shape" ><rect x="0" y="0" width="404" height="456" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="202.000000" y="104.000000" style="text-anchor:middle;font-size:99px;fill:#0A0F25">ninety nine</text></g><g id="ninety nine.sixty four"><g class="shape" ><rect x="40" y="50" width="324" height="356" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="202.000000" y="119.000000" style="text-anchor:middle;font-size:64px;fill:#0A0F25">sixty four</text></g><g id="ninety nine.sixty four.thirty two"><g class="shape" ><rect x="80" y="100" width="244" height="256" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="202.000000" y="137.000000" style="text-anchor:middle;font-size:32px;fill:#0A0F25">thirty two</text></g><g id="ninety nine.sixty four.thirty two.sixteen"><g class="shape" ><rect x="120" y="150" width="164" height="156" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="202.000000" y="171.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">sixteen</text></g><g id="ninety nine.sixty four.thirty two.sixteen.eight"><g class="shape" ><rect x="170" y="200" width="64" height="56" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="202.000000" y="230.500000" style="text-anchor:middle;font-size:8px;fill:#0A0F25">eight</text></g><mask id="3132052120" maskUnits="userSpaceOnUse" x="-100" y="-100" width="608" height="660"> ]]></script><g id="ninety nine"><g class="shape" ><rect x="0" y="125" width="404" height="431" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="202.000000" y="94.000000" style="text-anchor:middle;font-size:99px;fill:#0A0F25">ninety nine</text></g><g id="ninety nine.sixty four"><g class="shape" ><rect x="40" y="206" width="324" height="350" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="202.000000" y="184.000000" style="text-anchor:middle;font-size:64px;fill:#0A0F25">sixty four</text></g><g id="ninety nine.sixty four.thirty two"><g class="shape" ><rect x="80" y="269" width="244" height="265" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="202.000000" y="255.000000" style="text-anchor:middle;font-size:32px;fill:#0A0F25">thirty two</text></g><g id="ninety nine.sixty four.thirty two.sixteen"><g class="shape" ><rect x="120" y="332" width="164" height="160" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="202.000000" y="322.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">sixteen</text></g><g id="ninety nine.sixty four.thirty two.sixteen.eight"><g class="shape" ><rect x="170" y="384" width="64" height="56" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="202.000000" y="414.500000" style="text-anchor:middle;font-size:8px;fill:#0A0F25">eight</text></g><mask id="260680684" maskUnits="userSpaceOnUse" x="-100" y="-100" width="652" height="763">
<rect x="-100" y="-100" width="608" height="660" fill="white"></rect> <rect x="-100" y="-100" width="652" height="763" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 649 KiB

After

Width:  |  Height:  |  Size: 649 KiB

38
e2etests/testdata/todo/shape_set_width_height/dagre/board.exp.json generated vendored
View file

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 36
}, },
"width": 1112, "width": 1112,
"height": 456, "height": 420,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 123, "labelWidth": 123,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,10 +48,10 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 50 "y": 99
}, },
"width": 228, "width": 228,
"height": 356, "height": 325,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -80,7 +80,7 @@
"underline": false, "underline": false,
"labelWidth": 156, "labelWidth": 156,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -89,7 +89,7 @@
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 90, "x": 90,
"y": 196 "y": 229
}, },
"width": 128, "width": 128,
"height": 64, "height": 64,
@ -130,10 +130,10 @@
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 308, "x": 308,
"y": 50 "y": 99
}, },
"width": 228, "width": 228,
"height": 356, "height": 325,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -162,7 +162,7 @@
"underline": false, "underline": false,
"labelWidth": 192, "labelWidth": 192,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -171,7 +171,7 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 358, "x": 358,
"y": 164 "y": 197
}, },
"width": 128, "width": 128,
"height": 128, "height": 128,
@ -212,10 +212,10 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 576, "x": 576,
"y": 50 "y": 99
}, },
"width": 228, "width": 228,
"height": 356, "height": 325,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -244,7 +244,7 @@
"underline": false, "underline": false,
"labelWidth": 144, "labelWidth": 144,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -253,7 +253,7 @@
"type": "hexagon", "type": "hexagon",
"pos": { "pos": {
"x": 626, "x": 626,
"y": 196 "y": 229
}, },
"width": 128, "width": 128,
"height": 64, "height": 64,
@ -294,10 +294,10 @@
"type": "hexagon", "type": "hexagon",
"pos": { "pos": {
"x": 844, "x": 844,
"y": 50 "y": 99
}, },
"width": 228, "width": 228,
"height": 356, "height": 325,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -326,7 +326,7 @@
"underline": false, "underline": false,
"labelWidth": 188, "labelWidth": 188,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -335,7 +335,7 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 894, "x": 894,
"y": 196 "y": 229
}, },
"width": 128, "width": 128,
"height": 64, "height": 64,

8
e2etests/testdata/todo/shape_set_width_height/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: 942 KiB

After

Width:  |  Height:  |  Size: 942 KiB