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

fix dagre edge label overlaps

Browse source
This commit is contained in:
Alexander Wang 2023-01-06 12:19:01 -08:00
parent 2b3faf8f64
commit 1739d79b6b
No known key found for this signature in database
GPG key ID: D89FA31966BDBECE
32 changed files with 815 additions and 815 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -9,7 +9,7 @@
"x": 0,
"y": 0
},
"width": 2148,
"width": 2628,
"height": 237,
"opacity": 1,
"strokeDash": 0,
@ -86,7 +86,7 @@
"id": "build_workflow.GHA",
"type": "",
"pos": {
"x": 644,
"x": 698,
"y": 50
},
"width": 269,
@ -126,7 +126,7 @@
"id": "build_workflow.S3",
"type": "",
"pos": {
"x": 1122,
"x": 1314,
"y": 50
},
"width": 131,
@ -166,7 +166,7 @@
"id": "build_workflow.Terraform",
"type": "",
"pos": {
"x": 1462,
"x": 1773,
"y": 50
},
"width": 218,
@ -206,7 +206,7 @@
"id": "build_workflow.AWS",
"type": "",
"pos": {
"x": 1889,
"x": 2369,
"y": 50
},
"width": 155,
@ -274,15 +274,15 @@
"y": 118.5
},
{
"x": 518.3,
"x": 539.9,
"y": 118.5
},
{
"x": 559.9,
"x": 592.3,
"y": 118.5
},
{
"x": 643.5,
"x": 697.5,
"y": 118.5
}
],
@ -318,19 +318,19 @@
"labelPercentage": 0,
"route": [
{
"x": 913.5,
"x": 966.5,
"y": 118.5
},
{
"x": 996.3,
"x": 1105.3,
"y": 118.5
},
{
"x": 1037.9,
"x": 1174.7,
"y": 118.5
},
{
"x": 1121.5,
"x": 1313.5,
"y": 118.5
}
],
@ -366,19 +366,19 @@
"labelPercentage": 0,
"route": [
{
"x": 1253.5,
"x": 1445.5,
"y": 118.5
},
{
"x": 1336.3,
"x": 1575.9,
"y": 118.5
},
{
"x": 1377.9,
"x": 1641.3,
"y": 118.5
},
{
"x": 1461.5,
"x": 1772.5,
"y": 118.5
}
],
@ -414,19 +414,19 @@
"labelPercentage": 0,
"route": [
{
"x": 1680.5,
"x": 1991.5,
"y": 118.5
},
{
"x": 1763.3,
"x": 2141.9,
"y": 118.5
},
{
"x": 1804.9,
"x": 2217.3,
"y": 118.5
},
{
"x": 1888.5,
"x": 2368.5,
"y": 118.5
}
],

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

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="2352" height="441" viewBox="-102 -102 2352 441"><style type="text/css">
width="2832" height="441" viewBox="-102 -102 2832 441"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,12 +39,12 @@ width="2352" height="441" viewBox="-102 -102 2352 441"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="build_workflow"><g class="shape" ><rect x="0" y="0" width="2148" height="237" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="1074.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="330" height="137" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="270.000000" y="125.000000" 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="644" y="50" width="269" height="137" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="778.500000" y="125.000000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">GitHub Actions</text></g><g id="build_workflow.S3"><g class="shape" ><rect x="1122" y="50" width="131" height="137" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1187.500000" y="125.000000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">S3</text></g><g id="build_workflow.Terraform"><g class="shape" ><rect x="1462" y="50" width="218" height="137" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1571.000000" y="125.000000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">Terraform</text></g><g id="build_workflow.AWS"><g class="shape" ><rect x="1889" y="50" width="155" height="137" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1966.500000" y="125.000000" 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 437.500000 118.500000 C 518.300000 118.500000 559.900000 118.500000 639.500000 118.500000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2571260716)"/><text class="text-italic" x="540.000000" y="124.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Triggers</text></g><g id="build_workflow.(GHA -&gt; S3)[0]"><path d="M 915.500000 118.500000 C 996.300000 118.500000 1037.900000 118.500000 1117.500000 118.500000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2571260716)"/><text class="text-italic" x="1018.000000" y="124.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 1257.500000 118.500000 C 1336.300000 118.500000 1377.900000 118.500000 1457.500000 118.500000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2571260716)"/><text class="text-italic" x="1357.500000" y="124.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 1682.500000 118.500000 C 1763.300000 118.500000 1804.900000 118.500000 1884.500000 118.500000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2571260716)"/><text class="text-italic" x="1784.500000" y="124.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Changes the live lambdas</text></g><mask id="2571260716" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2352" height="441">
<rect x="-100" y="-100" width="2352" height="441" fill="white"></rect>
<rect x="513.000000" y="108.000000" width="54" height="21" fill="black"></rect>
<rect x="949.000000" y="108.000000" width="138" height="21" fill="black"></rect>
<rect x="1298.000000" y="108.000000" width="119" height="21" fill="black"></rect>
<rect x="1700.000000" y="108.000000" width="169" height="21" fill="black"></rect>
]]></script><g id="build_workflow"><g class="shape" ><rect x="0" y="0" width="2628" height="237" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="1314.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="330" height="137" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="270.000000" y="125.000000" 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="698" y="50" width="269" height="137" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="832.500000" y="125.000000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">GitHub Actions</text></g><g id="build_workflow.S3"><g class="shape" ><rect x="1314" y="50" width="131" height="137" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1379.500000" y="125.000000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">S3</text></g><g id="build_workflow.Terraform"><g class="shape" ><rect x="1773" y="50" width="218" height="137" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1882.000000" y="125.000000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">Terraform</text></g><g id="build_workflow.AWS"><g class="shape" ><rect x="2369" y="50" width="155" height="137" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="2446.500000" y="125.000000" 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 437.500000 118.500000 C 539.900000 118.500000 592.300000 118.500000 693.500000 118.500000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2839978883)"/><text class="text-italic" x="567.000000" y="124.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Triggers</text></g><g id="build_workflow.(GHA -&gt; S3)[0]"><path d="M 968.500000 118.500000 C 1105.300000 118.500000 1174.700000 118.500000 1309.500000 118.500000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2839978883)"/><text class="text-italic" x="1140.000000" y="124.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 1449.500000 118.500000 C 1575.900000 118.500000 1641.300000 118.500000 1768.500000 118.500000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2839978883)"/><text class="text-italic" x="1609.500000" y="124.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 1993.500000 118.500000 C 2141.900000 118.500000 2217.300000 118.500000 2364.500000 118.500000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2839978883)"/><text class="text-italic" x="2180.500000" y="124.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Changes the live lambdas</text></g><mask id="2839978883" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2832" height="441">
<rect x="-100" y="-100" width="2832" height="441" fill="white"></rect>
<rect x="540.000000" y="108.000000" width="54" height="21" fill="black"></rect>
<rect x="1071.000000" y="108.000000" width="138" height="21" fill="black"></rect>
<rect x="1550.000000" y="108.000000" width="119" height="21" fill="black"></rect>
<rect x="2096.000000" y="108.000000" width="169" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[
.text {
font-family: "font-regular";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 795 KiB

After

Width:  |  Height:  |  Size: 795 KiB

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

@ -9,8 +9,8 @@
"x": 0,
"y": 0
},
"width": 430,
"height": 1488,
"width": 457,
"height": 1672,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -87,7 +87,7 @@
"type": "",
"pos": {
"x": 81,
"y": 356
"y": 382
},
"width": 269,
"height": 137,
@ -127,7 +127,7 @@
"type": "",
"pos": {
"x": 150,
"y": 639
"y": 771
},
"width": 131,
"height": 137,
@ -167,7 +167,7 @@
"type": "",
"pos": {
"x": 106,
"y": 995
"y": 1153
},
"width": 218,
"height": 137,
@ -207,7 +207,7 @@
"type": "",
"pos": {
"x": 138,
"y": 1278
"y": 1462
},
"width": 155,
"height": 137,
@ -246,11 +246,11 @@
"id": "deploy_workflow",
"type": "",
"pos": {
"x": 470,
"x": 497,
"y": 0
},
"width": 371,
"height": 849,
"width": 388,
"height": 981,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -286,7 +286,7 @@
"id": "deploy_workflow.manual",
"type": "",
"pos": {
"x": 520,
"x": 547,
"y": 73
},
"width": 271,
@ -326,8 +326,8 @@
"id": "deploy_workflow.GHA",
"type": "",
"pos": {
"x": 521,
"y": 356
"x": 548,
"y": 382
},
"width": 269,
"height": 137,
@ -366,8 +366,8 @@
"id": "deploy_workflow.AWS",
"type": "",
"pos": {
"x": 578,
"y": 639
"x": 605,
"y": 771
},
"width": 155,
"height": 137,
@ -406,11 +406,11 @@
"id": "apollo_workflow",
"type": "",
"pos": {
"x": 881,
"x": 926,
"y": 0
},
"width": 369,
"height": 849,
"width": 767,
"height": 981,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -446,7 +446,7 @@
"id": "apollo_workflow.apollo",
"type": "",
"pos": {
"x": 947,
"x": 991,
"y": 73
},
"width": 238,
@ -486,8 +486,8 @@
"id": "apollo_workflow.GHA",
"type": "",
"pos": {
"x": 931,
"y": 356
"x": 976,
"y": 382
},
"width": 269,
"height": 137,
@ -526,8 +526,8 @@
"id": "apollo_workflow.AWS",
"type": "",
"pos": {
"x": 988,
"y": 639
"x": 1033,
"y": 771
},
"width": 155,
"height": 137,
@ -595,15 +595,15 @@
},
{
"x": 215,
"y": 268.4
"y": 278.8
},
{
"x": 215,
"y": 297.6
"y": 313.2
},
{
"x": 215,
"y": 356
"y": 382
}
],
"isCurve": true,
@ -639,19 +639,19 @@
"route": [
{
"x": 215,
"y": 493
"y": 519
},
{
"x": 215,
"y": 551.4
"y": 619.8
},
{
"x": 215,
"y": 580.6
"y": 670.2
},
{
"x": 215,
"y": 639
"y": 771
}
],
"isCurve": true,
@ -687,19 +687,19 @@
"route": [
{
"x": 215,
"y": 776
"y": 908
},
{
"x": 215,
"y": 834.4
"y": 966.4
},
{
"x": 215,
"y": 936.6
"y": 1084.2
},
{
"x": 215,
"y": 995
"y": 1153
}
],
"isCurve": true,
@ -735,19 +735,19 @@
"route": [
{
"x": 215,
"y": 1132
"y": 1290
},
{
"x": 215,
"y": 1190.4
"y": 1358.8
},
{
"x": 215,
"y": 1219.6
"y": 1393.2
},
{
"x": 215,
"y": 1278
"y": 1462
}
],
"isCurve": true,
@ -782,20 +782,20 @@
"labelPercentage": 0,
"route": [
{
"x": 655.5,
"x": 682.5,
"y": 210
},
{
"x": 655.5,
"y": 268.4
"x": 682.5,
"y": 278.8
},
{
"x": 655.5,
"y": 297.6
"x": 682.5,
"y": 313.2
},
{
"x": 655.5,
"y": 356
"x": 682.5,
"y": 382
}
],
"isCurve": true,
@ -830,20 +830,20 @@
"labelPercentage": 0,
"route": [
{
"x": 655.5,
"y": 493
"x": 682.5,
"y": 519
},
{
"x": 655.5,
"y": 551.4
"x": 682.5,
"y": 619.8
},
{
"x": 655.5,
"y": 580.6
"x": 682.5,
"y": 670.2
},
{
"x": 655.5,
"y": 639
"x": 682.5,
"y": 771
}
],
"isCurve": true,
@ -878,20 +878,20 @@
"labelPercentage": 0,
"route": [
{
"x": 1065.5,
"x": 1110,
"y": 210
},
{
"x": 1065.5,
"y": 268.4
"x": 1110,
"y": 278.8
},
{
"x": 1065.5,
"y": 297.6
"x": 1110,
"y": 313.2
},
{
"x": 1065.5,
"y": 356
"x": 1110,
"y": 382
}
],
"isCurve": true,
@ -926,20 +926,20 @@
"labelPercentage": 0,
"route": [
{
"x": 1065.5,
"y": 493
"x": 1110,
"y": 519
},
{
"x": 1065.5,
"y": 551.4
"x": 1110,
"y": 619.8
},
{
"x": 1065.5,
"y": 580.6
"x": 1110,
"y": 670.2
},
{
"x": 1065.5,
"y": 639
"x": 1110,
"y": 771
}
],
"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: 800 KiB

