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

dagre

Browse source
This commit is contained in:
Alexander Wang 2023-02-09 19:29:30 -08:00
parent 2fb01f34a5
commit dbac4b8cdf
No known key found for this signature in database
GPG key ID: D89FA31966BDBECE
178 changed files with 8115 additions and 8123 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
d2layouts/d2dagrelayout/layout.go
View file

@ -32,7 +32,7 @@ var dagreJS string
const ( const (
MIN_SEGMENT_LEN = 10 MIN_SEGMENT_LEN = 10
MIN_RANK_SEP = 100 MIN_RANK_SEP = 80
) )
type ConfigurableOpts struct { type ConfigurableOpts struct {
@ -42,7 +42,7 @@ type ConfigurableOpts struct {
var DefaultOpts = ConfigurableOpts{ var DefaultOpts = ConfigurableOpts{
NodeSep: 60, NodeSep: 60,
EdgeSep: 40, EdgeSep: 20,
} }
type DagreNode struct { type DagreNode struct {
@ -115,7 +115,7 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
} }
maxLabelSize = go2.Max(maxLabelSize, size) maxLabelSize = go2.Max(maxLabelSize, size)
} }
rootAttrs.ranksep = go2.Max(MIN_RANK_SEP, maxLabelSize+40) rootAttrs.ranksep = go2.Max(MIN_RANK_SEP, maxLabelSize+20)
configJS := setGraphAttrs(rootAttrs) configJS := setGraphAttrs(rootAttrs)
if _, err := vm.RunString(configJS); err != nil { if _, err := vm.RunString(configJS); err != nil {

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

@ -9,8 +9,8 @@
"x": 0, "x": 0,
"y": 0 "y": 0
}, },
"width": 425, "width": 358,
"height": 528, "height": 468,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -47,8 +47,8 @@
"id": "a.b", "id": "a.b",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 94, "x": 40,
"y": 55 "y": 45
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -88,11 +88,11 @@
"id": "a.c", "id": "a.c",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 23,
"y": 299 "y": 269
}, },
"width": 345, "width": 298,
"height": 175, "height": 155,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -129,8 +129,8 @@
"id": "a.1", "id": "a.1",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 207, "x": 153,
"y": 55 "y": 45
}, },
"width": 52, "width": 52,
"height": 66, "height": 66,
@ -170,8 +170,8 @@
"id": "a.2", "id": "a.2",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 319, "x": 265,
"y": 55 "y": 45
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -211,8 +211,8 @@
"id": "a.c.d", "id": "a.c.d",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 206, "x": 152,
"y": 353 "y": 313
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -276,20 +276,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 120, "x": 66.5,
"y": 121.5 "y": 111.5
}, },
{ {
"x": 120, "x": 66.5,
"y": 191.9 "y": 173.9
}, },
{ {
"x": 120, "x": 66.5,
"y": 227.5 "y": 205.5
}, },
{ {
"x": 120, "x": 66.5,
"y": 299.5 "y": 269.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -324,20 +324,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 232.5, "x": 179,
"y": 121.5 "y": 111.5
}, },
{ {
"x": 232.5, "x": 179,
"y": 191.9 "y": 173.9
}, },
{ {
"x": 232.5, "x": 179,
"y": 227.5 "y": 205.5
}, },
{ {
"x": 232.5, "x": 179,
"y": 299.5 "y": 269.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -372,20 +372,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 345, "x": 291.5,
"y": 121.5 "y": 111.5
}, },
{ {
"x": 345, "x": 291.5,
"y": 191.9 "y": 173.9
}, },
{ {
"x": 345, "x": 291.5,
"y": 227.5 "y": 205.5
}, },
{ {
"x": 345, "x": 291.5,
"y": 299.5 "y": 269.5
} }
], ],
"isCurve": true, "isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="629" height="732" viewBox="-102 -102 629 732"><style type="text/css"> width="562" height="672" viewBox="-102 -102 562 672"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,9 +39,9 @@ width="629" height="732" viewBox="-102 -102 629 732"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="425" height="528" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="212.500000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="a.b"><g class="shape" ><rect x="94" y="55" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.500000" y="93.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.c"><g class="shape" ><rect x="40" y="299" width="345" height="175" style="fill:#EDF0FD;stroke:white;stroke-width:2;" /></g><text class="text" x="212.500000" y="328.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">c</text></g><g id="a.1"><g class="shape" ><rect x="207" y="55" width="52" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="233.000000" y="93.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">1</text></g><g id="a.2"><g class="shape" ><rect x="319" y="55" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="345.500000" y="93.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">2</text></g><g id="a.c.d"><g class="shape" ><rect x="206" y="353" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="233.000000" y="391.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="a.(b -&gt; c)[0]"><marker id="mk-1065319532" markerWidth="24.200000" markerHeight="18.000000" refX="20.800000" refY="9.000000" viewBox="0.000000 0.000000 24.200000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="white" stroke="red" stroke-width="2" points="0.000000,9.000000 11.000000,2.250000 22.000000,9.000000 11.000000,16.200000" /> </marker><path d="M 120.000000 123.500000 C 120.000000 191.900000 120.000000 227.500000 120.000000 295.500000" class="connection" style="fill:none;stroke:red;stroke-width:2;" marker-end="url(#mk-1065319532)" mask="url(#89896559)"/><text class="text-italic" x="120.000000" y="192.000000" style="text-anchor:middle;font-size:16px;fill:red"><tspan x="120.000000" dy="0.000000">line 1</tspan><tspan x="120.000000" dy="17.250000">line 2</tspan><tspan x="120.000000" dy="17.250000">line 3</tspan><tspan x="120.000000" dy="17.250000">line 4</tspan></text></g><g id="a.(1 -&gt; c)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 232.500000 123.500000 C 232.500000 191.900000 232.500000 227.500000 232.500000 295.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#89896559)"/></g><g id="a.(2 &lt;-&gt; c)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 345.000000 125.500000 C 345.000000 191.900000 345.000000 227.500000 345.000000 295.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#89896559)"/></g><mask id="89896559" maskUnits="userSpaceOnUse" x="-100" y="-100" width="629" height="732"> ]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="358" height="468" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="179.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="a.b"><g class="shape" ><rect x="40" y="45" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="66.500000" y="83.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.c"><g class="shape" ><rect x="23" y="269" width="298" height="155" style="fill:#EDF0FD;stroke:white;stroke-width:2;" /></g><text class="text" x="172.000000" y="298.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">c</text></g><g id="a.1"><g class="shape" ><rect x="153" y="45" width="52" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="179.000000" y="83.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">1</text></g><g id="a.2"><g class="shape" ><rect x="265" y="45" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="291.500000" y="83.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">2</text></g><g id="a.c.d"><g class="shape" ><rect x="152" y="313" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="179.000000" y="351.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 66.500000 113.500000 C 66.500000 173.900000 66.500000 205.500000 66.500000 265.500000" class="connection" style="fill:none;stroke:red;stroke-width:2;" marker-end="url(#mk-1065319532)" mask="url(#3200010642)"/><text class="text-italic" x="67.000000" y="172.000000" style="text-anchor:middle;font-size:16px;fill:red"><tspan x="67.000000" dy="0.000000">line 1</tspan><tspan x="67.000000" dy="17.250000">line 2</tspan><tspan x="67.000000" dy="17.250000">line 3</tspan><tspan x="67.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 179.000000 113.500000 C 179.000000 173.900000 179.000000 205.500000 179.000000 265.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3200010642)"/></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 291.500000 115.500000 C 291.500000 173.900000 291.500000 205.500000 291.500000 265.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#3200010642)"/></g><mask id="3200010642" maskUnits="userSpaceOnUse" x="-100" y="-100" width="562" height="672">
<rect x="-100" y="-100" width="629" height="732" fill="white"></rect> <rect x="-100" y="-100" width="562" height="672" fill="white"></rect>
<rect x="102.000000" y="176.000000" width="36" height="69" fill="black"></rect> <rect x="49.000000" y="156.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

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

@ -9,8 +9,8 @@
"x": 0, "x": 0,
"y": 0 "y": 0
}, },
"width": 2328, "width": 2228,
"height": 177, "height": 157,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -47,8 +47,8 @@
"id": "build_workflow.push", "id": "build_workflow.push",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 105, "x": 95,
"y": 50 "y": 40
}, },
"width": 270, "width": 270,
"height": 77, "height": 77,
@ -88,8 +88,8 @@
"id": "build_workflow.GHA", "id": "build_workflow.GHA",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 638, "x": 608,
"y": 50 "y": 40
}, },
"width": 209, "width": 209,
"height": 77, "height": 77,
@ -129,8 +129,8 @@
"id": "build_workflow.S3", "id": "build_workflow.S3",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1194, "x": 1144,
"y": 50 "y": 40
}, },
"width": 71, "width": 71,
"height": 77, "height": 77,
@ -170,8 +170,8 @@
"id": "build_workflow.Terraform", "id": "build_workflow.Terraform",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1593, "x": 1523,
"y": 50 "y": 40
}, },
"width": 158, "width": 158,
"height": 77, "height": 77,
@ -211,8 +211,8 @@
"id": "build_workflow.AWS", "id": "build_workflow.AWS",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2129, "x": 2039,
"y": 50 "y": 40
}, },
"width": 95, "width": 95,
"height": 77, "height": 77,
@ -276,20 +276,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 375.5, "x": 365.5,
"y": 88.5 "y": 78.5
}, },
{ {
"x": 479.9, "x": 461.9,
"y": 88.5 "y": 78.5
}, },
{ {
"x": 532.3, "x": 510.3,
"y": 88.5 "y": 78.5
}, },
{ {
"x": 637.5, "x": 607.5,
"y": 88.5 "y": 78.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -324,20 +324,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 846.5, "x": 817.5,
"y": 88.5 "y": 78.5
}, },
{ {
"x": 985.3, "x": 947.5,
"y": 88.5 "y": 78.5
}, },
{ {
"x": 1054.7, "x": 1012.7,
"y": 88.5 "y": 78.5
}, },
{ {
"x": 1193.5, "x": 1143.5,
"y": 88.5 "y": 78.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -372,20 +372,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1265.5, "x": 1215.5,
"y": 88.5 "y": 78.5
}, },
{ {
"x": 1395.9, "x": 1337.9,
"y": 88.5 "y": 78.5
}, },
{ {
"x": 1461.3, "x": 1399.3,
"y": 88.5 "y": 78.5
}, },
{ {
"x": 1592.5, "x": 1522.5,
"y": 88.5 "y": 78.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -420,20 +420,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1751.5, "x": 1681.5,
"y": 88.5 "y": 78.5
}, },
{ {
"x": 1901.9, "x": 1823.9,
"y": 88.5 "y": 78.5
}, },
{ {
"x": 1977.3, "x": 1895.3,
"y": 88.5 "y": 78.5
}, },
{ {
"x": 2128.5, "x": 2038.5,
"y": 88.5 "y": 78.5
} }
], ],
"isCurve": true, "isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="2532" height="381" viewBox="-102 -102 2532 381"><style type="text/css"> width="2432" height="361" viewBox="-102 -102 2432 361"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,12 +39,12 @@ width="2532" height="381" viewBox="-102 -102 2532 381"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="build_workflow"><g class="shape" ><rect x="0" y="0" width="2328" height="177" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1164.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">lambda-build.yaml</text></g><g id="build_workflow.push"><g class="shape" ><rect x="105" y="50" width="270" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="240.000000" y="97.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">Push to main branch</text></g><g id="build_workflow.GHA"><g class="shape" ><rect x="638" y="50" width="209" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="742.500000" y="97.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">GitHub Actions</text></g><g id="build_workflow.S3"><g class="shape" ><rect x="1194" y="50" width="71" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1229.500000" y="97.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">S3</text></g><g id="build_workflow.Terraform"><g class="shape" ><rect x="1593" y="50" width="158" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1672.000000" y="97.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">Terraform</text></g><g id="build_workflow.AWS"><g class="shape" ><rect x="2129" y="50" width="95" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="2176.500000" y="97.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">AWS</text></g><g id="build_workflow.(push -&gt; GHA)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 377.500000 88.500000 C 479.900000 88.500000 532.300000 88.500000 633.500000 88.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2796260647)"/><text class="text-italic" x="507.000000" y="94.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Triggers</text></g><g id="build_workflow.(GHA -&gt; S3)[0]"><path d="M 848.500000 88.500000 C 985.300000 88.500000 1054.700000 88.500000 1189.500000 88.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2796260647)"/><text class="text-italic" x="1020.000000" y="94.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Builds zip &amp; pushes it</text></g><g id="build_workflow.(S3 &lt;-&gt; Terraform)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 1269.500000 88.500000 C 1395.900000 88.500000 1461.300000 88.500000 1588.500000 88.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2796260647)"/><text class="text-italic" x="1429.500000" y="94.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Pulls zip to deploy</text></g><g id="build_workflow.(Terraform -&gt; AWS)[0]"><path d="M 1753.500000 88.500000 C 1901.900000 88.500000 1977.300000 88.500000 2124.500000 88.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2796260647)"/><text class="text-italic" x="1940.500000" y="94.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Changes the live lambdas</text></g><mask id="2796260647" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2532" height="381"> ]]></script><g id="build_workflow"><g class="shape" ><rect x="0" y="0" width="2228" height="157" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1114.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">lambda-build.yaml</text></g><g id="build_workflow.push"><g class="shape" ><rect x="95" y="40" width="270" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="230.000000" y="87.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="608" y="40" width="209" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="712.500000" y="87.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">GitHub Actions</text></g><g id="build_workflow.S3"><g class="shape" ><rect x="1144" y="40" width="71" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1179.500000" y="87.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">S3</text></g><g id="build_workflow.Terraform"><g class="shape" ><rect x="1523" y="40" width="158" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1602.000000" y="87.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">Terraform</text></g><g id="build_workflow.AWS"><g class="shape" ><rect x="2039" y="40" width="95" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="2086.500000" y="87.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 367.500000 78.500000 C 461.900000 78.500000 510.300000 78.500000 603.500000 78.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#817372784)"/><text class="text-italic" x="487.000000" y="84.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Triggers</text></g><g id="build_workflow.(GHA -&gt; S3)[0]"><path d="M 819.500000 78.500000 C 947.500000 78.500000 1012.700000 78.500000 1139.500000 78.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#817372784)"/><text class="text-italic" x="981.000000" y="84.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 1219.500000 78.500000 C 1337.900000 78.500000 1399.300000 78.500000 1518.500000 78.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#817372784)"/><text class="text-italic" x="1369.500000" y="84.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 1683.500000 78.500000 C 1823.900000 78.500000 1895.300000 78.500000 2034.500000 78.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#817372784)"/><text class="text-italic" x="1860.500000" y="84.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Changes the live lambdas</text></g><mask id="817372784" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2432" height="361">
<rect x="-100" y="-100" width="2532" height="381" fill="white"></rect> <rect x="-100" y="-100" width="2432" height="361" fill="white"></rect>
<rect x="480.000000" y="78.000000" width="54" height="21" fill="black"></rect> <rect x="460.000000" y="68.000000" width="54" height="21" fill="black"></rect>
<rect x="951.000000" y="78.000000" width="138" height="21" fill="black"></rect> <rect x="912.000000" y="68.000000" width="138" height="21" fill="black"></rect>
<rect x="1370.000000" y="78.000000" width="119" height="21" fill="black"></rect> <rect x="1310.000000" y="68.000000" width="119" height="21" fill="black"></rect>
<rect x="1856.000000" y="78.000000" width="169" height="21" fill="black"></rect> <rect x="1776.000000" y="68.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

20
e2etests/testdata/regression/dagre_special_ids/dagre/board.exp.json generated vendored
View file

@ -171,7 +171,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 624, "x": 624,
"y": 182 "y": 162
}, },
"width": 83, "width": 83,
"height": 66, "height": 66,
@ -322,15 +322,15 @@
}, },
{ {
"x": 511, "x": 511,
"y": 120.4 "y": 112.4
}, },
{ {
"x": 533.5, "x": 533.5,
"y": 144.12662337662337 "y": 132.66558441558442
}, },
{ {
"x": 623.5, "x": 623.5,
"y": 192.63311688311688 "y": 175.32792207792207
} }
], ],
"isCurve": true, "isCurve": true,
@ -370,15 +370,15 @@
}, },
{ {
"x": 665, "x": 665,
"y": 120.4 "y": 112.4
}, },
{ {
"x": 665, "x": 665,
"y": 142 "y": 130
}, },
{ {
"x": 665, "x": 665,
"y": 182 "y": 162
} }
], ],
"isCurve": true, "isCurve": true,
@ -418,15 +418,15 @@
}, },
{ {
"x": 819.5, "x": 819.5,
"y": 120.4 "y": 112.4
}, },
{ {
"x": 796.9, "x": 796.9,
"y": 144 "y": 132.6
}, },
{ {
"x": 706.5, "x": 706.5,
"y": 192 "y": 175
} }
], ],
"isCurve": true, "isCurve": true,

6
e2etests/testdata/regression/dagre_special_ids/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="1071" height="452" viewBox="-102 -102 1071 452"><style type="text/css"> width="1071" height="432" viewBox="-102 -102 1071 432"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="1071" height="452" viewBox="-102 -102 1071 452"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="&#34;ninety\nnine&#34;"><g class="shape" ><rect x="0" y="0" width="91" height="82" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="45.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="45.500000" dy="0.000000">ninety</tspan><tspan x="45.500000" dy="18.500000">nine</tspan></text></g><g id="eighty&#xD;eight"><g class="shape" ><rect x="151" y="8" width="91" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="196.500000" y="46.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">eighty&#xD;eight</text></g><g id="&#34;seventy&#xD;\nseven&#34;"><g class="shape" ><rect x="302" y="0" width="102" height="82" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="353.000000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="353.000000" dy="0.000000">seventy&#xD;</tspan><tspan x="353.000000" dy="18.500000">seven</tspan></text></g><g id="&#34;a\\yode&#34;"><g class="shape" ><rect x="464" y="8" width="94" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="511.000000" y="46.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a\yode</text></g><g id="there"><g class="shape" ><rect x="624" y="182" width="83" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="665.500000" y="220.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">there</text></g><g id="&#39;a\&#34;ode&#39;"><g class="shape" ><rect x="618" y="8" width="94" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="665.000000" y="46.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a\&#34;ode</text></g><g id="&#34;a\\node&#34;"><g class="shape" ><rect x="772" y="8" width="95" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="819.500000" y="46.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a\node</text></g><g id="(&#34;a\\yode&#34; -&gt; there)[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 511.000000 76.000000 C 511.000000 120.400000 533.500000 144.126623 619.978850 190.735354" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1631294189)"/></g><g id="(&#39;a\&#34;ode&#39; -&gt; there)[0]"><path d="M 665.000000 76.000000 C 665.000000 120.400000 665.000000 142.000000 665.000000 178.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1631294189)"/></g><g id="(&#34;a\\node&#34; -&gt; there)[0]"><path d="M 819.500000 76.000000 C 819.500000 120.400000 796.900000 144.000000 710.032868 190.124141" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1631294189)"/></g><mask id="1631294189" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1071" height="452"> ]]></script><g id="&#34;ninety\nnine&#34;"><g class="shape" ><rect x="0" y="0" width="91" height="82" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="45.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="45.500000" dy="0.000000">ninety</tspan><tspan x="45.500000" dy="18.500000">nine</tspan></text></g><g id="eighty&#xD;eight"><g class="shape" ><rect x="151" y="8" width="91" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="196.500000" y="46.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">eighty&#xD;eight</text></g><g id="&#34;seventy&#xD;\nseven&#34;"><g class="shape" ><rect x="302" y="0" width="102" height="82" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="353.000000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="353.000000" dy="0.000000">seventy&#xD;</tspan><tspan x="353.000000" dy="18.500000">seven</tspan></text></g><g id="&#34;a\\yode&#34;"><g class="shape" ><rect x="464" y="8" width="94" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="511.000000" y="46.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a\yode</text></g><g id="there"><g class="shape" ><rect x="624" y="162" width="83" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="665.500000" y="200.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">there</text></g><g id="&#39;a\&#34;ode&#39;"><g class="shape" ><rect x="618" y="8" width="94" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="665.000000" y="46.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a\&#34;ode</text></g><g id="&#34;a\\node&#34;"><g class="shape" ><rect x="772" y="8" width="95" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="819.500000" y="46.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a\node</text></g><g id="(&#34;a\\yode&#34; -&gt; there)[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 511.000000 76.000000 C 511.000000 112.400000 533.500000 132.665584 619.885527 173.614568" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2440617371)"/></g><g id="(&#39;a\&#34;ode&#39; -&gt; there)[0]"><path d="M 665.000000 76.000000 C 665.000000 112.400000 665.000000 130.000000 665.000000 158.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2440617371)"/></g><g id="(&#34;a\\node&#34; -&gt; there)[0]"><path d="M 819.500000 76.000000 C 819.500000 112.400000 796.900000 132.600000 710.121451 173.301443" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2440617371)"/></g><mask id="2440617371" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1071" height="432">
<rect x="-100" y="-100" width="1071" height="452" fill="white"></rect> <rect x="-100" y="-100" width="1071" height="432" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 327 KiB

After

Width:  |  Height:  |  Size: 327 KiB

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

@ -9,8 +9,8 @@
"x": 0, "x": 0,
"y": 0 "y": 0
}, },
"width": 370, "width": 350,
"height": 1372, "height": 1262,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -47,8 +47,8 @@
"id": "build_workflow.push", "id": "build_workflow.push",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 50, "x": 40,
"y": 73 "y": 63
}, },
"width": 270, "width": 270,
"height": 77, "height": 77,
@ -88,8 +88,8 @@
"id": "build_workflow.GHA", "id": "build_workflow.GHA",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 81, "x": 71,
"y": 322 "y": 292
}, },
"width": 209, "width": 209,
"height": 77, "height": 77,
@ -129,8 +129,8 @@
"id": "build_workflow.S3", "id": "build_workflow.S3",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 150, "x": 140,
"y": 651 "y": 601
}, },
"width": 71, "width": 71,
"height": 77, "height": 77,
@ -170,8 +170,8 @@
"id": "build_workflow.Terraform", "id": "build_workflow.Terraform",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 106, "x": 96,
"y": 973 "y": 893
}, },
"width": 158, "width": 158,
"height": 77, "height": 77,
@ -211,8 +211,8 @@
"id": "build_workflow.AWS", "id": "build_workflow.AWS",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 138, "x": 128,
"y": 1222 "y": 1122
}, },
"width": 95, "width": 95,
"height": 77, "height": 77,
@ -252,11 +252,11 @@
"id": "deploy_workflow", "id": "deploy_workflow",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 410, "x": 370,
"y": 0 "y": 0
}, },
"width": 311, "width": 291,
"height": 801, "height": 741,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -293,8 +293,8 @@
"id": "deploy_workflow.manual", "id": "deploy_workflow.manual",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 460, "x": 410,
"y": 73 "y": 63
}, },
"width": 211, "width": 211,
"height": 77, "height": 77,
@ -334,8 +334,8 @@
"id": "deploy_workflow.GHA", "id": "deploy_workflow.GHA",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 461, "x": 411,
"y": 322 "y": 292
}, },
"width": 209, "width": 209,
"height": 77, "height": 77,
@ -375,8 +375,8 @@
"id": "deploy_workflow.AWS", "id": "deploy_workflow.AWS",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 518, "x": 468,
"y": 651 "y": 601
}, },
"width": 95, "width": 95,
"height": 77, "height": 77,
@ -416,11 +416,11 @@
"id": "apollo_workflow", "id": "apollo_workflow",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 761, "x": 681,
"y": 0 "y": 0
}, },
"width": 613, "width": 573,
"height": 801, "height": 741,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -457,8 +457,8 @@
"id": "apollo_workflow.apollo", "id": "apollo_workflow.apollo",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 979, "x": 879,
"y": 73 "y": 63
}, },
"width": 178, "width": 178,
"height": 77, "height": 77,
@ -498,8 +498,8 @@
"id": "apollo_workflow.GHA", "id": "apollo_workflow.GHA",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 963, "x": 863,
"y": 322 "y": 292
}, },
"width": 209, "width": 209,
"height": 77, "height": 77,
@ -539,8 +539,8 @@
"id": "apollo_workflow.AWS", "id": "apollo_workflow.AWS",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1020, "x": 920,
"y": 651 "y": 601
}, },
"width": 95, "width": 95,
"height": 77, "height": 77,
@ -604,20 +604,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 185, "x": 175,
"y": 150 "y": 140
}, },
{ {
"x": 185, "x": 175,
"y": 218.8 "y": 200.8
}, },
{ {
"x": 185, "x": 175,
"y": 253.2 "y": 231.2
}, },
{ {
"x": 185, "x": 175,
"y": 322 "y": 292
} }
], ],
"isCurve": true, "isCurve": true,
@ -652,20 +652,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 185, "x": 175,
"y": 399 "y": 369
}, },
{ {
"x": 185, "x": 175,
"y": 499.8 "y": 461.8
}, },
{ {
"x": 185, "x": 175,
"y": 550.2 "y": 508.2
}, },
{ {
"x": 185, "x": 175,
"y": 651 "y": 601
} }
], ],
"isCurve": true, "isCurve": true,
@ -700,20 +700,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 185, "x": 175,
"y": 728 "y": 678
}, },
{ {
"x": 185, "x": 175,
"y": 786.4 "y": 728.4
}, },
{ {
"x": 185, "x": 175,
"y": 904.2 "y": 832.2
}, },
{ {
"x": 185, "x": 175,
"y": 973 "y": 893
} }
], ],
"isCurve": true, "isCurve": true,
@ -748,20 +748,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 185, "x": 175,
"y": 1050 "y": 970
}, },
{ {
"x": 185, "x": 175,
"y": 1118.8 "y": 1030.8
}, },
{ {
"x": 185, "x": 175,
"y": 1153.2 "y": 1061.2
}, },
{ {
"x": 185, "x": 175,
"y": 1222 "y": 1122
} }
], ],
"isCurve": true, "isCurve": true,
@ -796,20 +796,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 565.5, "x": 515.5,
"y": 150 "y": 140
}, },
{ {
"x": 565.5, "x": 515.5,
"y": 218.8 "y": 200.8
}, },
{ {
"x": 565.5, "x": 515.5,
"y": 253.2 "y": 231.2
}, },
{ {
"x": 565.5, "x": 515.5,
"y": 322 "y": 292
} }
], ],
"isCurve": true, "isCurve": true,
@ -844,20 +844,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 565.5, "x": 515.5,
"y": 399 "y": 369
}, },
{ {
"x": 565.5, "x": 515.5,
"y": 499.8 "y": 461.8
}, },
{ {
"x": 565.5, "x": 515.5,
"y": 550.2 "y": 508.2
}, },
{ {
"x": 565.5, "x": 515.5,
"y": 651 "y": 601
} }
], ],
"isCurve": true, "isCurve": true,
@ -892,20 +892,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1067.5, "x": 967.5,
"y": 150 "y": 140
}, },
{ {
"x": 1067.5, "x": 967.5,
"y": 218.8 "y": 200.8
}, },
{ {
"x": 1067.5, "x": 967.5,
"y": 253.2 "y": 231.2
}, },
{ {
"x": 1067.5, "x": 967.5,
"y": 322 "y": 292
} }
], ],
"isCurve": true, "isCurve": true,
@ -940,20 +940,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1067.5, "x": 967.5,
"y": 399 "y": 369
}, },
{ {
"x": 1067.5, "x": 967.5,
"y": 499.8 "y": 461.8
}, },
{ {
"x": 1067.5, "x": 967.5,
"y": 550.2 "y": 508.2
}, },
{ {
"x": 1067.5, "x": 967.5,
"y": 651 "y": 601
} }
], ],
"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

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

@ -9,8 +9,8 @@
"x": 0, "x": 0,
"y": 0 "y": 0
}, },
"width": 306, "width": 266,
"height": 166, "height": 146,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -47,8 +47,8 @@
"id": "x.a", "id": "x.a",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 50, "x": 40,
"y": 50 "y": 40
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -88,8 +88,8 @@
"id": "x.b", "id": "x.b",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 203, "x": 173,
"y": 50 "y": 40
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -153,56 +153,56 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 103, "x": 93,
"y": 68.38440111420613 "y": 56.55172413793103
},
{
"x": 114.33333333333334,
"y": 43.310344827586206
},
{
"x": 121,
"y": 40
},
{
"x": 123,
"y": 40
},
{
"x": 125.00000000000001,
"y": 40
},
{
"x": 127.66666666666667,
"y": 46.6
}, },
{ {
"x": 129.66666666666669, "x": 129.66666666666669,
"y": 53.67688022284123 "y": 56.5
}, },
{ {
"x": 138, "x": 131.66666666666666,
"y": 50 "y": 66.4
}, },
{ {
"x": 140.5, "x": 131.66666666666666,
"y": 50 "y": 79.6
},
{
"x": 143,
"y": 50
},
{
"x": 146.33333333333331,
"y": 56.6
},
{
"x": 148.83333333333331,
"y": 66.5
},
{
"x": 151.33333333333334,
"y": 76.4
},
{
"x": 151.33333333333334,
"y": 89.6
},
{
"x": 148.83333333333331,
"y": 99.5
},
{
"x": 146.33333333333331,
"y": 109.4
}, },
{ {
"x": 129.66666666666669, "x": 129.66666666666669,
"y": 112.32311977715878 "y": 89.5
}, },
{ {
"x": 103, "x": 127.66666666666667,
"y": 97.61559888579387 "y": 99.4
},
{
"x": 114.33333333333334,
"y": 102.6896551724138
},
{
"x": 93,
"y": 89.44827586206897
} }
], ],
"isCurve": true, "isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="510" height="370" viewBox="-102 -102 510 370"><style type="text/css"> width="470" height="350" viewBox="-102 -102 470 350"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="510" height="370" viewBox="-102 -102 510 370"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="x"><g class="shape" ><rect x="0" y="0" width="306" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="153.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">x</text></g><g id="x.a"><g class="shape" ><rect x="50" y="50" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="76.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="x.b"><g class="shape" ><rect x="203" y="50" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="229.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="x.(a -&gt; a)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 104.751298 67.418504 C 129.666667 53.676880 138.000000 50.000000 140.500000 50.000000 C 143.000000 50.000000 146.333333 56.600000 148.833333 66.500000 C 151.333333 76.400000 151.333333 89.600000 148.833333 99.500000 C 146.333333 109.400000 129.666667 112.323120 106.502595 99.547392" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2444376964)"/></g><mask id="2444376964" maskUnits="userSpaceOnUse" x="-100" y="-100" width="510" height="370"> ]]></script><g id="x"><g class="shape" ><rect x="0" y="0" width="266" height="146" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="133.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">x</text></g><g id="x.a"><g class="shape" ><rect x="40" y="40" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="66.500000" y="78.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="x.b"><g class="shape" ><rect x="173" y="40" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="199.500000" y="78.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 94.699280 55.496998 C 114.333333 43.310345 121.000000 40.000000 123.000000 40.000000 C 125.000000 40.000000 127.666667 46.600000 129.666667 56.500000 C 131.666667 66.400000 131.666667 79.600000 129.666667 89.500000 C 127.666667 99.400000 114.333333 102.689655 96.398561 91.557727" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3376666141)"/></g><mask id="3376666141" maskUnits="userSpaceOnUse" x="-100" y="-100" width="470" height="350">
<rect x="-100" y="-100" width="510" height="370" fill="white"></rect> <rect x="-100" y="-100" width="470" 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: 649 KiB

After

Width:  |  Height:  |  Size: 649 KiB

98
e2etests/testdata/regression/elk_order/dagre/board.exp.json generated vendored
View file

