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

fix padding

Browse source
This commit is contained in:
Alexander Wang 2023-02-10 13:47:22 -08:00
parent 9463c67555
commit 9fad105822
No known key found for this signature in database
GPG key ID: D89FA31966BDBECE
58 changed files with 976 additions and 976 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
d2layouts/d2dagrelayout/layout.go
View file

@ -110,7 +110,7 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
continue continue
} }
if obj.LabelHeight != nil { if obj.LabelHeight != nil {
maxContainerLabelHeight = go2.Max(maxContainerLabelHeight, *obj.LabelHeight) maxContainerLabelHeight = go2.Max(maxContainerLabelHeight, *obj.LabelHeight+label.PADDING)
} }
} }
@ -141,7 +141,7 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
height += float64(*obj.LabelHeight) + label.PADDING height += float64(*obj.LabelHeight) + label.PADDING
} }
if len(obj.ChildrenArray) > 0 { if len(obj.ChildrenArray) > 0 {
obj.Height += float64(*obj.LabelHeight) height += float64(*obj.LabelHeight) + label.PADDING
} }
} }
loadScript += generateAddNodeLine(id, int(obj.Width), int(height)) loadScript += generateAddNodeLine(id, int(obj.Width), int(height))
@ -346,7 +346,7 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
} }
// This was artifically added to make dagre consider label height // This was artifically added to make dagre consider label height
obj.Height -= float64(*obj.LabelHeight) obj.Height -= (float64(*obj.LabelHeight) + label.PADDING)
movedEdges := make(map[*d2graph.Edge]struct{}) movedEdges := make(map[*d2graph.Edge]struct{})
for _, e := range g.Edges { for _, e := range g.Edges {
@ -371,7 +371,7 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
currDst = currDst.Parent currDst = currDst.Parent
} }
if isSrcDesc && isDstDesc { if isSrcDesc && isDstDesc {
stepSize := float64(*obj.LabelHeight) stepSize := float64(*obj.LabelHeight) + label.PADDING
if e.Src != obj || e.Dst != obj { if e.Src != obj || e.Dst != obj {
stepSize /= 2. stepSize /= 2.
} }
@ -388,7 +388,7 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
curr := q[0] curr := q[0]
q = q[1:] q = q[1:]
stepSize := float64(*obj.LabelHeight) stepSize := float64(*obj.LabelHeight) + label.PADDING
if curr != obj { if curr != obj {
stepSize /= 2. stepSize /= 2.
} }

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

40
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": 36 "y": 41
}, },
"width": 425, "width": 425,
"height": 492, "height": 487,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 94, "x": 94,
"y": 73 "y": 75
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -89,10 +89,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 348 "y": 355
}, },
"width": 345, "width": 345,
"height": 144, "height": 139,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 207, "x": 207,
"y": 73 "y": 75
}, },
"width": 52, "width": 52,
"height": 66, "height": 66,
@ -171,7 +171,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 319, "x": 319,
"y": 73 "y": 75
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -212,7 +212,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 206, "x": 206,
"y": 386 "y": 391
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -277,19 +277,19 @@
"route": [ "route": [
{ {
"x": 120, "x": 120,
"y": 139.5 "y": 142
}, },
{ {
"x": 120, "x": 120,
"y": 209.9 "y": 212.4
}, },
{ {
"x": 120, "x": 120,
"y": 245.5 "y": 248
}, },
{ {
"x": 120, "x": 120,
"y": 317.5 "y": 320
} }
], ],
"isCurve": true, "isCurve": true,
@ -325,19 +325,19 @@
"route": [ "route": [
{ {
"x": 232.5, "x": 232.5,
"y": 139.5 "y": 142
}, },
{ {
"x": 232.5, "x": 232.5,
"y": 209.9 "y": 212.4
}, },
{ {
"x": 232.5, "x": 232.5,
"y": 245.5 "y": 248
}, },
{ {
"x": 232.5, "x": 232.5,
"y": 317.5 "y": 320
} }
], ],
"isCurve": true, "isCurve": true,
@ -373,19 +373,19 @@
"route": [ "route": [
{ {
"x": 345, "x": 345,
"y": 139.5 "y": 142
}, },
{ {
"x": 345, "x": 345,
"y": 209.9 "y": 212.4
}, },
{ {
"x": 345, "x": 345,
"y": 245.5 "y": 248
}, },
{ {
"x": 345, "x": 345,
"y": 317.5 "y": 320
} }
], ],
"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="735" viewBox="-102 -105 629 735"><style type="text/css"> width="629" height="730" viewBox="-102 -100 629 730"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,9 +39,9 @@ width="629" height="735" viewBox="-102 -105 629 735"><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="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"> ]]></script><g id="a"><g class="shape" ><rect x="0" y="41" width="425" height="487" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="212.500000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="a.b"><g class="shape" ><rect x="94" y="75" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.500000" y="113.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.c"><g class="shape" ><rect x="40" y="355" width="345" height="139" style="fill:#EDF0FD;stroke:white;stroke-width:2;" /></g><text class="text" x="212.500000" y="343.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">c</text></g><g id="a.1"><g class="shape" ><rect x="207" y="75" width="52" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="233.000000" y="113.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">1</text></g><g id="a.2"><g class="shape" ><rect x="319" y="75" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="345.500000" y="113.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="391" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="233.000000" y="429.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 144.000000 C 120.000000 212.400000 120.000000 248.000000 120.000000 316.000000" class="connection" style="fill:none;stroke:red;stroke-width:2;" marker-end="url(#mk-1065319532)" mask="url(#1089124812)"/><text class="text-italic" x="120.000000" y="213.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 144.000000 C 232.500000 212.400000 232.500000 248.000000 232.500000 316.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1089124812)"/></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 146.000000 C 345.000000 212.400000 345.000000 248.000000 345.000000 316.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#1089124812)"/></g><mask id="1089124812" maskUnits="userSpaceOnUse" x="-100" y="-100" width="629" height="730">
<rect x="-100" y="-100" width="629" height="735" fill="white"></rect> <rect x="-100" y="-100" width="629" height="730" fill="white"></rect>
<rect x="102.000000" y="194.000000" width="36" height="69" fill="black"></rect> <rect x="102.000000" y="197.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

46
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": 36 "y": 41
}, },
"width": 2328, "width": 2328,
"height": 141, "height": 136,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 105, "x": 105,
"y": 68 "y": 70
}, },
"width": 270, "width": 270,
"height": 77, "height": 77,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 638, "x": 638,
"y": 68 "y": 70
}, },
"width": 209, "width": 209,
"height": 77, "height": 77,
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1194, "x": 1194,
"y": 68 "y": 70
}, },
"width": 71, "width": 71,
"height": 77, "height": 77,
@ -171,7 +171,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1593, "x": 1593,
"y": 68 "y": 70
}, },
"width": 158, "width": 158,
"height": 77, "height": 77,
@ -212,7 +212,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2129, "x": 2129,
"y": 68 "y": 70
}, },
"width": 95, "width": 95,
"height": 77, "height": 77,
@ -277,19 +277,19 @@
"route": [ "route": [
{ {
"x": 375.5, "x": 375.5,
"y": 106.5 "y": 109
}, },
{ {
"x": 479.9, "x": 479.9,
"y": 106.5 "y": 109
}, },
{ {
"x": 532.3, "x": 532.3,
"y": 106.5 "y": 109
}, },
{ {
"x": 637.5, "x": 637.5,
"y": 106.5 "y": 109
} }
], ],
"isCurve": true, "isCurve": true,
@ -325,19 +325,19 @@
"route": [ "route": [
{ {
"x": 846.5, "x": 846.5,
"y": 106.5 "y": 109
}, },
{ {
"x": 985.3, "x": 985.3,
"y": 106.5 "y": 109
}, },
{ {
"x": 1054.7, "x": 1054.7,
"y": 106.5 "y": 109
}, },
{ {
"x": 1193.5, "x": 1193.5,
"y": 106.5 "y": 109
} }
], ],
"isCurve": true, "isCurve": true,
@ -373,19 +373,19 @@
"route": [ "route": [
{ {
"x": 1265.5, "x": 1265.5,
"y": 106.5 "y": 109
}, },
{ {
"x": 1395.9, "x": 1395.9,
"y": 106.5 "y": 109
}, },
{ {
"x": 1461.3, "x": 1461.3,
"y": 106.5 "y": 109
}, },
{ {
"x": 1592.5, "x": 1592.5,
"y": 106.5 "y": 109
} }
], ],
"isCurve": true, "isCurve": true,
@ -421,19 +421,19 @@
"route": [ "route": [
{ {
"x": 1751.5, "x": 1751.5,
"y": 106.5 "y": 109
}, },
{ {
"x": 1901.9, "x": 1901.9,
"y": 106.5 "y": 109
}, },
{ {
"x": 1977.3, "x": 1977.3,
"y": 106.5 "y": 109
}, },
{ {
"x": 2128.5, "x": 2128.5,
"y": 106.5 "y": 109
} }
], ],
"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="384" viewBox="-102 -105 2532 384"><style type="text/css"> width="2532" height="379" viewBox="-102 -100 2532 379"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,12 +39,12 @@ width="2532" height="384" viewBox="-102 -105 2532 384"><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="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"> ]]></script><g id="build_workflow"><g class="shape" ><rect x="0" y="41" width="2328" height="136" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1164.000000" y="28.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="70" width="270" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="240.000000" y="117.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="70" width="209" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="742.500000" y="117.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="70" width="71" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1229.500000" y="117.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="70" width="158" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1672.000000" y="117.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="70" width="95" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="2176.500000" y="117.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 109.000000 C 479.900000 109.000000 532.300000 109.000000 633.500000 109.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2865405460)"/><text class="text-italic" x="507.000000" y="115.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 109.000000 C 985.300000 109.000000 1054.700000 109.000000 1189.500000 109.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2865405460)"/><text class="text-italic" x="1020.000000" y="115.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 109.000000 C 1395.900000 109.000000 1461.300000 109.000000 1588.500000 109.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2865405460)"/><text class="text-italic" x="1429.500000" y="115.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 109.000000 C 1901.900000 109.000000 1977.300000 109.000000 2124.500000 109.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2865405460)"/><text class="text-italic" x="1940.500000" y="115.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Changes the live lambdas</text></g><mask id="2865405460" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2532" height="379">
<rect x="-100" y="-100" width="2532" height="384" fill="white"></rect> <rect x="-100" y="-100" width="2532" height="379" fill="white"></rect>
<rect x="480.000000" y="96.000000" width="54" height="21" fill="black"></rect> <rect x="480.000000" y="99.000000" width="54" height="21" fill="black"></rect>
<rect x="951.000000" y="96.000000" width="138" height="21" fill="black"></rect> <rect x="951.000000" y="99.000000" width="138" height="21" fill="black"></rect>
<rect x="1370.000000" y="96.000000" width="119" height="21" fill="black"></rect> <rect x="1370.000000" y="99.000000" width="119" height="21" fill="black"></rect>
<rect x="1856.000000" y="96.000000" width="169" height="21" fill="black"></rect> <rect x="1856.000000" y="99.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