After

Width:  |  Height:  |  Size: 800 KiB

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

@ -47,7 +47,7 @@
"type": "",
"pos": {
"x": 0,
"y": 226
"y": 247
},
"width": 113,
"height": 126,
@ -115,15 +115,15 @@
},
{
"x": 56.5,
"y": 166
"y": 174.4
},
{
"x": 56.5,
"y": 186
"y": 198.7
},
{
"x": 56.5,
"y": 226
"y": 247.5
}
],
"isCurve": true,

8
e2etests/testdata/sanity/connection_label/dagre/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="317" height="556" viewBox="-102 -102 317 556"><style type="text/css">
width="317" height="577" viewBox="-102 -102 317 577"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,9 +39,9 @@ width="317" height="556" viewBox="-102 -102 317 556"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="56.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="0" y="226" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="56.500000" y="292.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 56.500000 128.000000 C 56.500000 166.000000 56.500000 186.000000 56.500000 222.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#894944389)"/><text class="text-italic" x="56.500000" y="182.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">hello</text></g><mask id="894944389" maskUnits="userSpaceOnUse" x="-100" y="-100" width="317" height="556">
<rect x="-100" y="-100" width="317" height="556" fill="white"></rect>
<rect x="40.000000" y="166.000000" width="33" height="21" fill="black"></rect>
]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="56.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="0" y="247" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="56.500000" y="313.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 56.500000 128.000000 C 56.500000 174.400000 56.500000 198.700000 56.500000 243.500000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2864276101)"/><text class="text-italic" x="56.500000" y="192.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">hello</text></g><mask id="2864276101" maskUnits="userSpaceOnUse" x="-100" y="-100" width="317" height="577">
<rect x="-100" y="-100" width="317" height="577" fill="white"></rect>
<rect x="40.000000" y="176.000000" width="33" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[
.text-bold {
font-family: "font-bold";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 468 KiB

After

Width:  |  Height:  |  Size: 468 KiB

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

@ -47,7 +47,7 @@
"type": "",
"pos": {
"x": 0,
"y": 226
"y": 247
},
"width": 113,
"height": 126,
@ -115,15 +115,15 @@
},
{
"x": 56.5,
"y": 166
"y": 174.4
},
{
"x": 56.5,
"y": 186
"y": 198.7
},
{
"x": 56.5,
"y": 226
"y": 247.5
}
],
"isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="401" height="556" viewBox="-144 -102 401 556"><style type="text/css">
width="401" height="577" viewBox="-144 -102 401 577"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,9 +39,9 @@ width="401" height="556" viewBox="-144 -102 401 556"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="56.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="0" y="226" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="56.500000" y="292.000000" 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 56.500000 128.000000 C 56.500000 166.000000 56.500000 186.000000 56.500000 222.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-1247258845)" mask="url(#2296324013)"/><text class="text-italic" x="56.500000" y="182.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">To err is human, to moo bovine</text><text class="text-italic" x="70.500000" y="150.000000" style="text-anchor:middle;font-size:16px;fill:black">1</text><text class="text-italic" x="70.500000" y="218.000000" style="text-anchor:middle;font-size:16px;fill:black">*</text></g><mask id="2296324013" maskUnits="userSpaceOnUse" x="-100" y="-100" width="401" height="556">
<rect x="-100" y="-100" width="401" height="556" fill="white"></rect>
<rect x="-44.000000" y="166.000000" width="201" height="21" fill="black"></rect>
]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="56.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="0" y="247" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="56.500000" y="313.000000" 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 56.500000 128.000000 C 56.500000 174.400000 56.500000 198.700000 56.500000 243.500000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-1247258845)" mask="url(#178283215)"/><text class="text-italic" x="56.500000" y="192.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">To err is human, to moo bovine</text><text class="text-italic" x="70.500000" y="150.000000" style="text-anchor:middle;font-size:16px;fill:black">1</text><text class="text-italic" x="70.500000" y="239.500000" style="text-anchor:middle;font-size:16px;fill:black">*</text></g><mask id="178283215" maskUnits="userSpaceOnUse" x="-100" y="-100" width="401" height="577">
<rect x="-100" y="-100" width="401" height="577" fill="white"></rect>
<rect x="-44.000000" y="176.000000" width="201" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[
.text-bold {
font-family: "font-bold";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 468 KiB

After

Width:  |  Height:  |  Size: 468 KiB

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

@ -9,8 +9,8 @@
"x": 0,
"y": 0
},
"width": 251,
"height": 452,
"width": 283,
"height": 473,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -47,7 +47,7 @@
"type": "callout",
"pos": {
"x": 50,
"y": 276
"y": 297
},
"width": 132,
"height": 126,
@ -86,7 +86,7 @@
"id": "ddd",
"type": "cylinder",
"pos": {
"x": 301,
"x": 334,
"y": 50
},
"width": 133,
@ -126,8 +126,8 @@
"id": "eee",
"type": "document",
"pos": {
"x": 301,
"y": 276
"x": 334,
"y": 297
},
"width": 130,
"height": 126,
@ -166,7 +166,7 @@
"id": "aaa.ccc",
"type": "",
"pos": {
"x": 72,
"x": 89,
"y": 50
},
"width": 128,
@ -230,20 +230,20 @@
"labelPercentage": 0,
"route": [
{
"x": 124.84955752212389,
"x": 133.88056680161944,
"y": 176
},
{
"x": 117.76991150442478,
"y": 216
"x": 119.57611336032389,
"y": 224.4
},
{
"x": 116,
"y": 236
"y": 248.6
},
{
"x": 116,
"y": 276
"y": 297
}
],
"isCurve": true,
@ -278,20 +278,20 @@
"labelPercentage": 0,
"route": [
{
"x": 301,
"y": 301
"x": 334,
"y": 322
},
{
"x": 199.39999999999998,
"y": 241
"x": 218,
"y": 253.6
},
{
"x": 170.6,
"y": 216
"x": 185.4,
"y": 224.3
},
{
"x": 157,
"y": 176
"x": 171,
"y": 175.5
}
],
"isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="638" height="656" viewBox="-102 -102 638 656"><style type="text/css">
width="671" height="677" viewBox="-102 -102 671 677"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,10 +39,10 @@ width="638" height="656" viewBox="-102 -102 638 656"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="aaa"><g class="shape" ><rect x="0" y="0" width="251" height="452" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="125.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 301 74 C 301 50 360.85 50 367.5 50 C 374.15 50 434 50 434 74 V 152 C 434 176 374.15 176 367.5 176 C 360.85 176 301 176 301 152 V 74 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/><path d="M 301 74 C 301 98 360.85 98 367.5 98 C 374.15 98 434 98 434 74" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text-bold" x="367.500000" y="128.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ddd</text></g><g id="eee"><g class="shape" ><path d="M 301 384.5231 L 301 276 L 431 276 L 431 384.5231 C 409.3333 361.2206 387.6667 361.2206 366 384.5231 C 344.3333 407.8256 322.6667 407.8256 301 384.5231 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text-bold" x="366.000000" y="342.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">eee</text></g><g id="aaa.bbb"><g class="shape" ><path d="M 50 276 V 357 H 116 V 402 L 146 357 H 182 V 276 H 50 Z" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text-bold" x="116.000000" y="319.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">bbb</text></g><g id="aaa.ccc"><g class="shape" ><rect x="72" y="50" width="128" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="136.000000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ccc</text></g><g id="(aaa.ccc -- aaa)[0]"><path d="M 124.500993 177.969391 C 117.769912 216.000000 116.000000 236.000000 116.000000 274.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" mask="url(#3990951543)"/><text class="text-italic" x="116.500000" y="231.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 297.555754 298.965997 C 199.400000 241.000000 170.600000 216.000000 157.643805 177.893545" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#3990951543)"/><text class="text-italic" x="215.500000" y="256.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">222</text></g><mask id="3990951543" maskUnits="userSpaceOnUse" x="-100" y="-100" width="638" height="656">
<rect x="-100" y="-100" width="638" height="656" fill="white"></rect>
<rect x="105.000000" y="215.000000" width="23" height="21" fill="black"></rect>
<rect x="203.000000" y="240.000000" width="25" height="21" fill="black"></rect>
]]></script><g id="aaa"><g class="shape" ><rect x="0" y="0" width="283" height="473" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="141.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 334 74 C 334 50 393.85 50 400.5 50 C 407.15 50 467 50 467 74 V 152 C 467 176 407.15 176 400.5 176 C 393.85 176 334 176 334 152 V 74 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/><path d="M 334 74 C 334 98 393.85 98 400.5 98 C 407.15 98 467 98 467 74" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text-bold" x="400.500000" y="128.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ddd</text></g><g id="eee"><g class="shape" ><path d="M 334 405.5231 L 334 297 L 464 297 L 464 405.5231 C 442.3333 382.2206 420.6667 382.2206 399 405.5231 C 377.3333 428.8256 355.6667 428.8256 334 405.5231 Z" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text-bold" x="399.000000" y="363.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">eee</text></g><g id="aaa.bbb"><g class="shape" ><path d="M 50 297 V 378 H 116 V 423 L 146 378 H 182 V 297 H 50 Z" style="fill:#FFFFFF;stroke:#0D32B2;opacity:1.000000;stroke-width:2;"/></g><text class="text-bold" x="116.000000" y="340.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">bbb</text></g><g id="aaa.ccc"><g class="shape" ><rect x="89" y="50" width="128" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="153.000000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ccc</text></g><g id="(aaa.ccc -- aaa)[0]"><path d="M 133.313712 177.917987 C 119.576113 224.400000 116.000000 248.600000 116.000000 295.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" mask="url(#136430979)"/><text class="text-italic" x="117.500000" y="241.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 330.554403 319.968286 C 218.000000 253.600000 185.400000 224.300000 171.566035 177.418230" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#136430979)"/><text class="text-italic" x="235.500000" y="269.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">222</text></g><mask id="136430979" maskUnits="userSpaceOnUse" x="-100" y="-100" width="671" height="677">
<rect x="-100" y="-100" width="671" height="677" fill="white"></rect>
<rect x="106.000000" y="225.000000" width="23" height="21" fill="black"></rect>
<rect x="223.000000" y="253.000000" width="25" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[
.text {
font-family: "font-regular";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 794 KiB

After

Width:  |  Height:  |  Size: 794 KiB

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

@ -9,8 +9,8 @@
"x": 0,
"y": 0
},
"width": 1115,
"height": 1651,
"width": 1138,
"height": 1735,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -49,8 +49,8 @@
"x": 40,
"y": 50
},
"width": 776,
"height": 1551,
"width": 799,
"height": 1635,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -87,10 +87,10 @@
"type": "",
"pos": {
"x": 80,
"y": 878
"y": 920
},
"width": 510,
"height": 673,
"width": 533,
"height": 715,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -127,9 +127,9 @@
"type": "rectangle",
"pos": {
"x": 120,
"y": 928
"y": 970
},
"width": 355,
"width": 377,
"height": 226,
"opacity": 1,
"strokeDash": 0,
@ -166,8 +166,8 @@
"id": "aa.bb.cc.dd.ee",
"type": "text",
"pos": {
"x": 232,
"y": 1031
"x": 246,
"y": 1073
},
"width": 16,
"height": 21,
@ -205,8 +205,8 @@
"id": "aa.bb.cc.dd.ff",
"type": "",
"pos": {
"x": 308,
"y": 978
"x": 331,
"y": 1020
},
"width": 117,
"height": 126,
@ -245,8 +245,8 @@
"id": "aa.bb.cc.gg",
"type": "text",
"pos": {
"x": 409,
"y": 1254
"x": 436,
"y": 1317
},
"width": 17,
"height": 21,
@ -284,8 +284,8 @@
"id": "aa.bb.cc.hh",
"type": "",
"pos": {
"x": 356,
"y": 1375
"x": 383,
"y": 1459
},
"width": 123,
"height": 126,
@ -327,7 +327,7 @@
"x": 106,
"y": 100
},
"width": 367,
"width": 420,
"height": 226,
"opacity": 1,
"strokeDash": 0,
@ -364,7 +364,7 @@
"id": "aa.bb.ii.jj",
"type": "diamond",
"pos": {
"x": 243,
"x": 269,
"y": 150
},
"width": 115,
@ -404,8 +404,8 @@
"id": "aa.bb.kk",
"type": "oval",
"pos": {
"x": 641,
"y": 1375
"x": 663,
"y": 1459
},
"width": 126,
"height": 126,
@ -444,8 +444,8 @@
"id": "aa.ll",
"type": "",
"pos": {
"x": 914,
"y": 652
"x": 936,
"y": 673
},
"width": 114,
"height": 126,
@ -484,8 +484,8 @@
"id": "aa.mm",
"type": "cylinder",
"pos": {
"x": 901,
"y": 426
"x": 923,
"y": 447
},
"width": 131,
"height": 126,
@ -524,8 +524,8 @@
"id": "aa.nn",
"type": "text",
"pos": {
"x": 867,
"y": 1428
"x": 889,
"y": 1512
},
"width": 16,
"height": 21,
@ -563,8 +563,8 @@
"id": "aa.oo",
"type": "",
"pos": {
"x": 943,
"y": 1375
"x": 965,
"y": 1459
},
"width": 123,
"height": 126,
@ -627,20 +627,20 @@
"labelPercentage": 0,
"route": [
{
"x": 240,
"y": 1052.5
"x": 253.5,
"y": 1094.5
},
{
"x": 240,
"y": 1133.7
"x": 253.5,
"y": 1175.7
},
{
"x": 273.8,
"y": 1215.6
"x": 290.1,
"y": 1270.1
},
{
"x": 409,
"y": 1262
"x": 436.5,
"y": 1324.5
}
],
"isCurve": true,
@ -675,20 +675,20 @@
"labelPercentage": 0,
"route": [
{
"x": 417.5,
"y": 1275
"x": 444.5,
"y": 1338
},
{
"x": 417.5,
"y": 1315
"x": 444.5,
"y": 1386.4
},
{
"x": 417.5,
"y": 1335
"x": 444.5,
"y": 1410.7
},
{
"x": 417.5,
"y": 1375
"x": 444.5,
"y": 1459.5
}
],
"isCurve": true,
@ -728,63 +728,63 @@
},
{
"x": 200,
"y": 366
"y": 374.4
},
{
"x": 200,
"y": 398.6
"y": 411.2
},
{
"x": 200,
"y": 432.5
"y": 448.25
},
{
"x": 200,
"y": 466.4
"y": 485.3
},
{
"x": 200,
"y": 511.6
"y": 532.6
},
{
"x": 200,
"y": 545.5
"y": 566.5
},
{
"x": 200,
"y": 579.4
"y": 600.4
},
{
"x": 200,
"y": 624.6
"y": 645.6
},
{
"x": 200,
"y": 658.5
"y": 679.5
},
{
"x": 200,
"y": 692.4
"y": 713.4
},
{
"x": 200,
"y": 737.6
"y": 760.7
},
{
"x": 200,
"y": 771.5
"y": 797.75
},
{
"x": 200,
"y": 805.4
"y": 834.8
},
{
"x": 200,
"y": 888
"y": 930
},
{
"x": 200,
"y": 928
"y": 970
}
],
"isCurve": true,
@ -819,20 +819,20 @@
"labelPercentage": 0,
"route": [
{
"x": 913.5,
"y": 723.8172484599589
"x": 936,
"y": 745.3486055776892
},
{
"x": 835.9,
"y": 735.8172484599589
"x": 858.4,
"y": 758.1486055776892
},
{
"x": 894.1,
"y": 726.8172484599589
"x": 916.6,
"y": 748.5486055776893
},
{
"x": 816.5,
"y": 738.8172484599589
"x": 839,
"y": 761.3486055776892
}
],
"isCurve": true,
@ -867,32 +867,32 @@
"labelPercentage": 0,
"route": [
{
"x": 901,
"y": 500
"x": 923,
"y": 521
},
{
"x": 404.2,
"y": 581.6
"x": 430.2,
"y": 602.6
},
{
"x": 280,
"y": 624.6
"x": 307,
"y": 645.6
},
{
"x": 280,
"y": 658.5
"x": 307,
"y": 679.5
},
{
"x": 280,
"y": 692.4
"x": 307,
"y": 713.4
},
{
"x": 280,
"y": 838
"x": 307,
"y": 871.7
},
{
"x": 280,
"y": 878
"x": 307,
"y": 920.5
}
],
"isCurve": true,
@ -927,20 +927,20 @@
"labelPercentage": 0,
"route": [
{
"x": 969,
"y": 552
"x": 991,
"y": 573
},
{
"x": 970.2,
"y": 592
"x": 992.6,
"y": 613
},
{
"x": 970.5,
"y": 612
"x": 993,
"y": 633
},
{
"x": 970.5,
"y": 652
"x": 993,
"y": 673
}
],
"isCurve": true,
@ -975,20 +975,20 @@
"labelPercentage": 0,
"route": [
{
"x": 901,
"y": 500
"x": 923,
"y": 522
},
{
"x": 833.6,
"y": 512.3623984526112
"x": 856,
"y": 534.0162403572879
},
{
"x": 884.15,
"y": 503.0905996131528
"x": 906.25,
"y": 525.0040600893219
},
{
"x": 816.75,
"y": 515.452998065764
"x": 839.25,
"y": 537.0203004466098
}
],
"isCurve": true,
@ -1023,68 +1023,68 @@
"labelPercentage": 0,
"route": [
{
"x": 913.5,
"y": 729.1405049396268
"x": 936,
"y": 751.4544456641054
},
{
"x": 594.7,
"y": 808.2281009879254
"x": 617.2,
"y": 837.890889132821
},
{
"x": 515,
"y": 838
"x": 537.5,
"y": 871.6
},
{
"x": 515,
"y": 853
"x": 537.5,
"y": 889.75
},
{
"x": 515,
"y": 868
"x": 537.5,
"y": 907.9
},
{
"x": 515,
"y": 888
"x": 537.5,
"y": 930
},
{
"x": 515,
"y": 903
"x": 537.5,
"y": 945
},
{
"x": 515,
"y": 918
"x": 537.5,
"y": 960
},
{
"x": 515,
"y": 950.6
"x": 537.5,
"y": 992.6
},
{
"x": 515,
"y": 984.5
"x": 537.5,
"y": 1026.5
},
{
"x": 515,
"y": 1018.4
"x": 537.5,
"y": 1060.4
},
{
"x": 515,
"y": 1063.6
"x": 537.5,
"y": 1105.6
},
{
"x": 515,
"y": 1097.5
"x": 537.5,
"y": 1139.5
},
{
"x": 515,
"y": 1131.4
"x": 537.5,
"y": 1173.4
},
{
"x": 497.2,
"y": 1215
"x": 520.5,
"y": 1269.5
},
{
"x": 426,
"y": 1259
"x": 452.5,
"y": 1321.5
}
],
"isCurve": true,
@ -1119,19 +1119,19 @@
"labelPercentage": 0,
"route": [
{
"x": 901,
"y": 476
"x": 923,
"y": 495
},
{
"x": 500.2,
"y": 396
"x": 547,
"y": 408.2
},
{
"x": 400,
"y": 366
"x": 453,
"y": 374.4
},
{
"x": 400,
"x": 453,
"y": 326
}
],
@ -1167,20 +1167,20 @@
"labelPercentage": 0,
"route": [
{
"x": 377.5,
"y": 878
"x": 413,
"y": 920
},
{
"x": 377.5,
"y": 838
"x": 413,
"y": 871.6
},
{
"x": 484.7,
"y": 807.5723440134907
"x": 517.6,
"y": 837.3
},
{
"x": 913.5,
"y": 725.8617200674536
"x": 936,
"y": 748.5
}
],
"isCurve": true,
@ -1215,32 +1215,32 @@
"labelPercentage": 0,
"route": [
{
"x": 360,
"x": 413,
"y": 326
},
{
"x": 360,
"y": 366
"x": 413,
"y": 374.4
},
{
"x": 360,
"y": 398.6
"x": 413,
"y": 411.2
},
{
"x": 360,
"y": 432.5
"x": 413,
"y": 448.25
},
{
"x": 360,
"y": 466.4
"x": 413,
"y": 485.3
},
{
"x": 470.7,
"y": 622.4899262899263
"x": 517.6,
"y": 643.4
},
{
"x": 913.5,
"y": 704.4496314496314
"x": 936,
"y": 725
}
],
"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: 812 KiB