@ -7,10 +7,10 @@
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 148 "y": 128
}, },
"width": 966, "width": 946,
"height": 166, "height": 146,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -46,8 +46,8 @@
"id": "queue.M0", "id": "queue.M0",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 50, "x": 40,
"y": 198 "y": 168
}, },
"width": 65, "width": 65,
"height": 66, "height": 66,
@ -87,8 +87,8 @@
"id": "queue.M1", "id": "queue.M1",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 175, "x": 165,
"y": 198 "y": 168
}, },
"width": 65, "width": 65,
"height": 66, "height": 66,
@ -128,8 +128,8 @@
"id": "queue.M2", "id": "queue.M2",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 300, "x": 290,
"y": 198 "y": 168
}, },
"width": 65, "width": 65,
"height": 66, "height": 66,
@ -169,8 +169,8 @@
"id": "queue.M3", "id": "queue.M3",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 425, "x": 415,
"y": 198 "y": 168
}, },
"width": 65, "width": 65,
"height": 66, "height": 66,
@ -210,8 +210,8 @@
"id": "queue.M4", "id": "queue.M4",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 550, "x": 540,
"y": 198 "y": 168
}, },
"width": 66, "width": 66,
"height": 66, "height": 66,
@ -251,8 +251,8 @@
"id": "queue.M5", "id": "queue.M5",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 676, "x": 666,
"y": 198 "y": 168
}, },
"width": 65, "width": 65,
"height": 66, "height": 66,
@ -292,8 +292,8 @@
"id": "queue.M6", "id": "queue.M6",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 851, "x": 841,
"y": 198 "y": 168
}, },
"width": 65, "width": 65,
"height": 66, "height": 66,
@ -333,7 +333,7 @@
"id": "m0_desc", "id": "m0_desc",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 30, "x": 20,
"y": 12 "y": 12
}, },
"width": 106, "width": 106,
@ -373,7 +373,7 @@
"id": "m2_desc", "id": "m2_desc",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 312, "x": 302,
"y": 12 "y": 12
}, },
"width": 41, "width": 41,
@ -413,7 +413,7 @@
"id": "m5_desc", "id": "m5_desc",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 664, "x": 654,
"y": 12 "y": 12
}, },
"width": 90, "width": 90,
@ -453,7 +453,7 @@
"id": "m6_desc", "id": "m6_desc",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 814, "x": 804,
"y": 0 "y": 0
}, },
"width": 140, "width": 140,
@ -517,20 +517,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 82.5, "x": 72.5,
"y": 36 "y": 36
}, },
{ {
"x": 82.5, "x": 72.5,
"y": 85.6 "y": 77.6
}, },
{ {
"x": 82.5, "x": 72.5,
"y": 158 "y": 136
}, },
{ {
"x": 82.5, "x": 72.5,
"y": 198 "y": 168
} }
], ],
"isCurve": true, "isCurve": true,
@ -565,20 +565,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 332.5, "x": 322.5,
"y": 36 "y": 36
}, },
{ {
"x": 332.5, "x": 322.5,
"y": 85.6 "y": 77.6
}, },
{ {
"x": 332.5, "x": 322.5,
"y": 158 "y": 136
}, },
{ {
"x": 332.5, "x": 322.5,
"y": 198 "y": 168
} }
], ],
"isCurve": true, "isCurve": true,
@ -613,20 +613,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 708.5, "x": 698.5,
"y": 36 "y": 36
}, },
{ {
"x": 708.5, "x": 698.5,
"y": 85.6 "y": 77.6
}, },
{ {
"x": 708.5, "x": 698.5,
"y": 158 "y": 136
}, },
{ {
"x": 708.5, "x": 698.5,
"y": 198 "y": 168
} }
], ],
"isCurve": true, "isCurve": true,
@ -661,20 +661,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 883.5, "x": 873.5,
"y": 48 "y": 48
}, },
{ {
"x": 883.5, "x": 873.5,
"y": 88 "y": 80
}, },
{ {
"x": 883.5, "x": 873.5,
"y": 158 "y": 136
}, },
{ {
"x": 883.5, "x": 873.5,
"y": 198 "y": 168
} }
], ],
"isCurve": true, "isCurve": true,

14
e2etests/testdata/regression/elk_order/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="1170" height="518" viewBox="-102 -102 1170 518"><style type="text/css"> width="1150" height="478" viewBox="-102 -102 1150 478"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -796,13 +796,13 @@ width="1170" height="518" viewBox="-102 -102 1170 518"><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="queue"><g class="shape" ><path d="M 24 148 H 942 C 966 148 966 223 966 231 C 966 239 966 314 942 314 H 24 C 0 314 0 239 0 231 C 0 223 0 148 24 148 Z" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:2;"/><path d="M 942 148 C 918 148 918 223 918 231 C 918 239 918 314 942 314" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:2;"/></g></g><g id="m0_desc"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="30.000000" y="12.000000" width="106" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Oldest message</p> </style><g id="queue"><g class="shape" ><path d="M 24 128 H 922 C 946 128 946 194 946 201 C 946 208 946 274 922 274 H 24 C 0 274 0 208 0 201 C 0 194 0 128 24 128 Z" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:2;"/><path d="M 922 128 C 898 128 898 194 898 201 C 898 208 898 274 922 274" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:2;"/></g></g><g id="m0_desc"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="20.000000" y="12.000000" width="106" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Oldest message</p>
</div></foreignObject></g></g><g id="m2_desc"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="312.000000" y="12.000000" width="41" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Offset</p> </div></foreignObject></g></g><g id="m2_desc"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="302.000000" y="12.000000" width="41" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Offset</p>
</div></foreignObject></g></g><g id="m5_desc"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="664.000000" y="12.000000" width="90" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Last message</p> </div></foreignObject></g></g><g id="m5_desc"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="654.000000" y="12.000000" width="90" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Last message</p>
</div></foreignObject></g></g><g id="m6_desc"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="814.000000" y="0.000000" width="140" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Next message will be<br /> </div></foreignObject></g></g><g id="m6_desc"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="804.000000" y="0.000000" width="140" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Next message will be<br />
inserted here</p> inserted here</p>
</div></foreignObject></g></g><g id="queue.M0"><g class="shape" ><rect x="50" y="198" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="82.500000" y="236.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M0</text></g><g id="queue.M1"><g class="shape" ><rect x="175" y="198" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="207.500000" y="236.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M1</text></g><g id="queue.M2"><g class="shape" ><rect x="300" y="198" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="332.500000" y="236.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M2</text></g><g id="queue.M3"><g class="shape" ><rect x="425" y="198" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="457.500000" y="236.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M3</text></g><g id="queue.M4"><g class="shape" ><rect x="550" y="198" width="66" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="583.000000" y="236.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M4</text></g><g id="queue.M5"><g class="shape" ><rect x="676" y="198" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="708.500000" y="236.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M5</text></g><g id="queue.M6"><g class="shape" ><rect x="851" y="198" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="883.500000" y="236.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M6</text></g><g id="(m0_desc -&gt; queue.M0)[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 82.500000 38.000000 C 82.500000 85.600000 82.500000 158.000000 82.500000 194.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1051552217)"/></g><g id="(m2_desc -&gt; queue.M2)[0]"><path d="M 332.500000 38.000000 C 332.500000 85.600000 332.500000 158.000000 332.500000 194.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1051552217)"/></g><g id="(m5_desc -&gt; queue.M5)[0]"><path d="M 708.500000 38.000000 C 708.500000 85.600000 708.500000 158.000000 708.500000 194.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1051552217)"/></g><g id="(m6_desc -&gt; queue.M6)[0]"><path d="M 883.500000 50.000000 C 883.500000 88.000000 883.500000 158.000000 883.500000 194.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1051552217)"/></g><mask id="1051552217" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1170" height="518"> </div></foreignObject></g></g><g id="queue.M0"><g class="shape" ><rect x="40" y="168" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="72.500000" y="206.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M0</text></g><g id="queue.M1"><g class="shape" ><rect x="165" y="168" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="197.500000" y="206.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M1</text></g><g id="queue.M2"><g class="shape" ><rect x="290" y="168" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="322.500000" y="206.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M2</text></g><g id="queue.M3"><g class="shape" ><rect x="415" y="168" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="447.500000" y="206.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M3</text></g><g id="queue.M4"><g class="shape" ><rect x="540" y="168" width="66" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="573.000000" y="206.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M4</text></g><g id="queue.M5"><g class="shape" ><rect x="666" y="168" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="698.500000" y="206.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M5</text></g><g id="queue.M6"><g class="shape" ><rect x="841" y="168" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="873.500000" y="206.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M6</text></g><g id="(m0_desc -&gt; queue.M0)[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 72.500000 38.000000 C 72.500000 77.600000 72.500000 136.000000 72.500000 164.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3756792721)"/></g><g id="(m2_desc -&gt; queue.M2)[0]"><path d="M 322.500000 38.000000 C 322.500000 77.600000 322.500000 136.000000 322.500000 164.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3756792721)"/></g><g id="(m5_desc -&gt; queue.M5)[0]"><path d="M 698.500000 38.000000 C 698.500000 77.600000 698.500000 136.000000 698.500000 164.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3756792721)"/></g><g id="(m6_desc -&gt; queue.M6)[0]"><path d="M 873.500000 50.000000 C 873.500000 80.000000 873.500000 136.000000 873.500000 164.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3756792721)"/></g><mask id="3756792721" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1150" height="478">
<rect x="-100" y="-100" width="1170" height="518" fill="white"></rect> <rect x="-100" y="-100" width="1150" height="478" 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: 664 KiB

After

Width:  |  Height:  |  Size: 664 KiB

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

@ -48,7 +48,7 @@
"type": "sequence_diagram", "type": "sequence_diagram",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 166 "y": 146
}, },
"width": 106, "width": 106,
"height": 66, "height": 66,
@ -117,15 +117,15 @@
}, },
{ {
"x": 53, "x": 53,
"y": 106 "y": 98
}, },
{ {
"x": 53, "x": 53,
"y": 126 "y": 114
}, },
{ {
"x": 53, "x": 53,
"y": 166 "y": 146
} }
], ],
"isCurve": true, "isCurve": true,

6
e2etests/testdata/regression/empty_sequence/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="306" height="432" viewBox="-100 -100 306 432"><style type="text/css"> width="306" height="412" viewBox="-100 -100 306 412"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="306" height="432" viewBox="-100 -100 306 432"><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="13" y="0" width="80" height="66" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text-bold" x="53.000000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">hello</text></g><g id="B"><g class="shape" ><rect x="0" y="166" width="106" height="66" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text-bold" x="53.000000" y="204.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">goodbye</text></g><g id="(A -&gt; B)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 53.000000 67.000000 C 53.000000 106.000000 53.000000 126.000000 53.000000 163.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#584752433)"/></g><mask id="584752433" maskUnits="userSpaceOnUse" x="-100" y="-100" width="306" height="432"> ]]></script><g id="A"><g class="shape" ><rect x="13" y="0" width="80" height="66" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text-bold" x="53.000000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">hello</text></g><g id="B"><g class="shape" ><rect x="0" y="146" width="106" height="66" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text-bold" x="53.000000" y="184.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">goodbye</text></g><g id="(A -&gt; B)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 53.000000 67.000000 C 53.000000 98.000000 53.000000 114.000000 53.000000 143.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1764274454)"/></g><mask id="1764274454" maskUnits="userSpaceOnUse" x="-100" y="-100" width="306" height="412">
<rect x="-100" y="-100" width="306" height="432" fill="white"></rect> <rect x="-100" y="-100" width="306" height="412" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 325 KiB

After

Width:  |  Height:  |  Size: 325 KiB

22
e2etests/testdata/regression/md_h1_li_li/dagre/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 166 "y": 146
}, },
"width": 95, "width": 95,
"height": 115, "height": 115,
@ -88,7 +88,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 21, "x": 21,
"y": 381 "y": 341
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -157,15 +157,15 @@
}, },
{ {
"x": 47.5, "x": 47.5,
"y": 106 "y": 98
}, },
{ {
"x": 47.5, "x": 47.5,
"y": 126 "y": 114
}, },
{ {
"x": 47.5, "x": 47.5,
"y": 166 "y": 146
} }
], ],
"isCurve": true, "isCurve": true,
@ -201,19 +201,19 @@
"route": [ "route": [
{ {
"x": 47.5, "x": 47.5,
"y": 281 "y": 261
}, },
{ {
"x": 47.5, "x": 47.5,
"y": 321 "y": 293
},
{
"x": 47.5,
"y": 309
}, },
{ {
"x": 47.5, "x": 47.5,
"y": 341 "y": 341
},
{
"x": 47.5,
"y": 381
} }
], ],
"isCurve": true, "isCurve": true,

8
e2etests/testdata/regression/md_h1_li_li/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="299" height="651" viewBox="-102 -102 299 651"><style type="text/css"> width="299" height="611" viewBox="-102 -102 299 611"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -796,7 +796,7 @@ width="299" height="651" viewBox="-102 -102 299 651"><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="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="95" height="115"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>hey</h1> </style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="146.000000" width="95" height="115"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>hey</h1>
<ul> <ul>
<li>they <li>they
<ol> <ol>
@ -804,8 +804,8 @@ width="299" height="651" viewBox="-102 -102 299 651"><style type="text/css">
</ol> </ol>
</li> </li>
</ul> </ul>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="21" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="47.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="21" y="381" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="47.500000" y="419.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[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 47.500000 68.000000 C 47.500000 106.000000 47.500000 126.000000 47.500000 162.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#817120199)"/></g><g id="(md -&gt; b)[0]"><path d="M 47.500000 283.000000 C 47.500000 321.000000 47.500000 341.000000 47.500000 377.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#817120199)"/></g><mask id="817120199" maskUnits="userSpaceOnUse" x="-100" y="-100" width="299" height="651"> </div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="21" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="47.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="21" y="341" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="47.500000" y="379.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[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 47.500000 68.000000 C 47.500000 98.000000 47.500000 114.000000 47.500000 142.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3183912228)"/></g><g id="(md -&gt; b)[0]"><path d="M 47.500000 263.000000 C 47.500000 293.000000 47.500000 309.000000 47.500000 337.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3183912228)"/></g><mask id="3183912228" maskUnits="userSpaceOnUse" x="-100" y="-100" width="299" height="611">
<rect x="-100" y="-100" width="299" height="651" fill="white"></rect> <rect x="-100" y="-100" width="299" height="611" 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: 661 KiB

After

Width:  |  Height:  |  Size: 661 KiB

22
e2etests/testdata/regression/only_header_class_table/dagre/board.exp.json generated vendored
View file

@ -50,7 +50,7 @@
"type": "sql_table", "type": "sql_table",
"pos": { "pos": {
"x": 351, "x": 351,
"y": 192 "y": 172
}, },
"width": 381, "width": 381,
"height": 36, "height": 36,
@ -93,7 +93,7 @@
"type": "sql_table", "type": "sql_table",
"pos": { "pos": {
"x": 351, "x": 351,
"y": 328 "y": 288
}, },
"width": 381, "width": 381,
"height": 72, "height": 72,
@ -193,15 +193,15 @@
}, },
{ {
"x": 541, "x": 541,
"y": 132 "y": 124
}, },
{ {
"x": 541, "x": 541,
"y": 152 "y": 140
}, },
{ {
"x": 541, "x": 541,
"y": 192 "y": 172
} }
], ],
"isCurve": true, "isCurve": true,
@ -237,19 +237,19 @@
"route": [ "route": [
{ {
"x": 541, "x": 541,
"y": 228 "y": 208
}, },
{ {
"x": 541, "x": 541,
"y": 268 "y": 240
},
{
"x": 541,
"y": 256
}, },
{ {
"x": 541, "x": 541,
"y": 288 "y": 288
},
{
"x": 541,
"y": 328
} }
], ],
"isCurve": true, "isCurve": true,

10
e2etests/testdata/regression/only_header_class_table/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="1286" height="604" viewBox="-102 -102 1286 604"><style type="text/css"> width="1286" height="564" viewBox="-102 -102 1286 564"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,10 +39,10 @@ width="1286" height="604" viewBox="-102 -102 1286 604"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="class"><g class="shape" ><rect class="shape" x="0" y="0" width="1082" height="92" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="1082.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="541.000000" y="53.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyProtocolServerSideTranslatorProtocolBuffer</text><line x1="0.000000" y1="92.000000" x2="1082.000000" y2="92.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><g id="table"><g class="shape" ><rect class="shape" x="351" y="192" width="381" height="36" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="351.000000" y="192.000000" width="381.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="361.000000" y="217.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text></g></g><g id="table with short col"><g class="shape" ><rect class="shape" x="351" y="328" width="381" height="72" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="351.000000" y="328.000000" width="381.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="361.000000" y="353.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text><text class="text" x="361.000000" y="387.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">ok</text> ]]></script><g id="class"><g class="shape" ><rect class="shape" x="0" y="0" width="1082" height="92" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="1082.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="541.000000" y="53.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyProtocolServerSideTranslatorProtocolBuffer</text><line x1="0.000000" y1="92.000000" x2="1082.000000" y2="92.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><g id="table"><g class="shape" ><rect class="shape" x="351" y="172" width="381" height="36" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="351.000000" y="172.000000" width="381.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="361.000000" y="197.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text></g></g><g id="table with short col"><g class="shape" ><rect class="shape" x="351" y="288" width="381" height="72" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="351.000000" y="288.000000" width="381.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="361.000000" y="313.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text><text class="text" x="361.000000" y="347.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">ok</text>
<text class="text" x="402.000000" y="387.000000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text> <text class="text" x="402.000000" y="347.000000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text>
<text class="text" x="712.000000" y="387.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="351.000000" y1="400.000000" x2="732.000000" y2="400.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="(class -&gt; table)[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 541.000000 94.000000 C 541.000000 132.000000 541.000000 152.000000 541.000000 188.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3867717235)"/></g><g id="(table -&gt; table with short col)[0]"><path d="M 541.000000 230.000000 C 541.000000 268.000000 541.000000 288.000000 541.000000 324.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3867717235)"/></g><mask id="3867717235" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1286" height="604"> <text class="text" x="712.000000" y="347.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="351.000000" y1="360.000000" x2="732.000000" y2="360.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="(class -&gt; table)[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 541.000000 94.000000 C 541.000000 124.000000 541.000000 140.000000 541.000000 168.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2697521554)"/></g><g id="(table -&gt; table with short col)[0]"><path d="M 541.000000 210.000000 C 541.000000 240.000000 541.000000 256.000000 541.000000 284.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2697521554)"/></g><mask id="2697521554" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1286" height="564">
<rect x="-100" y="-100" width="1286" height="604" fill="white"></rect> <rect x="-100" y="-100" width="1286" height="564" 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: 508 KiB

After

Width:  |  Height:  |  Size: 508 KiB

8
e2etests/testdata/regression/opacity-on-label/dagre/board.exp.json generated vendored
View file

@ -88,7 +88,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 135, "x": 135,
"y": 203 "y": 183
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -157,15 +157,15 @@
}, },
{ {
"x": 161, "x": 161,
"y": 120.80000000000001 "y": 112.80000000000001
}, },
{ {
"x": 161, "x": 161,
"y": 148.3 "y": 136.3
}, },
{ {
"x": 161, "x": 161,
"y": 203.5 "y": 183.5
} }
], ],
"isCurve": true, "isCurve": true,

8
e2etests/testdata/regression/opacity-on-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="754" height="473" viewBox="-100 -102 754 473"><style type="text/css"> width="754" height="453" viewBox="-100 -102 754 453"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -797,9 +797,9 @@ width="754" height="473" viewBox="-100 -102 754 473"><style type="text/css">
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="x" style='opacity:0.400000'><g class="shape" ><rect x="135" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="161.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">x</text></g><g id="y" style='opacity:0.400000'><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="248.000000" y="21.000000" width="304" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>linux: because a PC is a terrible thing to waste</p> </style><g id="x" style='opacity:0.400000'><g class="shape" ><rect x="135" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="161.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">x</text></g><g id="y" style='opacity:0.400000'><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="248.000000" y="21.000000" width="304" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>linux: because a PC is a terrible thing to waste</p>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="135" y="203" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="161.500000" y="241.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="(x -&gt; a)[0]" style='opacity:0.400000'><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 161.000000 68.000000 C 161.000000 120.800000 161.000000 148.300000 161.000000 199.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2558060737)"/><text class="text-italic" x="161.000000" y="132.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E"><tspan x="161.000000" dy="0.000000">You don&#39;t have to know how the computer works,</tspan><tspan x="161.000000" dy="18.500000">just how to work the computer.</tspan></text></g><mask id="2558060737" maskUnits="userSpaceOnUse" x="-100" y="-100" width="754" height="473"> </div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="135" y="183" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="161.500000" y="221.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="(x -&gt; a)[0]" style='opacity:0.400000'><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 161.000000 68.000000 C 161.000000 112.800000 161.000000 136.300000 161.000000 179.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2475151437)"/><text class="text-italic" x="161.000000" y="122.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E"><tspan x="161.000000" dy="0.000000">You don&#39;t have to know how the computer works,</tspan><tspan x="161.000000" dy="18.500000">just how to work the computer.</tspan></text></g><mask id="2475151437" maskUnits="userSpaceOnUse" x="-100" y="-100" width="754" height="453">
<rect x="-100" y="-100" width="754" height="473" fill="white"></rect> <rect x="-100" y="-100" width="754" height="453" fill="white"></rect>
<rect x="0.000000" y="116.000000" width="322" height="37" fill="black"></rect> <rect x="0.000000" y="106.000000" width="322" height="37" 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: 804 KiB

After

Width:  |  Height:  |  Size: 804 KiB

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

@ -9,8 +9,8 @@
"x": 0, "x": 0,
"y": 0 "y": 0
}, },
"width": 1276, "width": 1221,
"height": 166, "height": 146,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -47,8 +47,8 @@
"id": "k8s.m1", "id": "k8s.m1",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 131, "x": 86,
"y": 50 "y": 40
}, },
"width": 132, "width": 132,
"height": 66, "height": 66,
@ -88,8 +88,8 @@
"id": "k8s.m2", "id": "k8s.m2",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 323, "x": 278,
"y": 50 "y": 40
}, },
"width": 132, "width": 132,
"height": 66, "height": 66,
@ -129,8 +129,8 @@
"id": "k8s.m3", "id": "k8s.m3",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 515, "x": 470,
"y": 50 "y": 40
}, },
"width": 132, "width": 132,
"height": 66, "height": 66,
@ -170,8 +170,8 @@
"id": "k8s.w1", "id": "k8s.w1",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 707, "x": 662,
"y": 50 "y": 40
}, },
"width": 133, "width": 133,
"height": 66, "height": 66,
@ -211,8 +211,8 @@
"id": "k8s.w2", "id": "k8s.w2",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 900, "x": 855,
"y": 50 "y": 40
}, },
"width": 133, "width": 133,
"height": 66, "height": 66,
@ -252,8 +252,8 @@
"id": "k8s.w3", "id": "k8s.w3",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1093, "x": 1048,
"y": 50 "y": 40
}, },
"width": 133, "width": 133,
"height": 66, "height": 66,
@ -294,10 +294,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 287 "y": 247
}, },
"width": 495, "width": 395,
"height": 166, "height": 146,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -334,8 +334,8 @@
"id": "osvc.vm1", "id": "osvc.vm1",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 186, "x": 131,
"y": 337 "y": 287
}, },
"width": 76, "width": 76,
"height": 66, "height": 66,
@ -375,8 +375,8 @@
"id": "osvc.vm2", "id": "osvc.vm2",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 369, "x": 279,
"y": 337 "y": 287
}, },
"width": 76, "width": 76,
"height": 66, "height": 66,
@ -440,20 +440,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 84, "x": 59,
"y": 166 "y": 146
}, },
{ {
"x": 84, "x": 59,
"y": 214.4 "y": 186.4
}, },
{ {
"x": 84, "x": 59,
"y": 238.7 "y": 206.7
}, },
{ {
"x": 84, "x": 59,
"y": 287.5 "y": 247.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -488,20 +488,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 186, "x": 141,
"y": 166 "y": 146
}, },
{ {
"x": 186, "x": 141,
"y": 214.4 "y": 186.4
}, },
{ {
"x": 186, "x": 141,
"y": 238.7 "y": 206.7
}, },
{ {
"x": 186, "x": 141,
"y": 287.5 "y": 247.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -536,20 +536,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 282, "x": 217,
"y": 166 "y": 146
}, },
{ {
"x": 282, "x": 217,
"y": 214.4 "y": 186.4
}, },
{ {
"x": 282, "x": 217,
"y": 238.7 "y": 206.7
}, },
{ {
"x": 282, "x": 217,
"y": 287.5 "y": 247.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -584,20 +584,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 363, "x": 278,
"y": 166 "y": 146
}, },
{ {
"x": 363, "x": 278,
"y": 214.4 "y": 186.4
}, },
{ {
"x": 363, "x": 278,
"y": 238.7 "y": 206.7
}, },
{ {
"x": 363, "x": 278,
"y": 287.5 "y": 247.5
} }
], ],
"isCurve": true, "isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1480" height="657" viewBox="-102 -102 1480 657"><style type="text/css"> width="1425" height="597" viewBox="-102 -102 1425 597"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,12 +39,12 @@ width="1480" height="657" viewBox="-102 -102 1480 657"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="k8s"><g class="shape" ><rect x="0" y="0" width="1276" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="638.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">Kubernetes</text></g><g id="osvc"><g class="shape" ><rect x="0" y="287" width="495" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="247.500000" y="320.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">opensvc</text></g><g id="k8s.m1"><g class="shape" ><rect x="131" y="50" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="197.000000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master1</text></g><g id="k8s.m2"><g class="shape" ><rect x="323" y="50" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="389.000000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master2</text></g><g id="k8s.m3"><g class="shape" ><rect x="515" y="50" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="581.000000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master3</text></g><g id="k8s.w1"><g class="shape" ><rect x="707" y="50" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="773.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker1</text></g><g id="k8s.w2"><g class="shape" ><rect x="900" y="50" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="966.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker2</text></g><g id="k8s.w3"><g class="shape" ><rect x="1093" y="50" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1159.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker3</text></g><g id="osvc.vm1"><g class="shape" ><rect x="186" y="337" width="76" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="224.000000" y="375.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">VM1</text></g><g id="osvc.vm2"><g class="shape" ><rect x="369" y="337" width="76" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="407.000000" y="375.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">VM2</text></g><g id="(k8s -&gt; osvc)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 84.000000 168.000000 C 84.000000 214.400000 84.000000 238.700000 84.000000 283.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1066329477)"/><text class="text-italic" x="84.500000" y="232.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">keycloak</text></g><g id="(k8s -&gt; osvc)[1]"><path d="M 186.000000 168.000000 C 186.000000 214.400000 186.000000 238.700000 186.000000 283.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1066329477)"/><text class="text-italic" x="186.500000" y="232.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">heptapod</text></g><g id="(k8s -&gt; osvc)[2]"><path d="M 282.000000 168.000000 C 282.000000 214.400000 282.000000 238.700000 282.000000 283.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1066329477)"/><text class="text-italic" x="282.500000" y="232.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">harbor</text></g><g id="(k8s -&gt; osvc)[3]"><path d="M 363.000000 168.000000 C 363.000000 214.400000 363.000000 238.700000 363.000000 283.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1066329477)"/><text class="text-italic" x="363.500000" y="232.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">vault</text></g><mask id="1066329477" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1480" height="657"> ]]></script><g id="k8s"><g class="shape" ><rect x="0" y="0" width="1221" height="146" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="610.500000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">Kubernetes</text></g><g id="osvc"><g class="shape" ><rect x="0" y="247" width="395" height="146" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="197.500000" y="280.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">opensvc</text></g><g id="k8s.m1"><g class="shape" ><rect x="86" y="40" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="152.000000" y="78.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master1</text></g><g id="k8s.m2"><g class="shape" ><rect x="278" y="40" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="344.000000" y="78.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master2</text></g><g id="k8s.m3"><g class="shape" ><rect x="470" y="40" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="536.000000" y="78.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master3</text></g><g id="k8s.w1"><g class="shape" ><rect x="662" y="40" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="728.500000" y="78.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker1</text></g><g id="k8s.w2"><g class="shape" ><rect x="855" y="40" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="921.500000" y="78.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker2</text></g><g id="k8s.w3"><g class="shape" ><rect x="1048" y="40" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1114.500000" y="78.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker3</text></g><g id="osvc.vm1"><g class="shape" ><rect x="131" y="287" width="76" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="169.000000" y="325.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">VM1</text></g><g id="osvc.vm2"><g class="shape" ><rect x="279" y="287" width="76" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="317.000000" y="325.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 59.000000 148.000000 C 59.000000 186.400000 59.000000 206.700000 59.000000 243.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1719154135)"/><text class="text-italic" x="59.500000" y="202.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">keycloak</text></g><g id="(k8s -&gt; osvc)[1]"><path d="M 141.000000 148.000000 C 141.000000 186.400000 141.000000 206.700000 141.000000 243.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1719154135)"/><text class="text-italic" x="141.500000" y="202.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">heptapod</text></g><g id="(k8s -&gt; osvc)[2]"><path d="M 217.000000 148.000000 C 217.000000 186.400000 217.000000 206.700000 217.000000 243.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1719154135)"/><text class="text-italic" x="217.500000" y="202.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">harbor</text></g><g id="(k8s -&gt; osvc)[3]"><path d="M 278.000000 148.000000 C 278.000000 186.400000 278.000000 206.700000 278.000000 243.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1719154135)"/><text class="text-italic" x="278.500000" y="202.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">vault</text></g><mask id="1719154135" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1425" height="597">
<rect x="-100" y="-100" width="1480" height="657" fill="white"></rect> <rect x="-100" y="-100" width="1425" height="597" fill="white"></rect>
<rect x="55.000000" y="216.000000" width="59" height="21" fill="black"></rect> <rect x="30.000000" y="186.000000" width="59" height="21" fill="black"></rect>
<rect x="154.000000" y="216.000000" width="65" height="21" fill="black"></rect> <rect x="109.000000" y="186.000000" width="65" height="21" fill="black"></rect>
<rect x="259.000000" y="216.000000" width="47" height="21" fill="black"></rect> <rect x="194.000000" y="186.000000" width="47" height="21" fill="black"></rect>
<rect x="346.000000" y="216.000000" width="35" height="21" fill="black"></rect> <rect x="261.000000" y="186.000000" width="35" 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

24
e2etests/testdata/regression/sequence_diagram_name_crash/dagre/board.exp.json generated vendored
View file