98
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": 36 "y": 41
}, },
"width": 370, "width": 370,
"height": 1336, "height": 1331,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 50, "x": 50,
"y": 91 "y": 93
}, },
"width": 270, "width": 270,
"height": 77, "height": 77,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 81, "x": 81,
"y": 340 "y": 342
}, },
"width": 209, "width": 209,
"height": 77, "height": 77,
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 150, "x": 150,
"y": 669 "y": 671
}, },
"width": 71, "width": 71,
"height": 77, "height": 77,
@ -171,7 +171,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 106, "x": 106,
"y": 991 "y": 993
}, },
"width": 158, "width": 158,
"height": 77, "height": 77,
@ -212,7 +212,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 138, "x": 138,
"y": 1240 "y": 1242
}, },
"width": 95, "width": 95,
"height": 77, "height": 77,
@ -253,10 +253,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 410, "x": 410,
"y": 36 "y": 41
}, },
"width": 311, "width": 311,
"height": 765, "height": 760,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -294,7 +294,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 460, "x": 460,
"y": 91 "y": 93
}, },
"width": 211, "width": 211,
"height": 77, "height": 77,
@ -335,7 +335,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 461, "x": 461,
"y": 340 "y": 342
}, },
"width": 209, "width": 209,
"height": 77, "height": 77,
@ -376,7 +376,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 518, "x": 518,
"y": 669 "y": 671
}, },
"width": 95, "width": 95,
"height": 77, "height": 77,
@ -417,10 +417,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 761, "x": 761,
"y": 36 "y": 41
}, },
"width": 613, "width": 613,
"height": 765, "height": 760,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -458,7 +458,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 979, "x": 979,
"y": 91 "y": 93
}, },
"width": 178, "width": 178,
"height": 77, "height": 77,
@ -499,7 +499,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 963, "x": 963,
"y": 340 "y": 342
}, },
"width": 209, "width": 209,
"height": 77, "height": 77,
@ -540,7 +540,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1020, "x": 1020,
"y": 669 "y": 671
}, },
"width": 95, "width": 95,
"height": 77, "height": 77,
@ -605,19 +605,19 @@
"route": [ "route": [
{ {
"x": 185, "x": 185,
"y": 168 "y": 170.5
}, },
{ {
"x": 185, "x": 185,
"y": 236.8 "y": 239.3
}, },
{ {
"x": 185, "x": 185,
"y": 271.2 "y": 273.7
}, },
{ {
"x": 185, "x": 185,
"y": 340 "y": 342.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -653,19 +653,19 @@
"route": [ "route": [
{ {
"x": 185, "x": 185,
"y": 417 "y": 419.5
}, },
{ {
"x": 185, "x": 185,
"y": 517.8 "y": 520.3
}, },
{ {
"x": 185, "x": 185,
"y": 568.2 "y": 570.7
}, },
{ {
"x": 185, "x": 185,
"y": 669 "y": 671.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -701,19 +701,19 @@
"route": [ "route": [
{ {
"x": 185, "x": 185,
"y": 746 "y": 748.5
}, },
{ {
"x": 185, "x": 185,
"y": 804.4 "y": 806.9
}, },
{ {
"x": 185, "x": 185,
"y": 922.2 "y": 924.7
}, },
{ {
"x": 185, "x": 185,
"y": 991 "y": 993.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -749,19 +749,19 @@
"route": [ "route": [
{ {
"x": 185, "x": 185,
"y": 1068 "y": 1070.5
}, },
{ {
"x": 185, "x": 185,
"y": 1136.8 "y": 1139.3
}, },
{ {
"x": 185, "x": 185,
"y": 1171.2 "y": 1173.7
}, },
{ {
"x": 185, "x": 185,
"y": 1240 "y": 1242.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -797,19 +797,19 @@
"route": [ "route": [
{ {
"x": 565.5, "x": 565.5,
"y": 168 "y": 170.5
}, },
{ {
"x": 565.5, "x": 565.5,
"y": 236.8 "y": 239.3
}, },
{ {
"x": 565.5, "x": 565.5,
"y": 271.2 "y": 273.7
}, },
{ {
"x": 565.5, "x": 565.5,
"y": 340 "y": 342.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -845,19 +845,19 @@
"route": [ "route": [
{ {
"x": 565.5, "x": 565.5,
"y": 417 "y": 419.5
}, },
{ {
"x": 565.5, "x": 565.5,
"y": 517.8 "y": 520.3
}, },
{ {
"x": 565.5, "x": 565.5,
"y": 568.2 "y": 570.7
}, },
{ {
"x": 565.5, "x": 565.5,
"y": 669 "y": 671.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -893,19 +893,19 @@
"route": [ "route": [
{ {
"x": 1067.5, "x": 1067.5,
"y": 168 "y": 170.5
}, },
{ {
"x": 1067.5, "x": 1067.5,
"y": 236.8 "y": 239.3
}, },
{ {
"x": 1067.5, "x": 1067.5,
"y": 271.2 "y": 273.7
}, },
{ {
"x": 1067.5, "x": 1067.5,
"y": 340 "y": 342.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -941,19 +941,19 @@
"route": [ "route": [
{ {
"x": 1067.5, "x": 1067.5,
"y": 417 "y": 419.5
}, },
{ {
"x": 1067.5, "x": 1067.5,
"y": 517.8 "y": 520.3
}, },
{ {
"x": 1067.5, "x": 1067.5,
"y": 568.2 "y": 570.7
}, },
{ {
"x": 1067.5, "x": 1067.5,
"y": 669 "y": 671.5
} }
], ],
"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

34
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": 36 "y": 41
}, },
"width": 306, "width": 306,
"height": 130, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 50, "x": 50,
"y": 68 "y": 70
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 203, "x": 203,
"y": 68 "y": 70
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -154,55 +154,55 @@
"route": [ "route": [
{ {
"x": 103, "x": 103,
"y": 86.38440111420613 "y": 88.88440111420613
}, },
{ {
"x": 129.66666666666669, "x": 129.66666666666669,
"y": 71.67688022284122 "y": 74.17688022284122
}, },
{ {
"x": 138, "x": 138,
"y": 68 "y": 70.5
}, },
{ {
"x": 140.5, "x": 140.5,
"y": 68 "y": 70.5
}, },
{ {
"x": 143, "x": 143,
"y": 68 "y": 70.5
}, },
{ {
"x": 146.33333333333331, "x": 146.33333333333331,
"y": 74.6 "y": 77.1
}, },
{ {
"x": 148.83333333333331, "x": 148.83333333333331,
"y": 84.5 "y": 87
}, },
{ {
"x": 151.33333333333334, "x": 151.33333333333334,
"y": 94.4 "y": 96.9
}, },
{ {
"x": 151.33333333333334, "x": 151.33333333333334,
"y": 107.6 "y": 110.1
}, },
{ {
"x": 148.83333333333331, "x": 148.83333333333331,
"y": 117.5 "y": 120
}, },
{ {
"x": 146.33333333333331, "x": 146.33333333333331,
"y": 127.4 "y": 129.9
}, },
{ {
"x": 129.66666666666669, "x": 129.66666666666669,
"y": 130.32311977715878 "y": 132.82311977715878
}, },
{ {
"x": 103, "x": 103,
"y": 115.61559888579387 "y": 118.11559888579387
} }
], ],
"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="373" viewBox="-102 -105 510 373"><style type="text/css"> width="510" height="368" viewBox="-102 -100 510 368"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="510" height="373" viewBox="-102 -105 510 373"><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="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"> ]]></script><g id="x"><g class="shape" ><rect x="0" y="41" width="306" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="153.000000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">x</text></g><g id="x.a"><g class="shape" ><rect x="50" y="70" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="76.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="x.b"><g class="shape" ><rect x="203" y="70" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="229.500000" y="108.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 87.918504 C 129.666667 74.176880 138.000000 70.500000 140.500000 70.500000 C 143.000000 70.500000 146.333333 77.100000 148.833333 87.000000 C 151.333333 96.900000 151.333333 110.100000 148.833333 120.000000 C 146.333333 129.900000 129.666667 132.823120 106.502595 120.047392" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3783909634)"/></g><mask id="3783909634" maskUnits="userSpaceOnUse" x="-100" y="-100" width="510" height="368">
<rect x="-100" y="-100" width="510" height="373" fill="white"></rect> <rect x="-100" y="-100" width="510" height="368" 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

24
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": 36 "y": 41
}, },
"width": 1276, "width": 1276,
"height": 130, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 131, "x": 131,
"y": 68 "y": 70
}, },
"width": 132, "width": 132,
"height": 66, "height": 66,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 323, "x": 323,
"y": 68 "y": 70
}, },
"width": 132, "width": 132,
"height": 66, "height": 66,
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 515, "x": 515,
"y": 68 "y": 70
}, },
"width": 132, "width": 132,
"height": 66, "height": 66,
@ -171,7 +171,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 707, "x": 707,
"y": 68 "y": 70
}, },
"width": 133, "width": 133,
"height": 66, "height": 66,
@ -212,7 +212,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 900, "x": 900,
"y": 68 "y": 70
}, },
"width": 133, "width": 133,
"height": 66, "height": 66,
@ -253,7 +253,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1093, "x": 1093,
"y": 68 "y": 70
}, },
"width": 133, "width": 133,
"height": 66, "height": 66,
@ -294,10 +294,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 323 "y": 328
}, },
"width": 495, "width": 495,
"height": 130, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -335,7 +335,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 186, "x": 186,
"y": 355 "y": 357
}, },
"width": 76, "width": 76,
"height": 66, "height": 66,
@ -376,7 +376,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 369, "x": 369,
"y": 355 "y": 357
}, },
"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="660" viewBox="-102 -105 1480 660"><style type="text/css"> width="1480" height="655" viewBox="-102 -100 1480 655"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="1480" height="660" viewBox="-102 -105 1480 660"><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="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"> ]]></script><g id="k8s"><g class="shape" ><rect x="0" y="41" width="1276" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="638.000000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">Kubernetes</text></g><g id="osvc"><g class="shape" ><rect x="0" y="328" width="495" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="247.500000" y="315.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">opensvc</text></g><g id="k8s.m1"><g class="shape" ><rect x="131" y="70" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="197.000000" y="108.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="70" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="389.000000" y="108.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="70" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="581.000000" y="108.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="70" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="773.500000" y="108.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="70" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="966.500000" y="108.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="70" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1159.500000" y="108.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="357" width="76" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="224.000000" y="395.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">VM1</text></g><g id="osvc.vm2"><g class="shape" ><rect x="369" y="357" width="76" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="407.000000" y="395.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(#1756601504)"/><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(#1756601504)"/><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(#1756601504)"/><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(#1756601504)"/><text class="text-italic" x="363.500000" y="232.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">vault</text></g><mask id="1756601504" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1480" height="655">
<rect x="-100" y="-100" width="1480" height="660" fill="white"></rect> <rect x="-100" y="-100" width="1480" height="655" 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

16
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": 36 "y": 41
}, },
"width": 156, "width": 156,
"height": 130, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 54, "x": 54,
"y": 68 "y": 70
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -89,10 +89,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 302 "y": 307
}, },
"width": 157, "width": 157,
"height": 130, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 53, "x": 53,
"y": 334 "y": 336
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -195,7 +195,7 @@
"route": [ "route": [
{ {
"x": 80, "x": 80,
"y": 134 "y": 136.5
}, },
{ {
"x": 80, "x": 80,
@ -219,7 +219,7 @@
}, },
{ {
"x": 80, "x": 80,
"y": 334 "y": 336.5
} }
], ],
"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="639" viewBox="-102 -105 361 639"><style type="text/css"> width="361" height="634" viewBox="-102 -100 361 634"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="361" height="639" viewBox="-102 -105 361 639"><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="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"> ]]></script><g id="a"><g class="shape" ><rect x="0" y="41" width="156" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="78.000000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="0" y="307" width="157" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="78.500000" y="294.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="a.b"><g class="shape" ><rect x="54" y="70" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="80.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="53" y="336" width="54" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="80.000000" y="374.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 138.500000 C 80.000000 156.000000 80.000000 176.000000 80.000000 191.000000 C 80.000000 206.000000 80.000000 276.000000 80.000000 332.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3706172476)"/></g><mask id="3706172476" maskUnits="userSpaceOnUse" x="-100" y="-100" width="361" height="634">
<rect x="-100" y="-100" width="361" height="639" fill="white"></rect> <rect x="-100" y="-100" width="361" height="634" 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

18
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": 36 "y": 41
}, },
"width": 218, "width": 218,
"height": 394, "height": 389,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "callout", "type": "callout",
"pos": { "pos": {
"x": 50, "x": 50,
"y": 307 "y": 309
}, },
"width": 72, "width": 72,
"height": 91, "height": 91,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 84, "x": 84,
"y": 94 "y": 96
}, },
"width": 68, "width": 68,
"height": 66, "height": 66,
@ -236,19 +236,19 @@
"route": [ "route": [
{ {
"x": 109.16317991631799, "x": 109.16317991631799,
"y": 160 "y": 162.5
}, },
{ {
"x": 90.6326359832636, "x": 90.6326359832636,
"y": 229.2 "y": 231.7
}, },
{ {
"x": 86, "x": 86,
"y": 258.6 "y": 261.1
}, },
{ {
"x": 86, "x": 86,
"y": 307 "y": 309.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -296,7 +296,7 @@
}, },
{ {
"x": 127, "x": 127,
"y": 159.5 "y": 162
} }
], ],
"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="637" viewBox="-102 -105 545 637"><style type="text/css"> width="545" height="632" viewBox="-102 -100 545 632"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,10 +39,10 @@ width="545" height="637" viewBox="-102 -105 545 637"><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="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"> ]]></script><g id="aaa"><g class="shape" ><rect x="0" y="41" width="218" height="389" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="109.000000" y="28.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 309 V 355 H 86 V 400 L 116 355 H 122 V 309 H 50 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="86.000000" y="337.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">bbb</text></g><g id="aaa.ccc"><g class="shape" ><rect x="84" y="96" width="68" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="118.000000" y="134.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ccc</text></g><g id="(aaa.ccc -- aaa)[0]"><path d="M 108.645842 164.431932 C 90.632636 231.700000 86.000000 261.100000 86.000000 307.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" mask="url(#1902870529)"/><text class="text-italic" x="90.500000" y="240.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.701829 163.872815" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#1902870529)"/><text class="text-italic" x="181.500000" y="256.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">222</text></g><mask id="1902870529" maskUnits="userSpaceOnUse" x="-100" y="-100" width="545" height="632">
<rect x="-100" y="-100" width="545" height="637" fill="white"></rect> <rect x="-100" y="-100" width="545" height="632" fill="white"></rect>
<rect x="79.000000" y="222.000000" width="23" height="21" fill="black"></rect> <rect x="79.000000" y="224.000000" width="23" height="21" fill="black"></rect>
<rect x="168.000000" y="239.000000" width="25" height="21" fill="black"></rect> <rect x="169.000000" y="240.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

180
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": 36 "y": 41
}, },
"width": 970, "width": 970,
"height": 1485, "height": 1480,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,10 +48,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 99 "y": 106
}, },
"width": 691, "width": 691,
"height": 1390, "height": 1385,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -89,10 +89,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 80, "x": 80,
"y": 877 "y": 887
}, },
"width": 477, "width": 477,
"height": 577, "height": 572,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -130,10 +130,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 120, "x": 120,
"y": 935 "y": 948
}, },
"width": 336, "width": 336,
"height": 145, "height": 140,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -171,7 +171,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 253, "x": 253,
"y": 998 "y": 1008
}, },
"width": 16, "width": 16,
"height": 21, "height": 21,
@ -211,7 +211,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 350, "x": 350,
"y": 975 "y": 985
}, },
"width": 57, "width": 57,
"height": 66, "height": 66,
@ -252,7 +252,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 396, "x": 396,
"y": 1201 "y": 1209
}, },
"width": 17, "width": 17,
"height": 21, "height": 21,
@ -292,7 +292,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 373, "x": 373,
"y": 1347 "y": 1355
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -333,10 +333,10 @@
"type": "package", "type": "package",
"pos": { "pos": {
"x": 120, "x": 120,
"y": 159 "y": 169
}, },
"width": 378, "width": 378,
"height": 166, "height": 161,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -374,7 +374,7 @@
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 304, "x": 304,
"y": 196 "y": 204
}, },
"width": 50, "width": 50,
"height": 92, "height": 92,
@ -415,7 +415,7 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 607, "x": 607,
"y": 1330 "y": 1335
}, },
"width": 74, "width": 74,
"height": 74, "height": 74,
@ -456,7 +456,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 828, "x": 828,
"y": 649 "y": 651
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -497,7 +497,7 @@
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 815, "x": 815,
"y": 431 "y": 433
}, },
"width": 71, "width": 71,
"height": 118, "height": 118,
@ -538,7 +538,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 781, "x": 781,
"y": 1342 "y": 1344
}, },
"width": 16, "width": 16,
"height": 21, "height": 21,
@ -578,7 +578,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 857, "x": 857,
"y": 1319 "y": 1321
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -643,19 +643,19 @@
"route": [ "route": [
{ {
"x": 260.75, "x": 260.75,
"y": 1019.5 "y": 1029.5
}, },
{ {
"x": 260.75, "x": 260.75,
"y": 1066.2 "y": 1073.7
}, },
{ {
"x": 287.75, "x": 287.75,
"y": 1154.4 "y": 1161.9
}, },
{ {
"x": 395.75, "x": 395.75,
"y": 1208 "y": 1215.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -691,19 +691,19 @@
"route": [ "route": [
{ {
"x": 404.5, "x": 404.5,
"y": 1222.5 "y": 1230
}, },
{ {
"x": 404.5, "x": 404.5,
"y": 1270.9 "y": 1278.4
}, },
{ {
"x": 404.5, "x": 404.5,
"y": 1296 "y": 1303.5
}, },
{ {
"x": 404.5, "x": 404.5,
"y": 1348 "y": 1355.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -739,67 +739,67 @@
"route": [ "route": [
{ {
"x": 200, "x": 200,
"y": 325.5 "y": 330.5
}, },
{ {
"x": 200, "x": 200,
"y": 373.9 "y": 378.9
}, },
{ {
"x": 200, "x": 200,
"y": 409.9 "y": 414.9
}, },
{ {
"x": 200, "x": 200,
"y": 445.75 "y": 450.75
}, },
{ {
"x": 200, "x": 200,
"y": 481.6 "y": 486.6
}, },
{ {
"x": 200, "x": 200,
"y": 527.3 "y": 532.3
}, },
{ {
"x": 200, "x": 200,
"y": 560 "y": 565
}, },
{ {
"x": 200, "x": 200,
"y": 592.7 "y": 597.7
}, },
{ {
"x": 200, "x": 200,
"y": 631.1 "y": 636.1
}, },
{ {
"x": 200, "x": 200,
"y": 656 "y": 661
}, },
{ {
"x": 200, "x": 200,
"y": 680.9 "y": 685.9
}, },
{ {
"x": 200, "x": 200,
"y": 716.2 "y": 721.2
}, },
{ {
"x": 200, "x": 200,
"y": 744.25 "y": 749.25
}, },
{ {
"x": 200, "x": 200,
"y": 772.3 "y": 777.3
}, },
{ {
"x": 200, "x": 200,
"y": 861.5 "y": 866.5
}, },
{ {
"x": 200, "x": 200,
"y": 914.5 "y": 922
} }
], ],
"isCurve": true, "isCurve": true,
@ -835,11 +835,11 @@
"route": [ "route": [
{ {
"x": 828, "x": 828,
"y": 686.1624072547403 "y": 688.6624072547403
}, },
{ {
"x": 731, "x": 731,
"y": 701.1624072547403 "y": 703.6624072547403
} }
], ],
"animated": false, "animated": false,
@ -874,31 +874,31 @@
"route": [ "route": [
{ {
"x": 815, "x": 815,
"y": 497 "y": 499.5
}, },
{ {
"x": 400.59999999999997, "x": 400.59999999999997,
"y": 578.6 "y": 581.1
}, },
{ {
"x": 297, "x": 297,
"y": 615.6 "y": 618.1
}, },
{ {
"x": 297, "x": 297,
"y": 640.5 "y": 643
}, },
{ {
"x": 297, "x": 297,
"y": 665.4 "y": 667.9
}, },
{ {
"x": 297, "x": 297,
"y": 787.7 "y": 790.2
}, },
{ {
"x": 297, "x": 297,
"y": 852 "y": 857
} }
], ],
"isCurve": true, "isCurve": true,
@ -934,19 +934,19 @@
"route": [ "route": [
{ {
"x": 853, "x": 853,
"y": 549 "y": 551.5
}, },
{ {
"x": 854.6, "x": 854.6,
"y": 589 "y": 591.5
}, },
{ {
"x": 855, "x": 855,
"y": 609 "y": 611.5
}, },
{ {
"x": 855, "x": 855,
"y": 649 "y": 651.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -982,11 +982,11 @@
"route": [ "route": [
{ {
"x": 815, "x": 815,
"y": 498 "y": 500.5
}, },
{ {
"x": 731.25, "x": 731.25,
"y": 515.7739829231542 "y": 518.2739829231542
} }
], ],
"animated": false, "animated": false,
@ -1021,67 +1021,67 @@
"route": [ "route": [
{ {
"x": 828, "x": 828,
"y": 689.0418410041841 "y": 691.5418410041841
}, },
{ {
"x": 562.8, "x": 562.8,
"y": 758.2083682008368 "y": 760.7083682008368
}, },
{ {
"x": 496.5, "x": 496.5,
"y": 787.6 "y": 790.1
}, },
{ {
"x": 496.5, "x": 496.5,
"y": 805.75 "y": 808.25
}, },
{ {
"x": 496.5, "x": 496.5,
"y": 823.9 "y": 826.4
}, },
{ {
"x": 496.5, "x": 496.5,
"y": 846 "y": 848.5
}, },
{ {
"x": 496.5, "x": 496.5,
"y": 861 "y": 863.5
}, },
{ {
"x": 496.5, "x": 496.5,
"y": 876 "y": 878.5
}, },
{ {
"x": 496.5, "x": 496.5,
"y": 902.6 "y": 905.1
}, },
{ {
"x": 496.5, "x": 496.5,
"y": 927.5 "y": 930
}, },
{ {
"x": 496.5, "x": 496.5,
"y": 952.4 "y": 954.9
}, },
{ {
"x": 496.5, "x": 496.5,
"y": 985.6 "y": 988.1
}, },
{ {
"x": 496.5, "x": 496.5,
"y": 1010.5 "y": 1013
}, },
{ {
"x": 496.5, "x": 496.5,
"y": 1035.4 "y": 1037.9
}, },
{ {
"x": 479.7, "x": 479.7,
"y": 1125.3 "y": 1127.8
}, },
{ {
"x": 412.5, "x": 412.5,
"y": 1205 "y": 1212.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1117,19 +1117,19 @@
"route": [ "route": [
{ {
"x": 815, "x": 815,
"y": 480 "y": 482.5
}, },
{ {
"x": 515.8, "x": 515.8,
"y": 392.4 "y": 394.9
}, },
{ {
"x": 441, "x": 441,
"y": 358.4 "y": 360.9
}, },
{ {
"x": 441, "x": 441,
"y": 325.5 "y": 330.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1165,19 +1165,19 @@
"route": [ "route": [
{ {
"x": 401, "x": 401,
"y": 851.5 "y": 856.5
}, },
{ {
"x": 401, "x": 401,
"y": 787.6 "y": 790.1
}, },
{ {
"x": 486.4, "x": 486.4,
"y": 757.9 "y": 760.4
}, },
{ {
"x": 828, "x": 828,
"y": 687.5 "y": 690
} }
], ],
"isCurve": true, "isCurve": true,
@ -1213,31 +1213,31 @@
"route": [ "route": [
{ {
"x": 393, "x": 393,
"y": 325.5 "y": 330.5
}, },
{ {
"x": 393, "x": 393,
"y": 358.4 "y": 360.9
}, },
{ {
"x": 393, "x": 393,
"y": 394.4 "y": 396.9
}, },
{ {
"x": 393, "x": 393,
"y": 430.25 "y": 432.75
}, },
{ {
"x": 393, "x": 393,
"y": 466.1 "y": 468.6
}, },
{ {
"x": 480, "x": 480,
"y": 614.6 "y": 617.1
}, },
{ {
"x": 828, "x": 828,
"y": 677 "y": 679.5
} }
], ],
"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

8
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": 36 "y": 41
}, },
"width": 381, "width": 381,
"height": 130, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -492,7 +492,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 50, "x": 50,
"y": 68 "y": 70
}, },
"width": 110, "width": 110,
"height": 66, "height": 66,
@ -533,7 +533,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 220, "x": 220,
"y": 68 "y": 70
}, },
"width": 111, "width": 111,
"height": 66, "height": 66,

30
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": 36 "y": 41
}, },
"width": 156, "width": 156,
"height": 130, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 94, "x": 94,
"y": 68 "y": 70
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -89,10 +89,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 302 "y": 307
}, },
"width": 157, "width": 157,
"height": 130, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 93, "x": 93,
"y": 334 "y": 336
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -171,10 +171,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 568 "y": 573
}, },
"width": 237, "width": 237,
"height": 230, "height": 225,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -212,10 +212,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 631 "y": 638
}, },
"width": 157, "width": 157,
"height": 135, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -253,7 +253,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 93, "x": 93,
"y": 665 "y": 670
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -318,7 +318,7 @@
"route": [ "route": [
{ {
"x": 120, "x": 120,
"y": 134 "y": 136.5
}, },
{ {
"x": 120, "x": 120,
@ -342,7 +342,7 @@
}, },
{ {
"x": 120, "x": 120,
"y": 334 "y": 336.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -378,7 +378,7 @@
"route": [ "route": [
{ {
"x": 120, "x": 120,
"y": 400 "y": 402.5
}, },
{ {
"x": 120, "x": 120,
@ -414,7 +414,7 @@
}, },
{ {
"x": 120, "x": 120,
"y": 665.5 "y": 670.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="1005" viewBox="-102 -105 441 1005"><style type="text/css"> width="441" height="1000" viewBox="-102 -100 441 1000"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="441" height="1005" viewBox="-102 -105 441 1005"><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="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"> ]]></script><g id="a"><g class="shape" ><rect x="40" y="41" width="156" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.000000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="40" y="307" width="157" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.500000" y="294.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="f"><g class="shape" ><rect x="0" y="573" width="237" height="225" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.500000" y="560.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">f</text></g><g id="a.b"><g class="shape" ><rect x="94" y="70" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="93" y="336" width="54" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.000000" y="374.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="f.h"><g class="shape" ><rect x="40" y="638" width="157" height="130" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.500000" y="626.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="670" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.000000" y="708.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 138.500000 C 120.000000 156.000000 120.000000 176.000000 120.000000 191.000000 C 120.000000 206.000000 120.000000 276.000000 120.000000 332.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2812858603)"/></g><g id="(c.d -&gt; f.h.g)[0]"><path d="M 120.000000 404.500000 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 666.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2812858603)"/></g><mask id="2812858603" maskUnits="userSpaceOnUse" x="-100" y="-100" width="441" height="1000">
<rect x="-100" y="-100" width="441" height="1005" fill="white"></rect> <rect x="-100" y="-100" width="441" height="1000" 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

30
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": 202 "y": 207
}, },
"width": 196, "width": 196,
"height": 662, "height": 657,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 348, "x": 348,
"y": 234 "y": 236
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -130,10 +130,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 418 "y": 423
}, },
"width": 236, "width": 236,
"height": 230, "height": 225,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -171,10 +171,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 481 "y": 488
}, },
"width": 156, "width": 156,
"height": 135, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -212,7 +212,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 94, "x": 94,
"y": 515 "y": 520
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -253,7 +253,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 330, "x": 330,
"y": 766 "y": 768
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -371,7 +371,7 @@
}, },
{ {
"x": 374.75, "x": 374.75,
"y": 234 "y": 236.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -407,7 +407,7 @@
"route": [ "route": [
{ {
"x": 358.84638554216866, "x": 358.84638554216866,
"y": 300 "y": 302.5
}, },
{ {
"x": 339.5692771084337, "x": 339.5692771084337,
@ -431,7 +431,7 @@
}, },
{ {
"x": 146.75, "x": 146.75,
"y": 538.5 "y": 543.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -479,7 +479,7 @@
}, },
{ {
"x": 356.5, "x": 356.5,
"y": 766 "y": 768.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -515,7 +515,7 @@
"route": [ "route": [
{ {
"x": 356.5, "x": 356.5,
"y": 832 "y": 834.5
}, },
{ {
"x": 356.5, "x": 356.5,
@ -615,7 +615,7 @@
}, },
{ {
"x": 196.75, "x": 196.75,
"y": 508 "y": 510.5
} }
], ],
"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="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"> ]]></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="207" width="196" height="657" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="375.000000" y="194.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">g</text></g><g id="d"><g class="shape" ><rect x="0" y="423" width="236" height="225" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.000000" y="410.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="236" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="374.500000" y="274.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="d.h"><g class="shape" ><rect x="40" y="488" width="156" height="130" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.000000" y="476.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">h</text></g><g id="g.e"><g class="shape" ><rect x="330" y="768" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="356.500000" y="806.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="520" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.500000" y="558.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 232.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1376850941)"/></g><g id="(g.b -&gt; d.h.c)[0]"><path d="M 357.440324 303.922319 C 339.569277 322.000000 334.750000 342.000000 334.750000 357.000000 C 334.750000 372.000000 297.150000 446.600000 150.112533 541.333581" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1376850941)"/></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 764.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1376850941)"/></g><g id="(g.e -&gt; f)[0]"><path d="M 356.500000 836.500000 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(#1376850941)"/></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(#1376850941)"/></g><g id="(g -&gt; d.h)[0]"><path d="M 275.020876 465.005053 L 200.208247 508.489894" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1376850941)"/></g><mask id="1376850941" 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

46
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": 36 "y": 41
}, },
"width": 368, "width": 368,
"height": 628, "height": 623,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -704,7 +704,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1056, "x": 1056,
"y": 234 "y": 236
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -745,7 +745,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 891, "x": 891,
"y": 400 "y": 402
}, },
"width": 74, "width": 74,
"height": 66, "height": 66,
@ -786,7 +786,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1038, "x": 1038,
"y": 68 "y": 70
}, },
"width": 88, "width": 88,
"height": 66, "height": 66,
@ -827,7 +827,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 871, "x": 871,
"y": 566 "y": 568
}, },
"width": 113, "width": 113,
"height": 66, "height": 66,
@ -868,7 +868,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1025, "x": 1025,
"y": 400 "y": 402
}, },
"width": 75, "width": 75,
"height": 66, "height": 66,
@ -1587,19 +1587,19 @@
"route": [ "route": [
{ {
"x": 1055.5, "x": 1055.5,
"y": 281.23624595469255 "y": 283.73624595469255
}, },
{ {
"x": 953.1, "x": 953.1,
"y": 336.24724919093853 "y": 338.74724919093853
}, },
{ {
"x": 927.5, "x": 927.5,
"y": 360 "y": 362.5
}, },
{ {
"x": 927.5, "x": 927.5,
"y": 400 "y": 402.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1635,19 +1635,19 @@
"route": [ "route": [
{ {
"x": 1082, "x": 1082,
"y": 134 "y": 136.5
}, },
{ {
"x": 1082, "x": 1082,
"y": 174 "y": 176.5
}, },
{ {
"x": 1082, "x": 1082,
"y": 194 "y": 196.5
}, },
{ {
"x": 1082, "x": 1082,
"y": 234 "y": 236.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1683,19 +1683,19 @@
"route": [ "route": [
{ {
"x": 927.5, "x": 927.5,
"y": 466 "y": 468.5
}, },
{ {
"x": 927.5, "x": 927.5,
"y": 506 "y": 508.5
}, },
{ {
"x": 927.5, "x": 927.5,
"y": 526 "y": 528.5
}, },
{ {
"x": 927.5, "x": 927.5,
"y": 566 "y": 568.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1731,19 +1731,19 @@
"route": [ "route": [
{ {
"x": 1074.0481927710844, "x": 1074.0481927710844,
"y": 300 "y": 302.5
}, },
{ {
"x": 1064.4096385542168, "x": 1064.4096385542168,
"y": 340 "y": 342.5
}, },
{ {
"x": 1062, "x": 1062,
"y": 360 "y": 362.5
}, },
{ {
"x": 1062, "x": 1062,
"y": 400 "y": 402.5
} }
], ],
"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

86
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": 202 "y": 207
}, },
"width": 370, "width": 370,
"height": 1060, "height": 1055,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -212,7 +212,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 171, "x": 171,
"y": 234 "y": 236
}, },
"width": 52, "width": 52,
"height": 66, "height": 66,
@ -253,10 +253,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 431 "y": 438
}, },
"width": 176, "width": 176,
"height": 799, "height": 794,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -294,7 +294,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 267, "x": 267,
"y": 616 "y": 618
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -335,7 +335,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 267, "x": 267,
"y": 782 "y": 784
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -376,7 +376,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 267, "x": 267,
"y": 948 "y": 950
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -417,7 +417,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 112, "x": 112,
"y": 465 "y": 470
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -458,7 +458,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 92, "x": 92,
"y": 631 "y": 636
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -499,7 +499,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 92, "x": 92,
"y": 797 "y": 802
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -540,7 +540,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 92, "x": 92,
"y": 963 "y": 968
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -581,7 +581,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 92, "x": 92,
"y": 1129 "y": 1134
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -829,19 +829,19 @@
"route": [ "route": [
{ {
"x": 173.59036144578312, "x": 173.59036144578312,
"y": 300 "y": 302.5
}, },
{ {
"x": 145.51807228915663, "x": 145.51807228915663,
"y": 340 "y": 342.5
}, },
{ {
"x": 138.5, "x": 138.5,
"y": 360 "y": 362.5
}, },
{ {
"x": 138.5, "x": 138.5,
"y": 400 "y": 402.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -877,11 +877,11 @@
"route": [ "route": [
{ {
"x": 216.5, "x": 216.5,
"y": 602 "y": 604.5
}, },
{ {
"x": 267.5, "x": 267.5,
"y": 633 "y": 635.5
} }
], ],
"animated": false, "animated": false,
@ -916,19 +916,19 @@
"route": [ "route": [
{ {
"x": 293.75, "x": 293.75,
"y": 682 "y": 684.5
}, },
{ {
"x": 293.75, "x": 293.75,
"y": 722 "y": 724.5
}, },
{ {
"x": 293.75, "x": 293.75,
"y": 742 "y": 744.5
}, },
{ {
"x": 293.75, "x": 293.75,
"y": 782 "y": 784.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -964,19 +964,19 @@
"route": [ "route": [
{ {
"x": 293.75, "x": 293.75,
"y": 848 "y": 850.5
}, },
{ {
"x": 293.75, "x": 293.75,
"y": 888 "y": 890.5
}, },
{ {
"x": 293.75, "x": 293.75,
"y": 908 "y": 910.5
}, },
{ {
"x": 293.75, "x": 293.75,
"y": 948 "y": 950.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1012,19 +1012,19 @@
"route": [ "route": [
{ {
"x": 130.54819277108433, "x": 130.54819277108433,
"y": 531.5 "y": 536.5
}, },
{ {
"x": 120.90963855421687, "x": 120.90963855421687,
"y": 571.5 "y": 576.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 591.5 "y": 596.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 631.5 "y": 636.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1060,19 +1060,19 @@
"route": [ "route": [
{ {
"x": 118.5, "x": 118.5,
"y": 697.5 "y": 702.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 737.5 "y": 742.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 757.5 "y": 762.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 797.5 "y": 802.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1108,19 +1108,19 @@
"route": [ "route": [
{ {
"x": 118.5, "x": 118.5,
"y": 863.5 "y": 868.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 903.5 "y": 908.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 923.5 "y": 928.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 963.5 "y": 968.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1156,19 +1156,19 @@
"route": [ "route": [
{ {
"x": 118.5, "x": 118.5,
"y": 1029.5 "y": 1034.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 1069.5 "y": 1074.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 1089.5 "y": 1094.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 1129.5 "y": 1134.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

16
e2etests/testdata/stable/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": 125 "y": 130
}, },
"width": 404, "width": 404,
"height": 431, "height": 446,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,10 +48,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 206 "y": 216
}, },
"width": 324, "width": 324,
"height": 350, "height": 360,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -89,10 +89,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 80, "x": 80,
"y": 269 "y": 284
}, },
"width": 244, "width": 244,
"height": 265, "height": 270,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 120, "x": 120,
"y": 332 "y": 352
}, },
"width": 164, "width": 164,
"height": 160, "height": 160,
@ -171,7 +171,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 170, "x": 170,
"y": 384 "y": 404
}, },
"width": 64, "width": 64,
"height": 56, "height": 56,

6
e2etests/testdata/stable/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="652" height="763" viewBox="-124 -105 652 763"><style type="text/css"> width="652" height="778" viewBox="-124 -100 652 778"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="652" height="763" viewBox="-124 -105 652 763"><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="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"> ]]></script><g id="ninety nine"><g class="shape" ><rect x="0" y="130" width="404" height="446" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="202.000000" y="99.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="216" width="324" height="360" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="202.000000" y="194.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="284" width="244" height="270" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="202.000000" y="270.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="352" width="164" height="160" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="202.000000" y="342.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="404" width="64" height="56" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="202.000000" y="434.500000" style="text-anchor:middle;font-size:8px;fill:#0A0F25">eight</text></g><mask id="3442700494" maskUnits="userSpaceOnUse" x="-100" y="-100" width="652" height="778">
<rect x="-100" y="-100" width="652" height="763" fill="white"></rect> <rect x="-100" y="-100" width="652" height="778" 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

130
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": 681 "y": 686
}, },
"width": 430, "width": 430,
"height": 156, "height": 151,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -171,7 +171,7 @@
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 59, "x": 59,
"y": 713 "y": 715
}, },
"width": 64, "width": 64,
"height": 92, "height": 92,
@ -212,10 +212,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 1931 "y": 1936
}, },
"width": 459, "width": 459,
"height": 337, "height": 332,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -253,7 +253,7 @@
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 303, "x": 303,
"y": 1963 "y": 1965
}, },
"width": 66, "width": 66,
"height": 92, "height": 92,
@ -294,7 +294,7 @@
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 323, "x": 323,
"y": 713 "y": 715
}, },
"width": 66, "width": 66,
"height": 92, "height": 92,
@ -458,10 +458,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 2404 "y": 2409
}, },
"width": 417, "width": 417,
"height": 311, "height": 306,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -499,7 +499,7 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 50, "x": 50,
"y": 2602 "y": 2604
}, },
"width": 81, "width": 81,
"height": 81, "height": 81,
@ -540,7 +540,7 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 50, "x": 50,
"y": 2155 "y": 2157
}, },
"width": 81, "width": 81,
"height": 81, "height": 81,
@ -581,10 +581,10 @@
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 9, "x": 9,
"y": 3356 "y": 3361
}, },
"width": 571, "width": 571,
"height": 130, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -622,7 +622,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 59, "x": 59,
"y": 3388 "y": 3390
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -663,7 +663,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 304, "x": 304,
"y": 2163 "y": 2165
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -704,7 +704,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 304, "x": 304,
"y": 2436 "y": 2438
}, },
"width": 64, "width": 64,
"height": 66, "height": 66,
@ -745,7 +745,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 307, "x": 307,
"y": 2610 "y": 2612
}, },
"width": 58, "width": 58,
"height": 66, "height": 66,
@ -786,10 +786,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 463, "x": 463,
"y": 1160 "y": 1165
}, },
"width": 159, "width": 159,
"height": 130, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -827,7 +827,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 514, "x": 514,
"y": 1192 "y": 1194
}, },
"width": 58, "width": 58,
"height": 66, "height": 66,
@ -868,10 +868,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 461, "x": 461,
"y": 1426 "y": 1431
}, },
"width": 163, "width": 163,
"height": 130, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -909,7 +909,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 511, "x": 511,
"y": 1458 "y": 1460
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -1043,7 +1043,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 246, "x": 246,
"y": 3388 "y": 3390
}, },
"width": 62, "width": 62,
"height": 66, "height": 66,
@ -1084,10 +1084,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 317, "x": 317,
"y": 2851 "y": 2856
}, },
"width": 321, "width": 321,
"height": 369, "height": 364,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -1125,7 +1125,7 @@
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 430, "x": 430,
"y": 2883 "y": 2885
}, },
"width": 138, "width": 138,
"height": 118, "height": 118,
@ -1177,7 +1177,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 468, "x": 468,
"y": 3122 "y": 3124
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -1218,7 +1218,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 468, "x": 468,
"y": 3388 "y": 3390
}, },
"width": 62, "width": 62,
"height": 66, "height": 66,
@ -1480,7 +1480,7 @@
}, },
{ {
"x": 91, "x": 91,
"y": 713 "y": 715.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1744,7 +1744,7 @@
}, },
{ {
"x": 318, "x": 318,
"y": 1987 "y": 1989.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1792,7 +1792,7 @@
}, },
{ {
"x": 356, "x": 356,
"y": 713 "y": 715.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1828,7 +1828,7 @@
"route": [ "route": [
{ {
"x": 91, "x": 91,
"y": 805 "y": 807.5
}, },
{ {
"x": 90.6, "x": 90.6,
@ -2056,7 +2056,7 @@
}, },
{ {
"x": 91, "x": 91,
"y": 2155 "y": 2157.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -2092,7 +2092,7 @@
"route": [ "route": [
{ {
"x": 91, "x": 91,
"y": 2236 "y": 2238.5
}, },
{ {
"x": 90.6, "x": 90.6,
@ -2140,7 +2140,7 @@
}, },
{ {
"x": 91, "x": 91,
"y": 2602 "y": 2604.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -2176,7 +2176,7 @@
"route": [ "route": [
{ {
"x": 91, "x": 91,
"y": 2683 "y": 2685.5
}, },
{ {
"x": 90.6, "x": 90.6,
@ -2272,7 +2272,7 @@
}, },
{ {
"x": 90.5, "x": 90.5,
"y": 3388 "y": 3390.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -2308,19 +2308,19 @@
"route": [ "route": [
{ {
"x": 336, "x": 336,
"y": 2055 "y": 2057.5
}, },
{ {
"x": 335.8, "x": 335.8,
"y": 2095 "y": 2097.5
}, },
{ {
"x": 335.75, "x": 335.75,
"y": 2116.5 "y": 2119
}, },
{ {
"x": 335.75, "x": 335.75,
"y": 2162.5 "y": 2165
} }
], ],
"isCurve": true, "isCurve": true,
@ -2356,7 +2356,7 @@
"route": [ "route": [
{ {
"x": 335.75, "x": 335.75,
"y": 2229.5 "y": 2232
}, },
{ {
"x": 335.75, "x": 335.75,
@ -2380,7 +2380,7 @@
}, },
{ {
"x": 335.75, "x": 335.75,
"y": 2436 "y": 2438.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -2416,19 +2416,19 @@
"route": [ "route": [
{ {
"x": 335.75, "x": 335.75,
"y": 2502 "y": 2504.5
}, },
{ {
"x": 335.75, "x": 335.75,
"y": 2542 "y": 2544.5
}, },
{ {
"x": 335.75, "x": 335.75,
"y": 2563.5 "y": 2566
}, },
{ {
"x": 335.75, "x": 335.75,
"y": 2609.5 "y": 2612
} }
], ],
"isCurve": true, "isCurve": true,
@ -2464,7 +2464,7 @@
"route": [ "route": [
{ {
"x": 356, "x": 356,
"y": 805 "y": 807.5
}, },
{ {
"x": 356.2, "x": 356.2,
@ -2512,7 +2512,7 @@
}, },
{ {
"x": 542.75, "x": 542.75,
"y": 1192 "y": 1194.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -2548,7 +2548,7 @@
"route": [ "route": [
{ {
"x": 542.75, "x": 542.75,
"y": 1258 "y": 1260.5
}, },
{ {
"x": 542.75, "x": 542.75,
@ -2572,7 +2572,7 @@
}, },
{ {
"x": 542.75, "x": 542.75,
"y": 1458 "y": 1460.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -2656,7 +2656,7 @@
"route": [ "route": [
{ {
"x": 542.75, "x": 542.75,
"y": 1524 "y": 1526.5
}, },
{ {
"x": 542.75, "x": 542.75,
@ -2944,7 +2944,7 @@
}, },
{ {
"x": 277, "x": 277,
"y": 3388 "y": 3390.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -2980,7 +2980,7 @@
"route": [ "route": [
{ {
"x": 335.75, "x": 335.75,
"y": 2676.5 "y": 2679
}, },
{ {
"x": 335.75, "x": 335.75,
@ -3004,7 +3004,7 @@
}, },
{ {
"x": 455, "x": 455,
"y": 2883 "y": 2885.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -3064,7 +3064,7 @@
}, },
{ {
"x": 532, "x": 532,
"y": 2883 "y": 2885.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -3100,19 +3100,19 @@
"route": [ "route": [
{ {
"x": 499, "x": 499,
"y": 3001 "y": 3003.5
}, },
{ {
"x": 499, "x": 499,
"y": 3049.4 "y": 3051.9
}, },
{ {
"x": 499, "x": 499,
"y": 3073.7 "y": 3076.2
}, },
{ {
"x": 499, "x": 499,
"y": 3122.5 "y": 3125
} }
], ],
"isCurve": true, "isCurve": true,
@ -3148,7 +3148,7 @@
"route": [ "route": [
{ {
"x": 499, "x": 499,
"y": 3188 "y": 3190.5
}, },
{ {
"x": 499, "x": 499,
@ -3172,7 +3172,7 @@
}, },
{ {
"x": 499, "x": 499,
"y": 3388 "y": 3390.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -3208,7 +3208,7 @@
"route": [ "route": [
{ {
"x": 499, "x": 499,
"y": 3454 "y": 3456.5
}, },
{ {
"x": 499, "x": 499,
@ -3268,7 +3268,7 @@
}, },
{ {
"x": 352, "x": 352,
"y": 1985 "y": 1987.5
} }
], ],
"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

244
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": 402 "y": 407
}, },
"width": 611, "width": 611,
"height": 546, "height": 541,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -376,10 +376,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1664, "x": 1664,
"y": 465 "y": 472
}, },
"width": 454, "width": 454,
"height": 135, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -417,7 +417,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2015, "x": 2015,
"y": 499 "y": 504
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -458,7 +458,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1720, "x": 1720,
"y": 499 "y": 504
}, },
"width": 49, "width": 49,
"height": 66, "height": 66,
@ -499,7 +499,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2009, "x": 2009,
"y": 800 "y": 802
}, },
"width": 57, "width": 57,
"height": 66, "height": 66,
@ -540,7 +540,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2130, "x": 2130,
"y": 800 "y": 802
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -581,10 +581,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1664, "x": 1664,
"y": 781 "y": 788
}, },
"width": 156, "width": 156,
"height": 135, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -622,7 +622,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1718, "x": 1718,
"y": 815 "y": 820
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -704,10 +704,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 216, "x": 216,
"y": 36 "y": 41
}, },
"width": 1368, "width": 1368,
"height": 596, "height": 591,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -745,10 +745,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 501, "x": 501,
"y": 99 "y": 106
}, },
"width": 489, "width": 489,
"height": 501, "height": 496,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -786,7 +786,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 594, "x": 594,
"y": 499 "y": 504
}, },
"width": 51, "width": 51,
"height": 66, "height": 66,
@ -827,10 +827,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 793, "x": 793,
"y": 159 "y": 169
}, },
"width": 157, "width": 157,
"height": 140, "height": 135,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -868,7 +868,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 846, "x": 846,
"y": 196 "y": 204
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -909,7 +909,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 706, "x": 706,
"y": 499 "y": 504
}, },
"width": 58, "width": 58,
"height": 66, "height": 66,
@ -950,7 +950,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 688, "x": 688,
"y": 183 "y": 188
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -991,7 +991,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 846, "x": 846,
"y": 499 "y": 504
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -1032,7 +1032,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1040, "x": 1040,
"y": 484 "y": 486
}, },
"width": 52, "width": 52,
"height": 66, "height": 66,
@ -1073,7 +1073,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 266, "x": 266,
"y": 168 "y": 170
}, },
"width": 62, "width": 62,
"height": 66, "height": 66,
@ -1114,10 +1114,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1259, "x": 1259,
"y": 465 "y": 472
}, },
"width": 285, "width": 285,
"height": 135, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -1155,7 +1155,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1309, "x": 1309,
"y": 499 "y": 504
}, },
"width": 61, "width": 61,
"height": 66, "height": 66,
@ -1196,7 +1196,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1430, "x": 1430,
"y": 499 "y": 504
}, },
"width": 64, "width": 64,
"height": 66, "height": 66,
@ -1237,7 +1237,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1150, "x": 1150,
"y": 168 "y": 170
}, },
"width": 62, "width": 62,
"height": 66, "height": 66,
@ -1278,7 +1278,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1152, "x": 1152,
"y": 484 "y": 486
}, },
"width": 57, "width": 57,
"height": 66, "height": 66,
@ -1319,7 +1319,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 388, "x": 388,
"y": 168 "y": 170
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -1384,43 +1384,43 @@
"route": [ "route": [
{ {
"x": 2041.75, "x": 2041.75,
"y": 565.5 "y": 570.5
}, },
{ {
"x": 2041.75, "x": 2041.75,
"y": 590 "y": 592.5
}, },
{ {
"x": 2041.75, "x": 2041.75,
"y": 610 "y": 612.5
}, },
{ {
"x": 2041.75, "x": 2041.75,
"y": 625 "y": 627.5
}, },
{ {
"x": 2041.75, "x": 2041.75,
"y": 640 "y": 642.5
}, },
{ {
"x": 2041.75, "x": 2041.75,
"y": 660 "y": 662.5
}, },
{ {
"x": 2041.75, "x": 2041.75,
"y": 675 "y": 677.5
}, },
{ {
"x": 2041.75, "x": 2041.75,
"y": 690 "y": 692.5
}, },
{ {
"x": 2041.15, "x": 2041.15,
"y": 760 "y": 762.5
}, },
{ {
"x": 2038.75, "x": 2038.75,
"y": 800 "y": 802.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1456,43 +1456,43 @@
"route": [ "route": [
{ {
"x": 1744, "x": 1744,
"y": 565.5 "y": 570.5
}, },
{ {
"x": 1744, "x": 1744,
"y": 590 "y": 592.5
}, },
{ {
"x": 1744, "x": 1744,
"y": 610 "y": 612.5
}, },
{ {
"x": 1744, "x": 1744,
"y": 625 "y": 627.5
}, },
{ {
"x": 1744, "x": 1744,
"y": 640 "y": 642.5
}, },
{ {
"x": 1744, "x": 1744,
"y": 660 "y": 662.5
}, },
{ {
"x": 1744, "x": 1744,
"y": 675 "y": 677.5
}, },
{ {
"x": 1744, "x": 1744,
"y": 690 "y": 692.5
}, },
{ {
"x": 1744, "x": 1744,
"y": 760 "y": 762.5
}, },
{ {
"x": 1744, "x": 1744,
"y": 815.5 "y": 820.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1552,7 +1552,7 @@
}, },
{ {
"x": 2061.5, "x": 2061.5,
"y": 866 "y": 868.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1588,7 +1588,7 @@
"route": [ "route": [
{ {
"x": 2066, "x": 2066,
"y": 848.0190476190476 "y": 850.5190476190476
}, },
{ {
"x": 2169.2, "x": 2169.2,
@ -1648,7 +1648,7 @@
"route": [ "route": [
{ {
"x": 2156.0542168674697, "x": 2156.0542168674697,
"y": 866 "y": 868.5
}, },
{ {
"x": 2155.210843373494, "x": 2155.210843373494,
@ -1708,7 +1708,7 @@
"route": [ "route": [
{ {
"x": 2009, "x": 2009,
"y": 846.4978601997148 "y": 848.9978601997148
}, },
{ {
"x": 1891.6, "x": 1891.6,
@ -1768,7 +1768,7 @@
"route": [ "route": [
{ {
"x": 2009, "x": 2009,
"y": 850.8528301886793 "y": 853.3528301886793
}, },
{ {
"x": 1925.8, "x": 1925.8,
@ -1828,7 +1828,7 @@
"route": [ "route": [
{ {
"x": 2045.4518072289156, "x": 2045.4518072289156,
"y": 866 "y": 868.5
}, },
{ {
"x": 2055.090361445783, "x": 2055.090361445783,
@ -1888,7 +1888,7 @@
"route": [ "route": [
{ {
"x": 2015.1355421686746, "x": 2015.1355421686746,
"y": 866 "y": 868.5
}, },
{ {
"x": 1988.0271084337348, "x": 1988.0271084337348,
@ -1996,43 +1996,43 @@
"route": [ "route": [
{ {
"x": 699.9397590361446, "x": 699.9397590361446,
"y": 249.5 "y": 254.5
}, },
{ {
"x": 681.9879518072289, "x": 681.9879518072289,
"y": 289.5 "y": 294.5
}, },
{ {
"x": 677.5, "x": 677.5,
"y": 309.5 "y": 314.5
}, },
{ {
"x": 677.5, "x": 677.5,
"y": 324.5 "y": 329.5
}, },
{ {
"x": 677.5, "x": 677.5,
"y": 339.5 "y": 344.5
}, },
{ {
"x": 677.5, "x": 677.5,
"y": 359.5 "y": 364.5
}, },
{ {
"x": 677.5, "x": 677.5,
"y": 374.5 "y": 379.5
}, },
{ {
"x": 677.5, "x": 677.5,
"y": 389.5 "y": 394.5
}, },
{ {
"x": 670.5, "x": 670.5,
"y": 459.5 "y": 464.5
}, },
{ {
"x": 642.5, "x": 642.5,
"y": 499.5 "y": 504.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -2068,43 +2068,43 @@
"route": [ "route": [
{ {
"x": 722.7018072289156, "x": 722.7018072289156,
"y": 249.5 "y": 254.5
}, },
{ {
"x": 732.3403614457832, "x": 732.3403614457832,
"y": 289.5 "y": 294.5
}, },
{ {
"x": 734.75, "x": 734.75,
"y": 309.5 "y": 314.5
}, },
{ {
"x": 734.75, "x": 734.75,
"y": 324.5 "y": 329.5
}, },
{ {
"x": 734.75, "x": 734.75,
"y": 339.5 "y": 344.5
}, },
{ {
"x": 734.75, "x": 734.75,
"y": 359.5 "y": 364.5
}, },
{ {
"x": 734.75, "x": 734.75,
"y": 374.5 "y": 379.5
}, },
{ {
"x": 734.75, "x": 734.75,
"y": 389.5 "y": 394.5
}, },
{ {
"x": 734.75, "x": 734.75,
"y": 459.5 "y": 464.5
}, },
{ {
"x": 734.75, "x": 734.75,
"y": 499.5 "y": 504.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -2140,43 +2140,43 @@
"route": [ "route": [
{ {
"x": 451, "x": 451,
"y": 214.08886107634544 "y": 216.58886107634544
}, },
{ {
"x": 585.6, "x": 585.6,
"y": 270.0177722152691 "y": 272.5177722152691
}, },
{ {
"x": 619.25, "x": 619.25,
"y": 294 "y": 296.5
}, },
{ {
"x": 619.25, "x": 619.25,
"y": 309 "y": 311.5
}, },
{ {
"x": 619.25, "x": 619.25,
"y": 324 "y": 326.5
}, },
{ {
"x": 619.25, "x": 619.25,
"y": 344 "y": 346.5
}, },
{ {
"x": 619.25, "x": 619.25,
"y": 359 "y": 361.5
}, },
{ {
"x": 619.25, "x": 619.25,
"y": 374 "y": 376.5
}, },
{ {
"x": 619.25, "x": 619.25,
"y": 444 "y": 446.5
}, },
{ {
"x": 619.25, "x": 619.25,
"y": 499.5 "y": 504.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -2212,43 +2212,43 @@
"route": [ "route": [
{ {
"x": 873, "x": 873,
"y": 262.5 "y": 270
}, },
{ {
"x": 873, "x": 873,
"y": 274 "y": 276.5
}, },
{ {
"x": 873, "x": 873,
"y": 294 "y": 296.5
}, },
{ {
"x": 873, "x": 873,
"y": 309 "y": 311.5
}, },
{ {
"x": 873, "x": 873,
"y": 324 "y": 326.5
}, },
{ {
"x": 873, "x": 873,
"y": 344 "y": 346.5
}, },
{ {
"x": 873, "x": 873,
"y": 359 "y": 361.5
}, },
{ {
"x": 873, "x": 873,
"y": 374 "y": 376.5
}, },
{ {
"x": 906.4, "x": 906.4,
"y": 448.4 "y": 450.9
}, },
{ {
"x": 1040, "x": 1040,
"y": 506 "y": 508.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -2284,43 +2284,43 @@
"route": [ "route": [
{ {
"x": 328, "x": 328,
"y": 211.54508196721312 "y": 214.04508196721312
}, },
{ {
"x": 498.4, "x": 498.4,
"y": 269.5090163934426 "y": 272.0090163934426
}, },
{ {
"x": 541, "x": 541,
"y": 294 "y": 296.5
}, },
{ {
"x": 541, "x": 541,
"y": 309 "y": 311.5
}, },
{ {
"x": 541, "x": 541,
"y": 324 "y": 326.5
}, },
{ {
"x": 541, "x": 541,
"y": 344 "y": 346.5
}, },
{ {
"x": 541, "x": 541,
"y": 359 "y": 361.5
}, },
{ {
"x": 541, "x": 541,
"y": 374 "y": 376.5
}, },
{ {
"x": 551.55, "x": 551.55,
"y": 445.1904153354633 "y": 447.6904153354633
}, },
{ {
"x": 593.75, "x": 593.75,
"y": 505.4520766773163 "y": 510.4520766773163
} }
], ],
"isCurve": true, "isCurve": true,
@ -2356,7 +2356,7 @@
"route": [ "route": [
{ {
"x": 734.75, "x": 734.75,
"y": 565.5 "y": 570.5
}, },
{ {
"x": 734.75, "x": 734.75,
@ -2392,7 +2392,7 @@
}, },
{ {
"x": 2008.75, "x": 2008.75,
"y": 818 "y": 820.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -2428,7 +2428,7 @@
"route": [ "route": [
{ {
"x": 634.4578313253012, "x": 634.4578313253012,
"y": 565.5 "y": 570.5
}, },
{ {
"x": 652.8915662650602, "x": 652.8915662650602,
@ -2548,7 +2548,7 @@
"route": [ "route": [
{ {
"x": 604.0421686746988, "x": 604.0421686746988,
"y": 565.5 "y": 570.5
}, },
{ {
"x": 585.6084337349398, "x": 585.6084337349398,
@ -2620,43 +2620,43 @@
"route": [ "route": [
{ {
"x": 1180.5, "x": 1180.5,
"y": 234 "y": 236.5
}, },
{ {
"x": 1180.5, "x": 1180.5,
"y": 274 "y": 276.5
}, },
{ {
"x": 1180.5, "x": 1180.5,
"y": 294 "y": 296.5
}, },
{ {
"x": 1180.5, "x": 1180.5,
"y": 309 "y": 311.5
}, },
{ {
"x": 1180.5, "x": 1180.5,
"y": 324 "y": 326.5
}, },
{ {
"x": 1180.5, "x": 1180.5,
"y": 344 "y": 346.5
}, },
{ {
"x": 1180.5, "x": 1180.5,
"y": 359 "y": 361.5
}, },
{ {
"x": 1180.5, "x": 1180.5,
"y": 374 "y": 376.5
}, },
{ {
"x": 1180.5, "x": 1180.5,
"y": 444 "y": 446.5
}, },
{ {
"x": 1180.5, "x": 1180.5,
"y": 484 "y": 486.5
} }
], ],
"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: 663 KiB

After

Width:  |  Height:  |  Size: 664 KiB

6
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": 36 "y": 41
}, },
"width": 312, "width": 312,
"height": 322, "height": 317,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 50, "x": 50,
"y": 68 "y": 70
}, },
"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="689" viewBox="-102 -105 516 689"><style type="text/css"> width="516" height="684" viewBox="-102 -100 516 684"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -796,8 +796,8 @@ width="516" height="689" viewBox="-102 -105 516 689"><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="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> </style><g id="container"><g class="shape" ><rect x="0" y="41" width="312" height="317" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="156.000000" y="28.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="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> </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="70.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="689" viewBox="-102 -105 516 689"><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(#2272613933)"/></g><mask id="2272613933" maskUnits="userSpaceOnUse" x="-100" y="-100" width="516" height="689"> </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(#2424495084)"/></g><mask id="2424495084" maskUnits="userSpaceOnUse" x="-100" y="-100" width="516" height="684">
<rect x="-100" y="-100" width="516" height="689" fill="white"></rect> <rect x="-100" y="-100" width="516" height="684" 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

6
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": 36 "y": 41
}, },
"width": 559, "width": 559,
"height": 112, "height": 107,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 50, "x": 50,
"y": 68 "y": 70
}, },
"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="355" viewBox="-102 -105 763 355"><style type="text/css"> width="763" height="350" viewBox="-102 -100 763 350"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -796,10 +796,10 @@ width="763" height="355" viewBox="-102 -105 763 355"><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="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 /> </style><g id="markdown"><g class="shape" ><rect x="0" y="41" width="559" height="107" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="279.500000" y="28.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="70.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="3009002953" maskUnits="userSpaceOnUse" x="-100" y="-100" width="763" height="355"> </div></foreignObject></g></g><mask id="3064100792" maskUnits="userSpaceOnUse" x="-100" y="-100" width="763" height="350">
<rect x="-100" y="-100" width="763" height="355" fill="white"></rect> <rect x="-100" y="-100" width="763" height="350" 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

6
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": 36 "y": 41
}, },
"width": 559, "width": 559,
"height": 112, "height": 107,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 50, "x": 50,
"y": 68 "y": 70
}, },
"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="355" viewBox="-102 -105 763 355"><style type="text/css"> width="763" height="350" viewBox="-102 -100 763 350"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -796,10 +796,10 @@ width="763" height="355" viewBox="-102 -105 763 355"><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="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 /> </style><g id="markdown"><g class="shape" ><rect x="0" y="41" width="559" height="107" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="279.500000" y="28.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="70.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="3415611337" maskUnits="userSpaceOnUse" x="-100" y="-100" width="763" height="355"> </div></foreignObject></g></g><mask id="311818784" maskUnits="userSpaceOnUse" x="-100" y="-100" width="763" height="350">
<rect x="-100" y="-100" width="763" height="355" fill="white"></rect> <rect x="-100" y="-100" width="763" height="350" 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

12
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": 36 "y": 41
}, },
"width": 346, "width": 346,
"height": 130, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 92, "x": 92,
"y": 68 "y": 70
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -294,7 +294,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 244, "x": 244,
"y": 68 "y": 70
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -359,7 +359,7 @@
"route": [ "route": [
{ {
"x": 103.0421686746988, "x": 103.0421686746988,
"y": 134 "y": 136.5
}, },
{ {
"x": 84.60843373493975, "x": 84.60843373493975,
@ -755,7 +755,7 @@
"route": [ "route": [
{ {
"x": 270, "x": 270,
"y": 134 "y": 136.5
}, },
{ {
"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="1037" viewBox="-102 -105 550 1037"><style type="text/css"> width="550" height="1032" viewBox="-102 -100 550 1032"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="550" height="1037" viewBox="-102 -105 550 1037"><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="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"> ]]></script><g id="a"><g class="shape" ><rect x="0" y="41" width="346" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="173.000000" y="28.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="70" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="118.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.h"><g class="shape" ><rect x="244" y="70" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="270.500000" y="108.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.668249 137.953391 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(#1470452591)"/></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(#1470452591)"/></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(#1470452591)"/></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(#1470452591)"/></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(#1470452591)"/></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(#1470452591)"/></g><g id="(a.h -&gt; g)[0]"><path d="M 270.000000 138.500000 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(#1470452591)"/></g><mask id="1470452591" maskUnits="userSpaceOnUse" x="-100" y="-100" width="550" height="1032">
<rect x="-100" y="-100" width="550" height="1037" fill="white"></rect> <rect x="-100" y="-100" width="550" height="1032" 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

24
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": 36 "y": 41
}, },
"width": 356, "width": 356,
"height": 130, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 138, "x": 138,
"y": 68 "y": 70
}, },
"width": 80, "width": 80,
"height": 66, "height": 66,
@ -212,10 +212,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 468 "y": 473
}, },
"width": 354, "width": 354,
"height": 130, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -253,7 +253,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 162, "x": 162,
"y": 500 "y": 502
}, },
"width": 72, "width": 72,
"height": 66, "height": 66,
@ -318,7 +318,7 @@
"route": [ "route": [
{ {
"x": 140.2289156626506, "x": 140.2289156626506,
"y": 134 "y": 136.5
}, },
{ {
"x": 94.44578313253012, "x": 94.44578313253012,
@ -366,7 +366,7 @@
"route": [ "route": [
{ {
"x": 185.1566265060241, "x": 185.1566265060241,
"y": 134 "y": 136.5
}, },
{ {
"x": 193.83132530120483, "x": 193.83132530120483,
@ -414,7 +414,7 @@
"route": [ "route": [
{ {
"x": 218, "x": 218,
"y": 126.34351145038168 "y": 128.8435114503817
}, },
{ {
"x": 290.8, "x": 290.8,
@ -474,7 +474,7 @@
}, },
{ {
"x": 162, "x": 162,
"y": 507 "y": 509.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -522,7 +522,7 @@
}, },
{ {
"x": 197, "x": 197,
"y": 500 "y": 502.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -570,7 +570,7 @@
}, },
{ {
"x": 234, "x": 234,
"y": 506 "y": 508.5
} }
], ],
"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="805" viewBox="-102 -105 560 805"><style type="text/css"> width="560" height="800" viewBox="-102 -100 560 800"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="560" height="805" viewBox="-102 -105 560 805"><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="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"> ]]></script><g id="top"><g class="shape" ><rect x="0" y="41" width="356" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="178.000000" y="28.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="473" width="354" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="177.000000" y="460.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">bottom</text></g><g id="top.start"><g class="shape" ><rect x="138" y="70" width="80" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="178.000000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">start</text></g><g id="bottom.end"><g class="shape" ><rect x="162" y="502" width="72" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="198.000000" y="540.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.388864 137.283717 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(#3242044080)"/></g><g id="(top.start -&gt; b)[0]"><path d="M 185.969532 138.327344 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(#3242044080)"/></g><g id="(top.start -&gt; c)[0]"><path d="M 219.886541 129.507563 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(#3242044080)"/></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.235705 506.608863" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3242044080)"/></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.947112 498.500350" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3242044080)"/></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.706369 505.554568" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3242044080)"/></g><mask id="3242044080" maskUnits="userSpaceOnUse" x="-100" y="-100" width="560" height="800">
<rect x="-100" y="-100" width="560" height="805" fill="white"></rect> <rect x="-100" y="-100" width="560" height="800" 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

84
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": 290 "y": 295
}, },
"width": 1112, "width": 1112,
"height": 968, "height": 963,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -100,7 +100,7 @@
"type": "image", "type": "image",
"pos": { "pos": {
"x": 492, "x": 492,
"y": 322 "y": 324
}, },
"width": 128, "width": 128,
"height": 128, "height": 128,
@ -152,10 +152,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 628 "y": 635
}, },
"width": 496, "width": 496,
"height": 598, "height": 593,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -193,7 +193,7 @@
"type": "image", "type": "image",
"pos": { "pos": {
"x": 224, "x": 224,
"y": 662 "y": 667
}, },
"width": 128, "width": 128,
"height": 128, "height": 128,
@ -245,10 +245,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 80, "x": 80,
"y": 963 "y": 973
}, },
"width": 416, "width": 416,
"height": 228, "height": 223,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -286,7 +286,7 @@
"type": "image", "type": "image",
"pos": { "pos": {
"x": 130, "x": 130,
"y": 1000 "y": 1008
}, },
"width": 128, "width": 128,
"height": 128, "height": 128,
@ -338,7 +338,7 @@
"type": "image", "type": "image",
"pos": { "pos": {
"x": 318, "x": 318,
"y": 1000 "y": 1008
}, },
"width": 128, "width": 128,
"height": 128, "height": 128,
@ -390,10 +390,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 576, "x": 576,
"y": 628 "y": 635
}, },
"width": 496, "width": 496,
"height": 598, "height": 593,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -431,7 +431,7 @@
"type": "image", "type": "image",
"pos": { "pos": {
"x": 760, "x": 760,
"y": 662 "y": 667
}, },
"width": 128, "width": 128,
"height": 128, "height": 128,
@ -483,10 +483,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 616, "x": 616,
"y": 963 "y": 973
}, },
"width": 416, "width": 416,
"height": 228, "height": 223,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -524,7 +524,7 @@
"type": "image", "type": "image",
"pos": { "pos": {
"x": 666, "x": 666,
"y": 1000 "y": 1008
}, },
"width": 128, "width": 128,
"height": 128, "height": 128,
@ -576,7 +576,7 @@
"type": "image", "type": "image",
"pos": { "pos": {
"x": 854, "x": 854,
"y": 1000 "y": 1008
}, },
"width": 128, "width": 128,
"height": 128, "height": 128,
@ -664,7 +664,7 @@
}, },
{ {
"x": 556, "x": 556,
"y": 322 "y": 324.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -700,19 +700,19 @@
"route": [ "route": [
{ {
"x": 235.36, "x": 235.36,
"y": 816.5 "y": 821.5
}, },
{ {
"x": 202.272, "x": 202.272,
"y": 864.9 "y": 869.9
}, },
{ {
"x": 194, "x": 194,
"y": 947.5 "y": 952.5
}, },
{ {
"x": 194, "x": 194,
"y": 1000.5 "y": 1008
} }
], ],
"isCurve": true, "isCurve": true,
@ -748,19 +748,19 @@
"route": [ "route": [
{ {
"x": 340.64, "x": 340.64,
"y": 816.5 "y": 821.5
}, },
{ {
"x": 373.728, "x": 373.728,
"y": 864.9 "y": 869.9
}, },
{ {
"x": 382, "x": 382,
"y": 947.5 "y": 952.5
}, },
{ {
"x": 382, "x": 382,
"y": 1000.5 "y": 1008
} }
], ],
"isCurve": true, "isCurve": true,
@ -796,19 +796,19 @@
"route": [ "route": [
{ {
"x": 771.36, "x": 771.36,
"y": 816.5 "y": 821.5
}, },
{ {
"x": 738.272, "x": 738.272,
"y": 864.9 "y": 869.9
}, },
{ {
"x": 730, "x": 730,
"y": 947.5 "y": 952.5
}, },
{ {
"x": 730, "x": 730,
"y": 1000.5 "y": 1008
} }
], ],
"isCurve": true, "isCurve": true,
@ -844,19 +844,19 @@
"route": [ "route": [
{ {
"x": 876.64, "x": 876.64,
"y": 816.5 "y": 821.5
}, },
{ {
"x": 909.728, "x": 909.728,
"y": 864.9 "y": 869.9
}, },
{ {
"x": 918, "x": 918,
"y": 947.5 "y": 952.5
}, },
{ {
"x": 918, "x": 918,
"y": 1000.5 "y": 1008
} }
], ],
"isCurve": true, "isCurve": true,
@ -892,19 +892,19 @@
"route": [ "route": [
{ {
"x": 492, "x": 492,
"y": 431.8358208955224 "y": 434.3358208955224
}, },
{ {
"x": 328.79999999999995, "x": 328.79999999999995,
"y": 515.5671641791045 "y": 518.0671641791045
}, },
{ {
"x": 288, "x": 288,
"y": 607 "y": 609.5
}, },
{ {
"x": 288, "x": 288,
"y": 662.5 "y": 667.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -940,19 +940,19 @@
"route": [ "route": [
{ {
"x": 620, "x": 620,
"y": 431.8358208955224 "y": 434.3358208955224
}, },
{ {
"x": 783.2, "x": 783.2,
"y": 515.5671641791045 "y": 518.0671641791045
}, },
{ {
"x": 824, "x": 824,
"y": 607 "y": 609.5
}, },
{ {
"x": 824, "x": 824,
"y": 662.5 "y": 667.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

230
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": 244 "y": 249
}, },
"width": 1548, "width": 1548,
"height": 2084, "height": 2079,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -816,7 +816,7 @@
"type": "sequence_diagram", "type": "sequence_diagram",
"pos": { "pos": {
"x": 1548, "x": 1548,
"y": 279 "y": 281
}, },
"width": 1448, "width": 1448,
"height": 2015, "height": 2015,
@ -857,7 +857,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1572, "x": 1572,
"y": 384 "y": 386
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -898,7 +898,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1641, "x": 1641,
"y": 564 "y": 566
}, },
"width": 12, "width": 12,
"height": 1592, "height": 1592,
@ -938,7 +938,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1822, "x": 1822,
"y": 384 "y": 386
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -979,7 +979,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1891, "x": 1891,
"y": 564 "y": 566
}, },
"width": 12, "width": 12,
"height": 162, "height": 162,
@ -1019,7 +1019,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2072, "x": 2072,
"y": 384 "y": 386
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -1060,7 +1060,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2141, "x": 2141,
"y": 824 "y": 826
}, },
"width": 12, "width": 12,
"height": 162, "height": 162,
@ -1100,7 +1100,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2322, "x": 2322,
"y": 384 "y": 386
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -1141,7 +1141,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2391, "x": 2391,
"y": 1084 "y": 1086
}, },
"width": 12, "width": 12,
"height": 422, "height": 422,
@ -1181,7 +1181,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2387, "x": 2387,
"y": 1214 "y": 1216
}, },
"width": 20, "width": 20,
"height": 162, "height": 162,
@ -1221,7 +1221,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2572, "x": 2572,
"y": 384 "y": 386
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -1262,7 +1262,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2641, "x": 2641,
"y": 1344 "y": 1346
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -1302,7 +1302,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2822, "x": 2822,
"y": 384 "y": 386
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -1343,7 +1343,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2891, "x": 2891,
"y": 1604 "y": 1606
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -1383,7 +1383,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2141, "x": 2141,
"y": 1734 "y": 1736
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -1423,7 +1423,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2141, "x": 2141,
"y": 1864 "y": 1866
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -1463,7 +1463,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2891, "x": 2891,
"y": 1994 "y": 1996
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -1503,7 +1503,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2891, "x": 2891,
"y": 2124 "y": 2126
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -1584,10 +1584,10 @@
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 1845, "x": 1845,
"y": 2464 "y": 2469
}, },
"width": 1648, "width": 1648,
"height": 1429, "height": 1424,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -1625,7 +1625,7 @@
"type": "sequence_diagram", "type": "sequence_diagram",
"pos": { "pos": {
"x": 1955, "x": 1955,
"y": 2496 "y": 2498
}, },
"width": 1448, "width": 1448,
"height": 1365, "height": 1365,
@ -1666,7 +1666,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1979, "x": 1979,
"y": 2601 "y": 2603
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -1707,7 +1707,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2229, "x": 2229,
"y": 2601 "y": 2603
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -1748,7 +1748,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2479, "x": 2479,
"y": 2601 "y": 2603
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -1789,7 +1789,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2729, "x": 2729,
"y": 2601 "y": 2603
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -1830,7 +1830,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2979, "x": 2979,
"y": 2601 "y": 2603
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -1871,7 +1871,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 3229, "x": 3229,
"y": 2601 "y": 2603
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -1912,7 +1912,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 3298, "x": 3298,
"y": 2781 "y": 2783
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -1952,7 +1952,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2798, "x": 2798,
"y": 2765 "y": 2767
}, },
"width": 12, "width": 12,
"height": 698, "height": 698,
@ -1992,7 +1992,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2794, "x": 2794,
"y": 2781 "y": 2783
}, },
"width": 20, "width": 20,
"height": 162, "height": 162,
@ -2032,7 +2032,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2548, "x": 2548,
"y": 2879 "y": 2881
}, },
"width": 12, "width": 12,
"height": 340, "height": 340,
@ -2072,7 +2072,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2544, "x": 2544,
"y": 2895 "y": 2897
}, },
"width": 20, "width": 20,
"height": 308, "height": 308,
@ -2112,7 +2112,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2540, "x": 2540,
"y": 2911 "y": 2913
}, },
"width": 28, "width": 28,
"height": 162, "height": 162,
@ -2152,7 +2152,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2298, "x": 2298,
"y": 2993 "y": 2995
}, },
"width": 12, "width": 12,
"height": 388, "height": 388,
@ -2192,7 +2192,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2294, "x": 2294,
"y": 3009 "y": 3011
}, },
"width": 20, "width": 20,
"height": 356, "height": 356,
@ -2232,7 +2232,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2290, "x": 2290,
"y": 3025 "y": 3027
}, },
"width": 28, "width": 28,
"height": 324, "height": 324,
@ -2272,7 +2272,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2286, "x": 2286,
"y": 3041 "y": 3043
}, },
"width": 36, "width": 36,
"height": 292, "height": 292,
@ -2312,7 +2312,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 3048, "x": 3048,
"y": 3237 "y": 3239
}, },
"width": 12, "width": 12,
"height": 420, "height": 420,
@ -2352,7 +2352,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 3044, "x": 3044,
"y": 3253 "y": 3255
}, },
"width": 20, "width": 20,
"height": 388, "height": 388,
@ -2392,7 +2392,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 3040, "x": 3040,
"y": 3269 "y": 3271
}, },
"width": 28, "width": 28,
"height": 356, "height": 356,
@ -2432,7 +2432,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 3036, "x": 3036,
"y": 3285 "y": 3287
}, },
"width": 36, "width": 36,
"height": 324, "height": 324,
@ -2472,7 +2472,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 3032, "x": 3032,
"y": 3301 "y": 3303
}, },
"width": 44, "width": 44,
"height": 292, "height": 292,
@ -2512,7 +2512,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2048, "x": 2048,
"y": 3431 "y": 3433
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -2552,7 +2552,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 3298, "x": 3298,
"y": 3691 "y": 3693
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -3123,11 +3123,11 @@
"route": [ "route": [
{ {
"x": 1653, "x": 1653,
"y": 580 "y": 582.5
}, },
{ {
"x": 1891, "x": 1891,
"y": 580 "y": 582.5
} }
], ],
"animated": false, "animated": false,
@ -3162,11 +3162,11 @@
"route": [ "route": [
{ {
"x": 1653, "x": 1653,
"y": 710 "y": 712.5
}, },
{ {
"x": 1891, "x": 1891,
"y": 710 "y": 712.5
} }
], ],
"animated": false, "animated": false,
@ -3201,11 +3201,11 @@
"route": [ "route": [
{ {
"x": 1653, "x": 1653,
"y": 840 "y": 842.5
}, },
{ {
"x": 2141, "x": 2141,
"y": 840 "y": 842.5
} }
], ],
"animated": false, "animated": false,
@ -3240,11 +3240,11 @@
"route": [ "route": [
{ {
"x": 1653, "x": 1653,
"y": 970 "y": 972.5
}, },
{ {
"x": 2141, "x": 2141,
"y": 970 "y": 972.5
} }
], ],
"animated": false, "animated": false,
@ -3279,11 +3279,11 @@
"route": [ "route": [
{ {
"x": 1653, "x": 1653,
"y": 1100 "y": 1102.5
}, },
{ {
"x": 2391, "x": 2391,
"y": 1100 "y": 1102.5
} }
], ],
"animated": false, "animated": false,
@ -3318,11 +3318,11 @@
"route": [ "route": [
{ {
"x": 1897, "x": 1897,
"y": 1230 "y": 1232.5
}, },
{ {
"x": 2387, "x": 2387,
"y": 1230 "y": 1232.5
} }
], ],
"animated": false, "animated": false,
@ -3357,11 +3357,11 @@
"route": [ "route": [
{ {
"x": 2407, "x": 2407,
"y": 1360 "y": 1362.5
}, },
{ {
"x": 2641, "x": 2641,
"y": 1360 "y": 1362.5
} }
], ],
"animated": false, "animated": false,
@ -3396,11 +3396,11 @@
"route": [ "route": [
{ {
"x": 1647, "x": 1647,
"y": 1490 "y": 1492.5
}, },
{ {
"x": 2391, "x": 2391,
"y": 1490 "y": 1492.5
} }
], ],
"animated": false, "animated": false,
@ -3435,11 +3435,11 @@
"route": [ "route": [
{ {
"x": 1653, "x": 1653,
"y": 1620 "y": 1622.5
}, },
{ {
"x": 2891, "x": 2891,
"y": 1620 "y": 1622.5
} }
], ],
"animated": false, "animated": false,
@ -3474,11 +3474,11 @@
"route": [ "route": [
{ {
"x": 1653, "x": 1653,
"y": 1750 "y": 1752.5
}, },
{ {
"x": 2141, "x": 2141,
"y": 1750 "y": 1752.5
} }
], ],
"animated": false, "animated": false,
@ -3513,11 +3513,11 @@
"route": [ "route": [
{ {
"x": 1653, "x": 1653,
"y": 1880 "y": 1882.5
}, },
{ {
"x": 2141, "x": 2141,
"y": 1880 "y": 1882.5
} }
], ],
"animated": false, "animated": false,
@ -3552,11 +3552,11 @@
"route": [ "route": [
{ {
"x": 1653, "x": 1653,
"y": 2010 "y": 2012.5
}, },
{ {
"x": 2891, "x": 2891,
"y": 2010 "y": 2012.5
} }
], ],
"animated": false, "animated": false,
@ -3591,11 +3591,11 @@
"route": [ "route": [
{ {
"x": 1653, "x": 1653,
"y": 2140 "y": 2142.5
}, },
{ {
"x": 2891, "x": 2891,
"y": 2140 "y": 2142.5
} }
], ],
"animated": false, "animated": false,
@ -3690,7 +3690,7 @@
}, },
{ {
"x": 2272, "x": 2272,
"y": 278.5 "y": 281
} }
], ],
"isCurve": true, "isCurve": true,
@ -3786,7 +3786,7 @@
"route": [ "route": [
{ {
"x": 2272, "x": 2272,
"y": 2294.5 "y": 2297
}, },
{ {
"x": 2272, "x": 2272,
@ -3810,7 +3810,7 @@
}, },
{ {
"x": 2300, "x": 2300,
"y": 2496 "y": 2498.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -3930,11 +3930,11 @@
"route": [ "route": [
{ {
"x": 3298, "x": 3298,
"y": 2797 "y": 2799.5
}, },
{ {
"x": 2814, "x": 2814,
"y": 2797 "y": 2799.5
} }
], ],
"animated": false, "animated": false,
@ -3969,11 +3969,11 @@
"route": [ "route": [
{ {
"x": 2794, "x": 2794,
"y": 2927 "y": 2929.5
}, },
{ {
"x": 2568, "x": 2568,
"y": 2927 "y": 2929.5
} }
], ],
"animated": false, "animated": false,
@ -4008,11 +4008,11 @@
"route": [ "route": [
{ {
"x": 2540, "x": 2540,
"y": 3057 "y": 3059.5
}, },
{ {
"x": 2322, "x": 2322,
"y": 3057 "y": 3059.5
} }
], ],
"animated": false, "animated": false,
@ -4047,11 +4047,11 @@
"route": [ "route": [
{ {
"x": 2798, "x": 2798,
"y": 3187 "y": 3189.5
}, },
{ {
"x": 2564, "x": 2564,
"y": 3187 "y": 3189.5
} }
], ],
"animated": false, "animated": false,
@ -4086,11 +4086,11 @@
"route": [ "route": [
{ {
"x": 2322, "x": 2322,
"y": 3317 "y": 3319.5
}, },
{ {
"x": 3032, "x": 3032,
"y": 3317 "y": 3319.5
} }
], ],
"animated": false, "animated": false,
@ -4125,11 +4125,11 @@
"route": [ "route": [
{ {
"x": 2060, "x": 2060,
"y": 3447 "y": 3449.5
}, },
{ {
"x": 2798, "x": 2798,
"y": 3447 "y": 3449.5
} }
], ],
"animated": false, "animated": false,
@ -4164,11 +4164,11 @@
"route": [ "route": [
{ {
"x": 3032, "x": 3032,
"y": 3577 "y": 3579.5
}, },
{ {
"x": 2054, "x": 2054,
"y": 3577 "y": 3579.5
} }
], ],
"animated": false, "animated": false,
@ -4203,11 +4203,11 @@
"route": [ "route": [
{ {
"x": 2054, "x": 2054,
"y": 3707 "y": 3709.5
}, },
{ {
"x": 3298, "x": 3298,
"y": 3707 "y": 3709.5
} }
], ],
"animated": false, "animated": false,
@ -4476,11 +4476,11 @@
"route": [ "route": [
{ {
"x": 1647, "x": 1647,
"y": 450 "y": 452.5
}, },
{ {
"x": 1647, "x": 1647,
"y": 2270 "y": 2272.5
} }
], ],
"animated": false, "animated": false,
@ -4515,11 +4515,11 @@
"route": [ "route": [
{ {
"x": 1897, "x": 1897,
"y": 450 "y": 452.5
}, },
{ {
"x": 1897, "x": 1897,
"y": 2270 "y": 2272.5
} }
], ],
"animated": false, "animated": false,
@ -4554,11 +4554,11 @@
"route": [ "route": [
{ {
"x": 2147, "x": 2147,
"y": 450 "y": 452.5
}, },
{ {
"x": 2147, "x": 2147,
"y": 2270 "y": 2272.5
} }
], ],
"animated": false, "animated": false,
@ -4593,11 +4593,11 @@
"route": [ "route": [
{ {
"x": 2397, "x": 2397,
"y": 450 "y": 452.5
}, },
{ {
"x": 2397, "x": 2397,
"y": 2270 "y": 2272.5
} }
], ],
"animated": false, "animated": false,
@ -4632,11 +4632,11 @@
"route": [ "route": [
{ {
"x": 2647, "x": 2647,
"y": 450 "y": 452.5
}, },
{ {
"x": 2647, "x": 2647,
"y": 2270 "y": 2272.5
} }
], ],
"animated": false, "animated": false,
@ -4671,11 +4671,11 @@
"route": [ "route": [
{ {
"x": 2897, "x": 2897,
"y": 450 "y": 452.5
}, },
{ {
"x": 2897, "x": 2897,
"y": 2270 "y": 2272.5
} }
], ],
"animated": false, "animated": false,
@ -4710,11 +4710,11 @@
"route": [ "route": [
{ {
"x": 2054, "x": 2054,
"y": 2667 "y": 2669.5
}, },
{ {
"x": 2054, "x": 2054,
"y": 3837 "y": 3839.5
} }
], ],
"animated": false, "animated": false,
@ -4749,11 +4749,11 @@
"route": [ "route": [
{ {
"x": 2304, "x": 2304,
"y": 2667 "y": 2669.5
}, },
{ {
"x": 2304, "x": 2304,
"y": 3837 "y": 3839.5
} }
], ],
"animated": false, "animated": false,
@ -4788,11 +4788,11 @@
"route": [ "route": [
{ {
"x": 2554, "x": 2554,
"y": 2667 "y": 2669.5
}, },
{ {
"x": 2554, "x": 2554,
"y": 3837 "y": 3839.5
} }
], ],
"animated": false, "animated": false,
@ -4827,11 +4827,11 @@
"route": [ "route": [
{ {
"x": 2804, "x": 2804,
"y": 2667 "y": 2669.5
}, },
{ {
"x": 2804, "x": 2804,
"y": 3837 "y": 3839.5
} }
], ],
"animated": false, "animated": false,
@ -4866,11 +4866,11 @@
"route": [ "route": [
{ {
"x": 3054, "x": 3054,
"y": 2667 "y": 2669.5
}, },
{ {
"x": 3054, "x": 3054,
"y": 3837 "y": 3839.5
} }
], ],
"animated": false, "animated": false,
@ -4905,11 +4905,11 @@
"route": [ "route": [
{ {
"x": 3304, "x": 3304,
"y": 2667 "y": 2669.5
}, },
{ {
"x": 3304, "x": 3304,
"y": 3837 "y": 3839.5
} }
], ],
"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

106
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": 202 "y": 207
}, },
"width": 549, "width": 549,
"height": 130, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -171,7 +171,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 290, "x": 290,
"y": 234 "y": 236
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -212,7 +212,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 94, "x": 94,
"y": 234 "y": 236
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -253,7 +253,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 487, "x": 487,
"y": 234 "y": 236
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -294,10 +294,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 468 "y": 473
}, },
"width": 156, "width": 156,
"height": 130, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -335,7 +335,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 94, "x": 94,
"y": 500 "y": 502
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -376,10 +376,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 433, "x": 433,
"y": 468 "y": 473
}, },
"width": 156, "width": 156,
"height": 130, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -417,7 +417,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 487, "x": 487,
"y": 500 "y": 502
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -458,10 +458,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 237, "x": 237,
"y": 468 "y": 473
}, },
"width": 156, "width": 156,
"height": 130, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -499,7 +499,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 290, "x": 290,
"y": 500 "y": 502
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -540,10 +540,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 734 "y": 739
}, },
"width": 353, "width": 353,
"height": 130, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -581,7 +581,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 94, "x": 94,
"y": 766 "y": 768
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -622,7 +622,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 290, "x": 290,
"y": 766 "y": 768
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -663,10 +663,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 433, "x": 433,
"y": 734 "y": 739
}, },
"width": 156, "width": 156,
"height": 130, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -704,7 +704,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 487, "x": 487,
"y": 766 "y": 768
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -745,10 +745,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 1000 "y": 1005
}, },
"width": 629, "width": 629,
"height": 230, "height": 225,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -786,10 +786,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 1063 "y": 1070
}, },
"width": 156, "width": 156,
"height": 135, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -827,7 +827,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 94, "x": 94,
"y": 1097 "y": 1102
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -868,10 +868,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 237, "x": 237,
"y": 1063 "y": 1070
}, },
"width": 156, "width": 156,
"height": 135, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -909,7 +909,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 290, "x": 290,
"y": 1097 "y": 1102
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -950,10 +950,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 433, "x": 433,
"y": 1063 "y": 1070
}, },
"width": 156, "width": 156,
"height": 135, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -991,7 +991,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 487, "x": 487,
"y": 1097 "y": 1102
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -1068,7 +1068,7 @@
}, },
{ {
"x": 316.5, "x": 316.5,
"y": 234 "y": 236.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1116,7 +1116,7 @@
}, },
{ {
"x": 120, "x": 120,
"y": 234 "y": 236.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1164,7 +1164,7 @@
}, },
{ {
"x": 513, "x": 513,
"y": 234 "y": 236.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1200,7 +1200,7 @@
"route": [ "route": [
{ {
"x": 120, "x": 120,
"y": 300 "y": 302.5
}, },
{ {
"x": 120, "x": 120,
@ -1224,7 +1224,7 @@
}, },
{ {
"x": 120, "x": 120,
"y": 500 "y": 502.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1260,7 +1260,7 @@
"route": [ "route": [
{ {
"x": 513, "x": 513,
"y": 300 "y": 302.5
}, },
{ {
"x": 513, "x": 513,
@ -1284,7 +1284,7 @@
}, },
{ {
"x": 513, "x": 513,
"y": 500 "y": 502.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1320,7 +1320,7 @@
"route": [ "route": [
{ {
"x": 316.5, "x": 316.5,
"y": 300 "y": 302.5
}, },
{ {
"x": 316.5, "x": 316.5,
@ -1344,7 +1344,7 @@
}, },
{ {
"x": 316.5, "x": 316.5,
"y": 500 "y": 502.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1380,7 +1380,7 @@
"route": [ "route": [
{ {
"x": 120, "x": 120,
"y": 566 "y": 568.5
}, },
{ {
"x": 120, "x": 120,
@ -1404,7 +1404,7 @@
}, },
{ {
"x": 120, "x": 120,
"y": 766 "y": 768.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1440,7 +1440,7 @@
"route": [ "route": [
{ {
"x": 316.5, "x": 316.5,
"y": 566 "y": 568.5
}, },
{ {
"x": 316.5, "x": 316.5,
@ -1464,7 +1464,7 @@
}, },
{ {
"x": 316.5, "x": 316.5,
"y": 766 "y": 768.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1500,7 +1500,7 @@
"route": [ "route": [
{ {
"x": 513, "x": 513,
"y": 566 "y": 568.5
}, },
{ {
"x": 513, "x": 513,
@ -1524,7 +1524,7 @@
}, },
{ {
"x": 513, "x": 513,
"y": 766 "y": 768.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1560,7 +1560,7 @@
"route": [ "route": [
{ {
"x": 120, "x": 120,
"y": 832 "y": 834.5
}, },
{ {
"x": 120, "x": 120,
@ -1596,7 +1596,7 @@
}, },
{ {
"x": 120, "x": 120,
"y": 1097.5 "y": 1102.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1632,7 +1632,7 @@
"route": [ "route": [
{ {
"x": 316.5, "x": 316.5,
"y": 832 "y": 834.5
}, },
{ {
"x": 316.5, "x": 316.5,
@ -1668,7 +1668,7 @@
}, },
{ {
"x": 316.5, "x": 316.5,
"y": 1097.5 "y": 1102.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1704,7 +1704,7 @@
"route": [ "route": [
{ {
"x": 513, "x": 513,
"y": 832 "y": 834.5
}, },
{ {
"x": 513, "x": 513,
@ -1740,7 +1740,7 @@
}, },
{ {
"x": 513, "x": 513,
"y": 1097.5 "y": 1102.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

70
e2etests/testdata/todo/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": 36 "y": 41
}, },
"width": 434, "width": 434,
"height": 330, "height": 325,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,10 +48,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 99 "y": 106
}, },
"width": 354, "width": 354,
"height": 235, "height": 230,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -89,10 +89,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 80, "x": 80,
"y": 159 "y": 169
}, },
"width": 274, "width": 274,
"height": 140, "height": 135,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 130, "x": 130,
"y": 196 "y": 204
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -195,55 +195,55 @@
"route": [ "route": [
{ {
"x": 184, "x": 184,
"y": 186.23204419889504 "y": 188.73204419889504
}, },
{ {
"x": 210.66666666666669, "x": 210.66666666666669,
"y": 171.646408839779 "y": 174.146408839779
}, },
{ {
"x": 219, "x": 219,
"y": 168 "y": 170.5
}, },
{ {
"x": 221.5, "x": 221.5,
"y": 168 "y": 170.5
}, },
{ {
"x": 224, "x": 224,
"y": 168 "y": 170.5
}, },
{ {
"x": 227.33333333333331, "x": 227.33333333333331,
"y": 174.6 "y": 177.1
}, },
{ {
"x": 229.83333333333331, "x": 229.83333333333331,
"y": 184.5 "y": 187
}, },
{ {
"x": 232.33333333333334, "x": 232.33333333333334,
"y": 194.4 "y": 196.9
}, },
{ {
"x": 232.33333333333334, "x": 232.33333333333334,
"y": 207.6 "y": 210.1
}, },
{ {
"x": 229.83333333333331, "x": 229.83333333333331,
"y": 217.5 "y": 220
}, },
{ {
"x": 227.33333333333331, "x": 227.33333333333331,
"y": 227.4 "y": 229.9
}, },
{ {
"x": 210.66666666666669, "x": 210.66666666666669,
"y": 230.353591160221 "y": 232.853591160221
}, },
{ {
"x": 184, "x": 184,
"y": 215.76795580110496 "y": 218.26795580110496
} }
], ],
"isCurve": true, "isCurve": true,
@ -279,55 +279,55 @@
"route": [ "route": [
{ {
"x": 184, "x": 184,
"y": 206.25862068965517 "y": 211.25862068965517
}, },
{ {
"x": 232, "x": 232,
"y": 188.05172413793105 "y": 193.05172413793105
}, },
{ {
"x": 247, "x": 247,
"y": 183.5 "y": 188.5
}, },
{ {
"x": 251.5, "x": 251.5,
"y": 183.5 "y": 188.5
}, },
{ {
"x": 256, "x": 256,
"y": 183.5 "y": 188.5
}, },
{ {
"x": 262, "x": 262,
"y": 190.1 "y": 195.1
}, },
{ {
"x": 266.5, "x": 266.5,
"y": 200 "y": 205
}, },
{ {
"x": 271, "x": 271,
"y": 209.9 "y": 214.9
}, },
{ {
"x": 271, "x": 271,
"y": 223.1 "y": 228.1
}, },
{ {
"x": 266.5, "x": 266.5,
"y": 233 "y": 238
}, },
{ {
"x": 262, "x": 262,
"y": 242.9 "y": 247.9
}, },
{ {
"x": 232, "x": 232,
"y": 244.94827586206895 "y": 249.94827586206895
}, },
{ {
"x": 184, "x": 184,
"y": 226.74137931034483 "y": 231.74137931034483
} }
], ],
"isCurve": true, "isCurve": true,
@ -363,11 +363,11 @@
"route": [ "route": [
{ {
"x": 183.66666666666669, "x": 183.66666666666669,
"y": 237.5 "y": 245
}, },
{ {
"x": 184, "x": 184,
"y": 224.33870967741936 "y": 229.33870967741936
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/todo/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="573" viewBox="-102 -105 638 573"><style type="text/css"> width="638" height="568" viewBox="-102 -100 638 568"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="638" height="573" viewBox="-102 -105 638 573"><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="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"> ]]></script><g id="a"><g class="shape" ><rect x="0" y="41" width="434" height="325" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="217.000000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="a.b"><g class="shape" ><rect x="40" y="106" width="354" height="230" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="217.000000" y="94.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="169" width="274" height="135" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="217.000000" y="158.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="204" width="54" height="66" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="157.000000" y="242.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 187.772303 C 210.666667 174.146409 219.000000 170.500000 221.500000 170.500000 C 224.000000 170.500000 227.333333 177.100000 229.833333 187.000000 C 232.333333 196.900000 232.333333 210.100000 229.833333 220.000000 C 227.333333 229.900000 210.666667 232.853591 187.509357 220.187438" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4079358351)"/></g><g id="a.(b -&gt; b.c)[0]"><path d="M 185.869995 210.549312 C 232.000000 193.051724 247.000000 188.500000 251.500000 188.500000 C 256.000000 188.500000 262.000000 195.100000 266.500000 205.000000 C 271.000000 214.900000 271.000000 228.100000 266.500000 238.000000 C 262.000000 247.900000 232.000000 249.948276 187.739990 233.159996" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4079358351)"/></g><g id="a.(b.c.d -&gt; b)[0]"><path d="M 183.709225 243.000453 L 183.914884 233.337804" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4079358351)"/></g><mask id="4079358351" maskUnits="userSpaceOnUse" x="-100" y="-100" width="638" height="568">
<rect x="-100" y="-100" width="638" height="573" fill="white"></rect> <rect x="-100" y="-100" width="638" height="568" 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

24
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": 36 "y": 41
}, },
"width": 220, "width": 220,
"height": 317, "height": 312,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 73, "x": 73,
"y": 68 "y": 70
}, },
"width": 75, "width": 75,
"height": 66, "height": 66,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 63, "x": 63,
"y": 255 "y": 257
}, },
"width": 95, "width": 95,
"height": 66, "height": 66,
@ -154,19 +154,19 @@
"route": [ "route": [
{ {
"x": 98.16176470588235, "x": 98.16176470588235,
"y": 134 "y": 136.5
}, },
{ {
"x": 80.43235294117648, "x": 80.43235294117648,
"y": 182.4 "y": 184.9
}, },
{ {
"x": 80.4, "x": 80.4,
"y": 206.7 "y": 209.2
}, },
{ {
"x": 98, "x": 98,
"y": 255.5 "y": 258
} }
], ],
"isCurve": true, "isCurve": true,
@ -202,19 +202,19 @@
"route": [ "route": [
{ {
"x": 122.33823529411765, "x": 122.33823529411765,
"y": 134 "y": 136.5
}, },
{ {
"x": 140.06764705882352, "x": 140.06764705882352,
"y": 182.4 "y": 184.9
}, },
{ {
"x": 140.1, "x": 140.1,
"y": 206.7 "y": 209.2
}, },
{ {
"x": 122.5, "x": 122.5,
"y": 255.5 "y": 258
} }
], ],
"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="560" viewBox="-102 -105 424 560"><style type="text/css"> width="424" height="555" viewBox="-102 -100 424 555"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,10 +39,10 @@ width="424" height="560" viewBox="-102 -105 424 560"><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="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"> ]]></script><g id="container"><g class="shape" ><rect x="0" y="41" width="220" height="312" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="110.000000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">container</text></g><g id="container.first"><g class="shape" ><rect x="73" y="70" width="75" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="110.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">first</text></g><g id="container.second"><g class="shape" ><rect x="63" y="257" width="95" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="110.500000" y="295.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 138.377969 C 80.432353 184.900000 80.400000 209.200000 96.642938 254.237237" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#253225556)"/><text class="text-italic" x="80.500000" y="203.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 138.377969 C 140.067647 184.900000 140.100000 209.200000 123.857062 254.237237" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#253225556)"/><text class="text-italic" x="140.000000" y="203.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">c-&gt;2</text></g><mask id="253225556" maskUnits="userSpaceOnUse" x="-100" y="-100" width="424" height="555">
<rect x="-100" y="-100" width="424" height="560" fill="white"></rect> <rect x="-100" y="-100" width="424" height="555" fill="white"></rect>
<rect x="66.000000" y="184.000000" width="29" height="21" fill="black"></rect> <rect x="66.000000" y="187.000000" width="29" height="21" fill="black"></rect>
<rect x="126.000000" y="184.000000" width="28" height="21" fill="black"></rect> <rect x="126.000000" y="187.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

42
e2etests/testdata/todo/container_label_loop/dagre/board.exp.json generated vendored
View file

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 36 "y": 41
}, },
"width": 193, "width": 193,
"height": 296, "height": 291,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 50, "x": 50,
"y": 68 "y": 70
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 50, "x": 50,
"y": 234 "y": 236
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -154,19 +154,19 @@
"route": [ "route": [
{ {
"x": 76.5, "x": 76.5,
"y": 134 "y": 136.5
}, },
{ {
"x": 76.5, "x": 76.5,
"y": 174 "y": 176.5
}, },
{ {
"x": 76.5, "x": 76.5,
"y": 194 "y": 196.5
}, },
{ {
"x": 76.5, "x": 76.5,
"y": 234 "y": 236.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -202,55 +202,55 @@
"route": [ "route": [
{ {
"x": 103, "x": 103,
"y": 104.38440111420613 "y": 109.38440111420613
}, },
{ {
"x": 129.66666666666669, "x": 129.66666666666669,
"y": 89.67688022284122 "y": 94.67688022284122
}, },
{ {
"x": 138, "x": 138,
"y": 86 "y": 91
}, },
{ {
"x": 140.5, "x": 140.5,
"y": 86 "y": 91
}, },
{ {
"x": 143, "x": 143,
"y": 86 "y": 91
}, },
{ {
"x": 146.33333333333331, "x": 146.33333333333331,
"y": 92.6 "y": 97.6
}, },
{ {
"x": 148.83333333333331, "x": 148.83333333333331,
"y": 102.5 "y": 107.5
}, },
{ {
"x": 151.33333333333334, "x": 151.33333333333334,
"y": 112.4 "y": 117.4
}, },
{ {
"x": 151.33333333333334, "x": 151.33333333333334,
"y": 125.6 "y": 130.6
}, },
{ {
"x": 148.83333333333331, "x": 148.83333333333331,
"y": 135.5 "y": 140.5
}, },
{ {
"x": 146.33333333333331, "x": 146.33333333333331,
"y": 145.4 "y": 150.4
}, },
{ {
"x": 129.66666666666669, "x": 129.66666666666669,
"y": 148.32311977715878 "y": 153.32311977715878
}, },
{ {
"x": 103, "x": 103,
"y": 133.61559888579387 "y": 138.61559888579387
} }
], ],
"isCurve": true, "isCurve": true,

6
e2etests/testdata/todo/container_label_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="902" height="539" viewBox="-354 -105 902 539"><style type="text/css"> width="902" height="534" viewBox="-354 -100 902 534"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="902" height="539" viewBox="-354 -105 902 539"><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="36" width="193" height="296" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="96.500000" y="23.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">If we were meant to fly, we wouldn&#39;t keep losing our luggage</text></g><g id="a.b"><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">b</text></g><g id="a.c"><g class="shape" ><rect x="50" y="234" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="76.500000" y="272.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</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 76.500000 136.000000 C 76.500000 174.000000 76.500000 194.000000 76.500000 230.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#234560353)"/></g><g id="(a -&gt; a)[0]"><path d="M 104.751298 103.418504 C 129.666667 89.676880 138.000000 86.000000 140.500000 86.000000 C 143.000000 86.000000 146.333333 92.600000 148.833333 102.500000 C 151.333333 112.400000 151.333333 125.600000 148.833333 135.500000 C 146.333333 145.400000 129.666667 148.323120 106.502595 135.547392" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#234560353)"/></g><mask id="234560353" maskUnits="userSpaceOnUse" x="-100" y="-100" width="902" height="539"> ]]></script><g id="a"><g class="shape" ><rect x="0" y="41" width="193" height="291" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="96.500000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">If we were meant to fly, we wouldn&#39;t keep losing our luggage</text></g><g id="a.b"><g class="shape" ><rect x="50" y="70" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="76.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.c"><g class="shape" ><rect x="50" y="236" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="76.500000" y="274.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</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 76.500000 138.500000 C 76.500000 176.500000 76.500000 196.500000 76.500000 232.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#304527566)"/></g><g id="(a -&gt; a)[0]"><path d="M 104.751298 108.418504 C 129.666667 94.676880 138.000000 91.000000 140.500000 91.000000 C 143.000000 91.000000 146.333333 97.600000 148.833333 107.500000 C 151.333333 117.400000 151.333333 130.600000 148.833333 140.500000 C 146.333333 150.400000 129.666667 153.323120 106.502595 140.547392" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#304527566)"/></g><mask id="304527566" maskUnits="userSpaceOnUse" x="-100" y="-100" width="902" height="534">
<rect x="-100" y="-100" width="902" height="539" fill="white"></rect> <rect x="-100" y="-100" width="902" height="534" 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

28
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": 36 "y": 41
}, },
"width": 1112, "width": 1112,
"height": 420, "height": 415,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,10 +48,10 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 99 "y": 106
}, },
"width": 228, "width": 228,
"height": 325, "height": 320,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -89,7 +89,7 @@
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 90, "x": 90,
"y": 229 "y": 234
}, },
"width": 128, "width": 128,
"height": 64, "height": 64,
@ -130,10 +130,10 @@
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 308, "x": 308,
"y": 99 "y": 106
}, },
"width": 228, "width": 228,
"height": 325, "height": 320,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -171,7 +171,7 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 358, "x": 358,
"y": 197 "y": 202
}, },
"width": 128, "width": 128,
"height": 128, "height": 128,
@ -212,10 +212,10 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 576, "x": 576,
"y": 99 "y": 106
}, },
"width": 228, "width": 228,
"height": 325, "height": 320,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -253,7 +253,7 @@
"type": "hexagon", "type": "hexagon",
"pos": { "pos": {
"x": 626, "x": 626,
"y": 229 "y": 234
}, },
"width": 128, "width": 128,
"height": 64, "height": 64,
@ -294,10 +294,10 @@
"type": "hexagon", "type": "hexagon",
"pos": { "pos": {
"x": 844, "x": 844,
"y": 99 "y": 106
}, },
"width": 228, "width": 228,
"height": 325, "height": 320,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -335,7 +335,7 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 894, "x": 894,
"y": 229 "y": 234
}, },
"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