After

Width:  |  Height:  |  Size: 812 KiB

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

@ -47,7 +47,7 @@
"type": "",
"pos": {
"x": 5,
"y": 226
"y": 247
},
"width": 136,
"height": 126,
@ -115,15 +115,15 @@
},
{
"x": 72.5,
"y": 166
"y": 174.4
},
{
"x": 72.5,
"y": 186
"y": 198.7
},
{
"x": 72.5,
"y": 226
"y": 247.5
}
],
"isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="349" height="556" viewBox="-102 -102 349 556"><style type="text/css">
width="349" height="577" viewBox="-102 -102 349 577"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,9 +39,9 @@ width="349" height="556" viewBox="-102 -102 349 556"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="alpha"><g class="shape" ><rect x="0" y="0" width="145" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="72.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:#4A6FF3">alpha</text></g><g id="beta"><g class="shape" ><rect x="5" y="226" width="136" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="73.000000" y="292.000000" 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 72.500000 128.000000 C 72.500000 166.000000 72.500000 186.000000 72.500000 222.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1328439792)"/><text class="text-italic" x="73.000000" y="182.000000" style="text-anchor:middle;font-size:16px;fill:green">gamma</text></g><mask id="1328439792" maskUnits="userSpaceOnUse" x="-100" y="-100" width="349" height="556">
<rect x="-100" y="-100" width="349" height="556" fill="white"></rect>
<rect x="47.000000" y="166.000000" width="52" height="21" fill="black"></rect>
]]></script><g id="alpha"><g class="shape" ><rect x="0" y="0" width="145" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="72.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:#4A6FF3">alpha</text></g><g id="beta"><g class="shape" ><rect x="5" y="247" width="136" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="73.000000" y="313.000000" 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 72.500000 128.000000 C 72.500000 174.400000 72.500000 198.700000 72.500000 243.500000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3972734510)"/><text class="text-italic" x="73.000000" y="192.000000" style="text-anchor:middle;font-size:16px;fill:green">gamma</text></g><mask id="3972734510" maskUnits="userSpaceOnUse" x="-100" y="-100" width="349" height="577">
<rect x="-100" y="-100" width="349" height="577" fill="white"></rect>
<rect x="47.000000" y="176.000000" width="52" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[
.text-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": "",
"pos": {
"x": 1293,
"y": 279
"y": 340
},
"width": 145,
"height": 122,
@ -87,7 +87,7 @@
"type": "",
"pos": {
"x": 0,
"y": 277
"y": 338
},
"width": 147,
"height": 126,
@ -447,7 +447,7 @@
"type": "",
"pos": {
"x": 840,
"y": 247
"y": 308
},
"width": 393,
"height": 186,
@ -515,15 +515,15 @@
},
{
"x": 1365,
"y": 183.4
"y": 207.8
},
{
"x": 1365,
"y": 213.1
"y": 249.6
},
{
"x": 1365,
"y": 279.5
"y": 340
}
],
"isCurve": true,
@ -563,15 +563,15 @@
},
{
"x": 73.5,
"y": 184.3
"y": 208.7
},
{
"x": 73.5,
"y": 212.7
"y": 249.2
},
{
"x": 73.5,
"y": 277.5
"y": 338
}
],
"isCurve": true,
@ -612,15 +612,15 @@
},
{
"x": 1036,
"y": 186.4
"y": 210.8
},
{
"x": 1036,
"y": 206.7
"y": 243.2
},
{
"x": 1036,
"y": 247.5
"y": 308
}
],
"isCurve": true,