@ -130,7 +130,7 @@
"type": "sequence_diagram", "type": "sequence_diagram",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 560 "y": 540
}, },
"width": 448, "width": 448,
"height": 460, "height": 460,
@ -171,7 +171,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 24, "x": 24,
"y": 670 "y": 650
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -212,7 +212,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 274, "x": 274,
"y": 670 "y": 650
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -316,11 +316,11 @@
"route": [ "route": [
{ {
"x": 99, "x": 99,
"y": 866 "y": 846
}, },
{ {
"x": 349, "x": 349,
"y": 866 "y": 846
} }
], ],
"animated": false, "animated": false,
@ -359,15 +359,15 @@
}, },
{ {
"x": 224, "x": 224,
"y": 500 "y": 492
}, },
{ {
"x": 224, "x": 224,
"y": 520 "y": 508
}, },
{ {
"x": 224, "x": 224,
"y": 560 "y": 540
} }
], ],
"isCurve": true, "isCurve": true,
@ -481,11 +481,11 @@
"route": [ "route": [
{ {
"x": 99, "x": 99,
"y": 736 "y": 716
}, },
{ {
"x": 99, "x": 99,
"y": 996 "y": 976
} }
], ],
"animated": false, "animated": false,
@ -520,11 +520,11 @@
"route": [ "route": [
{ {
"x": 349, "x": 349,
"y": 736 "y": 716
}, },
{ {
"x": 349, "x": 349,
"y": 996 "y": 976
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/regression/sequence_diagram_name_crash/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="648" height="1220" viewBox="-100 -100 648 1220"><style type="text/css"> width="648" height="1200" viewBox="-100 -100 648 1200"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="648" height="1220" viewBox="-100 -100 648 1220"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="foo"><g class="shape" ><rect x="0" y="0" width="448" height="460" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="224.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">foo</text></g><g id="foobar"><g class="shape" ><rect x="0" y="560" width="448" height="460" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="224.000000" y="593.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">foobar</text></g><g id="foo.a"><g class="shape" ><rect x="24" y="110" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="148.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="foo.b"><g class="shape" ><rect x="274" y="110" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="349.000000" y="148.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="foobar.c"><g class="shape" ><rect x="24" y="670" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="708.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="foobar.d"><g class="shape" ><rect x="274" y="670" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="349.000000" y="708.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(foo -&gt; foobar)[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 224.000000 461.000000 C 224.000000 500.000000 224.000000 520.000000 224.000000 557.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1440529920)"/></g><g id="(foo.a -- )[0]"><path d="M 99.000000 178.000000 L 99.000000 435.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1440529920)"/></g><g id="(foo.b -- )[0]"><path d="M 349.000000 178.000000 L 349.000000 435.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1440529920)"/></g><g id="(foobar.c -- )[0]"><path d="M 99.000000 738.000000 L 99.000000 995.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1440529920)"/></g><g id="(foobar.d -- )[0]"><path d="M 349.000000 738.000000 L 349.000000 995.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1440529920)"/></g><g id="foo.(a -&gt; b)[0]"><path d="M 101.000000 306.000000 L 345.000000 306.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1440529920)"/></g><g id="foobar.(c -&gt; d)[0]"><path d="M 101.000000 866.000000 L 345.000000 866.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1440529920)"/></g><mask id="1440529920" maskUnits="userSpaceOnUse" x="-100" y="-100" width="648" height="1220"> ]]></script><g id="foo"><g class="shape" ><rect x="0" y="0" width="448" height="460" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="224.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">foo</text></g><g id="foobar"><g class="shape" ><rect x="0" y="540" width="448" height="460" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="224.000000" y="573.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">foobar</text></g><g id="foo.a"><g class="shape" ><rect x="24" y="110" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="148.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="foo.b"><g class="shape" ><rect x="274" y="110" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="349.000000" y="148.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="foobar.c"><g class="shape" ><rect x="24" y="650" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="688.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="foobar.d"><g class="shape" ><rect x="274" y="650" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="349.000000" y="688.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(foo -&gt; foobar)[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 224.000000 461.000000 C 224.000000 492.000000 224.000000 508.000000 224.000000 537.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#70136982)"/></g><g id="(foo.a -- )[0]"><path d="M 99.000000 178.000000 L 99.000000 435.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#70136982)"/></g><g id="(foo.b -- )[0]"><path d="M 349.000000 178.000000 L 349.000000 435.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#70136982)"/></g><g id="(foobar.c -- )[0]"><path d="M 99.000000 718.000000 L 99.000000 975.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#70136982)"/></g><g id="(foobar.d -- )[0]"><path d="M 349.000000 718.000000 L 349.000000 975.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#70136982)"/></g><g id="foo.(a -&gt; b)[0]"><path d="M 101.000000 306.000000 L 345.000000 306.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#70136982)"/></g><g id="foobar.(c -&gt; d)[0]"><path d="M 101.000000 846.000000 L 345.000000 846.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#70136982)"/></g><mask id="70136982" maskUnits="userSpaceOnUse" x="-100" y="-100" width="648" height="1200">
<rect x="-100" y="-100" width="648" height="1220" fill="white"></rect> <rect x="-100" y="-100" width="648" height="1200" 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: 328 KiB

After

Width:  |  Height:  |  Size: 328 KiB

22
e2etests/testdata/regression/unnamed_class_table_code/dagre/board.exp.json generated vendored
View file

@ -82,7 +82,7 @@
"type": "sql_table", "type": "sql_table",
"pos": { "pos": {
"x": 107, "x": 107,
"y": 468 "y": 448
}, },
"width": 208, "width": 208,
"height": 186, "height": 186,
@ -266,7 +266,7 @@
"type": "code", "type": "code",
"pos": { "pos": {
"x": 113, "x": 113,
"y": 754 "y": 714
}, },
"width": 196, "width": 196,
"height": 70, "height": 70,
@ -334,15 +334,15 @@
}, },
{ {
"x": 211, "x": 211,
"y": 408 "y": 400
}, },
{ {
"x": 211, "x": 211,
"y": 428 "y": 416
}, },
{ {
"x": 211, "x": 211,
"y": 468 "y": 448
} }
], ],
"isCurve": true, "isCurve": true,
@ -378,19 +378,19 @@
"route": [ "route": [
{ {
"x": 211, "x": 211,
"y": 654 "y": 634
}, },
{ {
"x": 211, "x": 211,
"y": 694 "y": 666
},
{
"x": 211,
"y": 682
}, },
{ {
"x": 211, "x": 211,
"y": 714 "y": 714
},
{
"x": 211,
"y": 754
} }
], ],
"isCurve": true, "isCurve": true,

28
e2etests/testdata/regression/unnamed_class_table_code/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="626" height="1028" viewBox="-102 -102 626 1028"><style type="text/css"> width="626" height="988" viewBox="-102 -102 626 988"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -51,20 +51,20 @@ width="626" height="1028" viewBox="-102 -102 626 1028"><style type="text/css">
<text class="text-mono" x="30.000000" y="304.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text> <text class="text-mono" x="30.000000" y="304.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
<text class="text-mono" x="402.000000" y="304.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="10.000000" y="350.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text> <text class="text-mono" x="402.000000" y="304.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="10.000000" y="350.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
<text class="text-mono" x="30.000000" y="350.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text> <text class="text-mono" x="30.000000" y="350.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
<text class="text-mono" x="402.000000" y="350.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="107" y="468" width="208" height="186" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="107.000000" y="468.000000" width="208.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="117.000000" y="519.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text> <text class="text-mono" x="402.000000" y="350.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="107" y="448" width="208" height="186" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="107.000000" y="448.000000" width="208.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="117.000000" y="499.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
<text class="text" x="218.000000" y="519.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text> <text class="text" x="218.000000" y="499.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="295.000000" y="519.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="530.000000" x2="315.000000" y2="530.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="550.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text> <text class="text" x="295.000000" y="499.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="510.000000" x2="315.000000" y2="510.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="530.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
<text class="text" x="218.000000" y="550.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text> <text class="text" x="218.000000" y="530.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="295.000000" y="550.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="561.000000" x2="315.000000" y2="561.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="581.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text> <text class="text" x="295.000000" y="530.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="541.000000" x2="315.000000" y2="541.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="561.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
<text class="text" x="218.000000" y="581.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text> <text class="text" x="218.000000" y="561.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="295.000000" y="581.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="592.000000" x2="315.000000" y2="592.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="612.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text> <text class="text" x="295.000000" y="561.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="572.000000" x2="315.000000" y2="572.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="592.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
<text class="text" x="218.000000" y="612.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text> <text class="text" x="218.000000" y="592.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="295.000000" y="612.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="623.000000" x2="315.000000" y2="623.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="643.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text> <text class="text" x="295.000000" y="592.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="603.000000" x2="315.000000" y2="603.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="623.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
<text class="text" x="218.000000" y="643.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text> <text class="text" x="218.000000" y="623.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
<text class="text" x="295.000000" y="643.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="654.000000" x2="315.000000" y2="654.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(113.000000 754.000000)"><rect class="shape" width="196" height="70" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan> <text class="text" x="295.000000" y="623.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="634.000000" x2="315.000000" y2="634.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(113.000000 714.000000)"><rect class="shape" width="196" height="70" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
</text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan> </text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="(class -&gt; users)[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 211.000000 370.000000 C 211.000000 408.000000 211.000000 428.000000 211.000000 464.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#314452596)"/></g><g id="(users -&gt; code)[0]"><path d="M 211.000000 656.000000 C 211.000000 694.000000 211.000000 714.000000 211.000000 750.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#314452596)"/></g><mask id="314452596" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="1028"> </text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="(class -&gt; users)[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 211.000000 370.000000 C 211.000000 400.000000 211.000000 416.000000 211.000000 444.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1384817628)"/></g><g id="(users -&gt; code)[0]"><path d="M 211.000000 636.000000 C 211.000000 666.000000 211.000000 682.000000 211.000000 710.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1384817628)"/></g><mask id="1384817628" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="988">
<rect x="-100" y="-100" width="626" height="1028" fill="white"></rect> <rect x="-100" y="-100" width="626" height="988" 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: 601 KiB

After

Width:  |  Height:  |  Size: 601 KiB

24
e2etests/testdata/sanity/1_to_2/dagre/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 166 "y": 146
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 113, "x": 113,
"y": 166 "y": 146
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -153,20 +153,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 60.536144578313255, "x": 57.45890410958904,
"y": 66 "y": 66
}, },
{ {
"x": 33.30722891566265, "x": 32.6917808219178,
"y": 106 "y": 98
}, },
{ {
"x": 26.5, "x": 26.5,
"y": 126 "y": 114
}, },
{ {
"x": 26.5, "x": 26.5,
"y": 166 "y": 146
} }
], ],
"isCurve": true, "isCurve": true,
@ -201,20 +201,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 105.46385542168674, "x": 108.54109589041096,
"y": 66 "y": 66
}, },
{ {
"x": 132.69277108433735, "x": 133.3082191780822,
"y": 106 "y": 98
}, },
{ {
"x": 139.5, "x": 139.5,
"y": 126 "y": 114
}, },
{ {
"x": 139.5, "x": 139.5,
"y": 166 "y": 146
} }
], ],
"isCurve": true, "isCurve": true,

6
e2etests/testdata/sanity/1_to_2/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="370" height="436" viewBox="-102 -102 370 436"><style type="text/css"> width="370" height="416" viewBox="-102 -102 370 416"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="370" height="436" viewBox="-102 -102 370 436"><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="57" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="83.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="0" y="166" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="26.500000" y="204.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="113" y="166" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="139.500000" y="204.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 59.410707 67.653297 C 33.307229 106.000000 26.500000 126.000000 26.500000 162.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3880070413)"/></g><g id="(a -&gt; c)[0]"><path d="M 106.589293 67.653297 C 132.692771 106.000000 139.500000 126.000000 139.500000 162.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3880070413)"/></g><mask id="3880070413" maskUnits="userSpaceOnUse" x="-100" y="-100" width="370" height="436"> ]]></script><g id="a"><g class="shape" ><rect x="57" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="83.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="0" y="146" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="26.500000" y="184.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="113" y="146" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="139.500000" y="184.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 56.234776 67.581617 C 32.691781 98.000000 26.500000 114.000000 26.500000 142.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1283442961)"/></g><g id="(a -&gt; c)[0]"><path d="M 109.765224 67.581617 C 133.308219 98.000000 139.500000 114.000000 139.500000 142.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1283442961)"/></g><mask id="1283442961" maskUnits="userSpaceOnUse" x="-100" y="-100" width="370" height="416">
<rect x="-100" y="-100" width="370" height="436" fill="white"></rect> <rect x="-100" y="-100" width="370" height="416" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 326 KiB

After

Width:  |  Height:  |  Size: 326 KiB

8
e2etests/testdata/sanity/basic/dagre/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 166 "y": 146
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -117,15 +117,15 @@
}, },
{ {
"x": 26.5, "x": 26.5,
"y": 106 "y": 98
}, },
{ {
"x": 26.5, "x": 26.5,
"y": 126 "y": 114
}, },
{ {
"x": 26.5, "x": 26.5,
"y": 166 "y": 146
} }
], ],
"isCurve": true, "isCurve": true,

6
e2etests/testdata/sanity/basic/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="257" height="436" viewBox="-102 -102 257 436"><style type="text/css"> width="257" height="416" viewBox="-102 -102 257 416"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="257" height="436" viewBox="-102 -102 257 436"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="26.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="0" y="166" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="26.500000" y="204.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 26.500000 68.000000 C 26.500000 106.000000 26.500000 126.000000 26.500000 162.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#258128731)"/></g><mask id="258128731" maskUnits="userSpaceOnUse" x="-100" y="-100" width="257" height="436"> ]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="26.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="0" y="146" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="26.500000" y="184.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 26.500000 68.000000 C 26.500000 98.000000 26.500000 114.000000 26.500000 142.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4083480116)"/></g><mask id="4083480116" maskUnits="userSpaceOnUse" x="-100" y="-100" width="257" height="416">
<rect x="-100" y="-100" width="257" height="436" fill="white"></rect> <rect x="-100" y="-100" width="257" height="416" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 325 KiB

After

Width:  |  Height:  |  Size: 325 KiB

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

@ -6,11 +6,11 @@
"id": "a", "id": "a",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 1,
"y": 0 "y": 0
}, },
"width": 156, "width": 133,
"height": 166, "height": 146,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -47,8 +47,8 @@
"id": "a.b", "id": "a.b",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 54, "x": 41,
"y": 50 "y": 40
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -89,10 +89,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 266 "y": 226
}, },
"width": 157, "width": 134,
"height": 166, "height": 146,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -129,8 +129,8 @@
"id": "c.d", "id": "c.d",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 53, "x": 40,
"y": 316 "y": 266
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -194,32 +194,32 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 80, "x": 67,
"y": 116 "y": 106
}, },
{ {
"x": 80, "x": 67,
"y": 156 "y": 138
}, },
{ {
"x": 80, "x": 67,
"y": 176 "y": 154
}, },
{ {
"x": 80, "x": 67,
"y": 191 "y": 166
}, },
{ {
"x": 80, "x": 67,
"y": 206 "y": 178
}, },
{ {
"x": 80, "x": 67,
"y": 276 "y": 234
}, },
{ {
"x": 80, "x": 67,
"y": 316 "y": 266
} }
], ],
"isCurve": true, "isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="361" height="636" viewBox="-102 -102 361 636"><style type="text/css"> width="338" height="576" viewBox="-102 -102 338 576"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="361" height="636" viewBox="-102 -102 361 636"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="156" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="78.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="0" y="266" width="157" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="78.500000" y="299.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="a.b"><g class="shape" ><rect x="54" y="50" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="80.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="53" y="316" width="54" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="80.000000" y="354.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a.b -&gt; c.d)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 80.000000 118.000000 C 80.000000 156.000000 80.000000 176.000000 80.000000 191.000000 C 80.000000 206.000000 80.000000 276.000000 80.000000 312.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4117563475)"/></g><mask id="4117563475" maskUnits="userSpaceOnUse" x="-100" y="-100" width="361" height="636"> ]]></script><g id="a"><g class="shape" ><rect x="1" y="0" width="133" height="146" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="67.500000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="0" y="226" width="134" height="146" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="67.000000" y="259.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="a.b"><g class="shape" ><rect x="41" y="40" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="67.500000" y="78.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="40" y="266" width="54" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="67.000000" y="304.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 67.000000 108.000000 C 67.000000 138.000000 67.000000 154.000000 67.000000 166.000000 C 67.000000 178.000000 67.000000 234.000000 67.000000 262.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#294541175)"/></g><mask id="294541175" maskUnits="userSpaceOnUse" x="-100" y="-100" width="338" height="576">
<rect x="-100" y="-100" width="361" height="636" fill="white"></rect> <rect x="-100" y="-100" width="338" height="576" 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

8
e2etests/testdata/sanity/connection_label/dagre/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 187 "y": 167
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -117,15 +117,15 @@
}, },
{ {
"x": 26.5, "x": 26.5,
"y": 114.4 "y": 106.4
}, },
{ {
"x": 26.5, "x": 26.5,
"y": 138.7 "y": 126.7
}, },
{ {
"x": 26.5, "x": 26.5,
"y": 187.5 "y": 167.5
} }
], ],
"isCurve": true, "isCurve": true,

8
e2etests/testdata/sanity/connection_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="257" height="457" viewBox="-102 -102 257 457"><style type="text/css"> width="257" height="437" viewBox="-102 -102 257 437"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,9 +39,9 @@ width="257" height="457" viewBox="-102 -102 257 457"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="26.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="0" y="187" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="26.500000" y="225.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 26.500000 68.000000 C 26.500000 114.400000 26.500000 138.700000 26.500000 183.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2702488500)"/><text class="text-italic" x="26.500000" y="132.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">hello</text></g><mask id="2702488500" maskUnits="userSpaceOnUse" x="-100" y="-100" width="257" height="457"> ]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="26.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="0" y="167" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="26.500000" y="205.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 26.500000 68.000000 C 26.500000 106.400000 26.500000 126.700000 26.500000 163.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2401006522)"/><text class="text-italic" x="26.500000" y="122.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">hello</text></g><mask id="2401006522" maskUnits="userSpaceOnUse" x="-100" y="-100" width="257" height="437">
<rect x="-100" y="-100" width="257" height="457" fill="white"></rect> <rect x="-100" y="-100" width="257" height="437" fill="white"></rect>
<rect x="10.000000" y="116.000000" width="33" height="21" fill="black"></rect> <rect x="10.000000" y="106.000000" width="33" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {
font-family: "font-bold"; font-family: "font-bold";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 468 KiB

After

Width:  |  Height:  |  Size: 468 KiB

102
e2etests/testdata/stable/all_shapes/dagre/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 9, "x": 9,
"y": 192 "y": 172
}, },
"width": 94, "width": 94,
"height": 94, "height": 94,
@ -89,7 +89,7 @@
"type": "page", "type": "page",
"pos": { "pos": {
"x": 16, "x": 16,
"y": 402 "y": 362
}, },
"width": 79, "width": 79,
"height": 87, "height": 87,
@ -171,7 +171,7 @@
"type": "document", "type": "document",
"pos": { "pos": {
"x": 211, "x": 211,
"y": 201 "y": 181
}, },
"width": 117, "width": 117,
"height": 76, "height": 76,
@ -212,7 +212,7 @@
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 217, "x": 217,
"y": 386 "y": 346
}, },
"width": 104, "width": 104,
"height": 118, "height": 118,
@ -294,7 +294,7 @@
"type": "package", "type": "package",
"pos": { "pos": {
"x": 446, "x": 446,
"y": 203 "y": 183
}, },
"width": 103, "width": 103,
"height": 73, "height": 73,
@ -335,7 +335,7 @@
"type": "step", "type": "step",
"pos": { "pos": {
"x": 440, "x": 440,
"y": 395 "y": 355
}, },
"width": 116, "width": 116,
"height": 101, "height": 101,
@ -417,7 +417,7 @@
"type": "stored_data", "type": "stored_data",
"pos": { "pos": {
"x": 618, "x": 618,
"y": 206 "y": 186
}, },
"width": 151, "width": 151,
"height": 66, "height": 66,
@ -458,7 +458,7 @@
"type": "person", "type": "person",
"pos": { "pos": {
"x": 616, "x": 616,
"y": 394 "y": 354
}, },
"width": 155, "width": 155,
"height": 103, "height": 103,
@ -540,7 +540,7 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 830, "x": 830,
"y": 204 "y": 184
}, },
"width": 97, "width": 97,
"height": 70, "height": 70,
@ -581,7 +581,7 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 833, "x": 833,
"y": 400 "y": 360
}, },
"width": 91, "width": 91,
"height": 91, "height": 91,
@ -663,7 +663,7 @@
"type": "cloud", "type": "cloud",
"pos": { "pos": {
"x": 1029, "x": 1029,
"y": 197 "y": 177
}, },
"width": 104, "width": 104,
"height": 84, "height": 84,
@ -732,15 +732,15 @@
}, },
{ {
"x": 55.5, "x": 55.5,
"y": 129.4 "y": 121.4
}, },
{ {
"x": 55.5, "x": 55.5,
"y": 152 "y": 140
}, },
{ {
"x": 55.5, "x": 55.5,
"y": 192 "y": 172
} }
], ],
"isCurve": true, "isCurve": true,
@ -776,19 +776,19 @@
"route": [ "route": [
{ {
"x": 55.5, "x": 55.5,
"y": 286 "y": 266
}, },
{ {
"x": 55.5, "x": 55.5,
"y": 326 "y": 298
}, },
{ {
"x": 55.6, "x": 55.6,
"y": 349.2 "y": 317.2
}, },
{ {
"x": 56, "x": 56,
"y": 402 "y": 362
} }
], ],
"isCurve": true, "isCurve": true,
@ -828,15 +828,15 @@
}, },
{ {
"x": 269, "x": 269,
"y": 129.4 "y": 121.4
}, },
{ {
"x": 269, "x": 269,
"y": 153.8 "y": 141.8
}, },
{ {
"x": 269, "x": 269,
"y": 201 "y": 181
} }
], ],
"isCurve": true, "isCurve": true,
@ -872,19 +872,19 @@
"route": [ "route": [
{ {
"x": 269, "x": 269,
"y": 267 "y": 247
}, },
{ {
"x": 269, "x": 269,
"y": 322.2 "y": 294.2
},
{
"x": 269,
"y": 314
}, },
{ {
"x": 269, "x": 269,
"y": 346 "y": 346
},
{
"x": 269,
"y": 386
} }
], ],
"isCurve": true, "isCurve": true,
@ -924,15 +924,15 @@
}, },
{ {
"x": 497.4, "x": 497.4,
"y": 129.4 "y": 121.4
}, },
{ {
"x": 497.6, "x": 497.6,
"y": 154.2 "y": 142.2
}, },
{ {
"x": 498, "x": 498,
"y": 203 "y": 183
} }
], ],
"isCurve": true, "isCurve": true,
@ -968,19 +968,19 @@
"route": [ "route": [
{ {
"x": 497, "x": 497,
"y": 276 "y": 256
}, },
{ {
"x": 497.4, "x": 497.4,
"y": 324 "y": 296
}, },
{ {
"x": 497.6, "x": 497.6,
"y": 347.8 "y": 315.8
}, },
{ {
"x": 498, "x": 498,
"y": 395 "y": 355
} }
], ],
"isCurve": true, "isCurve": true,
@ -1020,15 +1020,15 @@
}, },
{ {
"x": 693, "x": 693,
"y": 123 "y": 115
}, },
{ {
"x": 693, "x": 693,
"y": 154.8 "y": 142.8
}, },
{ {
"x": 693, "x": 693,
"y": 206 "y": 186
} }
], ],
"isCurve": true, "isCurve": true,
@ -1064,19 +1064,19 @@
"route": [ "route": [
{ {
"x": 693, "x": 693,
"y": 272 "y": 252
}, },
{ {
"x": 693, "x": 693,
"y": 323.2 "y": 295.2
}, },
{ {
"x": 693, "x": 693,
"y": 347.6 "y": 315.6
}, },
{ {
"x": 693, "x": 693,
"y": 394 "y": 354
} }
], ],
"isCurve": true, "isCurve": true,
@ -1116,15 +1116,15 @@
}, },
{ {
"x": 878.6, "x": 878.6,
"y": 132 "y": 124
}, },
{ {
"x": 878.6, "x": 878.6,
"y": 154.4 "y": 142.4
}, },
{ {
"x": 879, "x": 879,
"y": 204 "y": 184
} }
], ],
"isCurve": true, "isCurve": true,
@ -1160,19 +1160,19 @@
"route": [ "route": [
{ {
"x": 879, "x": 879,
"y": 274 "y": 254
}, },
{ {
"x": 878.6, "x": 878.6,
"y": 323.6 "y": 295.6
}, },
{ {
"x": 878.6, "x": 878.6,
"y": 348.8 "y": 316.8
}, },
{ {
"x": 879, "x": 879,
"y": 400 "y": 360
} }
], ],
"isCurve": true, "isCurve": true,
@ -1212,15 +1212,15 @@
}, },
{ {
"x": 1080.6, "x": 1080.6,
"y": 129.8 "y": 121.80000000000001
}, },
{ {
"x": 1080.6, "x": 1080.6,
"y": 153.4 "y": 141.4
}, },
{ {
"x": 1081, "x": 1081,
"y": 199 "y": 179
} }
], ],
"isCurve": true, "isCurve": true,

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

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

Before

Width:  |  Height:  |  Size: 333 KiB

After

Width:  |  Height:  |  Size: 333 KiB

102
e2etests/testdata/stable/all_shapes_multiple/dagre/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 9, "x": 9,
"y": 192 "y": 172
}, },
"width": 94, "width": 94,
"height": 94, "height": 94,
@ -89,7 +89,7 @@
"type": "page", "type": "page",
"pos": { "pos": {
"x": 16, "x": 16,
"y": 402 "y": 362
}, },
"width": 79, "width": 79,
"height": 87, "height": 87,
@ -171,7 +171,7 @@
"type": "document", "type": "document",
"pos": { "pos": {
"x": 211, "x": 211,
"y": 201 "y": 181
}, },
"width": 117, "width": 117,
"height": 76, "height": 76,
@ -212,7 +212,7 @@
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 217, "x": 217,
"y": 386 "y": 346
}, },
"width": 104, "width": 104,
"height": 118, "height": 118,
@ -294,7 +294,7 @@
"type": "package", "type": "package",
"pos": { "pos": {
"x": 446, "x": 446,
"y": 203 "y": 183
}, },
"width": 103, "width": 103,
"height": 73, "height": 73,
@ -335,7 +335,7 @@
"type": "step", "type": "step",
"pos": { "pos": {
"x": 440, "x": 440,
"y": 395 "y": 355
}, },
"width": 116, "width": 116,
"height": 101, "height": 101,
@ -417,7 +417,7 @@
"type": "stored_data", "type": "stored_data",
"pos": { "pos": {
"x": 618, "x": 618,
"y": 206 "y": 186
}, },
"width": 151, "width": 151,
"height": 66, "height": 66,
@ -458,7 +458,7 @@
"type": "person", "type": "person",
"pos": { "pos": {
"x": 616, "x": 616,
"y": 394 "y": 354
}, },
"width": 155, "width": 155,
"height": 103, "height": 103,
@ -540,7 +540,7 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 830, "x": 830,
"y": 204 "y": 184
}, },
"width": 97, "width": 97,
"height": 70, "height": 70,
@ -581,7 +581,7 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 833, "x": 833,
"y": 400 "y": 360
}, },
"width": 91, "width": 91,
"height": 91, "height": 91,
@ -663,7 +663,7 @@
"type": "cloud", "type": "cloud",
"pos": { "pos": {
"x": 1029, "x": 1029,
"y": 197 "y": 177
}, },
"width": 104, "width": 104,
"height": 84, "height": 84,
@ -732,15 +732,15 @@
}, },
{ {
"x": 55.5, "x": 55.5,
"y": 129.4 "y": 121.4
}, },
{ {
"x": 55.5, "x": 55.5,
"y": 152 "y": 140
}, },
{ {
"x": 55.5, "x": 55.5,
"y": 192 "y": 172
} }
], ],
"isCurve": true, "isCurve": true,
@ -776,19 +776,19 @@
"route": [ "route": [
{ {
"x": 55.5, "x": 55.5,
"y": 286 "y": 266
}, },
{ {
"x": 55.5, "x": 55.5,
"y": 326 "y": 298
}, },
{ {
"x": 55.6, "x": 55.6,
"y": 349.2 "y": 317.2
}, },
{ {
"x": 56, "x": 56,
"y": 402 "y": 362
} }
], ],
"isCurve": true, "isCurve": true,
@ -828,15 +828,15 @@
}, },
{ {
"x": 269, "x": 269,
"y": 129.4 "y": 121.4
}, },
{ {
"x": 269, "x": 269,
"y": 153.8 "y": 141.8
}, },
{ {
"x": 269, "x": 269,
"y": 201 "y": 181
} }
], ],
"isCurve": true, "isCurve": true,
@ -872,19 +872,19 @@
"route": [ "route": [
{ {
"x": 269, "x": 269,
"y": 267 "y": 247
}, },
{ {
"x": 269, "x": 269,
"y": 322.2 "y": 294.2
},
{
"x": 269,
"y": 314
}, },
{ {
"x": 269, "x": 269,
"y": 346 "y": 346
},
{
"x": 269,
"y": 386
} }
], ],
"isCurve": true, "isCurve": true,
@ -924,15 +924,15 @@
}, },
{ {
"x": 497.4, "x": 497.4,
"y": 129.4 "y": 121.4
}, },
{ {
"x": 497.6, "x": 497.6,
"y": 154.2 "y": 142.2
}, },
{ {
"x": 498, "x": 498,
"y": 203 "y": 183
} }
], ],
"isCurve": true, "isCurve": true,
@ -968,19 +968,19 @@
"route": [ "route": [
{ {
"x": 497, "x": 497,
"y": 276 "y": 256
}, },
{ {
"x": 497.4, "x": 497.4,
"y": 324 "y": 296
}, },
{ {
"x": 497.6, "x": 497.6,
"y": 347.8 "y": 315.8
}, },
{ {
"x": 498, "x": 498,
"y": 395 "y": 355
} }
], ],
"isCurve": true, "isCurve": true,
@ -1020,15 +1020,15 @@
}, },
{ {
"x": 693, "x": 693,
"y": 123 "y": 115
}, },
{ {
"x": 693, "x": 693,
"y": 154.8 "y": 142.8
}, },
{ {
"x": 693, "x": 693,
"y": 206 "y": 186
} }
], ],
"isCurve": true, "isCurve": true,
@ -1064,19 +1064,19 @@
"route": [ "route": [
{ {
"x": 693, "x": 693,
"y": 272 "y": 252
}, },
{ {
"x": 693, "x": 693,
"y": 323.2 "y": 295.2
}, },
{ {
"x": 693, "x": 693,
"y": 347.6 "y": 315.6
}, },
{ {
"x": 693, "x": 693,
"y": 394 "y": 354
} }
], ],
"isCurve": true, "isCurve": true,
@ -1116,15 +1116,15 @@
}, },
{ {
"x": 878.6, "x": 878.6,
"y": 132 "y": 124
}, },
{ {
"x": 878.6, "x": 878.6,
"y": 154.4 "y": 142.4
}, },
{ {
"x": 879, "x": 879,
"y": 204 "y": 184
} }
], ],
"isCurve": true, "isCurve": true,
@ -1160,19 +1160,19 @@
"route": [ "route": [
{ {
"x": 879, "x": 879,
"y": 274 "y": 254
}, },
{ {
"x": 878.6, "x": 878.6,
"y": 323.6 "y": 295.6
}, },
{ {
"x": 878.6, "x": 878.6,
"y": 348.8 "y": 316.8
}, },
{ {
"x": 879, "x": 879,
"y": 400 "y": 360
} }
], ],
"isCurve": true, "isCurve": true,
@ -1212,15 +1212,15 @@
}, },
{ {
"x": 1080.6, "x": 1080.6,
"y": 129.8 "y": 121.80000000000001
}, },
{ {
"x": 1080.6, "x": 1080.6,
"y": 153.4 "y": 141.4
}, },
{ {
"x": 1081, "x": 1081,
"y": 199 "y": 179
} }
], ],
"isCurve": true, "isCurve": true,

6
e2etests/testdata/stable/all_shapes_multiple/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: 337 KiB

After

Width:  |  Height:  |  Size: 337 KiB