12
e2etests/testdata/stable/font_sizes/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

630
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: 814 KiB

After

Width:  |  Height:  |  Size: 814 KiB

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

@ -204,7 +204,7 @@
"type": "",
"pos": {
"x": 393,
"y": 603
"y": 624
},
"width": 164,
"height": 126,
@ -512,15 +512,15 @@
},
{
"x": 474.5,
"y": 543
"y": 551.4
},
{
"x": 474.5,
"y": 563
"y": 575.7
},
{
"x": 474.5,
"y": 603
"y": 624.5
}
],
"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: 507 KiB

After

Width:  |  Height:  |  Size: 507 KiB

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

@ -60,8 +60,8 @@
"x": 0,
"y": 254
},
"width": 1112,
"height": 962,
"width": 1113,
"height": 1004,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -149,10 +149,10 @@
"type": "",
"pos": {
"x": 40,
"y": 558
"y": 579
},
"width": 496,
"height": 608,
"height": 629,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -189,7 +189,7 @@
"type": "image",
"pos": {
"x": 224,
"y": 608
"y": 629
},
"width": 128,
"height": 128,
@ -240,7 +240,7 @@
"type": "",
"pos": {
"x": 80,
"y": 862
"y": 904
},
"width": 416,
"height": 254,
@ -280,7 +280,7 @@
"type": "image",
"pos": {
"x": 130,
"y": 912
"y": 954
},
"width": 128,
"height": 128,
@ -331,7 +331,7 @@
"type": "image",
"pos": {
"x": 318,
"y": 912
"y": 954
},
"width": 128,
"height": 128,
@ -382,10 +382,10 @@
"type": "",
"pos": {
"x": 576,
"y": 558
"y": 579
},
"width": 496,
"height": 608,
"height": 629,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -422,7 +422,7 @@
"type": "image",
"pos": {
"x": 760,
"y": 608
"y": 629
},
"width": 128,
"height": 128,
@ -473,7 +473,7 @@
"type": "",
"pos": {
"x": 616,
"y": 862
"y": 904
},
"width": 416,
"height": 254,
@ -513,7 +513,7 @@
"type": "image",
"pos": {
"x": 666,
"y": 912
"y": 954
},
"width": 128,
"height": 128,
@ -564,7 +564,7 @@
"type": "image",
"pos": {
"x": 854,
"y": 912
"y": 954
},
"width": 128,
"height": 128,
@ -686,20 +686,20 @@
"labelPercentage": 0,
"route": [
{
"x": 231.00787401574803,
"y": 762
"x": 235.36,
"y": 783
},
{
"x": 201.4015748031496,
"y": 802
"x": 202.272,
"y": 831.4
},
{
"x": 194,
"y": 872
"y": 914
},
{
"x": 194,
"y": 912
"y": 954
}
],
"isCurve": true,
@ -734,20 +734,20 @@
"labelPercentage": 0,
"route": [
{
"x": 344.99212598425197,
"y": 762
"x": 340.64,
"y": 783
},
{
"x": 374.59842519685037,
"y": 802
"x": 373.728,
"y": 831.4
},
{
"x": 382,
"y": 872
"y": 914
},
{
"x": 382,
"y": 912
"y": 954
}
],
"isCurve": true,
@ -782,20 +782,20 @@
"labelPercentage": 0,
"route": [
{
"x": 767.007874015748,
"y": 762
"x": 771.36,
"y": 783
},
{
"x": 737.4015748031496,
"y": 802
"x": 738.272,
"y": 831.4
},
{
"x": 730,
"y": 872
"y": 914
},
{
"x": 730,
"y": 912
"y": 954
}
],
"isCurve": true,
@ -830,20 +830,20 @@
"labelPercentage": 0,
"route": [
{
"x": 880.992125984252,
"y": 762
"x": 876.64,
"y": 783
},
{
"x": 910.5984251968504,
"y": 802
"x": 909.728,
"y": 831.4
},
{
"x": 918,
"y": 872
"y": 914
},
{
"x": 918,
"y": 912
"y": 954
}
],
"isCurve": true,
@ -879,19 +879,19 @@
"route": [
{
"x": 492,
"y": 411.32835820895525
"y": 413.8358208955224
},
{
"x": 328.79999999999995,
"y": 488.66567164179105
"y": 497.56716417910445
},
{
"x": 288,
"y": 568
"y": 589
},
{
"x": 288,
"y": 608
"y": 629
}
],
"isCurve": true,
@ -927,19 +927,19 @@
"route": [
{
"x": 620,
"y": 411.32835820895525
"y": 413.8358208955224
},
{
"x": 783.2,
"y": 488.66567164179105
"y": 497.56716417910445
},
{
"x": 824,
"y": 568
"y": 589
},
{
"x": 824,
"y": 608
"y": 629
}
],
"isCurve": true,

18
e2etests/testdata/stable/overlapping_image_container_labels/dagre/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 798 KiB

After

Width:  |  Height:  |  Size: 798 KiB

30
e2etests/testdata/stable/self-referencing/dagre/board.exp.json generated vendored
View file

@ -415,55 +415,55 @@
"route": [
{
"x": 385,
"y": 24.92805755395684
"y": 28.96784565916399
},
{
"x": 414.33333333333337,
"y": 4.985611510791365
"x": 423.1333333333333,
"y": 5.793569131832797
},
{
"x": 423.5,
"x": 435.05,
"y": 0
},
{
"x": 426.25,
"x": 438.625,
"y": 0
},
{
"x": 429,
"x": 442.2,
"y": 0
},
{
"x": 432.66666666666663,
"x": 446.96666666666664,
"y": 12.600000000000001
},
{
"x": 435.41666666666663,
"x": 450.54166666666663,
"y": 31.5
},
{
"x": 438.1666666666667,
"x": 454.1166666666667,
"y": 50.400000000000006
},
{
"x": 438.1666666666667,
"x": 454.1166666666667,
"y": 75.6
},
{
"x": 435.41666666666663,
"x": 450.54166666666663,
"y": 94.5
},
{
"x": 432.66666666666663,
"x": 446.96666666666664,
"y": 113.4
},
{
"x": 414.33333333333337,
"y": 121.01438848920863
"x": 423.1333333333333,
"y": 120.2064308681672
},
{
"x": 385,
"y": 101.07194244604315
"y": 97.032154340836
}
],
"isCurve": true,