102
e2etests/testdata/stable/all_shapes_shadow/dagre/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 9, "x": 9,
"y": 192 "y": 172
}, },
"width": 94, "width": 94,
"height": 94, "height": 94,
@ -89,7 +89,7 @@
"type": "page", "type": "page",
"pos": { "pos": {
"x": 16, "x": 16,
"y": 402 "y": 362
}, },
"width": 79, "width": 79,
"height": 87, "height": 87,
@ -171,7 +171,7 @@
"type": "document", "type": "document",
"pos": { "pos": {
"x": 211, "x": 211,
"y": 201 "y": 181
}, },
"width": 117, "width": 117,
"height": 76, "height": 76,
@ -212,7 +212,7 @@
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 217, "x": 217,
"y": 386 "y": 346
}, },
"width": 104, "width": 104,
"height": 118, "height": 118,
@ -294,7 +294,7 @@
"type": "package", "type": "package",
"pos": { "pos": {
"x": 446, "x": 446,
"y": 203 "y": 183
}, },
"width": 103, "width": 103,
"height": 73, "height": 73,
@ -335,7 +335,7 @@
"type": "step", "type": "step",
"pos": { "pos": {
"x": 440, "x": 440,
"y": 395 "y": 355
}, },
"width": 116, "width": 116,
"height": 101, "height": 101,
@ -417,7 +417,7 @@
"type": "stored_data", "type": "stored_data",
"pos": { "pos": {
"x": 618, "x": 618,
"y": 206 "y": 186
}, },
"width": 151, "width": 151,
"height": 66, "height": 66,
@ -458,7 +458,7 @@
"type": "person", "type": "person",
"pos": { "pos": {
"x": 616, "x": 616,
"y": 394 "y": 354
}, },
"width": 155, "width": 155,
"height": 103, "height": 103,
@ -540,7 +540,7 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 830, "x": 830,
"y": 204 "y": 184
}, },
"width": 97, "width": 97,
"height": 70, "height": 70,
@ -581,7 +581,7 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 833, "x": 833,
"y": 400 "y": 360
}, },
"width": 91, "width": 91,
"height": 91, "height": 91,
@ -663,7 +663,7 @@
"type": "cloud", "type": "cloud",
"pos": { "pos": {
"x": 1029, "x": 1029,
"y": 197 "y": 177
}, },
"width": 104, "width": 104,
"height": 84, "height": 84,
@ -732,15 +732,15 @@
}, },
{ {
"x": 55.5, "x": 55.5,
"y": 129.4 "y": 121.4
}, },
{ {
"x": 55.5, "x": 55.5,
"y": 152 "y": 140
}, },
{ {
"x": 55.5, "x": 55.5,
"y": 192 "y": 172
} }
], ],
"isCurve": true, "isCurve": true,
@ -776,19 +776,19 @@
"route": [ "route": [
{ {
"x": 55.5, "x": 55.5,
"y": 286 "y": 266
}, },
{ {
"x": 55.5, "x": 55.5,
"y": 326 "y": 298
}, },
{ {
"x": 55.6, "x": 55.6,
"y": 349.2 "y": 317.2
}, },
{ {
"x": 56, "x": 56,
"y": 402 "y": 362
} }
], ],
"isCurve": true, "isCurve": true,
@ -828,15 +828,15 @@
}, },
{ {
"x": 269, "x": 269,
"y": 129.4 "y": 121.4
}, },
{ {
"x": 269, "x": 269,
"y": 153.8 "y": 141.8
}, },
{ {
"x": 269, "x": 269,
"y": 201 "y": 181
} }
], ],
"isCurve": true, "isCurve": true,
@ -872,19 +872,19 @@
"route": [ "route": [
{ {
"x": 269, "x": 269,
"y": 267 "y": 247
}, },
{ {
"x": 269, "x": 269,
"y": 322.2 "y": 294.2
},
{
"x": 269,
"y": 314
}, },
{ {
"x": 269, "x": 269,
"y": 346 "y": 346
},
{
"x": 269,
"y": 386
} }
], ],
"isCurve": true, "isCurve": true,
@ -924,15 +924,15 @@
}, },
{ {
"x": 497.4, "x": 497.4,
"y": 129.4 "y": 121.4
}, },
{ {
"x": 497.6, "x": 497.6,
"y": 154.2 "y": 142.2
}, },
{ {
"x": 498, "x": 498,
"y": 203 "y": 183
} }
], ],
"isCurve": true, "isCurve": true,
@ -968,19 +968,19 @@
"route": [ "route": [
{ {
"x": 497, "x": 497,
"y": 276 "y": 256
}, },
{ {
"x": 497.4, "x": 497.4,
"y": 324 "y": 296
}, },
{ {
"x": 497.6, "x": 497.6,
"y": 347.8 "y": 315.8
}, },
{ {
"x": 498, "x": 498,
"y": 395 "y": 355
} }
], ],
"isCurve": true, "isCurve": true,
@ -1020,15 +1020,15 @@
}, },
{ {
"x": 693, "x": 693,
"y": 123 "y": 115
}, },
{ {
"x": 693, "x": 693,
"y": 154.8 "y": 142.8
}, },
{ {
"x": 693, "x": 693,
"y": 206 "y": 186
} }
], ],
"isCurve": true, "isCurve": true,
@ -1064,19 +1064,19 @@
"route": [ "route": [
{ {
"x": 693, "x": 693,
"y": 272 "y": 252
}, },
{ {
"x": 693, "x": 693,
"y": 323.2 "y": 295.2
}, },
{ {
"x": 693, "x": 693,
"y": 347.6 "y": 315.6
}, },
{ {
"x": 693, "x": 693,
"y": 394 "y": 354
} }
], ],
"isCurve": true, "isCurve": true,
@ -1116,15 +1116,15 @@
}, },
{ {
"x": 878.6, "x": 878.6,
"y": 132 "y": 124
}, },
{ {
"x": 878.6, "x": 878.6,
"y": 154.4 "y": 142.4
}, },
{ {
"x": 879, "x": 879,
"y": 204 "y": 184
} }
], ],
"isCurve": true, "isCurve": true,
@ -1160,19 +1160,19 @@
"route": [ "route": [
{ {
"x": 879, "x": 879,
"y": 274 "y": 254
}, },
{ {
"x": 878.6, "x": 878.6,
"y": 323.6 "y": 295.6
}, },
{ {
"x": 878.6, "x": 878.6,
"y": 348.8 "y": 316.8
}, },
{ {
"x": 879, "x": 879,
"y": 400 "y": 360
} }
], ],
"isCurve": true, "isCurve": true,
@ -1212,15 +1212,15 @@
}, },
{ {
"x": 1080.6, "x": 1080.6,
"y": 129.8 "y": 121.80000000000001
}, },
{ {
"x": 1080.6, "x": 1080.6,
"y": 153.4 "y": 141.4
}, },
{ {
"x": 1081, "x": 1081,
"y": 199 "y": 179
} }
], ],
"isCurve": true, "isCurve": true,

6
e2etests/testdata/stable/all_shapes_shadow/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: 334 KiB

After

Width:  |  Height:  |  Size: 334 KiB

88
e2etests/testdata/stable/animated/dagre/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 187 "y": 167
}, },
"width": 89, "width": 89,
"height": 66, "height": 66,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 149, "x": 149,
"y": 187 "y": 167
}, },
"width": 130, "width": 130,
"height": 66, "height": 66,
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 351, "x": 351,
"y": 187 "y": 167
}, },
"width": 108, "width": 108,
"height": 66, "height": 66,
@ -253,7 +253,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 525, "x": 525,
"y": 187 "y": 167
}, },
"width": 101, "width": 101,
"height": 66, "height": 66,
@ -335,7 +335,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 690, "x": 690,
"y": 187 "y": 167
}, },
"width": 85, "width": 85,
"height": 66, "height": 66,
@ -376,7 +376,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 835, "x": 835,
"y": 187 "y": 167
}, },
"width": 84, "width": 84,
"height": 66, "height": 66,
@ -417,7 +417,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 979, "x": 979,
"y": 187 "y": 167
}, },
"width": 91, "width": 91,
"height": 66, "height": 66,
@ -499,7 +499,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1138, "x": 1138,
"y": 187 "y": 167
}, },
"width": 76, "width": 76,
"height": 66, "height": 66,
@ -563,20 +563,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 94.32352941176471, "x": 91.0688622754491,
"y": 66 "y": 66
}, },
{ {
"x": 54.46470588235294, "x": 53.81377245508982,
"y": 114.4 "y": 106.4
}, },
{ {
"x": 44.5, "x": 44.5,
"y": 138.7 "y": 126.7
}, },
{ {
"x": 44.5, "x": 44.5,
"y": 187.5 "y": 167.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -611,20 +611,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 154.14705882352942, "x": 158.0568862275449,
"y": 66 "y": 66
}, },
{ {
"x": 202.02941176470588, "x": 202.811377245509,
"y": 114.4 "y": 106.4
}, },
{ {
"x": 214, "x": 214,
"y": 138.7 "y": 126.7
}, },
{ {
"x": 214, "x": 214,
"y": 187.5 "y": 167.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -660,15 +660,15 @@
"route": [ "route": [
{ {
"x": 405.25, "x": 405.25,
"y": 187 "y": 167
}, },
{ {
"x": 405.25, "x": 405.25,
"y": 138.6 "y": 126.6
}, },
{ {
"x": 405.25, "x": 405.25,
"y": 114.3 "y": 106.3
}, },
{ {
"x": 405.25, "x": 405.25,
@ -712,15 +712,15 @@
}, },
{ {
"x": 575.75, "x": 575.75,
"y": 114.4 "y": 106.4
}, },
{ {
"x": 575.75, "x": 575.75,
"y": 138.7 "y": 126.7
}, },
{ {
"x": 575.75, "x": 575.75,
"y": 187.5 "y": 167.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -755,20 +755,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 828.5, "x": 826,
"y": 66 "y": 63.87394957983193
}, },
{ {
"x": 751.5, "x": 751,
"y": 114.4 "y": 105.9747899159664
}, },
{ {
"x": 732.25, "x": 732.25,
"y": 138.7 "y": 126.7
}, },
{ {
"x": 732.25, "x": 732.25,
"y": 187.5 "y": 167.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -803,20 +803,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 879.5, "x": 879.3203592814372,
"y": 66 "y": 66
}, },
{ {
"x": 877.3, "x": 877.2640718562874,
"y": 114.4 "y": 106.4
}, },
{ {
"x": 876.75, "x": 876.75,
"y": 138.7 "y": 126.7
}, },
{ {
"x": 876.75, "x": 876.75,
"y": 187.5 "y": 167.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -851,20 +851,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 931.5588235294117, "x": 936,
"y": 66 "y": 65.05933682373472
}, },
{ {
"x": 1005.7117647058824, "x": 1006.6,
"y": 114.4 "y": 106.21186736474695
}, },
{ {
"x": 1024.25, "x": 1024.25,
"y": 138.7 "y": 126.7
}, },
{ {
"x": 1024.25, "x": 1024.25,
"y": 187.5 "y": 167.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -904,15 +904,15 @@
}, },
{ {
"x": 1175.5, "x": 1175.5,
"y": 114.4 "y": 106.4
}, },
{ {
"x": 1175.5, "x": 1175.5,
"y": 138.7 "y": 126.7
}, },
{ {
"x": 1175.5, "x": 1175.5,
"y": 187.5 "y": 167.5
} }
], ],
"isCurve": true, "isCurve": true,

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

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

Before

Width:  |  Height:  |  Size: 475 KiB

After

Width:  |  Height:  |  Size: 475 KiB

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

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 24, "x": 24,
"y": 542 "y": 482
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -88,8 +88,8 @@
"id": "c", "id": "c",
"type": "document", "type": "document",
"pos": { "pos": {
"x": 74, "x": 69,
"y": 366 "y": 326
}, },
"width": 53, "width": 53,
"height": 76, "height": 76,
@ -130,7 +130,7 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 166 "y": 146
}, },
"width": 100, "width": 100,
"height": 100, "height": 100,
@ -194,55 +194,55 @@
"route": [ "route": [
{ {
"x": 23.5, "x": 23.5,
"y": 54.995000000000005 "y": 54.49444444444444
}, },
{ {
"x": -35.300000000000004, "x": -27.300000000000004,
"y": 103.799 "y": 95.69888888888889
}, },
{ {
"x": -50, "x": -40,
"y": 136 "y": 124
}, },
{ {
"x": -50, "x": -40,
"y": 166 "y": 151
}, },
{ {
"x": -50, "x": -40,
"y": 196 "y": 178
}, },
{ {
"x": -50, "x": -40,
"y": 236 "y": 214
}, },
{ {
"x": -50, "x": -40,
"y": 266 "y": 241
}, },
{ {
"x": -50, "x": -40,
"y": 296 "y": 268
}, },
{ {
"x": -50, "x": -40,
"y": 333.6 "y": 301.6
}, },
{ {
"x": -50, "x": -40,
"y": 360 "y": 325
}, },
{ {
"x": -50, "x": -40,
"y": 386.4 "y": 348.4
}, },
{ {
"x": -35.3, "x": -27.299999999999997,
"y": 504.201 "y": 452.3011111111111
}, },
{ {
"x": 23.5, "x": 23.5,
"y": 553.005 "y": 493.50555555555553
} }
], ],
"isCurve": true, "isCurve": true,
@ -277,20 +277,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 100, "x": 95,
"y": 433 "y": 393
}, },
{ {
"x": 100, "x": 95,
"y": 480.2 "y": 432.2
}, },
{ {
"x": 94, "x": 90,
"y": 502 "y": 450
}, },
{ {
"x": 70, "x": 70,
"y": 542 "y": 482
} }
], ],
"isCurve": true, "isCurve": true,
@ -330,15 +330,15 @@
}, },
{ {
"x": 50, "x": 50,
"y": 106 "y": 98
}, },
{ {
"x": 50, "x": 50,
"y": 126 "y": 114
}, },
{ {
"x": 50, "x": 50,
"y": 166 "y": 146
} }
], ],
"isCurve": true, "isCurve": true,
@ -373,28 +373,28 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 122, "x": 117,
"y": 366
},
{
"x": 144.4,
"y": 326 "y": 326
}, },
{
"x": 150,
"y": 296
},
{
"x": 150,
"y": 266
},
{
"x": 150,
"y": 236
},
{ {
"x": 135.4, "x": 135.4,
"y": 103.8 "y": 294
},
{
"x": 140,
"y": 268
},
{
"x": 140,
"y": 241
},
{
"x": 140,
"y": 214
},
{
"x": 127.4,
"y": 95.8
}, },
{ {
"x": 77, "x": 77,
@ -434,19 +434,19 @@
"route": [ "route": [
{ {
"x": 50, "x": 50,
"y": 266 "y": 246
}, },
{ {
"x": 50, "x": 50,
"y": 306 "y": 278
}, },
{ {
"x": 55.6, "x": 54.6,
"y": 294
},
{
"x": 73,
"y": 326 "y": 326
},
{
"x": 78,
"y": 366
} }
], ],
"isCurve": true, "isCurve": true,

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

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

Before

Width:  |  Height:  |  Size: 472 KiB

After

Width:  |  Height:  |  Size: 472 KiB

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

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 74, "x": 74,
"y": 187 "y": 167
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -117,15 +117,15 @@
}, },
{ {
"x": 100.5, "x": 100.5,
"y": 114.4 "y": 106.4
}, },
{ {
"x": 100.5, "x": 100.5,
"y": 138.7 "y": 126.7
}, },
{ {
"x": 100.5, "x": 100.5,
"y": 187.5 "y": 167.5
} }
], ],
"isCurve": true, "isCurve": true,

8
e2etests/testdata/stable/arrowhead_labels/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="401" height="457" viewBox="-100 -102 401 457"><style type="text/css"> width="401" height="437" viewBox="-100 -102 401 437"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,9 +39,9 @@ width="401" height="457" viewBox="-100 -102 401 457"><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="74" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="100.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="74" y="187" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="100.500000" y="225.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-1247258845" 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="#0D32B2" stroke-width="2" points="0.000000,9.000000 11.000000,2.250000 22.000000,9.000000 11.000000,16.200000" /> </marker><path d="M 100.500000 68.000000 C 100.500000 114.400000 100.500000 138.700000 100.500000 183.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-1247258845)" mask="url(#3908366475)"/><text class="text-italic" x="100.500000" y="132.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">To err is human, to moo bovine</text><text class="text-italic" x="115.000000" y="180.000000" style="text-anchor:middle;font-size:16px;fill:black">*</text></g><mask id="3908366475" maskUnits="userSpaceOnUse" x="-100" y="-100" width="401" height="457"> ]]></script><g id="a"><g class="shape" ><rect x="74" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="100.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="74" y="167" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="100.500000" y="205.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-1247258845" 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="#0D32B2" stroke-width="2" points="0.000000,9.000000 11.000000,2.250000 22.000000,9.000000 11.000000,16.200000" /> </marker><path d="M 100.500000 68.000000 C 100.500000 106.400000 100.500000 126.700000 100.500000 163.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-1247258845)" mask="url(#933800491)"/><text class="text-italic" x="100.500000" y="122.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">To err is human, to moo bovine</text><text class="text-italic" x="115.000000" y="160.000000" style="text-anchor:middle;font-size:16px;fill:black">*</text></g><mask id="933800491" maskUnits="userSpaceOnUse" x="-100" y="-100" width="401" height="437">
<rect x="-100" y="-100" width="401" height="457" fill="white"></rect> <rect x="-100" y="-100" width="401" height="437" fill="white"></rect>
<rect x="0.000000" y="116.000000" width="201" height="21" fill="black"></rect> <rect x="0.000000" y="106.000000" width="201" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {
font-family: "font-bold"; font-family: "font-bold";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 468 KiB

After

Width:  |  Height:  |  Size: 468 KiB

268
e2etests/testdata/stable/binary_tree/dagre/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 166, "x": 166,
"y": 166 "y": 146
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 614, "x": 614,
"y": 166 "y": 146
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 55, "x": 55,
"y": 332 "y": 292
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -171,7 +171,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 276, "x": 276,
"y": 332 "y": 292
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -212,7 +212,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 501, "x": 501,
"y": 332 "y": 292
}, },
"width": 51, "width": 51,
"height": 66, "height": 66,
@ -253,7 +253,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 727, "x": 727,
"y": 332 "y": 292
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -294,7 +294,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 498 "y": 438
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -335,7 +335,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 113, "x": 113,
"y": 498 "y": 438
}, },
"width": 49, "width": 49,
"height": 66, "height": 66,
@ -376,7 +376,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 222, "x": 222,
"y": 498 "y": 438
}, },
"width": 50, "width": 50,
"height": 66, "height": 66,
@ -417,7 +417,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 332, "x": 332,
"y": 498 "y": 438
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -458,7 +458,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 445, "x": 445,
"y": 498 "y": 438
}, },
"width": 49, "width": 49,
"height": 66, "height": 66,
@ -499,7 +499,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 554, "x": 554,
"y": 498 "y": 438
}, },
"width": 57, "width": 57,
"height": 66, "height": 66,
@ -540,7 +540,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 671, "x": 671,
"y": 498 "y": 438
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -581,7 +581,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 784, "x": 784,
"y": 498 "y": 438
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -646,19 +646,19 @@
"route": [ "route": [
{ {
"x": 392.25, "x": 392.25,
"y": 42.72154696132597 "y": 41.55027624309392
}, },
{ {
"x": 232.45, "x": 232.45,
"y": 101.34430939226519 "y": 93.11005524861878
}, },
{ {
"x": 192.5, "x": 192.5,
"y": 126 "y": 114
}, },
{ {
"x": 192.5, "x": 192.5,
"y": 166 "y": 146
} }
], ],
"isCurve": true, "isCurve": true,
@ -694,19 +694,19 @@
"route": [ "route": [
{ {
"x": 445.25, "x": 445.25,
"y": 42.93002257336343 "y": 41.73363431151242
}, },
{ {
"x": 601.25, "x": 601.25,
"y": 101.38600451467269 "y": 93.14672686230249
}, },
{ {
"x": 640.25, "x": 640.25,
"y": 126 "y": 114
}, },
{ {
"x": 640.25, "x": 640.25,
"y": 166 "y": 146
} }
], ],
"isCurve": true, "isCurve": true,
@ -742,19 +742,19 @@
"route": [ "route": [
{ {
"x": 166, "x": 166,
"y": 218.9049773755656 "y": 196.50678733031674
}, },
{ {
"x": 98.8, "x": 98.8,
"y": 269.38099547511314 "y": 240.90135746606336
},
{
"x": 82,
"y": 260
}, },
{ {
"x": 82, "x": 82,
"y": 292 "y": 292
},
{
"x": 82,
"y": 332
} }
], ],
"isCurve": true, "isCurve": true,
@ -790,19 +790,19 @@
"route": [ "route": [
{ {
"x": 219, "x": 219,
"y": 218.95011337868482 "y": 196.54648526077096
}, },
{ {
"x": 286, "x": 286,
"y": 269.390022675737 "y": 240.9092970521542
},
{
"x": 302.75,
"y": 260
}, },
{ {
"x": 302.75, "x": 302.75,
"y": 292 "y": 292
},
{
"x": 302.75,
"y": 332
} }
], ],
"isCurve": true, "isCurve": true,
@ -838,19 +838,19 @@
"route": [ "route": [
{ {
"x": 613.75, "x": 613.75,
"y": 218.2516411378556 "y": 195.93216630196937
}, },
{ {
"x": 543.55, "x": 543.55,
"y": 269.2503282275711 "y": 240.7864332603939
},
{
"x": 526,
"y": 260
}, },
{ {
"x": 526, "x": 526,
"y": 292 "y": 292
},
{
"x": 526,
"y": 332
} }
], ],
"isCurve": true, "isCurve": true,
@ -886,19 +886,19 @@
"route": [ "route": [
{ {
"x": 666.75, "x": 666.75,
"y": 218.2938596491228 "y": 195.96929824561403
}, },
{ {
"x": 736.75, "x": 736.75,
"y": 269.25877192982455 "y": 240.7938596491228
},
{
"x": 754.25,
"y": 260
}, },
{ {
"x": 754.25, "x": 754.25,
"y": 292 "y": 292
},
{
"x": 754.25,
"y": 332
} }
], ],
"isCurve": true, "isCurve": true,
@ -933,20 +933,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 59.933734939759034, "x": 56.91095890410959,
"y": 398 "y": 358
}, },
{ {
"x": 33.18674698795181, "x": 32.582191780821915,
"y": 390
},
{
"x": 26.5,
"y": 406
},
{
"x": 26.5,
"y": 438 "y": 438
},
{
"x": 26.5,
"y": 458
},
{
"x": 26.5,
"y": 498
} }
], ],
"isCurve": true, "isCurve": true,
@ -981,20 +981,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 104.06626506024097, "x": 107.08904109589041,
"y": 398 "y": 358
}, },
{ {
"x": 130.8132530120482, "x": 131.41780821917808,
"y": 390
},
{
"x": 137.5,
"y": 406
},
{
"x": 137.5,
"y": 438 "y": 438
},
{
"x": 137.5,
"y": 458
},
{
"x": 137.5,
"y": 498
} }
], ],
"isCurve": true, "isCurve": true,
@ -1029,20 +1029,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 280.5843373493976, "x": 277.54794520547944,
"y": 398 "y": 358
}, },
{ {
"x": 253.7168674698795, "x": 253.1095890410959,
"y": 390
},
{
"x": 247,
"y": 406
},
{
"x": 247,
"y": 438 "y": 438
},
{
"x": 247,
"y": 458
},
{
"x": 247,
"y": 498
} }
], ],
"isCurve": true, "isCurve": true,
@ -1077,20 +1077,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 324.9156626506024, "x": 327.95205479452056,
"y": 398 "y": 358
}, },
{ {
"x": 351.7831325301205, "x": 352.3904109589041,
"y": 390
},
{
"x": 358.5,
"y": 406
},
{
"x": 358.5,
"y": 438 "y": 438
},
{
"x": 358.5,
"y": 458
},
{
"x": 358.5,
"y": 498
} }
], ],
"isCurve": true, "isCurve": true,
@ -1125,20 +1125,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 503.53614457831327, "x": 500.5,
"y": 398 "y": 357.94690265486724
}, },
{ {
"x": 476.3072289156627, "x": 475.7,
"y": 389.98938053097345
},
{
"x": 469.5,
"y": 406
},
{
"x": 469.5,
"y": 438 "y": 438
},
{
"x": 469.5,
"y": 458
},
{
"x": 469.5,
"y": 498
} }
], ],
"isCurve": true, "isCurve": true,
@ -1173,20 +1173,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 548.4638554216867, "x": 551.5,
"y": 398 "y": 357.94690265486724
}, },
{ {
"x": 575.6927710843373, "x": 576.3,
"y": 389.98938053097345
},
{
"x": 582.5,
"y": 406
},
{
"x": 582.5,
"y": 438 "y": 438
},
{
"x": 582.5,
"y": 458
},
{
"x": 582.5,
"y": 498
} }
], ],
"isCurve": true, "isCurve": true,
@ -1221,20 +1221,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 731.6867469879518, "x": 728.5958904109589,
"y": 398 "y": 358
}, },
{ {
"x": 704.3373493975904, "x": 703.7191780821918,
"y": 390
},
{
"x": 697.5,
"y": 406
},
{
"x": 697.5,
"y": 438 "y": 438
},
{
"x": 697.5,
"y": 458
},
{
"x": 697.5,
"y": 498
} }
], ],
"isCurve": true, "isCurve": true,
@ -1269,20 +1269,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 776.8132530120482, "x": 779.9041095890411,
"y": 398 "y": 358
}, },
{ {
"x": 804.1626506024096, "x": 804.7808219178082,
"y": 390
},
{
"x": 811,
"y": 406
},
{
"x": 811,
"y": 438 "y": 438
},
{
"x": 811,
"y": 458
},
{
"x": 811,
"y": 498
} }
], ],
"isCurve": true, "isCurve": true,

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

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

Before

Width:  |  Height:  |  Size: 332 KiB

After

Width:  |  Height:  |  Size: 332 KiB

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

@ -9,8 +9,8 @@
"x": 0, "x": 0,
"y": 0 "y": 0
}, },
"width": 218, "width": 173,
"height": 430, "height": 390,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -47,8 +47,8 @@
"id": "aaa.bbb", "id": "aaa.bbb",
"type": "callout", "type": "callout",
"pos": { "pos": {
"x": 50, "x": 40,
"y": 289 "y": 259
}, },
"width": 72, "width": 72,
"height": 91, "height": 91,
@ -88,8 +88,8 @@
"id": "aaa.ccc", "id": "aaa.ccc",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 84, "x": 64,
"y": 76 "y": 66
}, },
"width": 68, "width": 68,
"height": 66, "height": 66,
@ -129,8 +129,8 @@
"id": "ddd", "id": "ddd",
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 268, "x": 213,
"y": 50 "y": 40
}, },
"width": 73, "width": 73,
"height": 118, "height": 118,
@ -170,8 +170,8 @@
"id": "eee", "id": "eee",
"type": "document", "type": "document",
"pos": { "pos": {
"x": 268, "x": 213,
"y": 297 "y": 267
}, },
"width": 70, "width": 70,
"height": 76, "height": 76,
@ -235,20 +235,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 109.16317991631799, "x": 91.36986301369863,
"y": 142 "y": 132
}, },
{ {
"x": 90.6326359832636, "x": 79.07397260273973,
"y": 211.2 "y": 193.2
}, },
{ {
"x": 86, "x": 76,
"y": 240.6 "y": 218.6
}, },
{ {
"x": 86, "x": 76,
"y": 289 "y": 259
} }
], ],
"isCurve": true, "isCurve": true,
@ -283,20 +283,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 268, "x": 213,
"y": 310 "y": 278
}, },
{ {
"x": 173.6, "x": 138.6,
"y": 244.8 "y": 222.4
}, },
{ {
"x": 145.4, "x": 117,
"y": 211.1 "y": 193.1
}, },
{ {
"x": 127, "x": 105,
"y": 141.5 "y": 131.5
} }
], ],
"isCurve": true, "isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="545" height="634" viewBox="-102 -102 545 634"><style type="text/css"> width="490" height="594" viewBox="-102 -102 490 594"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,10 +39,10 @@ width="545" height="634" viewBox="-102 -102 545 634"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="aaa"><g class="shape" ><rect x="0" y="0" width="218" height="430" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="109.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">aaa</text></g><g id="ddd"><g class="shape" ><path d="M 268 74 C 268 50 301 50 305 50 C 308 50 341 50 341 74 V 144 C 341 168 308 168 305 168 C 301 168 268 168 268 144 V 74 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 268 74 C 268 98 301 98 305 98 C 308 98 341 98 341 74" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="304.500000" y="126.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ddd</text></g><g id="eee"><g class="shape" ><path d="M 268 362 L 268 297 L 338 297 L 338 362 C 326 348 315 348 303 362 C 291 377 280 377 268 362 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="303.000000" y="330.610964" style="text-anchor:middle;font-size:16px;fill:#0A0F25">eee</text></g><g id="aaa.bbb"><g class="shape" ><path d="M 50 289 V 335 H 86 V 380 L 116 335 H 122 V 289 H 50 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="86.000000" y="317.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">bbb</text></g><g id="aaa.ccc"><g class="shape" ><rect x="84" y="76" width="68" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="118.000000" y="114.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ccc</text></g><g id="(aaa.ccc -- aaa)[0]"><path d="M 108.645842 143.931932 C 90.632636 211.200000 86.000000 240.600000 86.000000 287.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" mask="url(#2222316659)"/><text class="text-italic" x="90.500000" y="220.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">111</text></g><g id="(eee &lt;- aaa.ccc)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 264.708723 307.726787 C 173.600000 244.800000 145.400000 211.100000 127.511174 143.433572" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#2222316659)"/><text class="text-italic" x="173.500000" y="250.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">222</text></g><mask id="2222316659" maskUnits="userSpaceOnUse" x="-100" y="-100" width="545" height="634"> ]]></script><g id="aaa"><g class="shape" ><rect x="0" y="0" width="173" height="390" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="86.500000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">aaa</text></g><g id="ddd"><g class="shape" ><path d="M 213 64 C 213 40 246 40 250 40 C 253 40 286 40 286 64 V 134 C 286 158 253 158 250 158 C 246 158 213 158 213 134 V 64 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 213 64 C 213 88 246 88 250 88 C 253 88 286 88 286 64" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="249.500000" y="116.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ddd</text></g><g id="eee"><g class="shape" ><path d="M 213 332 L 213 267 L 283 267 L 283 332 C 271 318 260 318 248 332 C 236 347 225 347 213 332 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="248.000000" y="300.610964" style="text-anchor:middle;font-size:16px;fill:#0A0F25">eee</text></g><g id="aaa.bbb"><g class="shape" ><path d="M 40 259 V 305 H 76 V 350 L 106 305 H 112 V 259 H 40 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="76.000000" y="287.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">bbb</text></g><g id="aaa.ccc"><g class="shape" ><rect x="64" y="66" width="68" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="98.000000" y="104.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ccc</text></g><g id="(aaa.ccc -- aaa)[0]"><path d="M 90.975909 133.960816 C 79.073973 193.200000 76.000000 218.600000 76.000000 257.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" mask="url(#2138366259)"/><text class="text-italic" x="78.500000" y="200.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 209.795870 275.605516 C 138.600000 222.400000 117.000000 193.100000 105.382422 133.463098" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#2138366259)"/><text class="text-italic" x="136.500000" y="225.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">222</text></g><mask id="2138366259" maskUnits="userSpaceOnUse" x="-100" y="-100" width="490" height="594">
<rect x="-100" y="-100" width="545" height="634" fill="white"></rect> <rect x="-100" y="-100" width="490" height="594" fill="white"></rect>
<rect x="79.000000" y="204.000000" width="23" height="21" fill="black"></rect> <rect x="67.000000" y="184.000000" width="23" height="21" fill="black"></rect>
<rect x="161.000000" y="234.000000" width="25" height="21" fill="black"></rect> <rect x="124.000000" y="209.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

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

@ -9,8 +9,8 @@
"x": 0, "x": 0,
"y": 0 "y": 0
}, },
"width": 970, "width": 738,
"height": 1521, "height": 1321,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -47,11 +47,11 @@
"id": "aa.bb", "id": "aa.bb",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 20,
"y": 50 "y": 40
}, },
"width": 691, "width": 499,
"height": 1421, "height": 1241,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -88,11 +88,11 @@
"id": "aa.bb.cc", "id": "aa.bb.cc",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 80, "x": 40,
"y": 818 "y": 718
}, },
"width": 477, "width": 325,
"height": 603, "height": 523,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -129,11 +129,11 @@
"id": "aa.bb.cc.dd", "id": "aa.bb.cc.dd",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 120, "x": 62,
"y": 868 "y": 758
}, },
"width": 336, "width": 237,
"height": 166, "height": 146,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -170,8 +170,8 @@
"id": "aa.bb.cc.dd.ee", "id": "aa.bb.cc.dd.ee",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 253, "x": 126,
"y": 941 "y": 821
}, },
"width": 16, "width": 16,
"height": 21, "height": 21,
@ -210,8 +210,8 @@
"id": "aa.bb.cc.dd.ff", "id": "aa.bb.cc.dd.ff",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 350, "x": 202,
"y": 918 "y": 798
}, },
"width": 57, "width": 57,
"height": 66, "height": 66,
@ -251,8 +251,8 @@
"id": "aa.bb.cc.gg", "id": "aa.bb.cc.gg",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 396, "x": 244,
"y": 1155 "y": 1005
}, },
"width": 17, "width": 17,
"height": 21, "height": 21,
@ -291,8 +291,8 @@
"id": "aa.bb.cc.hh", "id": "aa.bb.cc.hh",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 373, "x": 221,
"y": 1301 "y": 1131
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -332,11 +332,11 @@
"id": "aa.bb.ii", "id": "aa.bb.ii",
"type": "package", "type": "package",
"pos": { "pos": {
"x": 120, "x": 50,
"y": 100 "y": 80
}, },
"width": 378, "width": 236,
"height": 192, "height": 172,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -373,8 +373,8 @@
"id": "aa.bb.ii.jj", "id": "aa.bb.ii.jj",
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 304, "x": 148,
"y": 150 "y": 120
}, },
"width": 50, "width": 50,
"height": 92, "height": 92,
@ -414,8 +414,8 @@
"id": "aa.bb.kk", "id": "aa.bb.kk",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 607, "x": 405,
"y": 1297 "y": 1127
}, },
"width": 74, "width": 74,
"height": 74, "height": 74,
@ -455,8 +455,8 @@
"id": "aa.ll", "id": "aa.ll",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 828, "x": 606,
"y": 631 "y": 551
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -496,8 +496,8 @@
"id": "aa.mm", "id": "aa.mm",
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 815, "x": 593,
"y": 413 "y": 353
}, },
"width": 71, "width": 71,
"height": 118, "height": 118,
@ -537,8 +537,8 @@
"id": "aa.nn", "id": "aa.nn",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 781, "x": 559,
"y": 1324 "y": 1154
}, },
"width": 16, "width": 16,
"height": 21, "height": 21,
@ -577,8 +577,8 @@
"id": "aa.oo", "id": "aa.oo",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 857, "x": 635,
"y": 1301 "y": 1131
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -642,20 +642,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 260.75, "x": 134.25,
"y": 962.5 "y": 842.5
}, },
{ {
"x": 260.75, "x": 134.25,
"y": 1019.7 "y": 891.7
}, },
{ {
"x": 287.75, "x": 156.1,
"y": 1107.9 "y": 965.8193205944798
}, },
{ {
"x": 395.75, "x": 243.5,
"y": 1161.5 "y": 1011.0966029723992
} }
], ],
"isCurve": true, "isCurve": true,
@ -690,20 +690,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 404.5, "x": 252,
"y": 1176 "y": 1026
}, },
{ {
"x": 404.5, "x": 252,
"y": 1224.4 "y": 1066.4
}, },
{ {
"x": 404.5, "x": 252,
"y": 1249.5 "y": 1087.5
}, },
{ {
"x": 404.5, "x": 252,
"y": 1301.5 "y": 1131.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -738,68 +738,68 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 200, "x": 102,
"y": 292 "y": 252
}, },
{ {
"x": 200, "x": 102.4,
"y": 340.4 "y": 292.4
}, },
{ {
"x": 200, "x": 102.5,
"y": 376.4 "y": 324.4
}, },
{ {
"x": 200, "x": 102.5,
"y": 412.25 "y": 357.25
}, },
{ {
"x": 200, "x": 102.5,
"y": 448.1 "y": 390.1
}, },
{ {
"x": 200, "x": 102.5,
"y": 493.8 "y": 431.8
}, },
{ {
"x": 200, "x": 102.5,
"y": 526.5 "y": 461.5
}, },
{ {
"x": 200, "x": 102.5,
"y": 559.2 "y": 491.2
}, },
{ {
"x": 200, "x": 102.5,
"y": 597.6 "y": 525.6
}, },
{ {
"x": 200, "x": 102.5,
"y": 622.5 "y": 547.5
}, },
{ {
"x": 200, "x": 102.5,
"y": 647.4 "y": 569.4
}, },
{ {
"x": 200, "x": 102.5,
"y": 682.7 "y": 600.7
}, },
{ {
"x": 200, "x": 102.5,
"y": 710.75 "y": 625.75
}, },
{ {
"x": 200, "x": 102.5,
"y": 738.8 "y": 650.8
}, },
{ {
"x": 200, "x": 102.5,
"y": 828 "y": 726
}, },
{ {
"x": 200, "x": 102.5,
"y": 868 "y": 758
} }
], ],
"isCurve": true, "isCurve": true,
@ -834,12 +834,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 828, "x": 605.75,
"y": 668.1624072547403 "y": 588.493273542601
}, },
{ {
"x": 731, "x": 518.75,
"y": 683.1624072547403 "y": 602.493273542601
} }
], ],
"animated": false, "animated": false,
@ -873,32 +873,32 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 815, "x": 593,
"y": 479 "y": 419
}, },
{ {
"x": 400.59999999999997, "x": 246.2,
"y": 560.6 "y": 492.6
}, },
{ {
"x": 297, "x": 159.5,
"y": 597.6 "y": 525.6
}, },
{ {
"x": 297, "x": 159.5,
"y": 622.5 "y": 547.5
}, },
{ {
"x": 297, "x": 159.5,
"y": 647.4 "y": 569.4
}, },
{ {
"x": 297, "x": 159.5,
"y": 769.7 "y": 677.7
}, },
{ {
"x": 297, "x": 159.5,
"y": 818.5 "y": 718.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -933,20 +933,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 853, "x": 631,
"y": 531 "y": 471
}, },
{ {
"x": 854.6, "x": 632.4,
"y": 571 "y": 503
}, },
{ {
"x": 855, "x": 632.75,
"y": 591 "y": 519
}, },
{ {
"x": 855, "x": 632.75,
"y": 631 "y": 551
} }
], ],
"isCurve": true, "isCurve": true,
@ -981,12 +981,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 815, "x": 593,
"y": 480 "y": 420
}, },
{ {
"x": 731.25, "x": 519,
"y": 497.7739829231542 "y": 437.1166281755196
} }
], ],
"animated": false, "animated": false,
@ -1020,68 +1020,68 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 828, "x": 605.75,
"y": 671.0418410041841 "y": 591.1913875598086
}, },
{ {
"x": 562.8, "x": 376.54999999999995,
"y": 740.2083682008368 "y": 652.2382775119618
}, },
{ {
"x": 496.5, "x": 319.25,
"y": 769.6 "y": 677.6
}, },
{ {
"x": 496.5, "x": 319.25,
"y": 787.75 "y": 692.75
}, },
{ {
"x": 496.5, "x": 319.25,
"y": 805.9 "y": 707.9
}, },
{ {
"x": 496.5, "x": 319.25,
"y": 828 "y": 726
}, },
{ {
"x": 496.5, "x": 319.25,
"y": 843 "y": 738
}, },
{ {
"x": 496.5, "x": 319.25,
"y": 858 "y": 750
}, },
{ {
"x": 496.5, "x": 319.25,
"y": 884.6 "y": 772.6
}, },
{ {
"x": 496.5, "x": 319.25,
"y": 909.5 "y": 794.5
}, },
{ {
"x": 496.5, "x": 319.25,
"y": 934.4 "y": 816.4
}, },
{ {
"x": 496.5, "x": 319.25,
"y": 967.6 "y": 845.6
}, },
{ {
"x": 496.5, "x": 319.25,
"y": 992.5 "y": 867.5
}, },
{ {
"x": 496.5, "x": 319.25,
"y": 1017.4 "y": 889.4
}, },
{ {
"x": 479.7, "x": 307.65,
"y": 1107.3 "y": 965.1
}, },
{ {
"x": 412.5, "x": 261.25,
"y": 1158.5 "y": 1007.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1116,20 +1116,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 815, "x": 593,
"y": 462 "y": 402
}, },
{ {
"x": 515.8, "x": 313.4,
"y": 374.4 "y": 322.4
}, },
{ {
"x": 441, "x": 243.4,
"y": 340.4 "y": 292.4
}, },
{ {
"x": 441, "x": 243,
"y": 292 "y": 252
} }
], ],
"isCurve": true, "isCurve": true,
@ -1164,20 +1164,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 401, "x": 238.75,
"y": 818 "y": 718
}, },
{ {
"x": 401, "x": 238.75,
"y": 769.6 "y": 677.6
}, },
{ {
"x": 486.4, "x": 312.15,
"y": 739.9 "y": 651.9444162436548
}, },
{ {
"x": 828, "x": 605.75,
"y": 669.5 "y": 589.7220812182741
} }
], ],
"isCurve": true, "isCurve": true,
@ -1212,32 +1212,32 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 393, "x": 215,
"y": 292 "y": 252
}, },
{ {
"x": 393, "x": 215.4,
"y": 340.4 "y": 292.4
}, },
{ {
"x": 393, "x": 215.5,
"y": 376.4 "y": 324.4
}, },
{ {
"x": 393, "x": 215.5,
"y": 412.25 "y": 357.25
}, },
{ {
"x": 393, "x": 215.5,
"y": 448.1 "y": 390.1
}, },
{ {
"x": 480, "x": 293.55,
"y": 596.6 "y": 524.6552426602756
}, },
{ {
"x": 828, "x": 605.75,
"y": 659 "y": 579.2762133013781
} }
], ],
"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

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

@ -9,8 +9,8 @@
"x": 0, "x": 0,
"y": 0 "y": 0
}, },
"width": 434, "width": 274,
"height": 366, "height": 306,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -47,11 +47,11 @@
"id": "a.b", "id": "a.b",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 20,
"y": 50 "y": 40
}, },
"width": 354, "width": 234,
"height": 266, "height": 226,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -88,11 +88,11 @@
"id": "a.b.c", "id": "a.b.c",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 80, "x": 40,
"y": 100 "y": 80
}, },
"width": 274, "width": 194,
"height": 166, "height": 146,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -129,8 +129,8 @@
"id": "a.b.c.d", "id": "a.b.c.d",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 130, "x": 80,
"y": 150 "y": 120
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -194,56 +194,56 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 184, "x": 134,
"y": 168.23204419889504 "y": 136.3975155279503
}, },
{ {
"x": 210.66666666666669, "x": 155.33333333333331,
"y": 153.646408839779 "y": 123.27950310559007
}, },
{ {
"x": 219, "x": 162,
"y": 150 "y": 120
}, },
{ {
"x": 221.5, "x": 164,
"y": 150 "y": 120
}, },
{ {
"x": 224, "x": 166,
"y": 150 "y": 120
}, },
{ {
"x": 227.33333333333331, "x": 168.66666666666669,
"y": 156.6 "y": 126.6
}, },
{ {
"x": 229.83333333333331, "x": 170.66666666666669,
"y": 166.5 "y": 136.5
}, },
{ {
"x": 232.33333333333334, "x": 172.66666666666666,
"y": 176.4 "y": 146.4
}, },
{ {
"x": 232.33333333333334, "x": 172.66666666666666,
"y": 189.6 "y": 159.6
}, },
{ {
"x": 229.83333333333331, "x": 170.66666666666669,
"y": 199.5 "y": 169.5
}, },
{ {
"x": 227.33333333333331, "x": 168.66666666666669,
"y": 209.4 "y": 179.4
}, },
{ {
"x": 210.66666666666669, "x": 155.33333333333331,
"y": 212.353591160221 "y": 182.72049689440993
}, },
{ {
"x": 184, "x": 134,
"y": 197.76795580110496 "y": 169.6024844720497
} }
], ],
"isCurve": true, "isCurve": true,
@ -278,56 +278,56 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 184, "x": 134,
"y": 172.75862068965517 "y": 139.70149253731344
}, },
{ {
"x": 232, "x": 166,
"y": 154.55172413793105 "y": 123.94029850746269
}, },
{ {
"x": 247, "x": 176,
"y": 150 "y": 120
}, },
{ {
"x": 251.5, "x": 179,
"y": 150 "y": 120
}, },
{ {
"x": 256, "x": 182,
"y": 150 "y": 120
}, },
{ {
"x": 262, "x": 186,
"y": 156.6 "y": 126.6
}, },
{ {
"x": 266.5, "x": 189,
"y": 166.5 "y": 136.5
}, },
{ {
"x": 271, "x": 192,
"y": 176.4 "y": 146.4
}, },
{ {
"x": 271, "x": 192,
"y": 189.6 "y": 159.6
}, },
{ {
"x": 266.5, "x": 189,
"y": 199.5 "y": 169.5
}, },
{ {
"x": 262, "x": 186,
"y": 209.4 "y": 179.4
}, },
{ {
"x": 232, "x": 166,
"y": 211.44827586206895 "y": 182.0597014925373
}, },
{ {
"x": 184, "x": 134,
"y": 193.24137931034483 "y": 166.29850746268656
} }
], ],
"isCurve": true, "isCurve": true,
@ -362,12 +362,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 183.66666666666669, "x": 134.33333333333334,
"y": 191 "y": 164
}, },
{ {
"x": 184, "x": 134,
"y": 190.83870967741936 "y": 164.09128630705393
} }
], ],
"animated": false, "animated": false,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="638" height="570" viewBox="-102 -102 638 570"><style type="text/css"> width="478" height="510" viewBox="-102 -102 478 510"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="638" height="570" viewBox="-102 -102 638 570"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="434" height="366" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="217.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="a.b"><g class="shape" ><rect x="40" y="50" width="354" height="266" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="217.000000" y="79.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">b</text></g><g id="a.b.c"><g class="shape" ><rect x="80" y="100" width="274" height="166" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="217.000000" y="125.000000" style="text-anchor:middle;font-size:20px;fill:#0A0F25">c</text></g><g id="a.b.c.d"><g class="shape" ><rect x="130" y="150" width="54" height="66" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="157.000000" y="188.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a.b -&gt; a)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 185.754679 167.272303 C 210.666667 153.646409 219.000000 150.000000 221.500000 150.000000 C 224.000000 150.000000 227.333333 156.600000 229.833333 166.500000 C 232.333333 176.400000 232.333333 189.600000 229.833333 199.500000 C 227.333333 209.400000 210.666667 212.353591 187.509357 199.687438" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1372662745)"/></g><g id="a.(b -&gt; b.c)[0]"><path d="M 185.869995 172.049312 C 232.000000 154.551724 247.000000 150.000000 251.500000 150.000000 C 256.000000 150.000000 262.000000 156.600000 266.500000 166.500000 C 271.000000 176.400000 271.000000 189.600000 266.500000 199.500000 C 262.000000 209.400000 232.000000 211.448276 187.739990 194.659996" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1372662745)"/></g><g id="a.(b.c.d -&gt; b)[0]"><path d="M 185.466985 190.128878 L 180.399363 192.580953" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1372662745)"/></g><mask id="1372662745" maskUnits="userSpaceOnUse" x="-100" y="-100" width="638" height="570"> ]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="274" height="306" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="137.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="a.b"><g class="shape" ><rect x="20" y="40" width="234" height="226" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="137.000000" y="69.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">b</text></g><g id="a.b.c"><g class="shape" ><rect x="40" y="80" width="194" height="146" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="137.000000" y="105.000000" style="text-anchor:middle;font-size:20px;fill:#0A0F25">c</text></g><g id="a.b.c.d"><g class="shape" ><rect x="80" y="120" width="54" height="66" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="107.000000" y="158.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 135.703680 135.349911 C 155.333333 123.279503 162.000000 120.000000 164.000000 120.000000 C 166.000000 120.000000 168.666667 126.600000 170.666667 136.500000 C 172.666667 146.400000 172.666667 159.600000 170.666667 169.500000 C 168.666667 179.400000 155.333333 182.720497 137.407360 171.697693" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2743280673)"/></g><g id="a.(b -&gt; b.c)[0]"><path d="M 135.794178 138.817793 C 166.000000 123.940299 176.000000 120.000000 179.000000 120.000000 C 182.000000 120.000000 186.000000 126.600000 189.000000 136.500000 C 192.000000 146.400000 192.000000 159.600000 189.000000 169.500000 C 186.000000 179.400000 166.000000 182.059701 137.588356 168.065907" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2743280673)"/></g><g id="a.(b.c.d -&gt; b)[0]"><path d="M 132.404361 164.528266 L 137.857945 163.034754" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2743280673)"/></g><mask id="2743280673" maskUnits="userSpaceOnUse" x="-100" y="-100" width="478" height="510">
<rect x="-100" y="-100" width="638" height="570" fill="white"></rect> <rect x="-100" y="-100" width="478" height="510" 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

16
e2etests/testdata/stable/circle_arrowhead/dagre/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 187 "y": 167
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 113, "x": 113,
"y": 187 "y": 167
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -199,15 +199,15 @@
}, },
{ {
"x": 26.5, "x": 26.5,
"y": 114.4 "y": 106.4
}, },
{ {
"x": 26.5, "x": 26.5,
"y": 138.7 "y": 126.7
}, },
{ {
"x": 26.5, "x": 26.5,
"y": 187.5 "y": 167.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -247,15 +247,15 @@
}, },
{ {
"x": 140, "x": 140,
"y": 114.4 "y": 106.4
}, },
{ {
"x": 140, "x": 140,
"y": 138.7 "y": 126.7
}, },
{ {
"x": 140, "x": 140,
"y": 187.5 "y": 167.5
} }
], ],
"isCurve": true, "isCurve": true,

10
e2etests/testdata/stable/circle_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="379" height="457" viewBox="-102 -102 379 457"><style type="text/css"> width="379" height="437" viewBox="-102 -102 379 437"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,10 +39,10 @@ width="379" height="457" viewBox="-102 -102 379 457"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="26.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="0" y="187" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="26.500000" y="225.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="114" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="140.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="113" y="187" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="140.000000" y="225.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a &lt;-&gt; b)[0]"><marker id="mk-2353508688" markerWidth="24.000000" markerHeight="24.000000" refX="3.000000" refY="12.000000" viewBox="0.000000 0.000000 24.000000 24.000000" orient="auto" markerUnits="userSpaceOnUse"> <circle class="connection" fill="white" stroke="#0D32B2" stroke-width="2" cx="11.000000" cy="12.000000" r="10.000000"/> </marker><marker id="mk-3979614975" markerWidth="24.000000" markerHeight="24.000000" refX="21.000000" refY="12.000000" viewBox="0.000000 0.000000 24.000000 24.000000" orient="auto" markerUnits="userSpaceOnUse"> <circle class="connection" fill="white" stroke="#0D32B2" stroke-width="2" cx="13.000000" cy="12.000000" r="10.000000"/> </marker><path d="M 26.500000 70.000000 C 26.500000 114.400000 26.500000 138.700000 26.500000 183.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2353508688)" marker-end="url(#mk-3979614975)" mask="url(#1503593620)"/><text class="text-italic" x="27.000000" y="132.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">circle</text></g><g id="(c &lt;-&gt; d)[0]"><marker id="mk-174437403" markerWidth="24.000000" markerHeight="24.000000" refX="3.000000" refY="12.000000" viewBox="0.000000 0.000000 24.000000 24.000000" orient="auto" markerUnits="userSpaceOnUse"> <circle class="connection" fill="#0D32B2" stroke-width="2" cx="11.000000" cy="12.000000" r="11.000000"/> </marker><marker id="mk-211976278" markerWidth="24.000000" markerHeight="24.000000" refX="21.000000" refY="12.000000" viewBox="0.000000 0.000000 24.000000 24.000000" orient="auto" markerUnits="userSpaceOnUse"> <circle class="connection" fill="#0D32B2" stroke-width="2" cx="13.000000" cy="12.000000" r="11.000000"/> </marker><path d="M 140.000000 70.000000 C 140.000000 114.400000 140.000000 138.700000 140.000000 183.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-174437403)" marker-end="url(#mk-211976278)" mask="url(#1503593620)"/><text class="text-italic" x="140.500000" y="132.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">filled-circle</text></g><mask id="1503593620" maskUnits="userSpaceOnUse" x="-100" y="-100" width="379" height="457"> ]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="26.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="0" y="167" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="26.500000" y="205.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="114" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="140.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="113" y="167" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="140.000000" y="205.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a &lt;-&gt; b)[0]"><marker id="mk-2353508688" markerWidth="24.000000" markerHeight="24.000000" refX="3.000000" refY="12.000000" viewBox="0.000000 0.000000 24.000000 24.000000" orient="auto" markerUnits="userSpaceOnUse"> <circle class="connection" fill="white" stroke="#0D32B2" stroke-width="2" cx="11.000000" cy="12.000000" r="10.000000"/> </marker><marker id="mk-3979614975" markerWidth="24.000000" markerHeight="24.000000" refX="21.000000" refY="12.000000" viewBox="0.000000 0.000000 24.000000 24.000000" orient="auto" markerUnits="userSpaceOnUse"> <circle class="connection" fill="white" stroke="#0D32B2" stroke-width="2" cx="13.000000" cy="12.000000" r="10.000000"/> </marker><path d="M 26.500000 70.000000 C 26.500000 106.400000 26.500000 126.700000 26.500000 163.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2353508688)" marker-end="url(#mk-3979614975)" mask="url(#1691634158)"/><text class="text-italic" x="27.000000" y="122.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">circle</text></g><g id="(c &lt;-&gt; d)[0]"><marker id="mk-174437403" markerWidth="24.000000" markerHeight="24.000000" refX="3.000000" refY="12.000000" viewBox="0.000000 0.000000 24.000000 24.000000" orient="auto" markerUnits="userSpaceOnUse"> <circle class="connection" fill="#0D32B2" stroke-width="2" cx="11.000000" cy="12.000000" r="11.000000"/> </marker><marker id="mk-211976278" markerWidth="24.000000" markerHeight="24.000000" refX="21.000000" refY="12.000000" viewBox="0.000000 0.000000 24.000000 24.000000" orient="auto" markerUnits="userSpaceOnUse"> <circle class="connection" fill="#0D32B2" stroke-width="2" cx="13.000000" cy="12.000000" r="11.000000"/> </marker><path d="M 140.000000 70.000000 C 140.000000 106.400000 140.000000 126.700000 140.000000 163.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-174437403)" marker-end="url(#mk-211976278)" mask="url(#1691634158)"/><text class="text-italic" x="140.500000" y="122.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">filled-circle</text></g><mask id="1691634158" maskUnits="userSpaceOnUse" x="-100" y="-100" width="379" height="437">
<rect x="-100" y="-100" width="379" height="457" fill="white"></rect> <rect x="-100" y="-100" width="379" height="437" fill="white"></rect>
<rect x="9.000000" y="116.000000" width="36" height="21" fill="black"></rect> <rect x="9.000000" y="106.000000" width="36" height="21" fill="black"></rect>
<rect x="104.000000" y="116.000000" width="73" height="21" fill="black"></rect> <rect x="104.000000" y="106.000000" width="73" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {
font-family: "font-bold"; font-family: "font-bold";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 470 KiB

After

Width:  |  Height:  |  Size: 470 KiB

68
e2etests/testdata/stable/circular_dependency/dagre/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 166 "y": 146
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 332 "y": 292
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -153,20 +153,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 18.548192771084338, "x": 21.97945205479452,
"y": 66 "y": 66
}, },
{ {
"x": 8.909638554216867, "x": 17.595890410958905,
"y": 106 "y": 98
}, },
{ {
"x": 8.9, "x": 17.5,
"y": 126 "y": 114
}, },
{ {
"x": 18.5, "x": 21.5,
"y": 166 "y": 146
} }
], ],
"isCurve": true, "isCurve": true,
@ -201,20 +201,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 18.548192771084338, "x": 21.97945205479452,
"y": 232 "y": 212
}, },
{ {
"x": 8.909638554216867, "x": 17.595890410958905,
"y": 272 "y": 244
}, },
{ {
"x": 8.9, "x": 17.5,
"y": 260
},
{
"x": 21.5,
"y": 292 "y": 292
},
{
"x": 18.5,
"y": 332
} }
], ],
"isCurve": true, "isCurve": true,
@ -249,20 +249,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 34.45180722891566, "x": 31.02054794520548,
"y": 332
},
{
"x": 44.09036144578313,
"y": 292 "y": 292
}, },
{ {
"x": 44.1, "x": 35.4041095890411,
"y": 272 "y": 260
}, },
{ {
"x": 34.5, "x": 35.5,
"y": 232 "y": 244
},
{
"x": 31.5,
"y": 212
} }
], ],
"isCurve": true, "isCurve": true,
@ -297,19 +297,19 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 34.45180722891566, "x": 31.02054794520548,
"y": 166 "y": 146
}, },
{ {
"x": 44.09036144578313, "x": 35.4041095890411,
"y": 126 "y": 114
}, },
{ {
"x": 44.1, "x": 35.5,
"y": 106 "y": 98
}, },
{ {
"x": 34.5, "x": 31.5,
"y": 66 "y": 66
} }
], ],

6
e2etests/testdata/stable/circular_dependency/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="257" height="602" viewBox="-102 -102 257 602"><style type="text/css"> width="257" height="562" viewBox="-102 -102 257 562"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="257" height="602" viewBox="-102 -102 257 602"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="26.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="0" y="166" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="26.500000" y="204.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="0" y="332" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="26.500000" y="370.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 18.079675 67.944349 C 8.909639 106.000000 8.900000 126.000000 17.566508 162.110451" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#168361013)"/></g><g id="(b -&gt; c)[0]"><path d="M 18.079675 233.944349 C 8.909639 272.000000 8.900000 292.000000 17.566508 328.110451" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#168361013)"/></g><g id="(c -&gt; b)[0]"><path d="M 34.920325 330.055651 C 44.090361 292.000000 44.100000 272.000000 35.433492 235.889549" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#168361013)"/></g><g id="(b -&gt; a)[0]"><path d="M 34.920325 164.055651 C 44.090361 126.000000 44.100000 106.000000 35.433492 69.889549" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#168361013)"/></g><mask id="168361013" maskUnits="userSpaceOnUse" x="-100" y="-100" width="257" height="602"> ]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="26.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="0" y="146" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="26.500000" y="184.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="0" y="292" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="26.500000" y="330.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 21.708014 67.981495 C 17.595890 98.000000 17.500000 114.000000 21.003861 142.030888" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3876575642)"/></g><g id="(b -&gt; c)[0]"><path d="M 21.708014 213.981495 C 17.595890 244.000000 17.500000 260.000000 21.003861 288.030888" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3876575642)"/></g><g id="(c -&gt; b)[0]"><path d="M 31.291986 290.018505 C 35.404110 260.000000 35.500000 244.000000 31.996139 215.969112" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3876575642)"/></g><g id="(b -&gt; a)[0]"><path d="M 31.291986 144.018505 C 35.404110 114.000000 35.500000 98.000000 31.996139 69.969112" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3876575642)"/></g><mask id="3876575642" maskUnits="userSpaceOnUse" x="-100" y="-100" width="257" height="562">
<rect x="-100" y="-100" width="257" height="602" fill="white"></rect> <rect x="-100" y="-100" width="257" height="562" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 326 KiB

After

Width:  |  Height:  |  Size: 326 KiB

22
e2etests/testdata/stable/code_snippet/dagre/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "code", "type": "code",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 166 "y": 146
}, },
"width": 755, "width": 755,
"height": 166, "height": 166,
@ -88,7 +88,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 351, "x": 351,
"y": 432 "y": 392
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -157,15 +157,15 @@
}, },
{ {
"x": 377.5, "x": 377.5,
"y": 106 "y": 98
}, },
{ {
"x": 377.5, "x": 377.5,
"y": 126 "y": 114
}, },
{ {
"x": 377.5, "x": 377.5,
"y": 166 "y": 146
} }
], ],
"isCurve": true, "isCurve": true,
@ -201,19 +201,19 @@
"route": [ "route": [
{ {
"x": 377.5, "x": 377.5,
"y": 332 "y": 312
}, },
{ {
"x": 377.5, "x": 377.5,
"y": 372 "y": 344
},
{
"x": 377.5,
"y": 360
}, },
{ {
"x": 377.5, "x": 377.5,
"y": 392 "y": 392
},
{
"x": 377.5,
"y": 432
} }
], ],
"isCurve": true, "isCurve": true,

8
e2etests/testdata/stable/code_snippet/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="959" height="702" viewBox="-102 -102 959 702"><style type="text/css"> width="959" height="662" viewBox="-102 -102 959 662"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,7 +39,7 @@ width="959" height="702" viewBox="-102 -102 959 702"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="hey"><g class="shape" ></g><g transform="translate(0.000000 166.000000)"><rect class="shape" width="755" height="166" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve"><tspan fill="#999988" class="text-mono-italic">//&#160;RegisterHash&#160;registers&#160;a&#160;function&#160;that&#160;returns&#160;a&#160;new&#160;instance&#160;of&#160;the&#160;given ]]></script><g id="hey"><g class="shape" ></g><g transform="translate(0.000000 146.000000)"><rect class="shape" width="755" height="166" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve"><tspan fill="#999988" class="text-mono-italic">//&#160;RegisterHash&#160;registers&#160;a&#160;function&#160;that&#160;returns&#160;a&#160;new&#160;instance&#160;of&#160;the&#160;given
</tspan></text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve"><tspan fill="#999988" class="text-mono-italic"></tspan><tspan fill="#999988" class="text-mono-italic">//&#160;hash&#160;function.&#160;This&#160;is&#160;intended&#160;to&#160;be&#160;called&#160;from&#160;the&#160;init&#160;function&#160;in </tspan></text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve"><tspan fill="#999988" class="text-mono-italic"></tspan><tspan fill="#999988" class="text-mono-italic">//&#160;hash&#160;function.&#160;This&#160;is&#160;intended&#160;to&#160;be&#160;called&#160;from&#160;the&#160;init&#160;function&#160;in
</tspan></text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve"><tspan fill="#999988" class="text-mono-italic"></tspan><tspan fill="#999988" class="text-mono-italic">//&#160;packages&#160;that&#160;implement&#160;hash&#160;functions. </tspan></text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve"><tspan fill="#999988" class="text-mono-italic"></tspan><tspan fill="#999988" class="text-mono-italic">//&#160;packages&#160;that&#160;implement&#160;hash&#160;functions.
</tspan></text><text class="text-mono" x="0" y="4.000000em" xml:space="preserve"><tspan fill="#999988" class="text-mono-italic"></tspan><tspan fill="#000000" class="text-mono-bold">func</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">RegisterHash</tspan>(h&#160;Hash,&#160;f&#160;<tspan fill="#000000" class="text-mono-bold">func</tspan>()&#160;hash.Hash)&#160;{ </tspan></text><text class="text-mono" x="0" y="4.000000em" xml:space="preserve"><tspan fill="#999988" class="text-mono-italic"></tspan><tspan fill="#000000" class="text-mono-bold">func</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">RegisterHash</tspan>(h&#160;Hash,&#160;f&#160;<tspan fill="#000000" class="text-mono-bold">func</tspan>()&#160;hash.Hash)&#160;{
@ -47,8 +47,8 @@ width="959" height="702" viewBox="-102 -102 959 702"><style type="text/css">
</text><text class="text-mono" x="0" y="6.000000em" xml:space="preserve">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<tspan fill="#0086b3">panic</tspan>(<tspan fill="#dd1144">&quot;crypto:&#160;RegisterHash&#160;of&#160;unknown&#160;hash&#160;function&quot;</tspan>) </text><text class="text-mono" x="0" y="6.000000em" xml:space="preserve">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<tspan fill="#0086b3">panic</tspan>(<tspan fill="#dd1144">&quot;crypto:&#160;RegisterHash&#160;of&#160;unknown&#160;hash&#160;function&quot;</tspan>)
</text><text class="text-mono" x="0" y="7.000000em" xml:space="preserve">&#160;&#160;&#160;&#160;} </text><text class="text-mono" x="0" y="7.000000em" xml:space="preserve">&#160;&#160;&#160;&#160;}
</text><text class="text-mono" x="0" y="8.000000em" xml:space="preserve">&#160;&#160;&#160;&#160;hashes[h]&#160;=&#160;f </text><text class="text-mono" x="0" y="8.000000em" xml:space="preserve">&#160;&#160;&#160;&#160;hashes[h]&#160;=&#160;f
</text><text class="text-mono" x="0" y="9.000000em" xml:space="preserve">}</text></g></g></g><g id="x"><g class="shape" ><rect x="351" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="377.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">x</text></g><g id="y"><g class="shape" ><rect x="351" y="432" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="378.000000" y="470.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">y</text></g><g id="(x -&gt; hey)[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 68.000000 C 377.500000 106.000000 377.500000 126.000000 377.500000 162.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2911397802)"/></g><g id="(hey -&gt; y)[0]"><path d="M 377.500000 334.000000 C 377.500000 372.000000 377.500000 392.000000 377.500000 428.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2911397802)"/></g><mask id="2911397802" maskUnits="userSpaceOnUse" x="-100" y="-100" width="959" height="702"> </text><text class="text-mono" x="0" y="9.000000em" xml:space="preserve">}</text></g></g></g><g id="x"><g class="shape" ><rect x="351" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="377.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">x</text></g><g id="y"><g class="shape" ><rect x="351" y="392" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="378.000000" y="430.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">y</text></g><g id="(x -&gt; hey)[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 68.000000 C 377.500000 98.000000 377.500000 114.000000 377.500000 142.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3617388817)"/></g><g id="(hey -&gt; y)[0]"><path d="M 377.500000 314.000000 C 377.500000 344.000000 377.500000 360.000000 377.500000 388.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3617388817)"/></g><mask id="3617388817" maskUnits="userSpaceOnUse" x="-100" y="-100" width="959" height="662">
<rect x="-100" y="-100" width="959" height="702" fill="white"></rect> <rect x="-100" y="-100" width="959" height="662" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 673 KiB