8
e2etests/testdata/stable/self-referencing/dagre/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="656" height="556" viewBox="-102 -102 656 556"><style type="text/css">
width="672" height="556" viewBox="-102 -102 672 556"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,9 +39,9 @@ width="656" height="556" viewBox="-102 -102 656 556"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="x"><g class="shape" ><rect x="0" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="56.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">x</text></g><g id="y"><g class="shape" ><rect x="136" y="226" width="114" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="193.000000" y="292.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">y</text></g><g id="z"><g class="shape" ><rect x="273" y="0" width="112" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="329.000000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">z</text></g><g id="(x -&gt; x)[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 114.656769 23.673956 C 142.333333 4.958855 151.500000 0.000000 154.250000 0.000000 C 157.000000 0.000000 160.666667 12.600000 163.416667 31.500000 C 166.166667 50.400000 166.166667 75.600000 163.416667 94.500000 C 160.666667 113.400000 142.333333 121.041145 116.313538 103.446364" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2541740366)"/></g><g id="(x -&gt; x)[1]"><path d="M 114.790267 33.970064 C 169.000000 6.972332 186.500000 0.000000 191.750000 0.000000 C 197.000000 0.000000 204.000000 12.600000 209.250000 31.500000 C 214.500000 50.400000 214.500000 75.600000 209.250000 94.500000 C 204.000000 113.400000 169.000000 119.027668 116.580535 92.921531" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2541740366)"/></g><g id="(x -&gt; y)[0]"><path d="M 56.500000 128.000000 C 56.500000 166.000000 72.350000 189.145321 132.671104 239.173099" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2541740366)"/></g><g id="(z -&gt; y)[0]"><path d="M 329.000000 128.000000 C 329.000000 166.000000 313.200000 189.200000 253.069698 239.435442" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2541740366)"/></g><g id="(z -&gt; z)[0]"><path d="M 386.653964 23.803600 C 414.333333 4.985612 423.500000 0.000000 426.250000 0.000000 C 429.000000 0.000000 432.666667 12.600000 435.416667 31.500000 C 438.166667 50.400000 438.166667 75.600000 435.416667 94.500000 C 432.666667 113.400000 414.333333 121.014388 388.307927 103.320857" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2541740366)"/><text class="text-italic" x="438.500000" y="64.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">hello</text></g><mask id="2541740366" maskUnits="userSpaceOnUse" x="-100" y="-100" width="656" height="556">
<rect x="-100" y="-100" width="656" height="556" fill="white"></rect>
<rect x="422.000000" y="48.000000" width="33" height="21" fill="black"></rect>
]]></script><g id="x"><g class="shape" ><rect x="0" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="56.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">x</text></g><g id="y"><g class="shape" ><rect x="136" y="226" width="114" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="193.000000" y="292.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">y</text></g><g id="z"><g class="shape" ><rect x="273" y="0" width="112" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="329.000000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">z</text></g><g id="(x -&gt; x)[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 114.656769 23.673956 C 142.333333 4.958855 151.500000 0.000000 154.250000 0.000000 C 157.000000 0.000000 160.666667 12.600000 163.416667 31.500000 C 166.166667 50.400000 166.166667 75.600000 163.416667 94.500000 C 160.666667 113.400000 142.333333 121.041145 116.313538 103.446364" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#229611323)"/></g><g id="(x -&gt; x)[1]"><path d="M 114.790267 33.970064 C 169.000000 6.972332 186.500000 0.000000 191.750000 0.000000 C 197.000000 0.000000 204.000000 12.600000 209.250000 31.500000 C 214.500000 50.400000 214.500000 75.600000 209.250000 94.500000 C 204.000000 113.400000 169.000000 119.027668 116.580535 92.921531" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#229611323)"/></g><g id="(x -&gt; y)[0]"><path d="M 56.500000 128.000000 C 56.500000 166.000000 72.350000 189.145321 132.671104 239.173099" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#229611323)"/></g><g id="(z -&gt; y)[0]"><path d="M 329.000000 128.000000 C 329.000000 166.000000 313.200000 189.200000 253.069698 239.435442" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#229611323)"/></g><g id="(z -&gt; z)[0]"><path d="M 386.709140 27.929172 C 423.133333 5.793569 435.050000 0.000000 438.625000 0.000000 C 442.200000 0.000000 446.966667 12.600000 450.541667 31.500000 C 454.116667 50.400000 454.116667 75.600000 450.541667 94.500000 C 446.966667 113.400000 423.133333 120.206431 388.418279 99.109501" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#229611323)"/><text class="text-italic" x="454.500000" y="64.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">hello</text></g><mask id="229611323" maskUnits="userSpaceOnUse" x="-100" y="-100" width="672" height="556">
<rect x="-100" y="-100" width="672" height="556" fill="white"></rect>
<rect x="438.000000" y="48.000000" width="33" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[
.text-bold {
font-family: "font-bold";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 470 KiB

After

Width:  |  Height:  |  Size: 470 KiB

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

@ -47,7 +47,7 @@
"type": "",
"pos": {
"x": 0,
"y": 226
"y": 247
},
"width": 114,
"height": 126,
@ -116,15 +116,15 @@
},
{
"x": 57,
"y": 166
"y": 174.4
},
{
"x": 57,
"y": 186
"y": 198.7
},
{
"x": 57,
"y": 226
"y": 247.5
}
],
"isCurve": true,