After

Width:  |  Height:  |  Size: 673 KiB

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

@ -453,8 +453,8 @@
"x": 0, "x": 0,
"y": 0 "y": 0
}, },
"width": 381, "width": 361,
"height": 166, "height": 146,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -491,8 +491,8 @@
"id": "find contractors.craigslist", "id": "find contractors.craigslist",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 50, "x": 40,
"y": 50 "y": 40
}, },
"width": 110, "width": 110,
"height": 66, "height": 66,
@ -532,8 +532,8 @@
"id": "find contractors.facebook", "id": "find contractors.facebook",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 220, "x": 210,
"y": 50 "y": 40
}, },
"width": 111, "width": 111,
"height": 66, "height": 66,
@ -622,7 +622,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 10, "x": 10,
"y": 166 "y": 146
}, },
"width": 140, "width": 140,
"height": 66, "height": 66,
@ -691,15 +691,15 @@
}, },
{ {
"x": 79.5, "x": 79.5,
"y": 106 "y": 98
}, },
{ {
"x": 79.5, "x": 79.5,
"y": 126 "y": 114
}, },
{ {
"x": 79.5, "x": 79.5,
"y": 166 "y": 146
} }
], ],
"isCurve": true, "isCurve": true,
@ -760,7 +760,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 16, "x": 16,
"y": 166 "y": 146
}, },
"width": 112, "width": 112,
"height": 66, "height": 66,
@ -829,15 +829,15 @@
}, },
{ {
"x": 71.5, "x": 71.5,
"y": 106 "y": 98
}, },
{ {
"x": 71.5, "x": 71.5,
"y": 126 "y": 114
}, },
{ {
"x": 71.5, "x": 71.5,
"y": 166 "y": 146
} }
], ],
"isCurve": true, "isCurve": true,
@ -898,7 +898,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 166 "y": 146
}, },
"width": 167, "width": 167,
"height": 66, "height": 66,
@ -967,15 +967,15 @@
}, },
{ {
"x": 83.5, "x": 83.5,
"y": 106 "y": 98
}, },
{ {
"x": 83.5, "x": 83.5,
"y": 126 "y": 114
}, },
{ {
"x": 83.5, "x": 83.5,
"y": 166 "y": 146
} }
], ],
"isCurve": true, "isCurve": true,

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

@ -6,11 +6,11 @@
"id": "a", "id": "a",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 21,
"y": 0 "y": 0
}, },
"width": 156, "width": 133,
"height": 166, "height": 146,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -47,8 +47,8 @@
"id": "a.b", "id": "a.b",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 94, "x": 61,
"y": 50 "y": 40
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -88,11 +88,11 @@
"id": "c", "id": "c",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 20,
"y": 266 "y": 226
}, },
"width": 157, "width": 134,
"height": 166, "height": 146,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -129,8 +129,8 @@
"id": "c.d", "id": "c.d",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 93, "x": 60,
"y": 316 "y": 266
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -171,10 +171,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 532 "y": 452
}, },
"width": 237, "width": 174,
"height": 266, "height": 226,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -211,11 +211,11 @@
"id": "f.h", "id": "f.h",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 20,
"y": 582 "y": 492
}, },
"width": 157, "width": 134,
"height": 166, "height": 146,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -252,8 +252,8 @@
"id": "f.h.g", "id": "f.h.g",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 93, "x": 60,
"y": 632 "y": 532
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -317,32 +317,32 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 120, "x": 87,
"y": 116 "y": 106
}, },
{ {
"x": 120, "x": 87,
"y": 156 "y": 138
}, },
{ {
"x": 120, "x": 87,
"y": 176 "y": 154
}, },
{ {
"x": 120, "x": 87,
"y": 191 "y": 166
}, },
{ {
"x": 120, "x": 87,
"y": 206 "y": 178
}, },
{ {
"x": 120, "x": 87,
"y": 276 "y": 234
}, },
{ {
"x": 120, "x": 87,
"y": 316 "y": 266
} }
], ],
"isCurve": true, "isCurve": true,
@ -377,44 +377,44 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 120, "x": 87,
"y": 382 "y": 332
}, },
{ {
"x": 120, "x": 87,
"y": 422 "y": 364
}, },
{ {
"x": 120, "x": 87,
"y": 442 "y": 380
}, },
{ {
"x": 120, "x": 87,
"y": 457 "y": 392
}, },
{ {
"x": 120, "x": 87,
"y": 472 "y": 404
}, },
{ {
"x": 120, "x": 87,
"y": 492 "y": 420
}, },
{ {
"x": 120, "x": 87,
"y": 507 "y": 432
}, },
{ {
"x": 120, "x": 87,
"y": 522 "y": 444
}, },
{ {
"x": 120, "x": 87,
"y": 592 "y": 500
}, },
{ {
"x": 120, "x": 87,
"y": 632 "y": 532
} }
], ],
"isCurve": true, "isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="441" height="1002" viewBox="-102 -102 441 1002"><style type="text/css"> width="378" height="882" viewBox="-102 -102 378 882"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="441" height="1002" viewBox="-102 -102 441 1002"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><rect x="40" y="0" width="156" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="40" y="266" width="157" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.500000" y="299.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="f"><g class="shape" ><rect x="0" y="532" width="237" height="266" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.500000" y="565.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">f</text></g><g id="a.b"><g class="shape" ><rect x="94" y="50" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="93" y="316" width="54" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.000000" y="354.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="f.h"><g class="shape" ><rect x="40" y="582" width="157" height="166" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.500000" y="611.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">h</text></g><g id="f.h.g"><g class="shape" ><rect x="93" y="632" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.000000" y="670.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">g</text></g><g id="(a.b -&gt; c.d)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 120.000000 118.000000 C 120.000000 156.000000 120.000000 176.000000 120.000000 191.000000 C 120.000000 206.000000 120.000000 276.000000 120.000000 312.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2512831324)"/></g><g id="(c.d -&gt; f.h.g)[0]"><path d="M 120.000000 384.000000 C 120.000000 422.000000 120.000000 442.000000 120.000000 457.000000 C 120.000000 472.000000 120.000000 492.000000 120.000000 507.000000 C 120.000000 522.000000 120.000000 592.000000 120.000000 628.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2512831324)"/></g><mask id="2512831324" maskUnits="userSpaceOnUse" x="-100" y="-100" width="441" height="1002"> ]]></script><g id="a"><g class="shape" ><rect x="21" y="0" width="133" height="146" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="87.500000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="20" y="226" width="134" height="146" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="87.000000" y="259.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="f"><g class="shape" ><rect x="0" y="452" width="174" height="226" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="87.000000" y="485.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">f</text></g><g id="a.b"><g class="shape" ><rect x="61" y="40" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="87.500000" y="78.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="60" y="266" width="54" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="87.000000" y="304.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="f.h"><g class="shape" ><rect x="20" y="492" width="134" height="146" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="87.000000" y="521.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">h</text></g><g id="f.h.g"><g class="shape" ><rect x="60" y="532" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="87.000000" y="570.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 87.000000 108.000000 C 87.000000 138.000000 87.000000 154.000000 87.000000 166.000000 C 87.000000 178.000000 87.000000 234.000000 87.000000 262.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3915163967)"/></g><g id="(c.d -&gt; f.h.g)[0]"><path d="M 87.000000 334.000000 C 87.000000 364.000000 87.000000 380.000000 87.000000 392.000000 C 87.000000 404.000000 87.000000 420.000000 87.000000 432.000000 C 87.000000 444.000000 87.000000 500.000000 87.000000 528.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3915163967)"/></g><mask id="3915163967" maskUnits="userSpaceOnUse" x="-100" y="-100" width="378" height="882">
<rect x="-100" y="-100" width="441" height="1002" fill="white"></rect> <rect x="-100" y="-100" width="378" height="882" 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: 650 KiB

18
e2etests/testdata/stable/constant_near_stress/dagre/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 166 "y": 146
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -130,7 +130,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": -444, "x": -444,
"y": 252 "y": 232
}, },
"width": 943, "width": 943,
"height": 131, "height": 131,
@ -171,7 +171,7 @@
"type": "person", "type": "person",
"pos": { "pos": {
"x": -565, "x": -565,
"y": 82 "y": 72
}, },
"width": 101, "width": 101,
"height": 67, "height": 67,
@ -212,7 +212,7 @@
"type": "person", "type": "person",
"pos": { "pos": {
"x": 518, "x": 518,
"y": 62 "y": 52
}, },
"width": 160, "width": 160,
"height": 107, "height": 107,
@ -335,7 +335,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": -571, "x": -571,
"y": 252 "y": 232
}, },
"width": 107, "width": 107,
"height": 21, "height": 21,
@ -376,7 +376,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 518, "x": 518,
"y": 252 "y": 232
}, },
"width": 117, "width": 117,
"height": 21, "height": 21,
@ -445,15 +445,15 @@
}, },
{ {
"x": 27, "x": 27,
"y": 106 "y": 98
}, },
{ {
"x": 27, "x": 27,
"y": 126 "y": 114
}, },
{ {
"x": 27, "x": 27,
"y": 166 "y": 146
} }
], ],
"isCurve": true, "isCurve": true,

8
e2etests/testdata/stable/constant_near_stress/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="1453" height="628" viewBox="-673 -143 1453 628"><style type="text/css"> width="1453" height="608" viewBox="-673 -143 1453 608"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -796,11 +796,11 @@ width="1453" height="628" viewBox="-673 -143 1453 628"><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="x"><g class="shape" ><rect x="1" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="27.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">x</text></g><g id="y"><g class="shape" ><rect x="0" y="166" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="27.000000" y="204.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">y</text></g><g id="The top of the mountain"><g class="shape" ></g><text class="text" x="27.000000" y="-25.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">The top of the mountain</text></g><g id="bottom"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="-444.000000" y="252.000000" width="943" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>Cats, no less liquid than their shadows, offer no angles to the wind.</h1> </style><g id="x"><g class="shape" ><rect x="1" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="27.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">x</text></g><g id="y"><g class="shape" ><rect x="0" y="146" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="27.000000" y="184.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">y</text></g><g id="The top of the mountain"><g class="shape" ></g><text class="text" x="27.000000" y="-25.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">The top of the mountain</text></g><g id="bottom"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="-444.000000" y="232.000000" width="943" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>Cats, no less liquid than their shadows, offer no angles to the wind.</h1>
<p>If we can't fix it, it ain't broke.</p> <p>If we can't fix it, it ain't broke.</p>
<p>Dieters live life in the fasting lane.</p> <p>Dieters live life in the fasting lane.</p>
</div></foreignObject></g></g><g id="Joe"><g class="shape" ><path d="M -464 149 H -565 V 148 C -565 137 -554 126 -536 121 C -546 117 -552 111 -552 104 C -552 92 -535 82 -515 82 C -494 82 -478 92 -478 104 C -478 111 -484 118 -493 122 C -476 127 -464 137 -464 149 V 150 H -464 Z" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="-514.500000" y="121.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">Joe</text></g><g id="Donald"><g class="shape" ><path d="M 678 169 H 518 V 167 C 518 149 536 132 563 124 C 548 119 539 108 539 97 C 539 78 565 62 598 62 C 631 62 657 78 657 97 C 657 108 648 119 633 125 C 661 133 678 149 678 168 V 169 H 678 Z" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="598.000000" y="121.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">Donald</text></g><g id="i am top left"><g class="shape" ></g><text class="text" x="-504.000000" y="-25.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">i am top left</text></g><g id="i am top right"><g class="shape" ></g><text class="text" x="563.000000" y="-25.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">i am top right</text></g><g id="i am bottom left"><g class="shape" ></g><text class="text" x="-517.500000" y="268.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">i am bottom left</text></g><g id="i am bottom right"><g class="shape" ></g><text class="text" x="576.500000" y="268.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">i am bottom right</text></g><g id="(x -&gt; y)[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 27.000000 68.000000 C 27.000000 106.000000 27.000000 126.000000 27.000000 162.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3786039916)"/></g><mask id="3786039916" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1453" height="628"> </div></foreignObject></g></g><g id="Joe"><g class="shape" ><path d="M -464 139 H -565 V 138 C -565 127 -554 116 -536 111 C -546 107 -552 101 -552 94 C -552 82 -535 72 -515 72 C -494 72 -478 82 -478 94 C -478 101 -484 108 -493 112 C -476 117 -464 127 -464 139 V 140 H -464 Z" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="-514.500000" y="111.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">Joe</text></g><g id="Donald"><g class="shape" ><path d="M 678 159 H 518 V 157 C 518 139 536 122 563 114 C 548 109 539 98 539 87 C 539 68 565 52 598 52 C 631 52 657 68 657 87 C 657 98 648 109 633 115 C 661 123 678 139 678 158 V 159 H 678 Z" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="598.000000" y="111.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">Donald</text></g><g id="i am top left"><g class="shape" ></g><text class="text" x="-504.000000" y="-25.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">i am top left</text></g><g id="i am top right"><g class="shape" ></g><text class="text" x="563.000000" y="-25.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">i am top right</text></g><g id="i am bottom left"><g class="shape" ></g><text class="text" x="-517.500000" y="248.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">i am bottom left</text></g><g id="i am bottom right"><g class="shape" ></g><text class="text" x="576.500000" y="248.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">i am bottom right</text></g><g id="(x -&gt; y)[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 27.000000 68.000000 C 27.000000 98.000000 27.000000 114.000000 27.000000 142.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3285164683)"/></g><mask id="3285164683" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1453" height="608">
<rect x="-100" y="-100" width="1453" height="628" fill="white"></rect> <rect x="-100" y="-100" width="1453" height="608" 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: 662 KiB

After

Width:  |  Height:  |  Size: 662 KiB

104
e2etests/testdata/stable/constant_near_title/dagre/board.exp.json generated vendored
View file

@ -47,8 +47,8 @@
"id": "results", "id": "results",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 181, "x": 191,
"y": 166 "y": 146
}, },
"width": 93, "width": 93,
"height": 66, "height": 66,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 332 "y": 292
}, },
"width": 131, "width": 131,
"height": 66, "height": 66,
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 191, "x": 191,
"y": 332 "y": 292
}, },
"width": 113, "width": 113,
"height": 66, "height": 66,
@ -171,7 +171,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 164, "x": 164,
"y": 498 "y": 438
}, },
"width": 167, "width": 167,
"height": 66, "height": 66,
@ -276,20 +276,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 184.7289156626506, "x": 193.1164383561644,
"y": 66 "y": 66
}, },
{ {
"x": 218.94578313253012, "x": 228.62328767123287,
"y": 106 "y": 98
}, },
{ {
"x": 227.5, "x": 237.5,
"y": 126 "y": 114
}, },
{ {
"x": 227.5, "x": 237.5,
"y": 166 "y": 146
} }
], ],
"isCurve": true, "isCurve": true,
@ -324,20 +324,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 191.31927710843374, "x": 196.36301369863014,
"y": 232 "y": 212
}, },
{ {
"x": 147.46385542168673, "x": 156.47260273972603,
"y": 272 "y": 244
}, },
{ {
"x": 127.9, "x": 137.7,
"y": 260
},
{
"x": 102.5,
"y": 292 "y": 292
},
{
"x": 93.5,
"y": 332
} }
], ],
"isCurve": true, "isCurve": true,
@ -372,31 +372,31 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 57.54819277108434, "x": 60.97945205479452,
"y": 332
},
{
"x": 47.90963855421687,
"y": 292 "y": 292
}, },
{ {
"x": 45.5, "x": 56.5958904109589,
"y": 265.4 "y": 260
}, },
{ {
"x": 45.5, "x": 55.5,
"y": 240.5 "y": 237.4
}, },
{ {
"x": 45.5, "x": 55.5,
"y": 215.6 "y": 215.5
}, },
{ {
"x": 58.9, "x": 55.5,
"y": 106 "y": 193.6
}, },
{ {
"x": 112.5, "x": 66.5,
"y": 98
},
{
"x": 110.5,
"y": 66 "y": 66
} }
], ],
@ -432,20 +432,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 235.45180722891567, "x": 242.0205479452055,
"y": 232 "y": 212
}, },
{ {
"x": 245.09036144578315, "x": 246.4041095890411,
"y": 272 "y": 244
},
{
"x": 247.5,
"y": 260
}, },
{ {
"x": 247.5, "x": 247.5,
"y": 292 "y": 292
},
{
"x": 247.5,
"y": 332
} }
], ],
"isCurve": true, "isCurve": true,
@ -481,19 +481,19 @@
"route": [ "route": [
{ {
"x": 247.5, "x": 247.5,
"y": 398 "y": 358
},
{
"x": 247.5,
"y": 390
},
{
"x": 247.5,
"y": 406
}, },
{ {
"x": 247.5, "x": 247.5,
"y": 438 "y": 438
},
{
"x": 247.5,
"y": 458
},
{
"x": 247.5,
"y": 498
} }
], ],
"isCurve": true, "isCurve": true,

8
e2etests/testdata/stable/constant_near_title/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="535" height="839" viewBox="-102 -173 535 839"><style type="text/css"> width="535" height="779" viewBox="-102 -173 535 779"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -796,9 +796,9 @@ width="535" height="839" viewBox="-102 -173 535 839"><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="poll the people"><g class="shape" ><rect x="82" y="0" width="150" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="157.000000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">poll the people</text></g><g id="results"><g class="shape" ><rect x="181" y="166" width="93" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="227.500000" y="204.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">results</text></g><g id="unfavorable"><g class="shape" ><rect x="0" y="332" width="131" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="65.500000" y="370.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">unfavorable</text></g><g id="favorable"><g class="shape" ><rect x="191" y="332" width="113" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="247.500000" y="370.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">favorable</text></g><g id="will of the people"><g class="shape" ><rect x="164" y="498" width="167" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="247.500000" y="536.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">will of the people</text></g><g id="title"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="32.000000" y="-71.000000" width="266" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>A winning strategy</h1> </style><g id="poll the people"><g class="shape" ><rect x="82" y="0" width="150" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="157.000000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">poll the people</text></g><g id="results"><g class="shape" ><rect x="191" y="146" width="93" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="237.500000" y="184.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">results</text></g><g id="unfavorable"><g class="shape" ><rect x="0" y="292" width="131" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="65.500000" y="330.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">unfavorable</text></g><g id="favorable"><g class="shape" ><rect x="191" y="292" width="113" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="247.500000" y="330.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">favorable</text></g><g id="will of the people"><g class="shape" ><rect x="164" y="438" width="167" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="247.500000" y="476.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">will of the people</text></g><g id="title"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="32.000000" y="-71.000000" width="266" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>A winning strategy</h1>
</div></foreignObject></g></g><g id="(poll the people -&gt; results)[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 186.028990 67.519805 C 218.945783 106.000000 227.500000 126.000000 227.500000 162.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1911860211)"/></g><g id="(results -&gt; unfavorable)[0]"><path d="M 189.841603 233.347768 C 147.463855 272.000000 127.900000 292.000000 96.108157 328.967259" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1911860211)"/></g><g id="(unfavorable -&gt; poll the people)[0]"><path d="M 57.079675 330.055651 C 47.909639 292.000000 45.500000 265.400000 45.500000 240.500000 C 45.500000 215.600000 58.900000 106.000000 109.294268 68.392338" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1911860211)"/></g><g id="(results -&gt; favorable)[0]"><path d="M 235.920325 233.944349 C 245.090361 272.000000 247.500000 292.000000 247.500000 328.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1911860211)"/></g><g id="(favorable -&gt; will of the people)[0]"><path d="M 247.500000 400.000000 C 247.500000 438.000000 247.500000 458.000000 247.500000 494.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1911860211)"/></g><mask id="1911860211" maskUnits="userSpaceOnUse" x="-100" y="-100" width="535" height="839"> </div></foreignObject></g></g><g id="(poll the people -&gt; results)[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 194.602114 67.338943 C 228.623288 98.000000 237.500000 114.000000 237.500000 142.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1055117567)"/></g><g id="(results -&gt; unfavorable)[0]"><path d="M 194.802950 213.251480 C 156.472603 244.000000 137.700000 260.000000 105.459760 289.309309" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1055117567)"/></g><g id="(unfavorable -&gt; poll the people)[0]"><path d="M 60.708014 290.018505 C 56.595890 260.000000 55.500000 237.400000 55.500000 215.500000 C 55.500000 193.600000 66.500000 98.000000 107.265056 68.352687" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1055117567)"/></g><g id="(results -&gt; favorable)[0]"><path d="M 242.291986 213.981495 C 246.404110 244.000000 247.500000 260.000000 247.500000 288.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1055117567)"/></g><g id="(favorable -&gt; will of the people)[0]"><path d="M 247.500000 360.000000 C 247.500000 390.000000 247.500000 406.000000 247.500000 434.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1055117567)"/></g><mask id="1055117567" maskUnits="userSpaceOnUse" x="-100" y="-100" width="535" height="779">
<rect x="-100" y="-100" width="535" height="839" fill="white"></rect> <rect x="-100" y="-100" width="535" height="779" 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: 662 KiB

After

Width:  |  Height:  |  Size: 662 KiB

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

@ -6,7 +6,7 @@
"id": "a", "id": "a",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 348, "x": 253,
"y": 0 "y": 0
}, },
"width": 53, "width": 53,
@ -47,11 +47,11 @@
"id": "g", "id": "g",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 277, "x": 193,
"y": 166 "y": 146
}, },
"width": 196, "width": 153,
"height": 698, "height": 598,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -88,8 +88,8 @@
"id": "g.b", "id": "g.b",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 348, "x": 253,
"y": 216 "y": 186
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -130,10 +130,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 382 "y": 332
}, },
"width": 236, "width": 173,
"height": 266, "height": 226,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -170,11 +170,11 @@
"id": "d.h", "id": "d.h",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 20,
"y": 432 "y": 372
}, },
"width": 156, "width": 133,
"height": 166, "height": 146,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -211,8 +211,8 @@
"id": "d.h.c", "id": "d.h.c",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 94, "x": 60,
"y": 482 "y": 412
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -252,8 +252,8 @@
"id": "g.e", "id": "g.e",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 330, "x": 233,
"y": 748 "y": 638
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -293,8 +293,8 @@
"id": "f", "id": "f",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 353, "x": 244,
"y": 964 "y": 824
}, },
"width": 51, "width": 51,
"height": 66, "height": 66,
@ -358,20 +358,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 374.75, "x": 279.5,
"y": 66 "y": 66
}, },
{ {
"x": 374.75, "x": 279.5,
"y": 106 "y": 98
}, },
{ {
"x": 374.75, "x": 279.5,
"y": 176 "y": 154
}, },
{ {
"x": 374.75, "x": 279.5,
"y": 216 "y": 186
} }
], ],
"isCurve": true, "isCurve": true,
@ -406,32 +406,32 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 358.84638554216866, "x": 259.9486301369863,
"y": 282 "y": 252
}, },
{ {
"x": 339.5692771084337, "x": 240.98972602739727,
"y": 322 "y": 284
}, },
{ {
"x": 334.75, "x": 236.25,
"y": 342 "y": 300
}, },
{ {
"x": 334.75, "x": 236.25,
"y": 357 "y": 312
}, },
{ {
"x": 334.75, "x": 236.25,
"y": 372 "y": 324
}, },
{ {
"x": 297.15, "x": 211.65,
"y": 446.6 "y": 384
}, },
{ {
"x": 146.75, "x": 113.25,
"y": 505 "y": 432
} }
], ],
"isCurve": true, "isCurve": true,
@ -466,20 +466,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 120, "x": 86.5,
"y": 648 "y": 558
}, },
{ {
"x": 309.20000000000005, "x": 224.9,
"y": 688 "y": 590
}, },
{ {
"x": 356.5, "x": 259.5,
"y": 708 "y": 606
}, },
{ {
"x": 356.5, "x": 259.5,
"y": 748 "y": 638
} }
], ],
"isCurve": true, "isCurve": true,
@ -514,20 +514,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 356.5, "x": 259.5,
"y": 814 "y": 704
}, },
{ {
"x": 356.5, "x": 259.5,
"y": 854 "y": 736
}, },
{ {
"x": 359.1, "x": 260.5,
"y": 924 "y": 792
}, },
{ {
"x": 369.5, "x": 264.5,
"y": 964 "y": 824
} }
], ],
"isCurve": true, "isCurve": true,
@ -562,20 +562,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 400.01807228915663, "x": 295,
"y": 964 "y": 824.0530973451328
}, },
{ {
"x": 426.40361445783134, "x": 319.8,
"y": 924 "y": 792.0106194690266
}, },
{ {
"x": 433, "x": 326,
"y": 904 "y": 776
}, },
{ {
"x": 433, "x": 326,
"y": 864 "y": 744
} }
], ],
"isCurve": true, "isCurve": true,
@ -610,12 +610,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 276.75, "x": 192.5,
"y": 464 "y": 403
}, },
{ {
"x": 196.75, "x": 152.5,
"y": 490 "y": 418
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/stable/container_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="677" height="1234" viewBox="-102 -102 677 1234"><style type="text/css"> width="550" height="1094" viewBox="-102 -102 550 1094"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="677" height="1234" viewBox="-102 -102 677 1234"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><rect x="348" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="374.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="g"><g class="shape" ><rect x="277" y="166" width="196" height="698" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="375.000000" y="199.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">g</text></g><g id="d"><g class="shape" ><rect x="0" y="382" width="236" height="266" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.000000" y="415.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">d</text></g><g id="f"><g class="shape" ><rect x="353" y="964" width="51" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="378.500000" y="1002.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">f</text></g><g id="g.b"><g class="shape" ><rect x="348" y="216" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="374.500000" y="254.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="d.h"><g class="shape" ><rect x="40" y="432" width="156" height="166" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.000000" y="461.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">h</text></g><g id="g.e"><g class="shape" ><rect x="330" y="748" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="356.500000" y="786.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">e</text></g><g id="d.h.c"><g class="shape" ><rect x="94" y="482" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.500000" y="520.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="(a -&gt; g.b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 374.750000 68.000000 C 374.750000 106.000000 374.750000 176.000000 374.750000 212.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#606331157)"/></g><g id="(g.b -&gt; d.h.c)[0]"><path d="M 357.978102 283.801689 C 339.569277 322.000000 334.750000 342.000000 334.750000 357.000000 C 334.750000 372.000000 297.150000 446.600000 150.478763 503.552129" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#606331157)"/></g><g id="(d -&gt; g.e)[0]"><path d="M 121.956748 648.413689 C 309.200000 688.000000 356.500000 708.000000 356.500000 744.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#606331157)"/></g><g id="(g.e -&gt; f)[0]"><path d="M 356.500000 816.000000 C 356.500000 854.000000 359.100000 924.000000 368.493465 960.128710" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#606331157)"/></g><g id="(f -&gt; g)[0]"><path d="M 401.119336 962.330504 C 426.403614 924.000000 433.000000 904.000000 433.000000 868.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#606331157)"/></g><g id="(g -&gt; d.h)[0]"><path d="M 274.847932 464.618172 L 200.554136 488.763656" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#606331157)"/></g><mask id="606331157" maskUnits="userSpaceOnUse" x="-100" y="-100" width="677" height="1234"> ]]></script><g id="a"><g class="shape" ><rect x="253" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="279.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="g"><g class="shape" ><rect x="193" y="146" width="153" height="598" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="269.500000" y="179.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">g</text></g><g id="d"><g class="shape" ><rect x="0" y="332" width="173" height="226" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="86.500000" y="365.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">d</text></g><g id="f"><g class="shape" ><rect x="244" y="824" width="51" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="269.500000" y="862.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">f</text></g><g id="g.b"><g class="shape" ><rect x="253" y="186" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="279.500000" y="224.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="d.h"><g class="shape" ><rect x="20" y="372" width="133" height="146" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="86.500000" y="401.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">h</text></g><g id="g.e"><g class="shape" ><rect x="233" y="638" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="259.500000" y="676.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">e</text></g><g id="d.h.c"><g class="shape" ><rect x="60" y="412" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="86.500000" y="450.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 279.500000 68.000000 C 279.500000 98.000000 279.500000 154.000000 279.500000 182.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3138764709)"/></g><g id="(g.b -&gt; d.h.c)[0]"><path d="M 258.929187 253.720679 C 240.989726 284.000000 236.250000 300.000000 236.250000 312.000000 C 236.250000 324.000000 211.650000 384.000000 116.845074 430.246305" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3138764709)"/></g><g id="(d -&gt; g.e)[0]"><path d="M 88.448592 558.450542 C 224.900000 590.000000 259.500000 606.000000 259.500000 634.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3138764709)"/></g><g id="(g.e -&gt; f)[0]"><path d="M 259.500000 706.000000 C 259.500000 736.000000 260.500000 792.000000 264.003861 820.030888" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3138764709)"/></g><g id="(f -&gt; g)[0]"><path d="M 296.224128 822.471481 C 319.800000 792.010619 326.000000 776.000000 326.000000 748.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3138764709)"/></g><g id="(g -&gt; d.h)[0]"><path d="M 190.627342 403.702247 L 156.245317 416.595506" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3138764709)"/></g><mask id="3138764709" maskUnits="userSpaceOnUse" x="-100" y="-100" width="550" height="1094">
<rect x="-100" y="-100" width="677" height="1234" fill="white"></rect> <rect x="-100" y="-100" width="550" height="1094" 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

44
e2etests/testdata/stable/crow_foot_arrowhead/dagre/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 166 "y": 146
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 113, "x": 113,
"y": 166 "y": 146
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -171,7 +171,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 228, "x": 228,
"y": 332 "y": 292
}, },
"width": 51, "width": 51,
"height": 66, "height": 66,
@ -253,7 +253,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 227, "x": 227,
"y": 166 "y": 146
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -294,7 +294,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 340, "x": 340,
"y": 166 "y": 146
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -363,15 +363,15 @@
}, },
{ {
"x": 26.5, "x": 26.5,
"y": 106 "y": 98
}, },
{ {
"x": 26.5, "x": 26.5,
"y": 126 "y": 114
}, },
{ {
"x": 26.5, "x": 26.5,
"y": 166 "y": 146
} }
], ],
"isCurve": true, "isCurve": true,
@ -411,15 +411,15 @@
}, },
{ {
"x": 140, "x": 140,
"y": 106 "y": 98
}, },
{ {
"x": 140, "x": 140,
"y": 126 "y": 114
}, },
{ {
"x": 140, "x": 140,
"y": 166 "y": 146
} }
], ],
"isCurve": true, "isCurve": true,
@ -455,19 +455,19 @@
"route": [ "route": [
{ {
"x": 140, "x": 140,
"y": 232 "y": 212
}, },
{ {
"x": 140, "x": 140,
"y": 272 "y": 244
}, },
{ {
"x": 157.55, "x": 157.55,
"y": 294.86225165562917 "y": 263.31258278145697
}, },
{ {
"x": 227.75, "x": 227.75,
"y": 346.3112582781457 "y": 308.5629139072848
} }
], ],
"isCurve": true, "isCurve": true,
@ -507,15 +507,15 @@
}, },
{ {
"x": 253.5, "x": 253.5,
"y": 106 "y": 98
}, },
{ {
"x": 253.5, "x": 253.5,
"y": 126 "y": 114
}, },
{ {
"x": 253.5, "x": 253.5,
"y": 166 "y": 146
} }
], ],
"isCurve": true, "isCurve": true,
@ -551,19 +551,19 @@
"route": [ "route": [
{ {
"x": 366.5, "x": 366.5,
"y": 232 "y": 212
}, },
{ {
"x": 366.5, "x": 366.5,
"y": 272 "y": 244
}, },
{ {
"x": 348.9, "x": 348.9,
"y": 294.8 "y": 263.2
}, },
{ {
"x": 278.5, "x": 278.5,
"y": 346 "y": 308
} }
], ],
"isCurve": true, "isCurve": true,

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

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