12
e2etests/testdata/stable/stylish/dagre/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="323" height="559" viewBox="-104 -105 323 559"><style type="text/css">
width="323" height="580" viewBox="-104 -105 323 580"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -47,11 +47,11 @@ width="323" height="559" viewBox="-104 -105 323 559"><style type="text/css">
<feOffset dx="3" dy="5" result="ShadowFeOffset" in="ShadowFeComposite"></feOffset>
<feBlend in="SourceGraphic" in2="ShadowFeOffset" mode="normal" result="ShadowFeBlend"></feBlend>
</filter>
</defs><g id="x"><g class="shape" filter="url(#shadow-filter)" ><rect x="1" y="0" width="113" height="126" style="fill:orange;stroke:#53C0D8;opacity:0.600000;stroke-width:5;" /></g><text class="text-bold" x="57.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">x</text></g><g id="y"><g class="shape" ><defs><mask id="border-mask-y" maskUnits="userSpaceOnUse" x="0" y="211" width="129" height="141">
<rect x="0" y="211" width="129" height="141" fill="white"></rect>
<path d="M0,226L15,211L129,211L129,337L114,352L0,352L0,226L114,226L114,352M114,226L129,211" style="fill:none;stroke:black;opacity:0.600000;stroke-width:2;stroke-dasharray:10.000000,9.865639;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="0" y="226" width="114" height="126" style="fill:red;stroke:none;opacity:0.600000;stroke-width:2;stroke-dasharray:10.000000,9.865639;" mask="url(#border-mask-y)"/><polygon points="0,226 15,211 129,211 129,337 114,352 114,226" style="fill:#cc0000;stroke:none;opacity:0.600000;stroke-width:2;stroke-dasharray:10.000000,9.865639;" mask="url(#border-mask-y)"/><path d="M0,226 L15,211 L129,211 L129,337 L114,352 L0,352 L0,226 L114,226 L114,352 M114,226 L129,211" style="fill:none;stroke:black;opacity:0.600000;stroke-width:2;stroke-dasharray:10.000000,9.865639;"/></g><text class="text-bold" x="57.000000" y="292.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-1457214650" 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="green" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 57.000000 129.500000 C 57.000000 166.000000 57.000000 186.000000 57.000000 222.000000" class="connection" style="fill:none;stroke:green;opacity:0.500000;stroke-width:2;stroke-dasharray:10.000000,9.865639;" marker-end="url(#mk-1457214650)" mask="url(#3518596391)"/><rect x="34.000000" y="166.000000" width="47" height="21" style="fill:lavender" /><text class="text-italic" x="57.500000" y="182.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">in style</text></g><mask id="3518596391" maskUnits="userSpaceOnUse" x="-100" y="-100" width="323" height="559">
<rect x="-100" y="-100" width="323" height="559" fill="white"></rect>
<rect x="34.000000" y="166.000000" width="47" height="21" fill="black"></rect>
</defs><g id="x"><g class="shape" filter="url(#shadow-filter)" ><rect x="1" y="0" width="113" height="126" style="fill:orange;stroke:#53C0D8;opacity:0.600000;stroke-width:5;" /></g><text class="text-bold" x="57.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">x</text></g><g id="y"><g class="shape" ><defs><mask id="border-mask-y" maskUnits="userSpaceOnUse" x="0" y="232" width="129" height="141">
<rect x="0" y="232" width="129" height="141" fill="white"></rect>
<path d="M0,247L15,232L129,232L129,358L114,373L0,373L0,247L114,247L114,373M114,247L129,232" style="fill:none;stroke:black;opacity:0.600000;stroke-width:2;stroke-dasharray:10.000000,9.865639;;stroke:#000;fill:none;opacity:1;"/></mask></defs><rect x="0" y="247" width="114" height="126" style="fill:red;stroke:none;opacity:0.600000;stroke-width:2;stroke-dasharray:10.000000,9.865639;" mask="url(#border-mask-y)"/><polygon points="0,247 15,232 129,232 129,358 114,373 114,247" style="fill:#cc0000;stroke:none;opacity:0.600000;stroke-width:2;stroke-dasharray:10.000000,9.865639;" mask="url(#border-mask-y)"/><path d="M0,247 L15,232 L129,232 L129,358 L114,373 L0,373 L0,247 L114,247 L114,373 M114,247 L129,232" style="fill:none;stroke:black;opacity:0.600000;stroke-width:2;stroke-dasharray:10.000000,9.865639;"/></g><text class="text-bold" x="57.000000" y="313.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">y</text></g><g id="(x -&gt; y)[0]"><marker id="mk-1457214650" 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="green" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 57.000000 129.500000 C 57.000000 174.400000 57.000000 198.700000 57.000000 243.500000" class="connection" style="fill:none;stroke:green;opacity:0.500000;stroke-width:2;stroke-dasharray:10.000000,9.865639;" marker-end="url(#mk-1457214650)" mask="url(#304389475)"/><rect x="34.000000" y="176.000000" width="47" height="21" style="fill:lavender" /><text class="text-italic" x="57.500000" y="192.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">in style</text></g><mask id="304389475" maskUnits="userSpaceOnUse" x="-100" y="-100" width="323" height="580">
<rect x="-100" y="-100" width="323" height="580" fill="white"></rect>
<rect x="34.000000" y="176.000000" width="47" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[
.text-bold {
font-family: "font-bold";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 470 KiB

After

Width:  |  Height:  |  Size: 470 KiB

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

@ -9,8 +9,8 @@
"x": 0,
"y": 0
},
"width": 255,
"height": 452,
"width": 269,
"height": 473,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -87,7 +87,7 @@
"type": "",
"pos": {
"x": 50,
"y": 276
"y": 297
},
"width": 155,
"height": 126,
@ -150,20 +150,20 @@
"labelPercentage": 0,
"route": [
{
"x": 103.10840707964601,
"x": 105.1821862348178,
"y": 176
},
{
"x": 87.6216814159292,
"y": 216
"x": 88.03643724696356,
"y": 224.4
},
{
"x": 87.55,
"y": 236
"x": 87.95,
"y": 248.7
},
{
"x": 102.75,
"y": 276
"x": 104.75,
"y": 297.5
}
],
"isCurve": true,
@ -198,20 +198,20 @@
"labelPercentage": 0,
"route": [
{
"x": 151.891592920354,
"x": 147.6497975708502,
"y": 176
},
{
"x": 167.3783185840708,
"y": 216
"x": 163.12995951417005,
"y": 224.4
},
{
"x": 167.45,
"y": 236
"x": 163.2,
"y": 248.7
},
{
"x": 152.25,
"y": 276
"x": 148,
"y": 297.5
}
],
"isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="459" height="656" viewBox="-102 -102 459 656"><style type="text/css">
width="473" height="677" viewBox="-102 -102 473 677"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,10 +39,10 @@ width="459" height="656" viewBox="-102 -102 459 656"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="container"><g class="shape" ><rect x="0" y="0" width="255" height="452" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="127.500000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">container</text></g><g id="container.first"><g class="shape" ><rect x="60" y="50" width="135" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="127.500000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">first</text></g><g id="container.second"><g class="shape" ><rect x="50" y="276" width="155" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="127.500000" y="342.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">second</text></g><g id="container.(first -&gt; second)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 102.386303 177.865091 C 87.621681 216.000000 87.550000 236.000000 101.329129 272.260866" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2577544665)"/><text class="text-italic" x="87.500000" y="231.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">1-&gt;2</text></g><g id="(container -&gt; container.second)[0]"><path d="M 152.613697 177.865091 C 167.378319 216.000000 167.450000 236.000000 153.670871 272.260866" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2577544665)"/><text class="text-italic" x="167.000000" y="231.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">c-&gt;2</text></g><mask id="2577544665" maskUnits="userSpaceOnUse" x="-100" y="-100" width="459" height="656">
<rect x="-100" y="-100" width="459" height="656" fill="white"></rect>
<rect x="73.000000" y="215.000000" width="29" height="21" fill="black"></rect>
<rect x="153.000000" y="215.000000" width="28" height="21" fill="black"></rect>
]]></script><g id="container"><g class="shape" ><rect x="0" y="0" width="269" height="473" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text" x="134.500000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">container</text></g><g id="container.first"><g class="shape" ><rect x="60" y="50" width="135" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="127.500000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">first</text></g><g id="container.second"><g class="shape" ><rect x="50" y="297" width="155" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="127.500000" y="363.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">second</text></g><g id="container.(first -&gt; second)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 104.514351 177.885204 C 88.036437 224.400000 87.950000 248.700000 103.447948 293.717850" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3006076853)"/><text class="text-italic" x="87.500000" y="242.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">1-&gt;2</text></g><g id="(container -&gt; container.second)[0]"><path d="M 148.259069 177.904938 C 163.129960 224.400000 163.200000 248.700000 149.189535 293.680968" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3006076853)"/><text class="text-italic" x="163.000000" y="242.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">c-&gt;2</text></g><mask id="3006076853" maskUnits="userSpaceOnUse" x="-100" y="-100" width="473" height="677">
<rect x="-100" y="-100" width="473" height="677" fill="white"></rect>
<rect x="73.000000" y="226.000000" width="29" height="21" fill="black"></rect>
<rect x="149.000000" y="226.000000" width="28" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[
.text {
font-family: "font-regular";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 793 KiB

After

Width:  |  Height:  |  Size: 793 KiB

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

@ -47,7 +47,7 @@
"type": "",
"pos": {
"x": 216,
"y": 258
"y": 274
},
"width": 157,
"height": 126,
@ -87,7 +87,7 @@
"type": "",
"pos": {
"x": 171,
"y": 526
"y": 573
},
"width": 247,
"height": 146,
@ -127,7 +127,7 @@
"type": "",
"pos": {
"x": 108,
"y": 814
"y": 922
},
"width": 374,
"height": 186,
@ -167,7 +167,7 @@
"type": "",
"pos": {
"x": 0,
"y": 1142
"y": 1352
},
"width": 589,
"height": 230,
@ -235,15 +235,15 @@
},
{
"x": 294.5,
"y": 172.8
"y": 179.2
},
{
"x": 294.5,
"y": 201.2
"y": 210.8
},
{
"x": 294.5,
"y": 258
"y": 274
}
],
"isCurve": true,
@ -279,11 +279,7 @@
"route": [
{
"x": 294.5,
"y": 384
},
{
"x": 294.5,
"y": 440.8
"y": 400
},
{
"x": 294.5,
@ -291,7 +287,11 @@
},
{
"x": 294.5,
"y": 526
"y": 503.9
},
{
"x": 294.5,
"y": 573.5
}
],
"isCurve": true,
@ -327,19 +327,19 @@
"route": [
{
"x": 294.5,
"y": 672
"y": 719
},
{
"x": 294.5,
"y": 728.8
"y": 800.2
},
{
"x": 294.5,
"y": 757.2
"y": 840.9
},
{
"x": 294.5,
"y": 814
"y": 922.5
}
],
"isCurve": true,
@ -375,19 +375,19 @@
"route": [
{
"x": 294.5,
"y": 1000
"y": 1108
},
{
"x": 294.5,
"y": 1056.8
"y": 1205.6
},
{
"x": 294.5,
"y": 1085.2
"y": 1254.4
},
{
"x": 294.5,
"y": 1142
"y": 1352
}
],
"isCurve": true,

14
e2etests/testdata/todo/font_sizes_large/dagre/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="793" height="1576" viewBox="-102 -102 793 1576"><style type="text/css">
width="793" height="1786" viewBox="-102 -102 793 1786"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,12 +39,12 @@ width="793" height="1576" viewBox="-102 -102 793 1576"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="eight"><g class="shape" ><rect x="233" y="0" width="124" height="116" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="295.000000" y="58.000000" style="text-anchor:middle;font-size:8px;fill:#0A0F25">eight</text></g><g id="sixteen"><g class="shape" ><rect x="216" y="258" width="157" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="294.500000" y="324.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">sixteen</text></g><g id="thirty two"><g class="shape" ><rect x="171" y="526" width="247" height="146" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="294.500000" y="608.000000" style="text-anchor:middle;font-size:32px;fill:#0A0F25">thirty two</text></g><g id="sixty four"><g class="shape" ><rect x="108" y="814" width="374" height="186" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="295.000000" y="928.000000" style="text-anchor:middle;font-size:64px;fill:#0A0F25">sixty four</text></g><g id="ninety nine"><g class="shape" ><rect x="0" y="1142" width="589" height="230" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="294.500000" y="1291.000000" style="text-anchor:middle;font-size:99px;fill:#0A0F25">ninety nine</text></g><g id="(eight -&gt; sixteen)[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 294.500000 118.000000 C 294.500000 172.800000 294.500000 201.200000 294.500000 254.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1163247064)"/><text class="text-italic" x="294.500000" y="191.000000" style="text-anchor:middle;font-size:12px;fill:#676C7E">twelve</text></g><g id="(sixteen -&gt; thirty two)[0]"><path d="M 294.500000 386.000000 C 294.500000 440.800000 294.500000 469.200000 294.500000 522.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1163247064)"/><text class="text-italic" x="295.000000" y="464.000000" style="text-anchor:middle;font-size:24px;fill:#676C7E">twenty four</text></g><g id="(thirty two -&gt; sixty four)[0]"><path d="M 294.500000 674.000000 C 294.500000 728.800000 294.500000 757.200000 294.500000 810.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1163247064)"/><text class="text-italic" x="295.000000" y="761.000000" style="text-anchor:middle;font-size:48px;fill:#676C7E">forty eight</text></g><g id="(sixty four -&gt; ninety nine)[0]"><path d="M 294.500000 1002.000000 C 294.500000 1056.800000 294.500000 1085.200000 294.500000 1138.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1163247064)"/><text class="text-italic" x="294.500000" y="1101.000000" style="text-anchor:middle;font-size:81px;fill:#676C7E">eighty one</text></g><mask id="1163247064" maskUnits="userSpaceOnUse" x="-100" y="-100" width="793" height="1576">
<rect x="-100" y="-100" width="793" height="1576" fill="white"></rect>
<rect x="278.000000" y="179.000000" width="33" height="16" fill="black"></rect>
<rect x="238.000000" y="440.000000" width="114" height="31" fill="black"></rect>
<rect x="194.000000" y="713.000000" width="202" height="61" fill="black"></rect>
<rect x="124.000000" y="1020.000000" width="341" height="102" fill="black"></rect>
]]></script><g id="eight"><g class="shape" ><rect x="233" y="0" width="124" height="116" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="295.000000" y="58.000000" style="text-anchor:middle;font-size:8px;fill:#0A0F25">eight</text></g><g id="sixteen"><g class="shape" ><rect x="216" y="274" width="157" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="294.500000" y="340.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">sixteen</text></g><g id="thirty two"><g class="shape" ><rect x="171" y="573" width="247" height="146" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="294.500000" y="655.000000" style="text-anchor:middle;font-size:32px;fill:#0A0F25">thirty two</text></g><g id="sixty four"><g class="shape" ><rect x="108" y="922" width="374" height="186" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="295.000000" y="1036.000000" style="text-anchor:middle;font-size:64px;fill:#0A0F25">sixty four</text></g><g id="ninety nine"><g class="shape" ><rect x="0" y="1352" width="589" height="230" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="294.500000" y="1501.000000" style="text-anchor:middle;font-size:99px;fill:#0A0F25">ninety nine</text></g><g id="(eight -&gt; sixteen)[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 294.500000 118.000000 C 294.500000 179.200000 294.500000 210.800000 294.500000 270.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4185854119)"/><text class="text-italic" x="294.500000" y="199.000000" style="text-anchor:middle;font-size:12px;fill:#676C7E">twelve</text></g><g id="(sixteen -&gt; thirty two)[0]"><path d="M 294.500000 402.000000 C 294.500000 469.200000 294.500000 503.900000 294.500000 569.500000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4185854119)"/><text class="text-italic" x="295.000000" y="495.000000" style="text-anchor:middle;font-size:24px;fill:#676C7E">twenty four</text></g><g id="(thirty two -&gt; sixty four)[0]"><path d="M 294.500000 721.000000 C 294.500000 800.200000 294.500000 840.900000 294.500000 918.500000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4185854119)"/><text class="text-italic" x="295.000000" y="838.000000" style="text-anchor:middle;font-size:48px;fill:#676C7E">forty eight</text></g><g id="(sixty four -&gt; ninety nine)[0]"><path d="M 294.500000 1110.000000 C 294.500000 1205.600000 294.500000 1254.400000 294.500000 1348.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4185854119)"/><text class="text-italic" x="294.500000" y="1260.000000" style="text-anchor:middle;font-size:81px;fill:#676C7E">eighty one</text></g><mask id="4185854119" maskUnits="userSpaceOnUse" x="-100" y="-100" width="793" height="1786">
<rect x="-100" y="-100" width="793" height="1786" fill="white"></rect>
<rect x="278.000000" y="187.000000" width="33" height="16" fill="black"></rect>
<rect x="238.000000" y="471.000000" width="114" height="31" fill="black"></rect>
<rect x="194.000000" y="790.000000" width="202" height="61" fill="black"></rect>
<rect x="124.000000" y="1179.000000" width="341" height="102" fill="black"></rect>
</mask><style type="text/css"><![CDATA[
.text-bold {
font-family: "font-bold";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 471 KiB

After

Width:  |  Height:  |  Size: 471 KiB

8
e2etests/testdata/todo/tall_edge_label/dagre/board.exp.json generated vendored
View file

@ -47,7 +47,7 @@
"type": "",
"pos": {
"x": 0,
"y": 299
"y": 432
},
"width": 113,
"height": 126,
@ -115,15 +115,15 @@
},
{
"x": 56.5,
"y": 195.2
"y": 248.4
},
{
"x": 56.5,
"y": 229.9
"y": 309.6
},
{
"x": 56.5,
"y": 299.5
"y": 432
}
],
"isCurve": true,

8
e2etests/testdata/todo/tall_edge_label/dagre/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="317" height="629" viewBox="-102 -102 317 629"><style type="text/css">
width="317" height="762" viewBox="-102 -102 317 762"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,9 +39,9 @@ width="317" height="629" viewBox="-102 -102 317 629"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="56.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="0" y="299" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="56.500000" y="365.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 56.500000 128.000000 C 56.500000 195.200000 56.500000 229.900000 56.500000 295.500000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3435886913)"/><text class="text-italic" x="57.000000" y="162.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E"><tspan x="57.000000" dy="0.000000">There</tspan><tspan x="57.000000" dy="16.625000">once</tspan><tspan x="57.000000" dy="16.625000">was</tspan><tspan x="57.000000" dy="16.625000">a</tspan><tspan x="57.000000" dy="16.625000">very</tspan><tspan x="57.000000" dy="16.625000">tall</tspan><tspan x="57.000000" dy="16.625000">edge</tspan><tspan x="57.000000" dy="16.625000">label</tspan></text></g><mask id="3435886913" maskUnits="userSpaceOnUse" x="-100" y="-100" width="317" height="629">
<rect x="-100" y="-100" width="317" height="629" fill="white"></rect>
<rect x="38.000000" y="146.000000" width="38" height="133" fill="black"></rect>
]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="56.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="0" y="432" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="56.500000" y="498.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 56.500000 128.000000 C 56.500000 248.400000 56.500000 309.600000 56.500000 428.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#788571213)"/><text class="text-italic" x="57.000000" y="229.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E"><tspan x="57.000000" dy="0.000000">There</tspan><tspan x="57.000000" dy="16.625000">once</tspan><tspan x="57.000000" dy="16.625000">was</tspan><tspan x="57.000000" dy="16.625000">a</tspan><tspan x="57.000000" dy="16.625000">very</tspan><tspan x="57.000000" dy="16.625000">tall</tspan><tspan x="57.000000" dy="16.625000">edge</tspan><tspan x="57.000000" dy="16.625000">label</tspan></text></g><mask id="788571213" maskUnits="userSpaceOnUse" x="-100" y="-100" width="317" height="762">
<rect x="-100" y="-100" width="317" height="762" fill="white"></rect>
<rect x="38.000000" y="213.000000" width="38" height="133" fill="black"></rect>
</mask><style type="text/css"><![CDATA[
.text-bold {
font-family: "font-bold";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 469 KiB

After

Width:  |  Height:  |  Size: 469 KiB