Before

Width:  |  Height:  |  Size: 332 KiB

After

Width:  |  Height:  |  Size: 332 KiB

588
e2etests/testdata/stable/dense/dagre/board.exp.json generated vendored
View file

File diff suppressed because it is too large Load diff

6
e2etests/testdata/stable/dense/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: 335 KiB

After

Width:  |  Height:  |  Size: 335 KiB

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

@ -7,7 +7,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 229, "x": 229,
"y": 50 "y": 40
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 218, "x": 218,
"y": 216 "y": 186
}, },
"width": 74, "width": 74,
"height": 66, "height": 66,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 6, "x": 6,
"y": 216 "y": 186
}, },
"width": 72, "width": 72,
"height": 66, "height": 66,
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 352, "x": 352,
"y": 216 "y": 186
}, },
"width": 87, "width": 87,
"height": 66, "height": 66,
@ -171,7 +171,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 382 "y": 332
}, },
"width": 83, "width": 83,
"height": 66, "height": 66,
@ -212,7 +212,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 143, "x": 143,
"y": 382 "y": 332
}, },
"width": 81, "width": 81,
"height": 66, "height": 66,
@ -253,7 +253,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 284, "x": 284,
"y": 382 "y": 332
}, },
"width": 85, "width": 85,
"height": 66, "height": 66,
@ -293,8 +293,8 @@
"id": "then", "id": "then",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 506, "x": 508,
"y": 50 "y": 40
}, },
"width": 78, "width": 78,
"height": 66, "height": 66,
@ -335,7 +335,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 499, "x": 499,
"y": 216 "y": 186
}, },
"width": 76, "width": 76,
"height": 66, "height": 66,
@ -376,7 +376,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 501, "x": 501,
"y": 382 "y": 332
}, },
"width": 72, "width": 72,
"height": 66, "height": 66,
@ -416,8 +416,8 @@
"id": "have", "id": "have",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 684, "x": 664,
"y": 50 "y": 40
}, },
"width": 78, "width": 78,
"height": 66, "height": 66,
@ -457,8 +457,8 @@
"id": "hierarchy", "id": "hierarchy",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 643, "x": 637,
"y": 216 "y": 186
}, },
"width": 113, "width": 113,
"height": 66, "height": 66,
@ -498,11 +498,11 @@
"id": "finally", "id": "finally",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 821, "x": 791,
"y": 0 "y": 0
}, },
"width": 368, "width": 321,
"height": 664, "height": 584,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -539,8 +539,8 @@
"id": "another", "id": "another",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1389, "x": 1303,
"y": 382 "y": 332
}, },
"width": 103, "width": 103,
"height": 66, "height": 66,
@ -580,8 +580,8 @@
"id": "of", "id": "of",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1411, "x": 1324,
"y": 548 "y": 478
}, },
"width": 60, "width": 60,
"height": 66, "height": 66,
@ -621,8 +621,8 @@
"id": "nesting", "id": "nesting",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1239, "x": 1153,
"y": 216 "y": 186
}, },
"width": 98, "width": 98,
"height": 66, "height": 66,
@ -662,8 +662,8 @@
"id": "trees", "id": "trees",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1247, "x": 1161,
"y": 382 "y": 332
}, },
"width": 82, "width": 82,
"height": 66, "height": 66,
@ -703,8 +703,8 @@
"id": "finally.a", "id": "finally.a",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1056, "x": 1002,
"y": 216 "y": 186
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -744,8 +744,8 @@
"id": "finally.tree", "id": "finally.tree",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 891, "x": 851,
"y": 382 "y": 332
}, },
"width": 74, "width": 74,
"height": 66, "height": 66,
@ -785,8 +785,8 @@
"id": "finally.inside", "id": "finally.inside",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1038, "x": 985,
"y": 50 "y": 40
}, },
"width": 88, "width": 88,
"height": 66, "height": 66,
@ -826,8 +826,8 @@
"id": "finally.hierarchy", "id": "finally.hierarchy",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 871, "x": 831,
"y": 548 "y": 478
}, },
"width": 113, "width": 113,
"height": 66, "height": 66,
@ -867,8 +867,8 @@
"id": "finally.root", "id": "finally.root",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1025, "x": 985,
"y": 382 "y": 332
}, },
"width": 75, "width": 75,
"height": 66, "height": 66,
@ -933,19 +933,19 @@
"route": [ "route": [
{ {
"x": 255, "x": 255,
"y": 116 "y": 106
}, },
{ {
"x": 255, "x": 255,
"y": 156 "y": 138
}, },
{ {
"x": 255, "x": 255,
"y": 176 "y": 154
}, },
{ {
"x": 255, "x": 255,
"y": 216 "y": 186
} }
], ],
"isCurve": true, "isCurve": true,
@ -981,19 +981,19 @@
"route": [ "route": [
{ {
"x": 228.5, "x": 228.5,
"y": 93.30210772833723 "y": 82.06088992974239
}, },
{ {
"x": 78.9, "x": 78.9,
"y": 151.46042154566746 "y": 133.21217798594847
}, },
{ {
"x": 41.5, "x": 41.5,
"y": 176 "y": 154
}, },
{ {
"x": 41.5, "x": 41.5,
"y": 216 "y": 186
} }
], ],
"isCurve": true, "isCurve": true,
@ -1029,19 +1029,19 @@
"route": [ "route": [
{ {
"x": 282.5, "x": 282.5,
"y": 98.65480427046263 "y": 86.76868327402136
}, },
{ {
"x": 372.9, "x": 372.9,
"y": 152.53096085409254 "y": 134.15373665480428
}, },
{ {
"x": 395.5, "x": 395.5,
"y": 176 "y": 154
}, },
{ {
"x": 395.5, "x": 395.5,
"y": 216 "y": 186
} }
], ],
"isCurve": true, "isCurve": true,
@ -1077,19 +1077,19 @@
"route": [ "route": [
{ {
"x": 41.5, "x": 41.5,
"y": 282 "y": 252
}, },
{ {
"x": 41.5, "x": 41.5,
"y": 322 "y": 284
}, },
{ {
"x": 41.5, "x": 41.5,
"y": 342 "y": 300
}, },
{ {
"x": 41.5, "x": 41.5,
"y": 382 "y": 332
} }
], ],
"isCurve": true, "isCurve": true,
@ -1124,20 +1124,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 226.5722891566265, "x": 222.67808219178082,
"y": 282 "y": 252
}, },
{ {
"x": 192.1144578313253, "x": 191.33561643835617,
"y": 322 "y": 284
}, },
{ {
"x": 183.5, "x": 183.5,
"y": 342 "y": 300
}, },
{ {
"x": 183.5, "x": 183.5,
"y": 382 "y": 332
} }
], ],
"isCurve": true, "isCurve": true,
@ -1172,20 +1172,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 283.52710843373495, "x": 287.4349315068493,
"y": 282 "y": 252
}, },
{ {
"x": 318.105421686747, "x": 318.88698630136986,
"y": 322 "y": 284
}, },
{ {
"x": 326.75, "x": 326.75,
"y": 342 "y": 300
}, },
{ {
"x": 326.75, "x": 326.75,
"y": 382 "y": 332
} }
], ],
"isCurve": true, "isCurve": true,
@ -1220,20 +1220,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 541.5180722891566, "x": 542.4794520547945,
"y": 116 "y": 106
}, },
{ {
"x": 537.9036144578313, "x": 538.0958904109589,
"y": 156 "y": 138
}, },
{ {
"x": 537, "x": 537,
"y": 176 "y": 154
}, },
{ {
"x": 537, "x": 537,
"y": 216 "y": 186
} }
], ],
"isCurve": true, "isCurve": true,
@ -1269,19 +1269,19 @@
"route": [ "route": [
{ {
"x": 537, "x": 537,
"y": 282 "y": 252
}, },
{ {
"x": 537, "x": 537,
"y": 322 "y": 284
}, },
{ {
"x": 537, "x": 537,
"y": 342 "y": 300
}, },
{ {
"x": 537, "x": 537,
"y": 382 "y": 332
} }
], ],
"isCurve": true, "isCurve": true,
@ -1316,20 +1316,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 723.25, "x": 703.25,
"y": 116 "y": 106
}, },
{ {
"x": 723.25, "x": 703.25,
"y": 156 "y": 138
}, },
{ {
"x": 720.25, "x": 702.25,
"y": 176 "y": 154
}, },
{ {
"x": 708.25, "x": 698.25,
"y": 216 "y": 186
} }
], ],
"isCurve": true, "isCurve": true,
@ -1364,20 +1364,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 580.183734939759, "x": 581.9212328767123,
"y": 116 "y": 106
}, },
{ {
"x": 623.4367469879518, "x": 615.7842465753424,
"y": 156 "y": 138
}, },
{ {
"x": 642.05, "x": 631.85,
"y": 176 "y": 154
}, },
{ {
"x": 673.25, "x": 662.25,
"y": 216 "y": 186
} }
], ],
"isCurve": true, "isCurve": true,
@ -1412,12 +1412,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1189, "x": 1112.75,
"y": 345 "y": 303
}, },
{ {
"x": 1389, "x": 1302.75,
"y": 401 "y": 351.7389770723104
} }
], ],
"animated": false, "animated": false,
@ -1451,20 +1451,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1440.5, "x": 1354.25,
"y": 448 "y": 398
}, },
{ {
"x": 1440.5, "x": 1354.25,
"y": 488 "y": 430
}, },
{ {
"x": 1440.5, "x": 1354.25,
"y": 508 "y": 446
}, },
{ {
"x": 1440.5, "x": 1354.25,
"y": 548 "y": 478
} }
], ],
"isCurve": true, "isCurve": true,
@ -1499,20 +1499,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1288, "x": 1201.75,
"y": 282 "y": 252
}, },
{ {
"x": 1288, "x": 1201.75,
"y": 322 "y": 284
}, },
{ {
"x": 1288, "x": 1201.75,
"y": 342 "y": 300
}, },
{ {
"x": 1288, "x": 1201.75,
"y": 382 "y": 332
} }
], ],
"isCurve": true, "isCurve": true,
@ -1547,12 +1547,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1189, "x": 1112.75,
"y": 371 "y": 322
}, },
{ {
"x": 1247, "x": 1160.75,
"y": 397 "y": 345.1788079470199
} }
], ],
"animated": false, "animated": false,
@ -1586,20 +1586,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1055.5, "x": 1002.25,
"y": 263.23624595469255 "y": 232.69557522123893
}, },
{ {
"x": 953.1, "x": 910.45,
"y": 318.24724919093853 "y": 280.1391150442478
}, },
{ {
"x": 927.5, "x": 887.5,
"y": 342 "y": 300
}, },
{ {
"x": 927.5, "x": 887.5,
"y": 382 "y": 332
} }
], ],
"isCurve": true, "isCurve": true,
@ -1634,20 +1634,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1082, "x": 1028.75,
"y": 116 "y": 106
}, },
{ {
"x": 1082, "x": 1028.75,
"y": 156 "y": 138
}, },
{ {
"x": 1082, "x": 1028.75,
"y": 176 "y": 154
}, },
{ {
"x": 1082, "x": 1028.75,
"y": 216 "y": 186
} }
], ],
"isCurve": true, "isCurve": true,
@ -1682,20 +1682,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 927.5, "x": 887.5,
"y": 448 "y": 398
}, },
{ {
"x": 927.5, "x": 887.5,
"y": 488 "y": 430
}, },
{ {
"x": 927.5, "x": 887.5,
"y": 508 "y": 446
}, },
{ {
"x": 927.5, "x": 887.5,
"y": 548 "y": 478
} }
], ],
"isCurve": true, "isCurve": true,
@ -1730,20 +1730,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1074.0481927710844, "x": 1025.6986301369864,
"y": 282 "y": 252
}, },
{ {
"x": 1064.4096385542168, "x": 1022.7397260273973,
"y": 322 "y": 284
}, },
{ {
"x": 1062, "x": 1022,
"y": 342 "y": 300
}, },
{ {
"x": 1062, "x": 1022,
"y": 382 "y": 332
} }
], ],
"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

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

@ -6,7 +6,7 @@
"id": "a", "id": "a",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 170, "x": 114,
"y": 0 "y": 0
}, },
"width": 53, "width": 53,
@ -48,10 +48,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 166 "y": 146
}, },
"width": 370, "width": 297,
"height": 1096, "height": 956,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -88,8 +88,8 @@
"id": "c", "id": "c",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 421, "x": 338,
"y": 432 "y": 372
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -129,8 +129,8 @@
"id": "d", "id": "d",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 421, "x": 338,
"y": 598 "y": 518
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -170,8 +170,8 @@
"id": "e", "id": "e",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 421, "x": 338,
"y": 764 "y": 664
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -211,8 +211,8 @@
"id": "b.1", "id": "b.1",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 171, "x": 114,
"y": 216 "y": 186
}, },
"width": 52, "width": 52,
"height": 66, "height": 66,
@ -252,11 +252,11 @@
"id": "b.2", "id": "b.2",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 20,
"y": 382 "y": 332
}, },
"width": 176, "width": 143,
"height": 830, "height": 730,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -293,8 +293,8 @@
"id": "b.3", "id": "b.3",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 267, "x": 204,
"y": 598 "y": 518
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -334,8 +334,8 @@
"id": "b.4", "id": "b.4",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 267, "x": 204,
"y": 764 "y": 664
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -375,8 +375,8 @@
"id": "b.5", "id": "b.5",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 267, "x": 204,
"y": 930 "y": 810
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -416,8 +416,8 @@
"id": "b.2.a", "id": "b.2.a",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 112, "x": 71,
"y": 432 "y": 372
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -457,8 +457,8 @@
"id": "b.2.b", "id": "b.2.b",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 92, "x": 61,
"y": 598 "y": 518
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -498,8 +498,8 @@
"id": "b.2.c", "id": "b.2.c",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 92, "x": 61,
"y": 764 "y": 664
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -539,8 +539,8 @@
"id": "b.2.d", "id": "b.2.d",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 92, "x": 60,
"y": 930 "y": 810
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -580,8 +580,8 @@
"id": "b.2.e", "id": "b.2.e",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 92, "x": 61,
"y": 1096 "y": 956
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -645,20 +645,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 196.75, "x": 140.25,
"y": 66 "y": 66
}, },
{ {
"x": 196.75, "x": 140.25,
"y": 106 "y": 98
}, },
{ {
"x": 196.75, "x": 140.25,
"y": 126 "y": 114
}, },
{ {
"x": 196.75, "x": 140.25,
"y": 166 "y": 146
} }
], ],
"isCurve": true, "isCurve": true,
@ -693,12 +693,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 370.75, "x": 297.75,
"y": 423 "y": 369
}, },
{ {
"x": 420.75, "x": 337.75,
"y": 451 "y": 390
} }
], ],
"animated": false, "animated": false,
@ -732,20 +732,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 447.75, "x": 364.75,
"y": 498 "y": 438
}, },
{ {
"x": 447.75, "x": 364.75,
"y": 538 "y": 470
}, },
{ {
"x": 447.75, "x": 364.75,
"y": 558 "y": 486
}, },
{ {
"x": 447.75, "x": 364.75,
"y": 598 "y": 518
} }
], ],
"isCurve": true, "isCurve": true,
@ -780,20 +780,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 447.75, "x": 364.75,
"y": 584
},
{
"x": 364.75,
"y": 616
},
{
"x": 364.75,
"y": 632
},
{
"x": 364.75,
"y": 664 "y": 664
},
{
"x": 447.75,
"y": 704
},
{
"x": 447.75,
"y": 724
},
{
"x": 447.75,
"y": 764
} }
], ],
"isCurve": true, "isCurve": true,
@ -828,20 +828,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 173.59036144578312, "x": 120.69863013698631,
"y": 282 "y": 252
}, },
{ {
"x": 145.51807228915663, "x": 101.73972602739727,
"y": 322 "y": 284
}, },
{ {
"x": 138.5, "x": 97,
"y": 342 "y": 300
}, },
{ {
"x": 138.5, "x": 97,
"y": 382 "y": 332
} }
], ],
"isCurve": true, "isCurve": true,
@ -876,12 +876,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 216.5, "x": 163.5,
"y": 584 "y": 507
}, },
{ {
"x": 267.5, "x": 204.5,
"y": 615 "y": 533
} }
], ],
"animated": false, "animated": false,
@ -915,20 +915,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 293.75, "x": 230.75,
"y": 584
},
{
"x": 230.75,
"y": 616
},
{
"x": 230.75,
"y": 632
},
{
"x": 230.75,
"y": 664 "y": 664
},
{
"x": 293.75,
"y": 704
},
{
"x": 293.75,
"y": 724
},
{
"x": 293.75,
"y": 764
} }
], ],
"isCurve": true, "isCurve": true,
@ -963,20 +963,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 293.75, "x": 230.75,
"y": 830 "y": 730
}, },
{ {
"x": 293.75, "x": 230.75,
"y": 870 "y": 762
}, },
{ {
"x": 293.75, "x": 230.75,
"y": 890 "y": 778
}, },
{ {
"x": 293.75, "x": 230.75,
"y": 930 "y": 810
} }
], ],
"isCurve": true, "isCurve": true,
@ -1011,20 +1011,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 130.54819277108433, "x": 92.47945205479452,
"y": 498 "y": 438
}, },
{ {
"x": 120.90963855421687, "x": 88.0958904109589,
"y": 538 "y": 470
}, },
{ {
"x": 118.5, "x": 87,
"y": 558 "y": 486
}, },
{ {
"x": 118.5, "x": 87,
"y": 598 "y": 518
} }
], ],
"isCurve": true, "isCurve": true,
@ -1059,20 +1059,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 118.5, "x": 87,
"y": 584
},
{
"x": 87,
"y": 616
},
{
"x": 87,
"y": 632
},
{
"x": 87,
"y": 664 "y": 664
},
{
"x": 118.5,
"y": 704
},
{
"x": 118.5,
"y": 724
},
{
"x": 118.5,
"y": 764
} }
], ],
"isCurve": true, "isCurve": true,
@ -1107,20 +1107,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 118.5, "x": 87,
"y": 830 "y": 730
}, },
{ {
"x": 118.5, "x": 87,
"y": 870 "y": 762
}, },
{ {
"x": 118.5, "x": 87,
"y": 890 "y": 778
}, },
{ {
"x": 118.5, "x": 87,
"y": 930 "y": 810
} }
], ],
"isCurve": true, "isCurve": true,
@ -1155,20 +1155,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 118.5, "x": 87,
"y": 996 "y": 876
}, },
{ {
"x": 118.5, "x": 87,
"y": 1036 "y": 908
}, },
{ {
"x": 118.5, "x": 87,
"y": 1056 "y": 924
}, },
{ {
"x": 118.5, "x": 87,
"y": 1096 "y": 956
} }
], ],
"isCurve": true, "isCurve": true,

6
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

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

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 5, "x": 5,
"y": 187 "y": 167
}, },
"width": 76, "width": 76,
"height": 66, "height": 66,
@ -117,15 +117,15 @@
}, },
{ {
"x": 42.5, "x": 42.5,
"y": 114.4 "y": 106.4
}, },
{ {
"x": 42.5, "x": 42.5,
"y": 138.7 "y": 126.7
}, },
{ {
"x": 42.5, "x": 42.5,
"y": 187.5 "y": 167.5
} }
], ],
"isCurve": true, "isCurve": true,

8
e2etests/testdata/stable/font_colors/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="289" height="457" viewBox="-102 -102 289 457"><style type="text/css"> width="289" height="437" viewBox="-102 -102 289 437"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,9 +39,9 @@ width="289" height="457" viewBox="-102 -102 289 457"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="alpha"><g class="shape" ><rect x="0" y="0" width="85" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="42.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#4A6FF3">alpha</text></g><g id="beta"><g class="shape" ><rect x="5" y="187" width="76" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="43.000000" y="225.500000" style="text-anchor:middle;font-size:16px;fill:red">beta</text></g><g id="(alpha -&gt; beta)[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 42.500000 68.000000 C 42.500000 114.400000 42.500000 138.700000 42.500000 183.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#397400277)"/><text class="text-italic" x="43.000000" y="132.000000" style="text-anchor:middle;font-size:16px;fill:green">gamma</text></g><mask id="397400277" maskUnits="userSpaceOnUse" x="-100" y="-100" width="289" height="457"> ]]></script><g id="alpha"><g class="shape" ><rect x="0" y="0" width="85" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="42.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#4A6FF3">alpha</text></g><g id="beta"><g class="shape" ><rect x="5" y="167" width="76" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="43.000000" y="205.500000" style="text-anchor:middle;font-size:16px;fill:red">beta</text></g><g id="(alpha -&gt; beta)[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 42.500000 68.000000 C 42.500000 106.400000 42.500000 126.700000 42.500000 163.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3867865499)"/><text class="text-italic" x="43.000000" y="122.000000" style="text-anchor:middle;font-size:16px;fill:green">gamma</text></g><mask id="3867865499" maskUnits="userSpaceOnUse" x="-100" y="-100" width="289" height="437">
<rect x="-100" y="-100" width="289" height="457" fill="white"></rect> <rect x="-100" y="-100" width="289" height="437" fill="white"></rect>
<rect x="17.000000" y="116.000000" width="52" height="21" fill="black"></rect> <rect x="17.000000" y="106.000000" width="52" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {
font-family: "font-bold"; font-family: "font-bold";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 468 KiB

After

Width:  |  Height:  |  Size: 468 KiB

24
e2etests/testdata/stable/font_sizes/dagre/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 993, "x": 993,
"y": 280 "y": 260
}, },
"width": 85, "width": 85,
"height": 62, "height": 62,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 278 "y": 258
}, },
"width": 87, "width": 87,
"height": 66, "height": 66,
@ -458,7 +458,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 600, "x": 600,
"y": 248 "y": 228
}, },
"width": 333, "width": 333,
"height": 126, "height": 126,
@ -527,15 +527,15 @@
}, },
{ {
"x": 1035, "x": 1035,
"y": 147.8 "y": 139.8
}, },
{ {
"x": 1035, "x": 1035,
"y": 189.6 "y": 177.6
}, },
{ {
"x": 1035, "x": 1035,
"y": 280 "y": 260
} }
], ],
"isCurve": true, "isCurve": true,
@ -575,15 +575,15 @@
}, },
{ {
"x": 43.5, "x": 43.5,
"y": 148.7 "y": 140.7
}, },
{ {
"x": 43.5, "x": 43.5,
"y": 189.2 "y": 177.2
}, },
{ {
"x": 43.5, "x": 43.5,
"y": 278 "y": 258
} }
], ],
"isCurve": true, "isCurve": true,
@ -624,15 +624,15 @@
}, },
{ {
"x": 766, "x": 766,
"y": 150.8 "y": 142.8
}, },
{ {
"x": 766, "x": 766,
"y": 183.2 "y": 171.2
}, },
{ {
"x": 766, "x": 766,
"y": 248 "y": 228
} }
], ],
"isCurve": true, "isCurve": true,

12
e2etests/testdata/stable/font_sizes/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="1824" height="578" viewBox="-102 -102 1824 578"><style type="text/css"> width="1824" height="558" viewBox="-102 -102 1824 558"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,11 +39,11 @@ width="1824" height="578" viewBox="-102 -102 1824 578"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="size XS"><g class="shape" ><rect x="993" y="280" width="85" height="62" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1035.500000" y="315.500000" style="text-anchor:middle;font-size:13px;fill:#0A0F25">size XS</text></g><g id="size S"><g class="shape" ><rect x="4" y="12" width="80" height="63" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="44.000000" y="48.500000" style="text-anchor:middle;font-size:14px;fill:#0A0F25">size S</text></g><g id="size M"><g class="shape" ><rect x="0" y="278" width="87" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="43.500000" y="316.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">size M</text></g><g id="size L"><g class="shape" ><rect x="144" y="8" width="93" height="71" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="190.500000" y="50.500000" style="text-anchor:middle;font-size:20px;fill:#0A0F25">size L</text></g><g id="size XL"><g class="shape" ><rect x="297" y="5" width="117" height="76" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="355.500000" y="51.500000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">size XL</text></g><g id="size XXL"><g class="shape" ><rect x="474" y="3" width="144" height="81" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="546.000000" y="53.500000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">size XXL</text></g><g id="size XXXL"><g class="shape" ><rect x="678" y="0" width="177" height="86" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="766.500000" y="54.500000" style="text-anchor:middle;font-size:32px;fill:#0A0F25">size XXXL</text></g><g id="custom 8"><g class="shape" ><rect x="997" y="15" width="77" height="56" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1035.500000" y="45.500000" style="text-anchor:middle;font-size:8px;fill:#0A0F25">custom 8</text></g><g id="custom 12"><g class="shape" ><rect x="1134" y="13" width="100" height="61" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1184.000000" y="47.500000" style="text-anchor:middle;font-size:12px;fill:#0A0F25">custom 12</text></g><g id="custom 18"><g class="shape" ><rect x="1294" y="9" width="126" height="68" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1357.000000" y="49.500000" style="text-anchor:middle;font-size:18px;fill:#0A0F25">custom 18</text></g><g id="custom 21"><g class="shape" ><rect x="1480" y="7" width="140" height="72" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1550.000000" y="50.500000" style="text-anchor:middle;font-size:21px;fill:#0A0F25">custom 21</text></g><g id="custom 64"><g class="shape" ><rect x="600" y="248" width="333" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="766.500000" y="334.500000" style="text-anchor:middle;font-size:64px;fill:#0A0F25">custom 64</text></g><g id="(custom 8 -&gt; size XS)[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 1035.000000 73.000000 C 1035.000000 147.800000 1035.000000 189.600000 1035.000000 276.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3895390307)"/><text class="text-italic" x="1035.000000" y="179.000000" style="text-anchor:middle;font-size:10px;fill:#676C7E">custom 10</text></g><g id="(size S -&gt; size M)[0]"><path d="M 43.500000 77.500000 C 43.500000 148.700000 43.500000 189.200000 43.500000 274.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3895390307)"/><text class="text-italic" x="44.000000" y="182.000000" style="text-anchor:middle;font-size:15px;fill:#676C7E">custom 15</text></g><g id="(size XXXL -&gt; custom 64)[0]"><path d="M 766.000000 88.000000 C 766.000000 150.800000 766.000000 183.200000 766.000000 244.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3895390307)"/><rect x="667.000000" y="137.000000" width="199" height="61" style="fill:lavender" /><text class="text-italic" x="766.500000" y="185.000000" style="text-anchor:middle;font-size:48px;fill:#676C7E">custom 48</text></g><mask id="3895390307" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1824" height="578"> ]]></script><g id="size XS"><g class="shape" ><rect x="993" y="260" width="85" height="62" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1035.500000" y="295.500000" style="text-anchor:middle;font-size:13px;fill:#0A0F25">size XS</text></g><g id="size S"><g class="shape" ><rect x="4" y="12" width="80" height="63" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="44.000000" y="48.500000" style="text-anchor:middle;font-size:14px;fill:#0A0F25">size S</text></g><g id="size M"><g class="shape" ><rect x="0" y="258" width="87" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="43.500000" y="296.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">size M</text></g><g id="size L"><g class="shape" ><rect x="144" y="8" width="93" height="71" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="190.500000" y="50.500000" style="text-anchor:middle;font-size:20px;fill:#0A0F25">size L</text></g><g id="size XL"><g class="shape" ><rect x="297" y="5" width="117" height="76" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="355.500000" y="51.500000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">size XL</text></g><g id="size XXL"><g class="shape" ><rect x="474" y="3" width="144" height="81" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="546.000000" y="53.500000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">size XXL</text></g><g id="size XXXL"><g class="shape" ><rect x="678" y="0" width="177" height="86" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="766.500000" y="54.500000" style="text-anchor:middle;font-size:32px;fill:#0A0F25">size XXXL</text></g><g id="custom 8"><g class="shape" ><rect x="997" y="15" width="77" height="56" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1035.500000" y="45.500000" style="text-anchor:middle;font-size:8px;fill:#0A0F25">custom 8</text></g><g id="custom 12"><g class="shape" ><rect x="1134" y="13" width="100" height="61" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1184.000000" y="47.500000" style="text-anchor:middle;font-size:12px;fill:#0A0F25">custom 12</text></g><g id="custom 18"><g class="shape" ><rect x="1294" y="9" width="126" height="68" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1357.000000" y="49.500000" style="text-anchor:middle;font-size:18px;fill:#0A0F25">custom 18</text></g><g id="custom 21"><g class="shape" ><rect x="1480" y="7" width="140" height="72" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1550.000000" y="50.500000" style="text-anchor:middle;font-size:21px;fill:#0A0F25">custom 21</text></g><g id="custom 64"><g class="shape" ><rect x="600" y="228" width="333" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="766.500000" y="314.500000" style="text-anchor:middle;font-size:64px;fill:#0A0F25">custom 64</text></g><g id="(custom 8 -&gt; size XS)[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 1035.000000 73.000000 C 1035.000000 139.800000 1035.000000 177.600000 1035.000000 256.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#608527068)"/><text class="text-italic" x="1035.000000" y="169.000000" style="text-anchor:middle;font-size:10px;fill:#676C7E">custom 10</text></g><g id="(size S -&gt; size M)[0]"><path d="M 43.500000 77.500000 C 43.500000 140.700000 43.500000 177.200000 43.500000 254.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#608527068)"/><text class="text-italic" x="44.000000" y="172.000000" style="text-anchor:middle;font-size:15px;fill:#676C7E">custom 15</text></g><g id="(size XXXL -&gt; custom 64)[0]"><path d="M 766.000000 88.000000 C 766.000000 142.800000 766.000000 171.200000 766.000000 224.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#608527068)"/><rect x="667.000000" y="127.000000" width="199" height="61" style="fill:lavender" /><text class="text-italic" x="766.500000" y="175.000000" style="text-anchor:middle;font-size:48px;fill:#676C7E">custom 48</text></g><mask id="608527068" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1824" height="558">
<rect x="-100" y="-100" width="1824" height="578" fill="white"></rect> <rect x="-100" y="-100" width="1824" height="558" fill="white"></rect>
<rect x="1014.000000" y="169.000000" width="42" height="13" fill="black"></rect> <rect x="1014.000000" y="159.000000" width="42" height="13" fill="black"></rect>
<rect x="12.000000" y="167.000000" width="64" height="19" fill="black"></rect> <rect x="12.000000" y="157.000000" width="64" height="19" fill="black"></rect>
<rect x="667.000000" y="137.000000" width="199" height="61" fill="black"></rect> <rect x="667.000000" y="127.000000" width="199" height="61" fill="black"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {
font-family: "font-bold"; font-family: "font-bold";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 472 KiB

After

Width:  |  Height:  |  Size: 472 KiB

22
e2etests/testdata/stable/giant_markdown_test/dagre/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 166 "y": 146
}, },
"width": 3051, "width": 3051,
"height": 4853, "height": 4853,
@ -88,7 +88,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1499, "x": 1499,
"y": 5119 "y": 5079
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -157,15 +157,15 @@
}, },
{ {
"x": 1525.5, "x": 1525.5,
"y": 106 "y": 98
}, },
{ {
"x": 1525.5, "x": 1525.5,
"y": 126 "y": 114
}, },
{ {
"x": 1525.5, "x": 1525.5,
"y": 166 "y": 146
} }
], ],
"isCurve": true, "isCurve": true,
@ -201,19 +201,19 @@
"route": [ "route": [
{ {
"x": 1525.5, "x": 1525.5,
"y": 5019 "y": 4999
}, },
{ {
"x": 1525.5, "x": 1525.5,
"y": 5059 "y": 5031
},
{
"x": 1525.5,
"y": 5047
}, },
{ {
"x": 1525.5, "x": 1525.5,
"y": 5079 "y": 5079
},
{
"x": 1525.5,
"y": 5119
} }
], ],
"isCurve": true, "isCurve": true,

8
e2etests/testdata/stable/giant_markdown_test/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="3255" height="5389" viewBox="-102 -102 3255 5389"><style type="text/css"> width="3255" height="5349" viewBox="-102 -102 3255 5349"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -796,7 +796,7 @@ width="3255" height="5389" viewBox="-102 -102 3255 5389"><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="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="3051" height="4853"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>Markdown: Syntax</h1> </style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="146.000000" width="3051" height="4853"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>Markdown: Syntax</h1>
<ul> <ul>
<li><a href="#overview">Overview</a> <li><a href="#overview">Overview</a>
<ul> <ul>
@ -1053,8 +1053,8 @@ title for the link, surrounded in quotes. For example:</p>
<h3>Code</h3> <h3>Code</h3>
<p>Unlike a pre-formatted code block, a code span indicates code within a <p>Unlike a pre-formatted code block, a code span indicates code within a
normal paragraph. For example:</p> normal paragraph. For example:</p>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="1499" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1525.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="1499" y="5119" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1525.500000" y="5157.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[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 1525.500000 68.000000 C 1525.500000 106.000000 1525.500000 126.000000 1525.500000 162.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2216352784)"/></g><g id="(md -&gt; b)[0]"><path d="M 1525.500000 5021.000000 C 1525.500000 5059.000000 1525.500000 5079.000000 1525.500000 5115.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2216352784)"/></g><mask id="2216352784" maskUnits="userSpaceOnUse" x="-100" y="-100" width="3255" height="5389"> </div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="1499" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1525.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="1499" y="5079" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1525.500000" y="5117.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[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 1525.500000 68.000000 C 1525.500000 98.000000 1525.500000 114.000000 1525.500000 142.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1334924246)"/></g><g id="(md -&gt; b)[0]"><path d="M 1525.500000 5001.000000 C 1525.500000 5031.000000 1525.500000 5047.000000 1525.500000 5075.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1334924246)"/></g><mask id="1334924246" maskUnits="userSpaceOnUse" x="-100" y="-100" width="3255" height="5349">
<rect x="-100" y="-100" width="3255" height="5389" fill="white"></rect> <rect x="-100" y="-100" width="3255" height="5349" 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: 994 KiB

After

Width:  |  Height:  |  Size: 994 KiB

22
e2etests/testdata/stable/hr/dagre/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 166 "y": 146
}, },
"width": 738, "width": 738,
"height": 135, "height": 135,
@ -88,7 +88,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 343, "x": 343,
"y": 401 "y": 361
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -157,15 +157,15 @@
}, },
{ {
"x": 369, "x": 369,
"y": 106 "y": 98
}, },
{ {
"x": 369, "x": 369,
"y": 126 "y": 114
}, },
{ {
"x": 369, "x": 369,
"y": 166 "y": 146
} }
], ],
"isCurve": true, "isCurve": true,
@ -201,19 +201,19 @@
"route": [ "route": [
{ {
"x": 369, "x": 369,
"y": 301 "y": 281
}, },
{ {
"x": 369, "x": 369,
"y": 341 "y": 313
},
{
"x": 369,
"y": 329
}, },
{ {
"x": 369, "x": 369,
"y": 361 "y": 361
},
{
"x": 369,
"y": 401
} }
], ],
"isCurve": true, "isCurve": true,

8
e2etests/testdata/stable/hr/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="942" height="671" viewBox="-102 -102 942 671"><style type="text/css"> width="942" height="631" viewBox="-102 -102 942 631"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -796,12 +796,12 @@ width="942" height="671" viewBox="-102 -102 942 671"><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="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="738" height="135"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p><strong>Note:</strong> This document is itself written using Markdown; you </style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="146.000000" width="738" height="135"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p><strong>Note:</strong> This document is itself written using Markdown; you
can <a href="/projects/markdown/syntax.text">see the source for it by adding '.text' to the URL</a>.</p> can <a href="/projects/markdown/syntax.text">see the source for it by adding '.text' to the URL</a>.</p>
<hr /> <hr />
<h2>Overview</h2> <h2>Overview</h2>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="343" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="369.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="343" y="401" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="369.500000" y="439.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[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 369.000000 68.000000 C 369.000000 106.000000 369.000000 126.000000 369.000000 162.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2420545715)"/></g><g id="(md -&gt; b)[0]"><path d="M 369.000000 303.000000 C 369.000000 341.000000 369.000000 361.000000 369.000000 397.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2420545715)"/></g><mask id="2420545715" maskUnits="userSpaceOnUse" x="-100" y="-100" width="942" height="671"> </div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="343" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="369.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="343" y="361" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="369.500000" y="399.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[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 369.000000 68.000000 C 369.000000 98.000000 369.000000 114.000000 369.000000 142.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2278483720)"/></g><g id="(md -&gt; b)[0]"><path d="M 369.000000 283.000000 C 369.000000 313.000000 369.000000 329.000000 369.000000 357.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2278483720)"/></g><mask id="2278483720" maskUnits="userSpaceOnUse" x="-100" y="-100" width="942" height="631">
<rect x="-100" y="-100" width="942" height="671" fill="white"></rect> <rect x="-100" y="-100" width="942" height="631" 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: 661 KiB

After

Width:  |  Height:  |  Size: 661 KiB

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

@ -59,7 +59,7 @@
"type": "image", "type": "image",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 254 "y": 234
}, },
"width": 128, "width": 128,
"height": 128, "height": 128,
@ -139,15 +139,15 @@
}, },
{ {
"x": 64, "x": 64,
"y": 194 "y": 186
}, },
{ {
"x": 64, "x": 64,
"y": 214 "y": 202
}, },
{ {
"x": 64, "x": 64,
"y": 254 "y": 234
} }
], ],
"isCurve": true, "isCurve": true,

6
e2etests/testdata/stable/images/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="332" height="610" viewBox="-102 -102 332 610"><style type="text/css"> width="332" height="590" viewBox="-102 -102 332 590"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="332" height="610" viewBox="-102 -102 332 610"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="0" y="0" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="64.000000" y="149.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="0" y="254" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="64.000000" y="403.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 64.000000 156.000000 C 64.000000 194.000000 64.000000 214.000000 64.000000 250.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4171166774)"/></g><mask id="4171166774" maskUnits="userSpaceOnUse" x="-100" y="-100" width="332" height="610"> ]]></script><g id="a"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="0" y="0" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="64.000000" y="149.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="0" y="234" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="64.000000" y="383.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 64.000000 156.000000 C 64.000000 186.000000 64.000000 202.000000 64.000000 230.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4018758028)"/></g><mask id="4018758028" maskUnits="userSpaceOnUse" x="-100" y="-100" width="332" height="590">
<rect x="-100" y="-100" width="332" height="610" fill="white"></rect> <rect x="-100" y="-100" width="332" height="590" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 325 KiB

After

Width:  |  Height:  |  Size: 325 KiB

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

File diff suppressed because it is too large Load diff

18
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

408
e2etests/testdata/stable/investigate/elk/board.exp.json generated vendored
View file

@ -6,7 +6,7 @@
"id": "aa", "id": "aa",
"type": "step", "type": "step",
"pos": { "pos": {
"x": 312, "x": 92,
"y": 12 "y": 12
}, },
"width": 102, "width": 102,
@ -47,7 +47,7 @@
"id": "bb", "id": "bb",
"type": "step", "type": "step",
"pos": { "pos": {
"x": 237, "x": 177,
"y": 213 "y": 213
}, },
"width": 103, "width": 103,
@ -88,7 +88,7 @@
"id": "cc", "id": "cc",
"type": "step", "type": "step",
"pos": { "pos": {
"x": 255, "x": 161,
"y": 414 "y": 414
}, },
"width": 101, "width": 101,
@ -129,7 +129,7 @@
"id": "dd", "id": "dd",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 273, "x": 19,
"y": 741 "y": 741
}, },
"width": 300, "width": 300,
@ -170,8 +170,8 @@
"id": "dd.ee", "id": "dd.ee",
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 348, "x": 94,
"y": 916 "y": 816
}, },
"width": 64, "width": 64,
"height": 92, "height": 92,
@ -211,11 +211,11 @@
"id": "ff", "id": "ff",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 12, "x": 304,
"y": 2229 "y": 2229
}, },
"width": 317, "width": 326,
"height": 508, "height": 408,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -252,8 +252,8 @@
"id": "ff.gg", "id": "ff.gg",
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 87, "x": 388,
"y": 2404 "y": 2304
}, },
"width": 66, "width": 66,
"height": 92, "height": 92,
@ -293,8 +293,8 @@
"id": "dd.hh", "id": "dd.hh",
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 432, "x": 178,
"y": 916 "y": 816
}, },
"width": 66, "width": 66,
"height": 92, "height": 92,
@ -334,7 +334,7 @@
"id": "ii", "id": "ii",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 196, "x": 342,
"y": 1188 "y": 1188
}, },
"width": 54, "width": 54,
@ -375,7 +375,7 @@
"id": "jj", "id": "jj",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 196, "x": 341,
"y": 1434 "y": 1434
}, },
"width": 55, "width": 55,
@ -416,7 +416,7 @@
"id": "kk", "id": "kk",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 192, "x": 338,
"y": 1785 "y": 1785
}, },
"width": 62, "width": 62,
@ -457,11 +457,11 @@
"id": "ll", "id": "ll",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 98, "x": 263,
"y": 2968 "y": 2868
}, },
"width": 315, "width": 315,
"height": 497, "height": 397,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -498,8 +498,8 @@
"id": "ll.mm", "id": "ll.mm",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 173, "x": 338,
"y": 3143 "y": 2943
}, },
"width": 81, "width": 81,
"height": 81, "height": 81,
@ -539,8 +539,8 @@
"id": "ff.mm", "id": "ff.mm",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 173, "x": 474,
"y": 2409 "y": 2309
}, },
"width": 81, "width": 81,
"height": 81, "height": 81,
@ -580,8 +580,8 @@
"id": "nn", "id": "nn",
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 108, "x": 12,
"y": 4169 "y": 3969
}, },
"width": 377, "width": 377,
"height": 216, "height": 216,
@ -621,8 +621,8 @@
"id": "nn.oo", "id": "nn.oo",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 183, "x": 87,
"y": 4244 "y": 4044
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -662,8 +662,8 @@
"id": "ff.pp", "id": "ff.pp",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 88, "x": 390,
"y": 2596 "y": 2496
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -703,8 +703,8 @@
"id": "ll.qq", "id": "ll.qq",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 274, "x": 439,
"y": 3150 "y": 2950
}, },
"width": 64, "width": 64,
"height": 66, "height": 66,
@ -744,8 +744,8 @@
"id": "ll.rr", "id": "ll.rr",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 277, "x": 442,
"y": 3324 "y": 3124
}, },
"width": 58, "width": 58,
"height": 66, "height": 66,
@ -785,7 +785,7 @@
"id": "ss", "id": "ss",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 361, "x": 107,
"y": 1359 "y": 1359
}, },
"width": 208, "width": 208,
@ -826,7 +826,7 @@
"id": "ss.tt", "id": "ss.tt",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 436, "x": 182,
"y": 1434 "y": 1434
}, },
"width": 58, "width": 58,
@ -867,7 +867,7 @@
"id": "uu", "id": "uu",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 358, "x": 105,
"y": 1685 "y": 1685
}, },
"width": 213, "width": 213,
@ -908,7 +908,7 @@
"id": "uu.vv", "id": "uu.vv",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 433, "x": 180,
"y": 1760 "y": 1760
}, },
"width": 63, "width": 63,
@ -949,7 +949,7 @@
"id": "ww", "id": "ww",
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 365, "x": 162,
"y": 2006 "y": 2006
}, },
"width": 149, "width": 149,
@ -1001,8 +1001,8 @@
"id": "rm", "id": "rm",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 433, "x": 179,
"y": 3255 "y": 3088
}, },
"width": 64, "width": 64,
"height": 66, "height": 66,
@ -1042,8 +1042,8 @@
"id": "nn.xx", "id": "nn.xx",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 266, "x": 170,
"y": 4244 "y": 4044
}, },
"width": 62, "width": 62,
"height": 66, "height": 66,
@ -1083,8 +1083,8 @@
"id": "yy", "id": "yy",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 308, "x": 304,
"y": 3625 "y": 3425
}, },
"width": 288, "width": 288,
"height": 434, "height": 434,
@ -1124,8 +1124,8 @@
"id": "yy.zz", "id": "yy.zz",
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 383, "x": 379,
"y": 3700 "y": 3500
}, },
"width": 138, "width": 138,
"height": 118, "height": 118,
@ -1176,8 +1176,8 @@
"id": "yy.ab", "id": "yy.ab",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 421, "x": 417,
"y": 3918 "y": 3718
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -1217,8 +1217,8 @@
"id": "nn.ac", "id": "nn.ac",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 348, "x": 252,
"y": 4244 "y": 4044
}, },
"width": 62, "width": 62,
"height": 66, "height": 66,
@ -1258,8 +1258,8 @@
"id": "ad", "id": "ad",
"type": "parallelogram", "type": "parallelogram",
"pos": { "pos": {
"x": 322, "x": 225,
"y": 4490 "y": 4290
}, },
"width": 115, "width": 115,
"height": 66, "height": 66,
@ -1323,19 +1323,19 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 346, "x": 161,
"y": 113 "y": 112
}, },
{ {
"x": 346, "x": 160.66666666666666,
"y": 163 "y": 163
}, },
{ {
"x": 288.83333333333337, "x": 228.83333333333331,
"y": 163 "y": 163
}, },
{ {
"x": 289, "x": 229,
"y": 213 "y": 213
} }
], ],
@ -1370,11 +1370,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 306, "x": 212,
"y": 313 "y": 314
}, },
{ {
"x": 306, "x": 212,
"y": 414 "y": 414
} }
], ],
@ -1409,12 +1409,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 380, "x": 127,
"y": 112 "y": 113
}, },
{ {
"x": 380, "x": 127,
"y": 916 "y": 816
} }
], ],
"animated": false, "animated": false,
@ -1448,28 +1448,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 272, "x": 246,
"y": 314 "y": 313
}, },
{ {
"x": 271.6666666666667, "x": 245.99999999999997,
"y": 364 "y": 364
}, },
{ {
"x": 171.33333333333334, "x": 432.66666666666663,
"y": 364 "y": 364
}, },
{ {
"x": 171.33333333333334, "x": 433,
"y": 2174 "y": 2319
},
{
"x": 109,
"y": 2174
},
{
"x": 109,
"y": 2418
} }
], ],
"animated": false, "animated": false,
@ -1503,28 +1495,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 306, "x": 212,
"y": 515 "y": 515
}, },
{ {
"x": 306, "x": 212,
"y": 686 "y": 816
},
{
"x": 370,
"y": 686
},
{
"x": 370,
"y": 866
},
{
"x": 465,
"y": 866
},
{
"x": 465,
"y": 916
} }
], ],
"animated": false, "animated": false,
@ -1558,19 +1534,27 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 380, "x": 127,
"y": 1008 "y": 908
}, },
{ {
"x": 380, "x": 126.66666666666666,
"y": 958
},
{
"x": 221.66666666666666,
"y": 958
},
{
"x": 221.66666666666666,
"y": 1138 "y": 1138
}, },
{ {
"x": 223.83333333333334, "x": 369.16666666666663,
"y": 1138 "y": 1138
}, },
{ {
"x": 223.83333333333334, "x": 369.16666666666663,
"y": 1188 "y": 1188
} }
], ],
@ -1605,11 +1589,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 223.83333333333334, "x": 369.16666666666663,
"y": 1254 "y": 1254
}, },
{ {
"x": 223.83333333333334, "x": 369.16666666666663,
"y": 1434 "y": 1434
} }
], ],
@ -1644,11 +1628,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 223.83333333333334, "x": 369.16666666666663,
"y": 1500 "y": 1500
}, },
{ {
"x": 223.83333333333334, "x": 369.16666666666663,
"y": 1785 "y": 1785
} }
], ],
@ -1683,12 +1667,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 213.5, "x": 379.49999999999994,
"y": 1851 "y": 1851
}, },
{ {
"x": 214, "x": 379.49999999999994,
"y": 2410 "y": 1956
},
{
"x": 515.1666666666666,
"y": 1956
},
{
"x": 515,
"y": 2310
} }
], ],
"animated": false, "animated": false,
@ -1722,12 +1714,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 214, "x": 515,
"y": 2491 "y": 2391
}, },
{ {
"x": 214, "x": 515.1666666666666,
"y": 3143 "y": 2446
},
{
"x": 379.16666666666663,
"y": 2446
},
{
"x": 379,
"y": 2943
} }
], ],
"animated": false, "animated": false,
@ -1761,20 +1761,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 214, "x": 379,
"y": 3224 "y": 3024
}, },
{ {
"x": 213.5, "x": 379.16666666666663,
"y": 4114 "y": 3320
}, },
{ {
"x": 215.16666666666669, "x": 118.5,
"y": 4114 "y": 3320
}, },
{ {
"x": 215.16666666666669, "x": 118.49999999999997,
"y": 4244 "y": 4044
} }
], ],
"animated": false, "animated": false,
@ -1808,12 +1808,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 120, "x": 422,
"y": 2496 "y": 2396
}, },
{ {
"x": 120, "x": 421.66666666666663,
"y": 2596 "y": 2496
} }
], ],
"animated": false, "animated": false,
@ -1847,28 +1847,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 120, "x": 421.66666666666663,
"y": 2662 "y": 2562
}, },
{ {
"x": 120, "x": 421.66666666666663,
"y": 2913 "y": 2692
}, },
{ {
"x": 203.5, "x": 471.66666666666663,
"y": 2913 "y": 2692
}, },
{ {
"x": 203.5, "x": 471.66666666666663,
"y": 3093 "y": 2950.5
},
{
"x": 306,
"y": 3093
},
{
"x": 306,
"y": 3150.5
} }
], ],
"animated": false, "animated": false,
@ -1902,12 +1894,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 306, "x": 471.66666666666663,
"y": 3216.5 "y": 3016.5
}, },
{ {
"x": 306, "x": 471.66666666666663,
"y": 3324 "y": 3124
} }
], ],
"animated": false, "animated": false,
@ -1941,11 +1933,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 465, "x": 212,
"y": 1008 "y": 908
}, },
{ {
"x": 465, "x": 211.66666666666666,
"y": 1434 "y": 1434
} }
], ],
@ -1980,11 +1972,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 465, "x": 211.66666666666666,
"y": 1500 "y": 1500
}, },
{ {
"x": 465, "x": 211.66666666666666,
"y": 1760 "y": 1760
} }
], ],
@ -2019,19 +2011,19 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 234.16666666666669, "x": 358.8333333333333,
"y": 1851 "y": 1851
}, },
{ {
"x": 234.16666666666669, "x": 358.8333333333333,
"y": 1956 "y": 1956
}, },
{ {
"x": 415.33333333333337, "x": 261.3333333333333,
"y": 1956 "y": 1956
}, },
{ {
"x": 415, "x": 261,
"y": 2006 "y": 2006
} }
], ],
@ -2066,11 +2058,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 465, "x": 211.66666666666666,
"y": 1826 "y": 1826
}, },
{ {
"x": 465, "x": 212,
"y": 2006 "y": 2006
} }
], ],
@ -2105,12 +2097,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 465, "x": 212,
"y": 2124 "y": 2124
}, },
{ {
"x": 465, "x": 211.66666666666666,
"y": 3255.3333333333335 "y": 3088.6666666666665
} }
], ],
"animated": false, "animated": false,
@ -2144,20 +2136,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 454.33333333333337, "x": 201,
"y": 3321.3333333333335 "y": 3154.6666666666665
}, },
{ {
"x": 454.33333333333337, "x": 201,
"y": 3520 "y": 4044
},
{
"x": 297.6666666666667,
"y": 3520
},
{
"x": 297.6666666666667,
"y": 4244
} }
], ],
"animated": false, "animated": false,
@ -2191,20 +2175,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 306, "x": 471.66666666666663,
"y": 3390 "y": 3190
}, },
{ {
"x": 306, "x": 472,
"y": 3570 "y": 3500
},
{
"x": 429.6666666666667,
"y": 3570
},
{
"x": 430,
"y": 3700
} }
], ],
"animated": false, "animated": false,
@ -2238,12 +2214,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 475.6666666666667, "x": 222.33333333333331,
"y": 3321.3333333333335 "y": 3154.6666666666665
}, },
{ {
"x": 476, "x": 222.33333333333331,
"y": 3700 "y": 3370
},
{
"x": 425.66666666666663,
"y": 3370
},
{
"x": 426,
"y": 3500
} }
], ],
"animated": false, "animated": false,
@ -2277,12 +2261,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 453, "x": 449,
"y": 3818 "y": 3618
}, },
{ {
"x": 452.6666666666667, "x": 448.66666666666663,
"y": 3918 "y": 3718
} }
], ],
"animated": false, "animated": false,
@ -2316,20 +2300,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 452.6666666666667, "x": 448.66666666666663,
"y": 3984 "y": 3784
}, },
{ {
"x": 452.6666666666667, "x": 448.66666666666663,
"y": 4114 "y": 3914
}, },
{ {
"x": 379.6666666666667, "x": 283,
"y": 4114 "y": 3914
}, },
{ {
"x": 379.6666666666667, "x": 283,
"y": 4244 "y": 4044
} }
], ],
"animated": false, "animated": false,
@ -2363,12 +2347,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 379.6666666666667, "x": 283,
"y": 4310 "y": 4110
}, },
{ {
"x": 380, "x": 283,
"y": 4490 "y": 4290
} }
], ],
"animated": false, "animated": false,
@ -2402,28 +2386,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 415, "x": 261,
"y": 2124 "y": 2124
}, },
{ {
"x": 415.33333333333337, "x": 261.3333333333333,
"y": 2174 "y": 2174
}, },
{ {
"x": 223.5, "x": 410.66666666666663,
"y": 2174 "y": 2174
}, },
{ {
"x": 223.5, "x": 411,
"y": 2354 "y": 2319
},
{
"x": 131,
"y": 2354
},
{
"x": 131,
"y": 2419
} }
], ],
"animated": false, "animated": false,

18
e2etests/testdata/stable/investigate/elk/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 809 KiB

After

Width:  |  Height:  |  Size: 808 KiB

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

File diff suppressed because it is too large Load diff

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

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

Before

Width:  |  Height:  |  Size: 664 KiB

After

Width:  |  Height:  |  Size: 663 KiB

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

@ -7,7 +7,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 151 "y": 131
}, },
"width": 382, "width": 382,
"height": 101, "height": 101,
@ -47,7 +47,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 442, "x": 442,
"y": 193 "y": 173
}, },
"width": 65, "width": 65,
"height": 18, "height": 18,
@ -127,7 +127,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 398, "x": 398,
"y": 352 "y": 312
}, },
"width": 154, "width": 154,
"height": 66, "height": 66,
@ -168,7 +168,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 567, "x": 567,
"y": 169 "y": 149
}, },
"width": 86, "width": 86,
"height": 66, "height": 66,
@ -209,7 +209,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 423, "x": 423,
"y": 539 "y": 479
}, },
"width": 104, "width": 104,
"height": 66, "height": 66,
@ -273,20 +273,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 284.87417218543044, "x": 277.5648854961832,
"y": 51 "y": 51
}, },
{ {
"x": 209.7748344370861, "x": 208.31297709923663,
"y": 91 "y": 83
}, },
{ {
"x": 191, "x": 191,
"y": 111 "y": 99
}, },
{ {
"x": 191, "x": 191,
"y": 151 "y": 131
} }
], ],
"isCurve": true, "isCurve": true,
@ -321,20 +321,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 380.62582781456956, "x": 387.9351145038168,
"y": 51 "y": 51
}, },
{ {
"x": 455.7251655629139, "x": 457.1870229007634,
"y": 91 "y": 83
}, },
{ {
"x": 474.5, "x": 474.5,
"y": 119.3 "y": 107.3
}, },
{ {
"x": 474.5, "x": 474.5,
"y": 192.5 "y": 172.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -370,19 +370,19 @@
"route": [ "route": [
{ {
"x": 191, "x": 191,
"y": 252 "y": 232
}, },
{ {
"x": 191, "x": 191,
"y": 292 "y": 264
}, },
{ {
"x": 232.3, "x": 232.3,
"y": 314.0913580246914 "y": 282.63456790123456
}, },
{ {
"x": 397.5, "x": 397.5,
"y": 362.4567901234568 "y": 325.17283950617286
} }
], ],
"isCurve": true, "isCurve": true,
@ -418,19 +418,19 @@
"route": [ "route": [
{ {
"x": 474.5, "x": 474.5,
"y": 211.5 "y": 191.5
}, },
{ {
"x": 474.5, "x": 474.5,
"y": 283.9 "y": 255.9
},
{
"x": 474.5,
"y": 280
}, },
{ {
"x": 474.5, "x": 474.5,
"y": 312 "y": 312
},
{
"x": 474.5,
"y": 352
} }
], ],
"isCurve": true, "isCurve": true,
@ -466,19 +466,19 @@
"route": [ "route": [
{ {
"x": 610, "x": 610,
"y": 235.5 "y": 215.5
}, },
{ {
"x": 610, "x": 610,
"y": 288.7 "y": 260.7
}, },
{ {
"x": 593.6, "x": 595.2,
"y": 280
},
{
"x": 536,
"y": 312 "y": 312
},
{
"x": 528,
"y": 352
} }
], ],
"isCurve": true, "isCurve": true,
@ -514,19 +514,19 @@
"route": [ "route": [
{ {
"x": 474.5, "x": 474.5,
"y": 418 "y": 378
}, },
{ {
"x": 474.5, "x": 474.5,
"y": 466.4 "y": 418.4
}, },
{ {
"x": 474.5, "x": 474.5,
"y": 490.7 "y": 438.7
}, },
{ {
"x": 474.5, "x": 474.5,
"y": 539.5 "y": 479.5
} }
], ],
"isCurve": true, "isCurve": true,

8
e2etests/testdata/stable/latex/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: 506 KiB

After

Width:  |  Height:  |  Size: 506 KiB

22
e2etests/testdata/stable/li1/dagre/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 166 "y": 146
}, },
"width": 379, "width": 379,
"height": 100, "height": 100,
@ -88,7 +88,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 163, "x": 163,
"y": 366 "y": 326
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -157,15 +157,15 @@
}, },
{ {
"x": 189.5, "x": 189.5,
"y": 106 "y": 98
}, },
{ {
"x": 189.5, "x": 189.5,
"y": 126 "y": 114
}, },
{ {
"x": 189.5, "x": 189.5,
"y": 166 "y": 146
} }
], ],
"isCurve": true, "isCurve": true,
@ -201,19 +201,19 @@
"route": [ "route": [
{ {
"x": 189.5, "x": 189.5,
"y": 266 "y": 246
}, },
{ {
"x": 189.5, "x": 189.5,
"y": 306 "y": 278
},
{
"x": 189.5,
"y": 294
}, },
{ {
"x": 189.5, "x": 189.5,
"y": 326 "y": 326
},
{
"x": 189.5,
"y": 366
} }
], ],
"isCurve": true, "isCurve": true,

8
e2etests/testdata/stable/li1/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="583" height="636" viewBox="-102 -102 583 636"><style type="text/css"> width="583" height="596" viewBox="-102 -102 583 596"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -796,7 +796,7 @@ width="583" height="636" viewBox="-102 -102 583 636"><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="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="379" height="100"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><ul> </style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="146.000000" width="379" height="100"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><ul>
<li><a href="#overview">Overview</a> <li><a href="#overview">Overview</a>
<ul> <ul>
<li><a href="#philosophy">Philosophy</a></li> <li><a href="#philosophy">Philosophy</a></li>
@ -808,8 +808,8 @@ width="583" height="636" viewBox="-102 -102 583 636"><style type="text/css">
</ul> </ul>
</li> </li>
</ul> </ul>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="163" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="189.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="163" y="366" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="189.500000" y="404.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[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 189.500000 68.000000 C 189.500000 106.000000 189.500000 126.000000 189.500000 162.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1478337947)"/></g><g id="(md -&gt; b)[0]"><path d="M 189.500000 268.000000 C 189.500000 306.000000 189.500000 326.000000 189.500000 362.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1478337947)"/></g><mask id="1478337947" maskUnits="userSpaceOnUse" x="-100" y="-100" width="583" height="636"> </div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="163" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="189.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="163" y="326" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="189.500000" y="364.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[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 189.500000 68.000000 C 189.500000 98.000000 189.500000 114.000000 189.500000 142.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3272067068)"/></g><g id="(md -&gt; b)[0]"><path d="M 189.500000 248.000000 C 189.500000 278.000000 189.500000 294.000000 189.500000 322.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3272067068)"/></g><mask id="3272067068" maskUnits="userSpaceOnUse" x="-100" y="-100" width="583" height="596">
<rect x="-100" y="-100" width="583" height="636" fill="white"></rect> <rect x="-100" y="-100" width="583" height="596" 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: 661 KiB

After

Width:  |  Height:  |  Size: 661 KiB

22
e2etests/testdata/stable/li2/dagre/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 166 "y": 146
}, },
"width": 245, "width": 245,
"height": 76, "height": 76,
@ -88,7 +88,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 96, "x": 96,
"y": 342 "y": 302
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -157,15 +157,15 @@
}, },
{ {
"x": 122.5, "x": 122.5,
"y": 106 "y": 98
}, },
{ {
"x": 122.5, "x": 122.5,
"y": 126 "y": 114
}, },
{ {
"x": 122.5, "x": 122.5,
"y": 166 "y": 146
} }
], ],
"isCurve": true, "isCurve": true,
@ -201,19 +201,19 @@
"route": [ "route": [
{ {
"x": 122.5, "x": 122.5,
"y": 242 "y": 222
}, },
{ {
"x": 122.5, "x": 122.5,
"y": 282 "y": 254
},
{
"x": 122.5,
"y": 270
}, },
{ {
"x": 122.5, "x": 122.5,
"y": 302 "y": 302
},
{
"x": 122.5,
"y": 342
} }
], ],
"isCurve": true, "isCurve": true,

8
e2etests/testdata/stable/li2/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="449" height="612" viewBox="-102 -102 449 612"><style type="text/css"> width="449" height="572" viewBox="-102 -102 449 572"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -796,7 +796,7 @@ width="449" height="612" viewBox="-102 -102 449 612"><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="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="245" height="76"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><ul> </style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="146.000000" width="245" height="76"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><ul>
<li><a href="#overview">Overview</a> ok <em>this is all measured</em> <li><a href="#overview">Overview</a> ok <em>this is all measured</em>
<ul> <ul>
<li><a href="#philosophy">Philosophy</a></li> <li><a href="#philosophy">Philosophy</a></li>
@ -804,8 +804,8 @@ width="449" height="612" viewBox="-102 -102 449 612"><style type="text/css">
</ul> </ul>
</li> </li>
</ul> </ul>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="96" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="122.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="96" y="342" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="122.500000" y="380.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[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 122.500000 68.000000 C 122.500000 106.000000 122.500000 126.000000 122.500000 162.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#150847955)"/></g><g id="(md -&gt; b)[0]"><path d="M 122.500000 244.000000 C 122.500000 282.000000 122.500000 302.000000 122.500000 338.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#150847955)"/></g><mask id="150847955" maskUnits="userSpaceOnUse" x="-100" y="-100" width="449" height="612"> </div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="96" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="122.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="96" y="302" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="122.500000" y="340.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[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 122.500000 68.000000 C 122.500000 98.000000 122.500000 114.000000 122.500000 142.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#240729787)"/></g><g id="(md -&gt; b)[0]"><path d="M 122.500000 224.000000 C 122.500000 254.000000 122.500000 270.000000 122.500000 298.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#240729787)"/></g><mask id="240729787" maskUnits="userSpaceOnUse" x="-100" y="-100" width="449" height="572">
<rect x="-100" y="-100" width="449" height="612" fill="white"></rect> <rect x="-100" y="-100" width="449" height="572" 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: 804 KiB

After

Width:  |  Height:  |  Size: 804 KiB

Some files were not shown because too many files have changed in this diff Show more