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

try different value

Browse source
This commit is contained in:
Alexander Wang 2023-02-10 21:45:31 -08:00
parent 5b433fe6fc
commit 019429edcf
No known key found for this signature in database
GPG key ID: D89FA31966BDBECE
127 changed files with 4104 additions and 4104 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
d2layouts/d2dagrelayout/layout.go
View file

@ -41,7 +41,7 @@ type ConfigurableOpts struct {
}
var DefaultOpts = ConfigurableOpts{
NodeSep: 40,
NodeSep: 60,
EdgeSep: 20,
}

6
d2renderers/d2sketch/testdata/all_shapes/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: 266 KiB

After

Width:  |  Height:  |  Size: 267 KiB

6
d2renderers/d2sketch/testdata/animated/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 253 KiB

After

Width:  |  Height:  |  Size: 253 KiB

24
d2renderers/d2sketch/testdata/arrowheads/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: 303 KiB

After

Width:  |  Height:  |  Size: 303 KiB

6
d2renderers/d2sketch/testdata/child_to_child/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 248 KiB

After

Width:  |  Height:  |  Size: 248 KiB

6
d2renderers/d2sketch/testdata/crows_feet/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: 301 KiB

After

Width:  |  Height:  |  Size: 301 KiB

12
d2renderers/d2sketch/testdata/opacity/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: 309 KiB

After

Width:  |  Height:  |  Size: 309 KiB

50
d2renderers/d2sketch/testdata/sql_tables/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: 84 KiB

After

Width:  |  Height:  |  Size: 84 KiB

22
d2renderers/d2sketch/testdata/twitter/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: 387 KiB

After

Width:  |  Height:  |  Size: 387 KiB

4
e2etests/testdata/regression/code_leading_trailing_newlines/dagre/board.exp.json generated vendored
View file

@ -46,7 +46,7 @@
"id": "no trailing",
"type": "code",
"pos": {
"x": 279,
"x": 299,
"y": 16
},
"width": 160,
@ -86,7 +86,7 @@
"id": "no leading",
"type": "code",
"pos": {
"x": 479,
"x": 519,
"y": 16
},
"width": 160,

10
e2etests/testdata/regression/code_leading_trailing_newlines/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="843" height="354" viewBox="-102 -102 843 354"><style type="text/css">
width="883" height="354" viewBox="-102 -102 883 354"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -46,18 +46,18 @@ width="843" height="354" viewBox="-102 -102 843 354"><style type="text/css">
</text><text class="text-mono" x="0" y="5.000000em" xml:space="preserve">
</text><text class="text-mono" x="0" y="6.000000em" xml:space="preserve">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan>
</text><text class="text-mono" x="0" y="7.000000em" xml:space="preserve">
</text></g></g></g><g id="no trailing"><g class="shape" ></g><g transform="translate(279.000000 16.000000)"><rect class="shape" width="160" height="118" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">
</text></g></g></g><g id="no trailing"><g class="shape" ></g><g transform="translate(299.000000 16.000000)"><rect class="shape" width="160" height="118" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">
</text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">
</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve"><tspan fill="#999988" class="text-mono-italic">#&#160;2&#160;leading</tspan>
</text><text class="text-mono" x="0" y="4.000000em" xml:space="preserve"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="5.000000em" xml:space="preserve">
</text><text class="text-mono" x="0" y="6.000000em" xml:space="preserve">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan></text></g></g></g><g id="no leading"><g class="shape" ></g><g transform="translate(479.000000 16.000000)"><rect class="shape" width="160" height="118" 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;2&#160;trailing</tspan>
</text><text class="text-mono" x="0" y="6.000000em" xml:space="preserve">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan></text></g></g></g><g id="no leading"><g class="shape" ></g><g transform="translate(519.000000 16.000000)"><rect class="shape" width="160" height="118" 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;2&#160;trailing</tspan>
</text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve"><tspan fill="#000000" class="text-mono-bold">def</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">hello</tspan>():
</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">
</text><text class="text-mono" x="0" y="4.000000em" xml:space="preserve">&#160;&#160;<tspan fill="#0086b3">print</tspan>&#160;<tspan fill="#dd1144"></tspan><tspan fill="#dd1144">&quot;</tspan><tspan fill="#dd1144">world</tspan><tspan fill="#dd1144">&quot;</tspan>
</text><text class="text-mono" x="0" y="5.000000em" xml:space="preserve">
</text></g></g></g><mask id="1269199888" maskUnits="userSpaceOnUse" x="-100" y="-100" width="843" height="354">
<rect x="-100" y="-100" width="843" height="354" fill="white"></rect>
</text></g></g></g><mask id="2314789821" maskUnits="userSpaceOnUse" x="-100" y="-100" width="883" height="354">
<rect x="-100" y="-100" width="883" height="354" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text-mono {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 350 KiB

After

Width:  |  Height:  |  Size: 350 KiB

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

@ -9,7 +9,7 @@
"x": 0,
"y": 41
},
"width": 301,
"width": 358,
"height": 487,
"opacity": 1,
"strokeDash": 0,
@ -47,7 +47,7 @@
"id": "a.b",
"type": "rectangle",
"pos": {
"x": 34,
"x": 40,
"y": 75
},
"width": 53,
@ -88,10 +88,10 @@
"id": "a.c",
"type": "rectangle",
"pos": {
"x": 20,
"x": 23,
"y": 355
},
"width": 253,
"width": 298,
"height": 139,
"opacity": 1,
"strokeDash": 0,
@ -129,7 +129,7 @@
"id": "a.1",
"type": "rectangle",
"pos": {
"x": 127,
"x": 153,
"y": 75
},
"width": 52,
@ -170,7 +170,7 @@
"id": "a.2",
"type": "rectangle",
"pos": {
"x": 219,
"x": 265,
"y": 75
},
"width": 53,
@ -211,7 +211,7 @@
"id": "a.c.d",
"type": "rectangle",
"pos": {
"x": 126,
"x": 152,
"y": 391
},
"width": 54,
@ -276,19 +276,19 @@
"labelPercentage": 0,
"route": [
{
"x": 60,
"x": 66.5,
"y": 142
},
{
"x": 60,
"x": 66.5,
"y": 212.4
},
{
"x": 60.2,
"x": 66.7,
"y": 326.4
},
{
"x": 61,
"x": 67.5,
"y": 356
}
],
@ -324,19 +324,19 @@
"labelPercentage": 0,
"route": [
{
"x": 152.5,
"x": 179,
"y": 142
},
{
"x": 152.5,
"x": 179,
"y": 212.4
},
{
"x": 152.5,
"x": 179,
"y": 326.4
},
{
"x": 152.5,
"x": 179,
"y": 356
}
],
@ -372,19 +372,19 @@
"labelPercentage": 0,
"route": [
{
"x": 245,
"x": 291.5,
"y": 142
},
{
"x": 245,
"x": 291.5,
"y": 212.4
},
{
"x": 244.8,
"x": 291.3,
"y": 326.4
},
{
"x": 244,
"x": 290.5,
"y": 356
}
],

8
e2etests/testdata/regression/dagre_broken_arrowhead/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="505" height="730" viewBox="-102 -100 505 730"><style type="text/css">
width="562" height="730" viewBox="-102 -100 562 730"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,9 +39,9 @@ width="505" height="730" viewBox="-102 -100 505 730"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="a"><g class="shape" ><rect x="0" y="41" width="301" height="487" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="150.500000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="a.b"><g class="shape" ><rect x="34" y="75" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="60.500000" y="113.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.c"><g class="shape" ><rect x="20" y="355" width="253" height="139" style="fill:#EDF0FD;stroke:white;stroke-width:2;" /></g><text class="text" x="146.500000" y="343.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">c</text></g><g id="a.1"><g class="shape" ><rect x="127" y="75" width="52" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="153.000000" y="113.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">1</text></g><g id="a.2"><g class="shape" ><rect x="219" y="75" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="245.500000" y="113.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">2</text></g><g id="a.c.d"><g class="shape" ><rect x="126" y="391" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="153.000000" y="429.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="a.(b -&gt; c)[0]"><marker id="mk-1065319532" markerWidth="24.200000" markerHeight="18.000000" refX="20.800000" refY="9.000000" viewBox="0.000000 0.000000 24.200000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="white" stroke="red" stroke-width="2" points="0.000000,9.000000 11.000000,2.250000 22.000000,9.000000 11.000000,16.200000" /> </marker><path d="M 60.000000 144.000000 C 60.000000 212.400000 60.200000 326.400000 60.891931 352.001460" class="connection" style="fill:none;stroke:red;stroke-width:2;" marker-end="url(#mk-1065319532)" mask="url(#2163582135)"/><text class="text-italic" x="60.000000" y="231.000000" style="text-anchor:middle;font-size:16px;fill:red"><tspan x="60.000000" dy="0.000000">line 1</tspan><tspan x="60.000000" dy="17.250000">line 2</tspan><tspan x="60.000000" dy="17.250000">line 3</tspan><tspan x="60.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 152.500000 144.000000 C 152.500000 212.400000 152.500000 326.400000 152.500000 352.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2163582135)"/></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 245.000000 146.000000 C 245.000000 212.400000 244.800000 326.400000 244.108069 352.001460" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2163582135)"/></g><mask id="2163582135" maskUnits="userSpaceOnUse" x="-100" y="-100" width="505" height="730">
<rect x="-100" y="-100" width="505" height="730" fill="white"></rect>
<rect x="42.000000" y="215.000000" width="36" height="69" fill="black"></rect>
]]></script><g id="a"><g class="shape" ><rect x="0" y="41" width="358" height="487" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="179.000000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="a.b"><g class="shape" ><rect x="40" y="75" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="66.500000" y="113.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.c"><g class="shape" ><rect x="23" y="355" width="298" height="139" style="fill:#EDF0FD;stroke:white;stroke-width:2;" /></g><text class="text" x="172.000000" y="343.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">c</text></g><g id="a.1"><g class="shape" ><rect x="153" y="75" width="52" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="179.000000" y="113.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">1</text></g><g id="a.2"><g class="shape" ><rect x="265" y="75" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="291.500000" y="113.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">2</text></g><g id="a.c.d"><g class="shape" ><rect x="152" y="391" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="179.000000" y="429.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="a.(b -&gt; c)[0]"><marker id="mk-1065319532" markerWidth="24.200000" markerHeight="18.000000" refX="20.800000" refY="9.000000" viewBox="0.000000 0.000000 24.200000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="white" stroke="red" stroke-width="2" points="0.000000,9.000000 11.000000,2.250000 22.000000,9.000000 11.000000,16.200000" /> </marker><path d="M 66.500000 144.000000 C 66.500000 212.400000 66.700000 326.400000 67.391931 352.001460" class="connection" style="fill:none;stroke:red;stroke-width:2;" marker-end="url(#mk-1065319532)" mask="url(#3075455218)"/><text class="text-italic" x="67.000000" y="231.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 144.000000 C 179.000000 212.400000 179.000000 326.400000 179.000000 352.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3075455218)"/></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 146.000000 C 291.500000 212.400000 291.300000 326.400000 290.608069 352.001460" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#3075455218)"/></g><mask id="3075455218" maskUnits="userSpaceOnUse" x="-100" y="-100" width="562" height="730">
<rect x="-100" y="-100" width="562" height="730" fill="white"></rect>
<rect x="49.000000" y="215.000000" width="36" height="69" 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

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

@ -10,7 +10,7 @@
"y": 41
},
"width": 2328,
"height": 96,
"height": 116,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 105,
"y": 50
"y": 60
},
"width": 270,
"height": 77,
@ -89,7 +89,7 @@
"type": "rectangle",
"pos": {
"x": 638,
"y": 50
"y": 60
},
"width": 209,
"height": 77,
@ -130,7 +130,7 @@
"type": "rectangle",
"pos": {
"x": 1194,
"y": 50
"y": 60
},
"width": 71,
"height": 77,
@ -171,7 +171,7 @@
"type": "rectangle",
"pos": {
"x": 1593,
"y": 50
"y": 60
},
"width": 158,
"height": 77,
@ -212,7 +212,7 @@
"type": "rectangle",
"pos": {
"x": 2129,
"y": 50
"y": 60
},
"width": 95,
"height": 77,
@ -277,19 +277,19 @@
"route": [
{
"x": 375.5,
"y": 89
"y": 99
},
{
"x": 479.9,
"y": 89
"y": 99
},
{
"x": 532.3,
"y": 89
"y": 99
},
{
"x": 637.5,
"y": 89
"y": 99
}
],
"isCurve": true,
@ -325,19 +325,19 @@
"route": [
{
"x": 846.5,
"y": 89
"y": 99
},
{
"x": 985.3,
"y": 89
"y": 99
},
{
"x": 1054.7,
"y": 89
"y": 99
},
{
"x": 1193.5,
"y": 89
"y": 99
}
],
"isCurve": true,
@ -373,19 +373,19 @@
"route": [
{
"x": 1265.5,
"y": 89
"y": 99
},
{
"x": 1395.9,
"y": 89
"y": 99
},
{
"x": 1461.3,
"y": 89
"y": 99
},
{
"x": 1592.5,
"y": 89
"y": 99
}
],
"isCurve": true,
@ -421,19 +421,19 @@
"route": [
{
"x": 1751.5,
"y": 89
"y": 99
},
{
"x": 1901.9,
"y": 89
"y": 99
},
{
"x": 1977.3,
"y": 89
"y": 99
},
{
"x": 2128.5,
"y": 89
"y": 99
}
],
"isCurve": true,

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="2532" height="339" viewBox="-102 -100 2532 339"><style type="text/css">
width="2532" height="359" viewBox="-102 -100 2532 359"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,12 +39,12 @@ width="2532" height="339" viewBox="-102 -100 2532 339"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="build_workflow"><g class="shape" ><rect x="0" y="41" width="2328" height="96" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1164.000000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">lambda-build.yaml</text></g><g id="build_workflow.push"><g class="shape" ><rect x="105" y="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 89.000000 C 479.900000 89.000000 532.300000 89.000000 633.500000 89.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2044330945)"/><text class="text-italic" x="507.000000" y="95.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 89.000000 C 985.300000 89.000000 1054.700000 89.000000 1189.500000 89.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2044330945)"/><text class="text-italic" x="1020.000000" y="95.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 89.000000 C 1395.900000 89.000000 1461.300000 89.000000 1588.500000 89.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2044330945)"/><text class="text-italic" x="1429.500000" y="95.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 89.000000 C 1901.900000 89.000000 1977.300000 89.000000 2124.500000 89.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2044330945)"/><text class="text-italic" x="1940.500000" y="95.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Changes the live lambdas</text></g><mask id="2044330945" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2532" height="339">
<rect x="-100" y="-100" width="2532" height="339" fill="white"></rect>
<rect x="480.000000" y="79.000000" width="54" height="21" fill="black"></rect>
<rect x="951.000000" y="79.000000" width="138" height="21" fill="black"></rect>
<rect x="1370.000000" y="79.000000" width="119" height="21" fill="black"></rect>
<rect x="1856.000000" y="79.000000" width="169" height="21" fill="black"></rect>
]]></script><g id="build_workflow"><g class="shape" ><rect x="0" y="41" width="2328" height="116" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1164.000000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">lambda-build.yaml</text></g><g id="build_workflow.push"><g class="shape" ><rect x="105" y="60" width="270" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="240.000000" y="107.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="60" width="209" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="742.500000" y="107.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="60" width="71" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1229.500000" y="107.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="60" width="158" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1672.000000" y="107.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="60" width="95" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="2176.500000" y="107.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 99.000000 C 479.900000 99.000000 532.300000 99.000000 633.500000 99.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1694094011)"/><text class="text-italic" x="507.000000" y="105.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 99.000000 C 985.300000 99.000000 1054.700000 99.000000 1189.500000 99.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1694094011)"/><text class="text-italic" x="1020.000000" y="105.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 99.000000 C 1395.900000 99.000000 1461.300000 99.000000 1588.500000 99.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#1694094011)"/><text class="text-italic" x="1429.500000" y="105.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 99.000000 C 1901.900000 99.000000 1977.300000 99.000000 2124.500000 99.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1694094011)"/><text class="text-italic" x="1940.500000" y="105.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Changes the live lambdas</text></g><mask id="1694094011" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2532" height="359">
<rect x="-100" y="-100" width="2532" height="359" fill="white"></rect>
<rect x="480.000000" y="89.000000" width="54" height="21" fill="black"></rect>
<rect x="951.000000" y="89.000000" width="138" height="21" fill="black"></rect>
<rect x="1370.000000" y="89.000000" width="119" height="21" fill="black"></rect>
<rect x="1856.000000" y="89.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

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

@ -47,7 +47,7 @@
"id": "eighty\reight",
"type": "rectangle",
"pos": {
"x": 131,
"x": 151,
"y": 8
},
"width": 91,
@ -88,7 +88,7 @@
"id": "\"seventy\r\\nseven\"",
"type": "rectangle",
"pos": {
"x": 262,
"x": 302,
"y": 0
},
"width": 102,
@ -129,7 +129,7 @@
"id": "\"a\\\\yode\"",
"type": "rectangle",
"pos": {
"x": 404,
"x": 464,
"y": 8
},
"width": 94,
@ -170,7 +170,7 @@
"id": "there",
"type": "rectangle",
"pos": {
"x": 544,
"x": 624,
"y": 182
},
"width": 83,
@ -211,7 +211,7 @@
"id": "'a\\\"ode'",
"type": "rectangle",
"pos": {
"x": 538,
"x": 618,
"y": 8
},
"width": 94,
@ -252,7 +252,7 @@
"id": "\"a\\\\node\"",
"type": "rectangle",
"pos": {
"x": 672,
"x": 772,
"y": 8
},
"width": 95,
@ -317,20 +317,20 @@
"labelPercentage": 0,
"route": [
{
"x": 451,
"x": 511,
"y": 74
},
{
"x": 451,
"x": 511,
"y": 120.4
},
{
"x": 469.5,
"y": 143.4589552238806
"x": 533.5,
"y": 144.12662337662337
},
{
"x": 543.5,
"y": 189.294776119403
"x": 623.5,
"y": 192.63311688311688
}
],
"isCurve": true,
@ -365,19 +365,19 @@
"labelPercentage": 0,
"route": [
{
"x": 585,
"x": 665,
"y": 74
},
{
"x": 585,
"x": 665,
"y": 120.4
},
{
"x": 585,
"x": 665,
"y": 142
},
{
"x": 585,
"x": 665,
"y": 182
}
],
@ -413,20 +413,20 @@
"labelPercentage": 0,
"route": [
{
"x": 719.5,
"x": 819.5,
"y": 74
},
{
"x": 719.5,
"x": 819.5,
"y": 120.4
},
{
"x": 700.9,
"y": 143.4
"x": 796.9,
"y": 144
},
{
"x": 626.5,
"y": 189
"x": 706.5,
"y": 192
}
],
"isCurve": true,

6
e2etests/testdata/regression/dagre_special_ids/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="971" height="452" viewBox="-102 -102 971 452"><style type="text/css">
width="1071" height="452" viewBox="-102 -102 1071 452"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="971" height="452" viewBox="-102 -102 971 452"><style type="text/css">
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="131" y="8" width="91" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="176.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="262" y="0" width="102" height="82" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="313.000000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="313.000000" dy="0.000000">seventy&#xD;</tspan><tspan x="313.000000" dy="18.500000">seven</tspan></text></g><g id="&#34;a\\yode&#34;"><g class="shape" ><rect x="404" y="8" width="94" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="451.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="544" y="182" width="83" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="585.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="538" y="8" width="94" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="585.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="672" y="8" width="95" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="719.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 451.000000 76.000000 C 451.000000 120.400000 469.500000 143.458955 540.099480 187.188484" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2287938730)"/></g><g id="(&#39;a\&#34;ode&#39; -&gt; there)[0]"><path d="M 585.000000 76.000000 C 585.000000 120.400000 585.000000 142.000000 585.000000 178.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2287938730)"/></g><g id="(&#34;a\\node&#34; -&gt; there)[0]"><path d="M 719.500000 76.000000 C 719.500000 120.400000 700.900000 143.400000 629.910405 186.909752" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2287938730)"/></g><mask id="2287938730" maskUnits="userSpaceOnUse" x="-100" y="-100" width="971" height="452">
<rect x="-100" y="-100" width="971" height="452" fill="white"></rect>
]]></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">
<rect x="-100" y="-100" width="1071" height="452" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text-bold {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 327 KiB

After

Width:  |  Height:  |  Size: 327 KiB

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

@ -9,7 +9,7 @@
"x": 0,
"y": 41
},
"width": 330,
"width": 350,
"height": 1331,
"opacity": 1,
"strokeDash": 0,
@ -47,7 +47,7 @@
"id": "build_workflow.push",
"type": "rectangle",
"pos": {
"x": 30,
"x": 40,
"y": 93
},
"width": 270,
@ -88,7 +88,7 @@
"id": "build_workflow.GHA",
"type": "rectangle",
"pos": {
"x": 61,
"x": 71,
"y": 342
},
"width": 209,
@ -129,7 +129,7 @@
"id": "build_workflow.S3",
"type": "rectangle",
"pos": {
"x": 130,
"x": 140,
"y": 671
},
"width": 71,
@ -170,7 +170,7 @@
"id": "build_workflow.Terraform",
"type": "rectangle",
"pos": {
"x": 86,
"x": 96,
"y": 993
},
"width": 158,
@ -211,7 +211,7 @@
"id": "build_workflow.AWS",
"type": "rectangle",
"pos": {
"x": 118,
"x": 128,
"y": 1242
},
"width": 95,
@ -252,10 +252,10 @@
"id": "deploy_workflow",
"type": "rectangle",
"pos": {
"x": 350,
"x": 370,
"y": 41
},
"width": 271,
"width": 291,
"height": 760,
"opacity": 1,
"strokeDash": 0,
@ -293,7 +293,7 @@
"id": "deploy_workflow.manual",
"type": "rectangle",
"pos": {
"x": 380,
"x": 410,
"y": 93
},
"width": 211,
@ -334,7 +334,7 @@
"id": "deploy_workflow.GHA",
"type": "rectangle",
"pos": {
"x": 381,
"x": 411,
"y": 342
},
"width": 209,
@ -375,7 +375,7 @@
"id": "deploy_workflow.AWS",
"type": "rectangle",
"pos": {
"x": 438,
"x": 468,
"y": 671
},
"width": 95,
@ -416,7 +416,7 @@
"id": "apollo_workflow",
"type": "rectangle",
"pos": {
"x": 641,
"x": 681,
"y": 41
},
"width": 573,
@ -457,7 +457,7 @@
"id": "apollo_workflow.apollo",
"type": "rectangle",
"pos": {
"x": 839,
"x": 879,
"y": 93
},
"width": 178,
@ -498,7 +498,7 @@
"id": "apollo_workflow.GHA",
"type": "rectangle",
"pos": {
"x": 823,
"x": 863,
"y": 342
},
"width": 209,
@ -539,7 +539,7 @@
"id": "apollo_workflow.AWS",
"type": "rectangle",
"pos": {
"x": 880,
"x": 920,
"y": 671
},
"width": 95,
@ -604,19 +604,19 @@
"labelPercentage": 0,
"route": [
{
"x": 165,
"x": 175,
"y": 170.5
},
{
"x": 165,
"x": 175,
"y": 239.3
},
{
"x": 165,
"x": 175,
"y": 273.7
},
{
"x": 165,
"x": 175,
"y": 342.5
}
],
@ -652,19 +652,19 @@
"labelPercentage": 0,
"route": [
{
"x": 165,
"x": 175,
"y": 419.5
},
{
"x": 165,
"x": 175,
"y": 520.3
},
{
"x": 165,
"x": 175,
"y": 570.7
},
{
"x": 165,
"x": 175,
"y": 671.5
}
],
@ -700,19 +700,19 @@
"labelPercentage": 0,
"route": [
{
"x": 165,
"x": 175,
"y": 748.5
},
{
"x": 165,
"x": 175,
"y": 806.9
},
{
"x": 165,
"x": 175,
"y": 924.7
},
{
"x": 165,
"x": 175,
"y": 993.5
}
],
@ -748,19 +748,19 @@
"labelPercentage": 0,
"route": [
{
"x": 165,
"x": 175,
"y": 1070.5
},
{
"x": 165,
"x": 175,
"y": 1139.3
},
{
"x": 165,
"x": 175,
"y": 1173.7
},
{
"x": 165,
"x": 175,
"y": 1242.5
}
],
@ -796,19 +796,19 @@
"labelPercentage": 0,
"route": [
{
"x": 485.5,
"x": 515.5,
"y": 170.5
},
{
"x": 485.5,
"x": 515.5,
"y": 239.3
},
{
"x": 485.5,
"x": 515.5,
"y": 273.7
},
{
"x": 485.5,
"x": 515.5,
"y": 342.5
}
],
@ -844,19 +844,19 @@
"labelPercentage": 0,
"route": [
{
"x": 485.5,
"x": 515.5,
"y": 419.5
},
{
"x": 485.5,
"x": 515.5,
"y": 520.3
},
{
"x": 485.5,
"x": 515.5,
"y": 570.7
},
{
"x": 485.5,
"x": 515.5,
"y": 671.5
}
],
@ -892,19 +892,19 @@
"labelPercentage": 0,
"route": [
{
"x": 927.5,
"x": 967.5,
"y": 170.5
},
{
"x": 927.5,
"x": 967.5,
"y": 239.3
},
{
"x": 927.5,
"x": 967.5,
"y": 273.7
},
{
"x": 927.5,
"x": 967.5,
"y": 342.5
}
],
@ -940,19 +940,19 @@
"labelPercentage": 0,
"route": [
{
"x": 927.5,
"x": 967.5,
"y": 419.5
},
{
"x": 927.5,
"x": 967.5,
"y": 520.3
},
{
"x": 927.5,
"x": 967.5,
"y": 570.7
},
{
"x": 927.5,
"x": 967.5,
"y": 671.5
}
],

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

2
e2etests/testdata/regression/elk_img_empty_label_panic/dagre/board.exp.json generated vendored
View file

@ -57,7 +57,7 @@
"id": "ico",
"type": "rectangle",
"pos": {
"x": 168,
"x": 188,
"y": 14
},
"width": 100,

6
e2etests/testdata/regression/elk_img_empty_label_panic/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="472" height="332" viewBox="-102 -102 472 332"><style type="text/css">
width="492" height="332" viewBox="-102 -102 492 332"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,7 +39,7 @@ width="472" height="332" viewBox="-102 -102 472 332"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="img"><g class="shape" ><image href="https://icons.terrastruct.com/infra/019-network.svg" x="0" y="0" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="ico"><g class="shape" ><rect x="168" y="14" width="100" height="100" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><image href="https://icons.terrastruct.com/infra/019-network.svg" x="193.000000" y="39.000000" width="50" height="50" /></g><mask id="287866611" maskUnits="userSpaceOnUse" x="-100" y="-100" width="472" height="332">
<rect x="-100" y="-100" width="472" height="332" fill="white"></rect>
]]></script><g id="img"><g class="shape" ><image href="https://icons.terrastruct.com/infra/019-network.svg" x="0" y="0" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="ico"><g class="shape" ><rect x="188" y="14" width="100" height="100" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><image href="https://icons.terrastruct.com/infra/019-network.svg" x="213.000000" y="39.000000" width="50" height="50" /></g><mask id="2468208653" maskUnits="userSpaceOnUse" x="-100" y="-100" width="492" height="332">
<rect x="-100" y="-100" width="492" height="332" fill="white"></rect>
</mask><style type="text/css"><![CDATA[]]></style></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

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

@ -9,7 +9,7 @@
"x": 0,
"y": 41
},
"width": 226,
"width": 266,
"height": 125,
"opacity": 1,
"strokeDash": 0,
@ -47,7 +47,7 @@
"id": "x.a",
"type": "rectangle",
"pos": {
"x": 30,
"x": 40,
"y": 70
},
"width": 53,
@ -88,7 +88,7 @@
"id": "x.b",
"type": "rectangle",
"pos": {
"x": 143,
"x": 173,
"y": 70
},
"width": 53,
@ -153,56 +153,56 @@
"labelPercentage": 0,
"route": [
{
"x": 83,
"y": 84.69354838709677
"x": 93,
"y": 87.05172413793103
},
{
"x": 99,
"y": 73.33870967741936
"x": 114.33333333333334,
"y": 73.8103448275862
},
{
"x": 104,
"x": 121,
"y": 70.5
},
{
"x": 105.5,
"x": 123,
"y": 70.5
},
{
"x": 107,
"x": 125.00000000000001,
"y": 70.5
},
{
"x": 109,
"x": 127.66666666666667,
"y": 77.1
},
{
"x": 110.5,
"x": 129.66666666666669,
"y": 87
},
{
"x": 112,
"x": 131.66666666666666,
"y": 96.9
},
{
"x": 112,
"x": 131.66666666666666,
"y": 110.1
},
{
"x": 110.5,
"x": 129.66666666666669,
"y": 120
},
{
"x": 109,
"x": 127.66666666666667,
"y": 129.9
},
{
"x": 99,
"y": 133.66129032258064
"x": 114.33333333333334,
"y": 133.18965517241378
},
{
"x": 83,
"y": 122.30645161290323
"x": 93,
"y": 119.94827586206897
}
],
"isCurve": true,

6
e2etests/testdata/regression/elk_loop_panic/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="430" height="368" viewBox="-102 -100 430 368"><style type="text/css">
width="470" height="368" viewBox="-102 -100 470 368"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="430" height="368" viewBox="-102 -100 430 368"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="x"><g class="shape" ><rect x="0" y="41" width="226" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="113.000000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">x</text></g><g id="x.a"><g class="shape" ><rect x="30" y="70" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="56.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="x.b"><g class="shape" ><rect x="143" y="70" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="169.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="x.(a -&gt; a)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 84.631014 83.536054 C 99.000000 73.338710 104.000000 70.500000 105.500000 70.500000 C 107.000000 70.500000 109.000000 77.100000 110.500000 87.000000 C 112.000000 96.900000 112.000000 110.100000 110.500000 120.000000 C 109.000000 129.900000 99.000000 133.661290 86.262029 124.621440" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#211547927)"/></g><mask id="211547927" maskUnits="userSpaceOnUse" x="-100" y="-100" width="430" height="368">
<rect x="-100" y="-100" width="430" height="368" fill="white"></rect>
]]></script><g id="x"><g class="shape" ><rect x="0" y="41" width="266" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="133.000000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">x</text></g><g id="x.a"><g class="shape" ><rect x="40" y="70" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="66.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="x.b"><g class="shape" ><rect x="173" y="70" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="199.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="x.(a -&gt; a)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 94.699280 85.996998 C 114.333333 73.810345 121.000000 70.500000 123.000000 70.500000 C 125.000000 70.500000 127.666667 77.100000 129.666667 87.000000 C 131.666667 96.900000 131.666667 110.100000 129.666667 120.000000 C 127.666667 129.900000 114.333333 133.189655 96.398561 122.057727" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2732949407)"/></g><mask id="2732949407" maskUnits="userSpaceOnUse" x="-100" y="-100" width="470" height="368">
<rect x="-100" y="-100" width="470" height="368" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 649 KiB

After

Width:  |  Height:  |  Size: 649 KiB

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

@ -9,7 +9,7 @@
"x": 0,
"y": 148
},
"width": 806,
"width": 946,
"height": 166,
"opacity": 1,
"strokeDash": 0,
@ -46,7 +46,7 @@
"id": "queue.M0",
"type": "rectangle",
"pos": {
"x": 30,
"x": 40,
"y": 198
},
"width": 65,
@ -87,7 +87,7 @@
"id": "queue.M1",
"type": "rectangle",
"pos": {
"x": 135,
"x": 165,
"y": 198
},
"width": 65,
@ -128,7 +128,7 @@
"id": "queue.M2",
"type": "rectangle",
"pos": {
"x": 240,
"x": 290,
"y": 198
},
"width": 65,
@ -169,7 +169,7 @@
"id": "queue.M3",
"type": "rectangle",
"pos": {
"x": 345,
"x": 415,
"y": 198
},
"width": 65,
@ -210,7 +210,7 @@
"id": "queue.M4",
"type": "rectangle",
"pos": {
"x": 450,
"x": 540,
"y": 198
},
"width": 66,
@ -251,7 +251,7 @@
"id": "queue.M5",
"type": "rectangle",
"pos": {
"x": 556,
"x": 666,
"y": 198
},
"width": 65,
@ -292,7 +292,7 @@
"id": "queue.M6",
"type": "rectangle",
"pos": {
"x": 711,
"x": 841,
"y": 198
},
"width": 65,
@ -333,7 +333,7 @@
"id": "m0_desc",
"type": "text",
"pos": {
"x": 10,
"x": 20,
"y": 12
},
"width": 106,
@ -373,7 +373,7 @@
"id": "m2_desc",
"type": "text",
"pos": {
"x": 252,
"x": 302,
"y": 12
},
"width": 41,
@ -413,7 +413,7 @@
"id": "m5_desc",
"type": "text",
"pos": {
"x": 544,
"x": 654,
"y": 12
},
"width": 90,
@ -453,7 +453,7 @@
"id": "m6_desc",
"type": "text",
"pos": {
"x": 674,
"x": 804,
"y": 0
},
"width": 140,
@ -517,19 +517,19 @@
"labelPercentage": 0,
"route": [
{
"x": 62.5,
"x": 72.5,
"y": 36
},
{
"x": 62.5,
"x": 72.5,
"y": 85.6
},
{
"x": 62.5,
"x": 72.5,
"y": 158
},
{
"x": 62.5,
"x": 72.5,
"y": 198
}
],
@ -565,19 +565,19 @@
"labelPercentage": 0,
"route": [
{
"x": 272.5,
"x": 322.5,
"y": 36
},
{
"x": 272.5,
"x": 322.5,
"y": 85.6
},
{
"x": 272.5,
"x": 322.5,
"y": 158
},
{
"x": 272.5,
"x": 322.5,
"y": 198
}
],
@ -613,19 +613,19 @@
"labelPercentage": 0,
"route": [
{
"x": 588.5,
"x": 698.5,
"y": 36
},
{
"x": 588.5,
"x": 698.5,
"y": 85.6
},
{
"x": 588.5,
"x": 698.5,
"y": 158
},
{
"x": 588.5,
"x": 698.5,
"y": 198
}
],
@ -661,19 +661,19 @@
"labelPercentage": 0,
"route": [
{
"x": 743.5,
"x": 873.5,
"y": 48
},
{
"x": 743.5,
"x": 873.5,
"y": 88
},
{
"x": 743.5,
"x": 873.5,
"y": 158
},
{
"x": 743.5,
"x": 873.5,
"y": 198
}
],

14
e2etests/testdata/regression/elk_order/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="1018" height="518" viewBox="-102 -102 1018 518"><style type="text/css">
width="1150" height="518" viewBox="-102 -102 1150 518"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -796,13 +796,13 @@ width="1018" height="518" viewBox="-102 -102 1018 518"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g id="queue"><g class="shape" ><path d="M 24 148 H 782 C 806 148 806 223 806 231 C 806 239 806 314 782 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 782 148 C 758 148 758 223 758 231 C 758 239 758 314 782 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="10.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="252.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="544.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="674.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 />
</style><g id="queue"><g class="shape" ><path d="M 24 148 H 922 C 946 148 946 223 946 231 C 946 239 946 314 922 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 922 148 C 898 148 898 223 898 231 C 898 239 898 314 922 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="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="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="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="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>
</div></foreignObject></g></g><g id="queue.M0"><g class="shape" ><rect x="30" y="198" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="62.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="135" y="198" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="167.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="240" y="198" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="272.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="345" y="198" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="377.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="450" y="198" width="66" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="483.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="556" y="198" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="588.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="711" y="198" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="743.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 62.500000 38.000000 C 62.500000 85.600000 62.500000 158.000000 62.500000 194.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4126088775)"/></g><g id="(m2_desc -&gt; queue.M2)[0]"><path d="M 272.500000 38.000000 C 272.500000 85.600000 272.500000 158.000000 272.500000 194.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4126088775)"/></g><g id="(m5_desc -&gt; queue.M5)[0]"><path d="M 588.500000 38.000000 C 588.500000 85.600000 588.500000 158.000000 588.500000 194.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4126088775)"/></g><g id="(m6_desc -&gt; queue.M6)[0]"><path d="M 743.500000 50.000000 C 743.500000 88.000000 743.500000 158.000000 743.500000 194.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4126088775)"/></g><mask id="4126088775" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1018" height="518">
<rect x="-100" y="-100" width="1018" height="518" fill="white"></rect>
</div></foreignObject></g></g><g id="queue.M0"><g class="shape" ><rect x="40" y="198" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="72.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="165" y="198" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="197.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="290" y="198" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="322.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="415" y="198" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="447.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="540" y="198" width="66" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="573.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="666" y="198" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="698.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="841" y="198" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="873.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 72.500000 38.000000 C 72.500000 85.600000 72.500000 158.000000 72.500000 194.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1682804903)"/></g><g id="(m2_desc -&gt; queue.M2)[0]"><path d="M 322.500000 38.000000 C 322.500000 85.600000 322.500000 158.000000 322.500000 194.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1682804903)"/></g><g id="(m5_desc -&gt; queue.M5)[0]"><path d="M 698.500000 38.000000 C 698.500000 85.600000 698.500000 158.000000 698.500000 194.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1682804903)"/></g><g id="(m6_desc -&gt; queue.M6)[0]"><path d="M 873.500000 50.000000 C 873.500000 88.000000 873.500000 158.000000 873.500000 194.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1682804903)"/></g><mask id="1682804903" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1150" height="518">
<rect x="-100" y="-100" width="1150" height="518" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 664 KiB

After

Width:  |  Height:  |  Size: 664 KiB

2
e2etests/testdata/regression/empty_class_height/dagre/board.exp.json generated vendored
View file

@ -60,7 +60,7 @@
"id": "class2",
"type": "class",
"pos": {
"x": 359,
"x": 379,
"y": 46
},
"width": 362,

6
e2etests/testdata/regression/empty_class_height/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="925" height="388" viewBox="-102 -102 925 388"><style type="text/css">
width="945" height="388" viewBox="-102 -102 945 388"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -43,8 +43,8 @@ width="925" height="388" viewBox="-102 -102 925 388"><style type="text/css">
<text class="text-mono" x="30.000000" y="120.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">num</text>
<text class="text-mono" x="299.000000" y="120.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="166.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
<text class="text-mono" x="30.000000" y="166.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">timeout</text>
<text class="text-mono" x="299.000000" y="166.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><line x1="0.000000" y1="184.000000" x2="319.000000" y2="184.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><g id="class2"><g class="shape" ><rect class="shape" x="359" y="46" width="362" height="92" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="359.000000" y="46.000000" width="362.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="540.000000" y="99.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">class without rows</text><line x1="359.000000" y1="138.000000" x2="721.000000" y2="138.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><mask id="831409584" maskUnits="userSpaceOnUse" x="-100" y="-100" width="925" height="388">
<rect x="-100" y="-100" width="925" height="388" fill="white"></rect>
<text class="text-mono" x="299.000000" y="166.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><line x1="0.000000" y1="184.000000" x2="319.000000" y2="184.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><g id="class2"><g class="shape" ><rect class="shape" x="379" y="46" width="362" height="92" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="379.000000" y="46.000000" width="362.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="560.000000" y="99.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">class without rows</text><line x1="379.000000" y1="138.000000" x2="741.000000" y2="138.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><mask id="201479814" maskUnits="userSpaceOnUse" x="-100" y="-100" width="945" height="388">
<rect x="-100" y="-100" width="945" height="388" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text-mono {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 184 KiB

After

Width:  |  Height:  |  Size: 184 KiB

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

@ -47,7 +47,7 @@
"id": "y",
"type": "text",
"pos": {
"x": 228,
"x": 248,
"y": 21
},
"width": 304,

8
e2etests/testdata/regression/opacity-on-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="734" height="473" viewBox="-100 -102 734 473"><style type="text/css">
width="754" height="473" viewBox="-100 -102 754 473"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -796,9 +796,9 @@ width="734" height="473" viewBox="-100 -102 734 473"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
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="228.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(#1776472571)"/><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="1776472571" maskUnits="userSpaceOnUse" x="-100" y="-100" width="734" height="473">
<rect x="-100" y="-100" width="734" height="473" fill="white"></rect>
</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">
<rect x="-100" y="-100" width="754" height="473" fill="white"></rect>
<rect x="0.000000" y="116.000000" width="322" height="37" fill="black"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 804 KiB

After

Width:  |  Height:  |  Size: 804 KiB

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

@ -9,7 +9,7 @@
"x": 0,
"y": 41
},
"width": 1106,
"width": 1221,
"height": 125,
"opacity": 1,
"strokeDash": 0,
@ -47,7 +47,7 @@
"id": "k8s.m1",
"type": "rectangle",
"pos": {
"x": 81,
"x": 86,
"y": 70
},
"width": 132,
@ -88,7 +88,7 @@
"id": "k8s.m2",
"type": "rectangle",
"pos": {
"x": 253,
"x": 278,
"y": 70
},
"width": 132,
@ -129,7 +129,7 @@
"id": "k8s.m3",
"type": "rectangle",
"pos": {
"x": 425,
"x": 470,
"y": 70
},
"width": 132,
@ -170,7 +170,7 @@
"id": "k8s.w1",
"type": "rectangle",
"pos": {
"x": 597,
"x": 662,
"y": 70
},
"width": 133,
@ -211,7 +211,7 @@
"id": "k8s.w2",
"type": "rectangle",
"pos": {
"x": 770,
"x": 855,
"y": 70
},
"width": 133,
@ -252,7 +252,7 @@
"id": "k8s.w3",
"type": "rectangle",
"pos": {
"x": 943,
"x": 1048,
"y": 70
},
"width": 133,
@ -296,7 +296,7 @@
"x": 0,
"y": 328
},
"width": 375,
"width": 395,
"height": 125,
"opacity": 1,
"strokeDash": 0,
@ -334,7 +334,7 @@
"id": "osvc.vm1",
"type": "rectangle",
"pos": {
"x": 126,
"x": 131,
"y": 357
},
"width": 76,
@ -375,7 +375,7 @@
"id": "osvc.vm2",
"type": "rectangle",
"pos": {
"x": 269,
"x": 279,
"y": 357
},
"width": 76,
@ -440,19 +440,19 @@
"labelPercentage": 0,
"route": [
{
"x": 54,
"x": 59,
"y": 166
},
{
"x": 54,
"x": 59,
"y": 214.4
},
{
"x": 54,
"x": 59,
"y": 246.9
},
{
"x": 54,
"x": 59,
"y": 328.5
}
],
@ -488,19 +488,19 @@
"labelPercentage": 0,
"route": [
{
"x": 136,
"x": 141,
"y": 166
},
{
"x": 136,
"x": 141,
"y": 214.4
},
{
"x": 136,
"x": 141,
"y": 246.9
},
{
"x": 136,
"x": 141,
"y": 328.5
}
],
@ -536,19 +536,19 @@
"labelPercentage": 0,
"route": [
{
"x": 212,
"x": 217,
"y": 166
},
{
"x": 212,
"x": 217,
"y": 214.4
},
{
"x": 212,
"x": 217,
"y": 246.9
},
{
"x": 212,
"x": 217,
"y": 328.5
}
],
@ -584,19 +584,19 @@
"labelPercentage": 0,
"route": [
{
"x": 273,
"x": 278,
"y": 166
},
{
"x": 273,
"x": 278,
"y": 214.4
},
{
"x": 273,
"x": 278,
"y": 246.9
},
{
"x": 273,
"x": 278,
"y": 328.5
}
],

14
e2etests/testdata/regression/overlapping-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="1310" height="655" viewBox="-102 -100 1310 655"><style type="text/css">
width="1425" height="655" viewBox="-102 -100 1425 655"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,12 +39,12 @@ width="1310" height="655" viewBox="-102 -100 1310 655"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="k8s"><g class="shape" ><rect x="0" y="41" width="1106" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="553.000000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">Kubernetes</text></g><g id="osvc"><g class="shape" ><rect x="0" y="328" width="375" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="187.500000" y="315.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">opensvc</text></g><g id="k8s.m1"><g class="shape" ><rect x="81" y="70" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="147.000000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master1</text></g><g id="k8s.m2"><g class="shape" ><rect x="253" y="70" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="319.000000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master2</text></g><g id="k8s.m3"><g class="shape" ><rect x="425" y="70" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="491.000000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master3</text></g><g id="k8s.w1"><g class="shape" ><rect x="597" y="70" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="663.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker1</text></g><g id="k8s.w2"><g class="shape" ><rect x="770" y="70" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="836.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker2</text></g><g id="k8s.w3"><g class="shape" ><rect x="943" y="70" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1009.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker3</text></g><g id="osvc.vm1"><g class="shape" ><rect x="126" y="357" width="76" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="164.000000" y="395.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">VM1</text></g><g id="osvc.vm2"><g class="shape" ><rect x="269" y="357" width="76" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="307.000000" y="395.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">VM2</text></g><g id="(k8s -&gt; osvc)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 54.000000 168.000000 C 54.000000 214.400000 54.000000 246.900000 54.000000 324.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1666635389)"/><text class="text-italic" x="54.500000" y="253.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">keycloak</text></g><g id="(k8s -&gt; osvc)[1]"><path d="M 136.000000 168.000000 C 136.000000 214.400000 136.000000 246.900000 136.000000 324.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1666635389)"/><text class="text-italic" x="136.500000" y="253.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">heptapod</text></g><g id="(k8s -&gt; osvc)[2]"><path d="M 212.000000 168.000000 C 212.000000 214.400000 212.000000 246.900000 212.000000 324.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1666635389)"/><text class="text-italic" x="212.500000" y="253.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">harbor</text></g><g id="(k8s -&gt; osvc)[3]"><path d="M 273.000000 168.000000 C 273.000000 214.400000 273.000000 246.900000 273.000000 324.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1666635389)"/><text class="text-italic" x="273.500000" y="253.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">vault</text></g><mask id="1666635389" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1310" height="655">
<rect x="-100" y="-100" width="1310" height="655" fill="white"></rect>
<rect x="25.000000" y="237.000000" width="59" height="21" fill="black"></rect>
<rect x="104.000000" y="237.000000" width="65" height="21" fill="black"></rect>
<rect x="189.000000" y="237.000000" width="47" height="21" fill="black"></rect>
<rect x="256.000000" y="237.000000" width="35" height="21" fill="black"></rect>
]]></script><g id="k8s"><g class="shape" ><rect x="0" y="41" width="1221" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="610.500000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">Kubernetes</text></g><g id="osvc"><g class="shape" ><rect x="0" y="328" width="395" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="197.500000" y="315.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">opensvc</text></g><g id="k8s.m1"><g class="shape" ><rect x="86" y="70" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="152.000000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master1</text></g><g id="k8s.m2"><g class="shape" ><rect x="278" y="70" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="344.000000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master2</text></g><g id="k8s.m3"><g class="shape" ><rect x="470" y="70" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="536.000000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master3</text></g><g id="k8s.w1"><g class="shape" ><rect x="662" y="70" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="728.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker1</text></g><g id="k8s.w2"><g class="shape" ><rect x="855" y="70" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="921.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker2</text></g><g id="k8s.w3"><g class="shape" ><rect x="1048" y="70" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1114.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker3</text></g><g id="osvc.vm1"><g class="shape" ><rect x="131" y="357" width="76" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="169.000000" y="395.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">VM1</text></g><g id="osvc.vm2"><g class="shape" ><rect x="279" y="357" width="76" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="317.000000" y="395.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">VM2</text></g><g id="(k8s -&gt; osvc)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 59.000000 168.000000 C 59.000000 214.400000 59.000000 246.900000 59.000000 324.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1964916300)"/><text class="text-italic" x="59.500000" y="253.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">keycloak</text></g><g id="(k8s -&gt; osvc)[1]"><path d="M 141.000000 168.000000 C 141.000000 214.400000 141.000000 246.900000 141.000000 324.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1964916300)"/><text class="text-italic" x="141.500000" y="253.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">heptapod</text></g><g id="(k8s -&gt; osvc)[2]"><path d="M 217.000000 168.000000 C 217.000000 214.400000 217.000000 246.900000 217.000000 324.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1964916300)"/><text class="text-italic" x="217.500000" y="253.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">harbor</text></g><g id="(k8s -&gt; osvc)[3]"><path d="M 278.000000 168.000000 C 278.000000 214.400000 278.000000 246.900000 278.000000 324.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1964916300)"/><text class="text-italic" x="278.500000" y="253.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">vault</text></g><mask id="1964916300" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1425" height="655">
<rect x="-100" y="-100" width="1425" height="655" fill="white"></rect>
<rect x="30.000000" y="237.000000" width="59" height="21" fill="black"></rect>
<rect x="109.000000" y="237.000000" width="65" height="21" fill="black"></rect>
<rect x="194.000000" y="237.000000" width="47" height="21" fill="black"></rect>
<rect x="261.000000" y="237.000000" width="35" 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

2
e2etests/testdata/regression/sql_table_overflow/dagre/board.exp.json generated vendored
View file

@ -106,7 +106,7 @@
"id": "table_constrained",
"type": "sql_table",
"pos": {
"x": 574,
"x": 594,
"y": 0
},
"width": 594,

14
e2etests/testdata/regression/sql_table_overflow/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="1372" height="312" viewBox="-102 -102 1372 312"><style type="text/css">
width="1392" height="312" viewBox="-102 -102 1392 312"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -43,12 +43,12 @@ width="1372" height="312" viewBox="-102 -102 1372 312"><style type="text/css">
<text class="text" x="272.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">loooooooooooooooooooong</text>
<text class="text" x="514.000000" y="59.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="72.000000" x2="534.000000" y2="72.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">loooooooooooooooooooong</text>
<text class="text" x="272.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">short</text>
<text class="text" x="514.000000" y="95.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="108.000000" x2="534.000000" y2="108.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="table_constrained"><g class="shape" ><rect class="shape" x="574" y="0" width="594" height="108" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="574.000000" y="0.000000" width="594.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="584.000000" y="25.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">sql_table_constrained_overflow</text><text class="text" x="584.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">short</text>
<text class="text" x="846.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">loooooooooooooooooooong</text>
<text class="text" x="1148.000000" y="59.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;">UNQ</text><line x1="574.000000" y1="72.000000" x2="1168.000000" y2="72.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="584.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">loooooooooooooooooooong</text>
<text class="text" x="846.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">short</text>
<text class="text" x="1148.000000" y="95.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;">FK</text><line x1="574.000000" y1="108.000000" x2="1168.000000" y2="108.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><mask id="95924402" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1372" height="312">
<rect x="-100" y="-100" width="1372" height="312" fill="white"></rect>
<text class="text" x="514.000000" y="95.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="108.000000" x2="534.000000" y2="108.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="table_constrained"><g class="shape" ><rect class="shape" x="594" y="0" width="594" height="108" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="594.000000" y="0.000000" width="594.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="604.000000" y="25.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">sql_table_constrained_overflow</text><text class="text" x="604.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">short</text>
<text class="text" x="866.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">loooooooooooooooooooong</text>
<text class="text" x="1168.000000" y="59.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;">UNQ</text><line x1="594.000000" y1="72.000000" x2="1188.000000" y2="72.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="604.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">loooooooooooooooooooong</text>
<text class="text" x="866.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">short</text>
<text class="text" x="1168.000000" y="95.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;">FK</text><line x1="594.000000" y1="108.000000" x2="1188.000000" y2="108.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><mask id="3897867896" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1392" height="312">
<rect x="-100" y="-100" width="1392" height="312" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 328 KiB

After

Width:  |  Height:  |  Size: 328 KiB

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

@ -6,7 +6,7 @@
"id": "a",
"type": "rectangle",
"pos": {
"x": 47,
"x": 57,
"y": 0
},
"width": 53,
@ -88,7 +88,7 @@
"id": "c",
"type": "rectangle",
"pos": {
"x": 93,
"x": 113,
"y": 166
},
"width": 53,
@ -153,11 +153,11 @@
"labelPercentage": 0,
"route": [
{
"x": 54.51204819277108,
"x": 60.536144578313255,
"y": 66
},
{
"x": 32.102409638554214,
"x": 33.30722891566265,
"y": 106
},
{
@ -201,19 +201,19 @@
"labelPercentage": 0,
"route": [
{
"x": 91.48795180722891,
"x": 105.46385542168674,
"y": 66
},
{
"x": 113.89759036144578,
"x": 132.69277108433735,
"y": 106
},
{
"x": 119.5,
"x": 139.5,
"y": 126
},
{
"x": 119.5,
"x": 139.5,
"y": 166
}
],

6
e2etests/testdata/sanity/1_to_2/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="350" height="436" viewBox="-102 -102 350 436"><style type="text/css">
width="370" height="436" viewBox="-102 -102 370 436"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="350" height="436" viewBox="-102 -102 350 436"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="a"><g class="shape" ><rect x="47" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="73.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="93" y="166" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="119.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 53.534521 67.744833 C 32.102410 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(#3547766744)"/></g><g id="(a -&gt; c)[0]"><path d="M 92.465479 67.744833 C 113.897590 106.000000 119.500000 126.000000 119.500000 162.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3547766744)"/></g><mask id="3547766744" maskUnits="userSpaceOnUse" x="-100" y="-100" width="350" height="436">
<rect x="-100" y="-100" width="350" height="436" fill="white"></rect>
]]></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">
<rect x="-100" y="-100" width="370" height="436" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text-bold {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 326 KiB

After

Width:  |  Height:  |  Size: 326 KiB

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

@ -9,7 +9,7 @@
"x": 1,
"y": 41
},
"width": 113,
"width": 133,
"height": 125,
"opacity": 1,
"strokeDash": 0,
@ -47,7 +47,7 @@
"id": "a.b",
"type": "rectangle",
"pos": {
"x": 31,
"x": 41,
"y": 70
},
"width": 53,
@ -91,7 +91,7 @@
"x": 0,
"y": 307
},
"width": 114,
"width": 134,
"height": 125,
"opacity": 1,
"strokeDash": 0,
@ -129,7 +129,7 @@
"id": "c.d",
"type": "rectangle",
"pos": {
"x": 30,
"x": 40,
"y": 336
},
"width": 54,
@ -194,31 +194,31 @@
"labelPercentage": 0,
"route": [
{
"x": 57,
"x": 67,
"y": 136.5
},
{
"x": 57,
"x": 67,
"y": 160.1
},
{
"x": 57,
"x": 67,
"y": 176
},
{
"x": 57,
"x": 67,
"y": 191
},
{
"x": 57,
"x": 67,
"y": 206
},
{
"x": 57,
"x": 67,
"y": 280.1
},
{
"x": 57,
"x": 67,
"y": 336.5
}
],

6
e2etests/testdata/sanity/child_to_child/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="318" height="634" viewBox="-102 -100 318 634"><style type="text/css">
width="338" height="634" viewBox="-102 -100 338 634"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="318" height="634" viewBox="-102 -100 318 634"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="a"><g class="shape" ><rect x="1" y="41" width="113" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="57.500000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="0" y="307" width="114" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="57.000000" y="294.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="a.b"><g class="shape" ><rect x="31" y="70" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="57.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="30" y="336" width="54" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="57.000000" y="374.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a.b -&gt; c.d)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 57.000000 138.500000 C 57.000000 160.100000 57.000000 176.000000 57.000000 191.000000 C 57.000000 206.000000 57.000000 280.100000 57.000000 332.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2621917515)"/></g><mask id="2621917515" maskUnits="userSpaceOnUse" x="-100" y="-100" width="318" height="634">
<rect x="-100" y="-100" width="318" height="634" fill="white"></rect>
]]></script><g id="a"><g class="shape" ><rect x="1" y="41" width="133" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="67.500000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="0" y="307" width="134" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="67.000000" y="294.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="a.b"><g class="shape" ><rect x="41" y="70" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="67.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="40" y="336" width="54" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="67.000000" y="374.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a.b -&gt; c.d)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 67.000000 138.500000 C 67.000000 160.100000 67.000000 176.000000 67.000000 191.000000 C 67.000000 206.000000 67.000000 280.100000 67.000000 332.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#180528842)"/></g><mask id="180528842" maskUnits="userSpaceOnUse" x="-100" y="-100" width="338" height="634">
<rect x="-100" y="-100" width="338" height="634" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 649 KiB

After

Width:  |  Height:  |  Size: 649 KiB

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

@ -129,7 +129,7 @@
"id": "parallelogram",
"type": "parallelogram",
"pos": {
"x": 151,
"x": 171,
"y": 13
},
"width": 196,
@ -170,7 +170,7 @@
"id": "document",
"type": "document",
"pos": {
"x": 191,
"x": 211,
"y": 201
},
"width": 117,
@ -211,7 +211,7 @@
"id": "cylinder",
"type": "cylinder",
"pos": {
"x": 197,
"x": 217,
"y": 386
},
"width": 104,
@ -252,7 +252,7 @@
"id": "queue",
"type": "queue",
"pos": {
"x": 387,
"x": 427,
"y": 13
},
"width": 141,
@ -293,7 +293,7 @@
"id": "package",
"type": "package",
"pos": {
"x": 406,
"x": 446,
"y": 203
},
"width": 103,
@ -334,7 +334,7 @@
"id": "step",
"type": "step",
"pos": {
"x": 400,
"x": 440,
"y": 395
},
"width": 116,
@ -375,7 +375,7 @@
"id": "callout",
"type": "callout",
"pos": {
"x": 586,
"x": 646,
"y": 1
},
"width": 95,
@ -416,7 +416,7 @@
"id": "stored_data",
"type": "stored_data",
"pos": {
"x": 558,
"x": 618,
"y": 206
},
"width": 151,
@ -457,7 +457,7 @@
"id": "person",
"type": "person",
"pos": {
"x": 556,
"x": 616,
"y": 394
},
"width": 155,
@ -498,7 +498,7 @@
"id": "diamond",
"type": "diamond",
"pos": {
"x": 721,
"x": 801,
"y": 0
},
"width": 156,
@ -539,7 +539,7 @@
"id": "oval",
"type": "oval",
"pos": {
"x": 750,
"x": 830,
"y": 204
},
"width": 97,
@ -580,7 +580,7 @@
"id": "circle",
"type": "oval",
"pos": {
"x": 753,
"x": 833,
"y": 400
},
"width": 91,
@ -621,7 +621,7 @@
"id": "hexagon",
"type": "hexagon",
"pos": {
"x": 917,
"x": 1017,
"y": 12
},
"width": 128,
@ -662,7 +662,7 @@
"id": "cloud",
"type": "cloud",
"pos": {
"x": 929,
"x": 1029,
"y": 197
},
"width": 104,
@ -823,19 +823,19 @@
"labelPercentage": 0,
"route": [
{
"x": 249,
"x": 269,
"y": 79
},
{
"x": 249,
"x": 269,
"y": 129.4
},
{
"x": 249,
"x": 269,
"y": 153.8
},
{
"x": 249,
"x": 269,
"y": 201
}
],
@ -871,19 +871,19 @@
"labelPercentage": 0,
"route": [
{
"x": 249,
"x": 269,
"y": 267
},
{
"x": 249,
"x": 269,
"y": 322.2
},
{
"x": 249,
"x": 269,
"y": 346
},
{
"x": 249,
"x": 269,
"y": 386
}
],
@ -919,19 +919,19 @@
"labelPercentage": 0,
"route": [
{
"x": 457,
"x": 497,
"y": 79
},
{
"x": 457.4,
"x": 497.4,
"y": 129.4
},
{
"x": 457.6,
"x": 497.6,
"y": 154.2
},
{
"x": 458,
"x": 498,
"y": 203
}
],
@ -967,19 +967,19 @@
"labelPercentage": 0,
"route": [
{
"x": 457,
"x": 497,
"y": 276
},
{
"x": 457.4,
"x": 497.4,
"y": 324
},
{
"x": 457.6,
"x": 497.6,
"y": 347.8
},
{
"x": 458,
"x": 498,
"y": 395
}
],
@ -1015,19 +1015,19 @@
"labelPercentage": 0,
"route": [
{
"x": 633,
"x": 693,
"y": 47
},
{
"x": 633,
"x": 693,
"y": 123
},
{
"x": 633,
"x": 693,
"y": 154.8
},
{
"x": 633,
"x": 693,
"y": 206
}
],
@ -1063,19 +1063,19 @@
"labelPercentage": 0,
"route": [
{
"x": 633,
"x": 693,
"y": 272
},
{
"x": 633,
"x": 693,
"y": 323.2
},
{
"x": 633,
"x": 693,
"y": 347.6
},
{
"x": 633,
"x": 693,
"y": 394
}
],
@ -1111,19 +1111,19 @@
"labelPercentage": 0,
"route": [
{
"x": 799,
"x": 879,
"y": 92
},
{
"x": 798.6,
"x": 878.6,
"y": 132
},
{
"x": 798.6,
"x": 878.6,
"y": 154.4
},
{
"x": 799,
"x": 879,
"y": 204
}
],
@ -1159,19 +1159,19 @@
"labelPercentage": 0,
"route": [
{
"x": 799,
"x": 879,
"y": 274
},
{
"x": 798.6,
"x": 878.6,
"y": 323.6
},
{
"x": 798.6,
"x": 878.6,
"y": 348.8
},
{
"x": 799,
"x": 879,
"y": 400
}
],
@ -1207,19 +1207,19 @@
"labelPercentage": 0,
"route": [
{
"x": 981,
"x": 1081,
"y": 81
},
{
"x": 980.6,
"x": 1080.6,
"y": 129.8
},
{
"x": 980.6,
"x": 1080.6,
"y": 153.4
},
{
"x": 981,
"x": 1081,
"y": 199
}
],

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

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

@ -129,7 +129,7 @@
"id": "parallelogram",
"type": "parallelogram",
"pos": {
"x": 151,
"x": 171,
"y": 13
},
"width": 196,
@ -170,7 +170,7 @@
"id": "document",
"type": "document",
"pos": {
"x": 191,
"x": 211,
"y": 201
},
"width": 117,
@ -211,7 +211,7 @@
"id": "cylinder",
"type": "cylinder",
"pos": {
"x": 197,
"x": 217,
"y": 386
},
"width": 104,
@ -252,7 +252,7 @@
"id": "queue",
"type": "queue",
"pos": {
"x": 387,
"x": 427,
"y": 13
},
"width": 141,
@ -293,7 +293,7 @@
"id": "package",
"type": "package",
"pos": {
"x": 406,
"x": 446,
"y": 203
},
"width": 103,
@ -334,7 +334,7 @@
"id": "step",
"type": "step",
"pos": {
"x": 400,
"x": 440,
"y": 395
},
"width": 116,
@ -375,7 +375,7 @@
"id": "callout",
"type": "callout",
"pos": {
"x": 586,
"x": 646,
"y": 1
},
"width": 95,
@ -416,7 +416,7 @@
"id": "stored_data",
"type": "stored_data",
"pos": {
"x": 558,
"x": 618,
"y": 206
},
"width": 151,
@ -457,7 +457,7 @@
"id": "person",
"type": "person",
"pos": {
"x": 556,
"x": 616,
"y": 394
},
"width": 155,
@ -498,7 +498,7 @@
"id": "diamond",
"type": "diamond",
"pos": {
"x": 721,
"x": 801,
"y": 0
},
"width": 156,
@ -539,7 +539,7 @@
"id": "oval",
"type": "oval",
"pos": {
"x": 750,
"x": 830,
"y": 204
},
"width": 97,
@ -580,7 +580,7 @@
"id": "circle",
"type": "oval",
"pos": {
"x": 753,
"x": 833,
"y": 400
},
"width": 91,
@ -621,7 +621,7 @@
"id": "hexagon",
"type": "hexagon",
"pos": {
"x": 917,
"x": 1017,
"y": 12
},
"width": 128,
@ -662,7 +662,7 @@
"id": "cloud",
"type": "cloud",
"pos": {
"x": 929,
"x": 1029,
"y": 197
},
"width": 104,
@ -823,19 +823,19 @@
"labelPercentage": 0,
"route": [
{
"x": 249,
"x": 269,
"y": 79
},
{
"x": 249,
"x": 269,
"y": 129.4
},
{
"x": 249,
"x": 269,
"y": 153.8
},
{
"x": 249,
"x": 269,
"y": 201
}
],
@ -871,19 +871,19 @@
"labelPercentage": 0,
"route": [
{
"x": 249,
"x": 269,
"y": 267
},
{
"x": 249,
"x": 269,
"y": 322.2
},
{
"x": 249,
"x": 269,
"y": 346
},
{
"x": 249,
"x": 269,
"y": 386
}
],
@ -919,19 +919,19 @@
"labelPercentage": 0,
"route": [
{
"x": 457,
"x": 497,
"y": 79
},
{
"x": 457.4,
"x": 497.4,
"y": 129.4
},
{
"x": 457.6,
"x": 497.6,
"y": 154.2
},
{
"x": 458,
"x": 498,
"y": 203
}
],
@ -967,19 +967,19 @@
"labelPercentage": 0,
"route": [
{
"x": 457,
"x": 497,
"y": 276
},
{
"x": 457.4,
"x": 497.4,
"y": 324
},
{
"x": 457.6,
"x": 497.6,
"y": 347.8
},
{
"x": 458,
"x": 498,
"y": 395
}
],
@ -1015,19 +1015,19 @@
"labelPercentage": 0,
"route": [
{
"x": 633,
"x": 693,
"y": 47
},
{
"x": 633,
"x": 693,
"y": 123
},
{
"x": 633,
"x": 693,
"y": 154.8
},
{
"x": 633,
"x": 693,
"y": 206
}
],
@ -1063,19 +1063,19 @@
"labelPercentage": 0,
"route": [
{
"x": 633,
"x": 693,
"y": 272
},
{
"x": 633,
"x": 693,
"y": 323.2
},
{
"x": 633,
"x": 693,
"y": 347.6
},
{
"x": 633,
"x": 693,
"y": 394
}
],
@ -1111,19 +1111,19 @@
"labelPercentage": 0,
"route": [
{
"x": 799,
"x": 879,
"y": 92
},
{
"x": 798.6,
"x": 878.6,
"y": 132
},
{
"x": 798.6,
"x": 878.6,
"y": 154.4
},
{
"x": 799,
"x": 879,
"y": 204
}
],
@ -1159,19 +1159,19 @@
"labelPercentage": 0,
"route": [
{
"x": 799,
"x": 879,
"y": 274
},
{
"x": 798.6,
"x": 878.6,
"y": 323.6
},
{
"x": 798.6,
"x": 878.6,
"y": 348.8
},
{
"x": 799,
"x": 879,
"y": 400
}
],
@ -1207,19 +1207,19 @@
"labelPercentage": 0,
"route": [
{
"x": 981,
"x": 1081,
"y": 81
},
{
"x": 980.6,
"x": 1080.6,
"y": 129.8
},
{
"x": 980.6,
"x": 1080.6,
"y": 153.4
},
{
"x": 981,
"x": 1081,
"y": 199
}
],

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

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

@ -129,7 +129,7 @@
"id": "parallelogram",
"type": "parallelogram",
"pos": {
"x": 151,
"x": 171,
"y": 13
},
"width": 196,
@ -170,7 +170,7 @@
"id": "document",
"type": "document",
"pos": {
"x": 191,
"x": 211,
"y": 201
},
"width": 117,
@ -211,7 +211,7 @@
"id": "cylinder",
"type": "cylinder",
"pos": {
"x": 197,
"x": 217,
"y": 386
},
"width": 104,
@ -252,7 +252,7 @@
"id": "queue",
"type": "queue",
"pos": {
"x": 387,
"x": 427,
"y": 13
},
"width": 141,
@ -293,7 +293,7 @@
"id": "package",
"type": "package",
"pos": {
"x": 406,
"x": 446,
"y": 203
},
"width": 103,
@ -334,7 +334,7 @@
"id": "step",
"type": "step",
"pos": {
"x": 400,
"x": 440,
"y": 395
},
"width": 116,
@ -375,7 +375,7 @@
"id": "callout",
"type": "callout",
"pos": {
"x": 586,
"x": 646,
"y": 1
},
"width": 95,
@ -416,7 +416,7 @@
"id": "stored_data",
"type": "stored_data",
"pos": {
"x": 558,
"x": 618,
"y": 206
},
"width": 151,
@ -457,7 +457,7 @@
"id": "person",
"type": "person",
"pos": {
"x": 556,
"x": 616,
"y": 394
},
"width": 155,
@ -498,7 +498,7 @@
"id": "diamond",
"type": "diamond",
"pos": {
"x": 721,
"x": 801,
"y": 0
},
"width": 156,
@ -539,7 +539,7 @@
"id": "oval",
"type": "oval",
"pos": {
"x": 750,
"x": 830,
"y": 204
},
"width": 97,
@ -580,7 +580,7 @@
"id": "circle",
"type": "oval",
"pos": {
"x": 753,
"x": 833,
"y": 400
},
"width": 91,
@ -621,7 +621,7 @@
"id": "hexagon",
"type": "hexagon",
"pos": {
"x": 917,
"x": 1017,
"y": 12
},
"width": 128,
@ -662,7 +662,7 @@
"id": "cloud",
"type": "cloud",
"pos": {
"x": 929,
"x": 1029,
"y": 197
},
"width": 104,
@ -823,19 +823,19 @@
"labelPercentage": 0,
"route": [
{
"x": 249,
"x": 269,
"y": 79
},
{
"x": 249,
"x": 269,
"y": 129.4
},
{
"x": 249,
"x": 269,
"y": 153.8
},
{
"x": 249,
"x": 269,
"y": 201
}
],
@ -871,19 +871,19 @@
"labelPercentage": 0,
"route": [
{
"x": 249,
"x": 269,
"y": 267
},
{
"x": 249,
"x": 269,
"y": 322.2
},
{
"x": 249,
"x": 269,
"y": 346
},
{
"x": 249,
"x": 269,
"y": 386
}
],
@ -919,19 +919,19 @@
"labelPercentage": 0,
"route": [
{
"x": 457,
"x": 497,
"y": 79
},
{
"x": 457.4,
"x": 497.4,
"y": 129.4
},
{
"x": 457.6,
"x": 497.6,
"y": 154.2
},
{
"x": 458,
"x": 498,
"y": 203
}
],
@ -967,19 +967,19 @@
"labelPercentage": 0,
"route": [
{
"x": 457,
"x": 497,
"y": 276
},
{
"x": 457.4,
"x": 497.4,
"y": 324
},
{
"x": 457.6,
"x": 497.6,
"y": 347.8
},
{
"x": 458,
"x": 498,
"y": 395
}
],
@ -1015,19 +1015,19 @@
"labelPercentage": 0,
"route": [
{
"x": 633,
"x": 693,
"y": 47
},
{
"x": 633,
"x": 693,
"y": 123
},
{
"x": 633,
"x": 693,
"y": 154.8
},
{
"x": 633,
"x": 693,
"y": 206
}
],
@ -1063,19 +1063,19 @@
"labelPercentage": 0,
"route": [
{
"x": 633,
"x": 693,
"y": 272
},
{
"x": 633,
"x": 693,
"y": 323.2
},
{
"x": 633,
"x": 693,
"y": 347.6
},
{
"x": 633,
"x": 693,
"y": 394
}
],
@ -1111,19 +1111,19 @@
"labelPercentage": 0,
"route": [
{
"x": 799,
"x": 879,
"y": 92
},
{
"x": 798.6,
"x": 878.6,
"y": 132
},
{
"x": 798.6,
"x": 878.6,
"y": 154.4
},
{
"x": 799,
"x": 879,
"y": 204
}
],
@ -1159,19 +1159,19 @@
"labelPercentage": 0,
"route": [
{
"x": 799,
"x": 879,
"y": 274
},
{
"x": 798.6,
"x": 878.6,
"y": 323.6
},
{
"x": 798.6,
"x": 878.6,
"y": 348.8
},
{
"x": 799,
"x": 879,
"y": 400
}
],
@ -1207,19 +1207,19 @@
"labelPercentage": 0,
"route": [
{
"x": 981,
"x": 1081,
"y": 81
},
{
"x": 980.6,
"x": 1080.6,
"y": 129.8
},
{
"x": 980.6,
"x": 1080.6,
"y": 153.4
},
{
"x": 981,
"x": 1081,
"y": 199
}
],

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

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

@ -6,7 +6,7 @@
"id": "your love life will be",
"type": "rectangle",
"pos": {
"x": 18,
"x": 28,
"y": 0
},
"width": 187,
@ -88,7 +88,7 @@
"id": "harmonious",
"type": "rectangle",
"pos": {
"x": 129,
"x": 149,
"y": 187
},
"width": 130,
@ -129,7 +129,7 @@
"id": "boredom",
"type": "rectangle",
"pos": {
"x": 311,
"x": 351,
"y": 187
},
"width": 108,
@ -170,7 +170,7 @@
"id": "immortality",
"type": "rectangle",
"pos": {
"x": 300,
"x": 340,
"y": 0
},
"width": 131,
@ -211,7 +211,7 @@
"id": "Friday",
"type": "rectangle",
"pos": {
"x": 471,
"x": 531,
"y": 0
},
"width": 90,
@ -252,7 +252,7 @@
"id": "Monday",
"type": "rectangle",
"pos": {
"x": 465,
"x": 525,
"y": 187
},
"width": 101,
@ -293,7 +293,7 @@
"id": "Insomnia",
"type": "rectangle",
"pos": {
"x": 726,
"x": 826,
"y": 0
},
"width": 110,
@ -334,7 +334,7 @@
"id": "Sleep",
"type": "rectangle",
"pos": {
"x": 610,
"x": 690,
"y": 187
},
"width": 85,
@ -375,7 +375,7 @@
"id": "Wake",
"type": "rectangle",
"pos": {
"x": 735,
"x": 835,
"y": 187
},
"width": 84,
@ -416,7 +416,7 @@
"id": "Dream",
"type": "rectangle",
"pos": {
"x": 859,
"x": 979,
"y": 187
},
"width": 91,
@ -457,7 +457,7 @@
"id": "Listen",
"type": "rectangle",
"pos": {
"x": 992,
"x": 1132,
"y": 0
},
"width": 88,
@ -498,7 +498,7 @@
"id": "Talk",
"type": "rectangle",
"pos": {
"x": 998,
"x": 1138,
"y": 187
},
"width": 76,
@ -563,11 +563,11 @@
"labelPercentage": 0,
"route": [
{
"x": 87.85294117647058,
"x": 94.32352941176471,
"y": 66
},
{
"x": 53.17058823529411,
"x": 54.46470588235294,
"y": 114.4
},
{
@ -611,19 +611,19 @@
"labelPercentage": 0,
"route": [
{
"x": 140.61764705882354,
"x": 154.14705882352942,
"y": 66
},
{
"x": 183.3235294117647,
"x": 202.02941176470588,
"y": 114.4
},
{
"x": 194,
"x": 214,
"y": 138.7
},
{
"x": 194,
"x": 214,
"y": 187.5
}
],
@ -659,19 +659,19 @@
"labelPercentage": 0,
"route": [
{
"x": 365.25,
"x": 405.25,
"y": 187
},
{
"x": 365.25,
"x": 405.25,
"y": 138.6
},
{
"x": 365.25,
"x": 405.25,
"y": 114.3
},
{
"x": 365.25,
"x": 405.25,
"y": 65.5
}
],
@ -707,19 +707,19 @@
"labelPercentage": 0,
"route": [
{
"x": 515.75,
"x": 575.75,
"y": 66
},
{
"x": 515.75,
"x": 575.75,
"y": 114.4
},
{
"x": 515.75,
"x": 575.75,
"y": 138.7
},
{
"x": 515.75,
"x": 575.75,
"y": 187.5
}
],
@ -755,19 +755,19 @@
"labelPercentage": 0,
"route": [
{
"x": 735.5588235294117,
"x": 828.5,
"y": 66
},
{
"x": 668.9117647058823,
"x": 751.5,
"y": 114.4
},
{
"x": 652.25,
"x": 732.25,
"y": 138.7
},
{
"x": 652.25,
"x": 732.25,
"y": 187.5
}
],
@ -803,19 +803,19 @@
"labelPercentage": 0,
"route": [
{
"x": 779.5,
"x": 879.5,
"y": 66
},
{
"x": 777.3,
"x": 877.3,
"y": 114.4
},
{
"x": 776.75,
"x": 876.75,
"y": 138.7
},
{
"x": 776.75,
"x": 876.75,
"y": 187.5
}
],
@ -851,19 +851,19 @@
"labelPercentage": 0,
"route": [
{
"x": 824.5,
"x": 931.5588235294117,
"y": 66
},
{
"x": 888.3,
"x": 1005.7117647058824,
"y": 114.4
},
{
"x": 904.25,
"x": 1024.25,
"y": 138.7
},
{
"x": 904.25,
"x": 1024.25,
"y": 187.5
}
],
@ -899,19 +899,19 @@
"labelPercentage": 0,
"route": [
{
"x": 1035.5,
"x": 1175.5,
"y": 66
},
{
"x": 1035.5,
"x": 1175.5,
"y": 114.4
},
{
"x": 1035.5,
"x": 1175.5,
"y": 138.7
},
{
"x": 1035.5,
"x": 1175.5,
"y": 187.5
}
],

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

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

@ -88,7 +88,7 @@
"id": "c",
"type": "document",
"pos": {
"x": 64,
"x": 69,
"y": 366
},
"width": 53,
@ -194,55 +194,55 @@
"route": [
{
"x": 23.5,
"y": 60.49375
"y": 57.43888888888889
},
{
"x": -19.300000000000004,
"y": 104.89875
"x": -27.300000000000004,
"y": 104.28777777777779
},
{
"x": -30,
"x": -40,
"y": 136
},
{
"x": -30,
"x": -40,
"y": 166
},
{
"x": -30,
"x": -40,
"y": 196
},
{
"x": -30,
"x": -40,
"y": 236
},
{
"x": -30,
"x": -40,
"y": 266
},
{
"x": -30,
"x": -40,
"y": 296
},
{
"x": -30,
"x": -40,
"y": 333.6
},
{
"x": -30,
"x": -40,
"y": 360
},
{
"x": -30,
"x": -40,
"y": 386.4
},
{
"x": -19.299999999999997,
"y": 503.10125
"x": -27.299999999999997,
"y": 503.71222222222224
},
{
"x": 23.5,
"y": 547.50625
"y": 550.5611111111111
}
],
"isCurve": true,
@ -277,19 +277,19 @@
"labelPercentage": 0,
"route": [
{
"x": 90,
"x": 95,
"y": 433
},
{
"x": 90,
"x": 95,
"y": 480.2
},
{
"x": 85.2,
"x": 89.6,
"y": 502
},
{
"x": 66,
"x": 68,
"y": 542
}
],
@ -373,32 +373,32 @@
"labelPercentage": 0,
"route": [
{
"x": 107,
"x": 114,
"y": 366
},
{
"x": 125.4,
"x": 134.8,
"y": 326
},
{
"x": 130,
"x": 140,
"y": 296
},
{
"x": 130,
"x": 140,
"y": 266
},
{
"x": 130,
"x": 140,
"y": 236
},
{
"x": 119.4,
"y": 105
"x": 127.4,
"y": 104.4
},
{
"x": 77,
"y": 61
"y": 58
}
],
"isCurve": true,
@ -441,11 +441,11 @@
"y": 306
},
{
"x": 54.6,
"x": 55.2,
"y": 326
},
{
"x": 73,
"x": 76,
"y": 366
}
],

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

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

@ -6,7 +6,7 @@
"id": "a",
"type": "rectangle",
"pos": {
"x": 322,
"x": 392,
"y": 0
},
"width": 53,
@ -47,7 +47,7 @@
"id": "b",
"type": "rectangle",
"pos": {
"x": 136,
"x": 166,
"y": 166
},
"width": 53,
@ -88,7 +88,7 @@
"id": "c",
"type": "rectangle",
"pos": {
"x": 504,
"x": 614,
"y": 166
},
"width": 53,
@ -129,7 +129,7 @@
"id": "d",
"type": "rectangle",
"pos": {
"x": 45,
"x": 55,
"y": 332
},
"width": 54,
@ -170,7 +170,7 @@
"id": "e",
"type": "rectangle",
"pos": {
"x": 226,
"x": 276,
"y": 332
},
"width": 53,
@ -211,7 +211,7 @@
"id": "f",
"type": "rectangle",
"pos": {
"x": 411,
"x": 501,
"y": 332
},
"width": 51,
@ -252,7 +252,7 @@
"id": "g",
"type": "rectangle",
"pos": {
"x": 597,
"x": 727,
"y": 332
},
"width": 54,
@ -334,7 +334,7 @@
"id": "i",
"type": "rectangle",
"pos": {
"x": 93,
"x": 113,
"y": 498
},
"width": 49,
@ -375,7 +375,7 @@
"id": "j",
"type": "rectangle",
"pos": {
"x": 182,
"x": 222,
"y": 498
},
"width": 50,
@ -416,7 +416,7 @@
"id": "k",
"type": "rectangle",
"pos": {
"x": 272,
"x": 332,
"y": 498
},
"width": 53,
@ -457,7 +457,7 @@
"id": "l",
"type": "rectangle",
"pos": {
"x": 365,
"x": 445,
"y": 498
},
"width": 49,
@ -498,7 +498,7 @@
"id": "m",
"type": "rectangle",
"pos": {
"x": 454,
"x": 554,
"y": 498
},
"width": 57,
@ -539,7 +539,7 @@
"id": "n",
"type": "rectangle",
"pos": {
"x": 551,
"x": 671,
"y": 498
},
"width": 53,
@ -580,7 +580,7 @@
"id": "o",
"type": "rectangle",
"pos": {
"x": 644,
"x": 784,
"y": 498
},
"width": 54,
@ -645,19 +645,19 @@
"labelPercentage": 0,
"route": [
{
"x": 322.25,
"y": 44.809395973154366
"x": 392.25,
"y": 42.72154696132597
},
{
"x": 194.45,
"y": 101.76187919463088
"x": 232.45,
"y": 101.34430939226519
},
{
"x": 162.5,
"x": 192.5,
"y": 126
},
{
"x": 162.5,
"x": 192.5,
"y": 166
}
],
@ -693,19 +693,19 @@
"labelPercentage": 0,
"route": [
{
"x": 375.25,
"y": 45.11845730027548
"x": 445.25,
"y": 42.93002257336343
},
{
"x": 499.25,
"y": 101.8236914600551
"x": 601.25,
"y": 101.38600451467269
},
{
"x": 530.25,
"x": 640.25,
"y": 126
},
{
"x": 530.25,
"x": 640.25,
"y": 166
}
],
@ -741,19 +741,19 @@
"labelPercentage": 0,
"route": [
{
"x": 136,
"y": 223.3038674033149
"x": 166,
"y": 218.9049773755656
},
{
"x": 84.8,
"y": 270.260773480663
"x": 98.8,
"y": 269.38099547511314
},
{
"x": 72,
"x": 82,
"y": 292
},
{
"x": 72,
"x": 82,
"y": 332
}
],
@ -789,19 +789,19 @@
"labelPercentage": 0,
"route": [
{
"x": 189,
"y": 223.37119113573408
"x": 219,
"y": 218.95011337868482
},
{
"x": 240,
"y": 270.27423822714684
"x": 286,
"y": 269.390022675737
},
{
"x": 252.75,
"x": 302.75,
"y": 292
},
{
"x": 252.75,
"x": 302.75,
"y": 332
}
],
@ -837,19 +837,19 @@
"labelPercentage": 0,
"route": [
{
"x": 503.75,
"y": 222.3368700265252
"x": 613.75,
"y": 218.2516411378556
},
{
"x": 449.55,
"y": 270.06737400530506
"x": 543.55,
"y": 269.2503282275711
},
{
"x": 436,
"x": 526,
"y": 292
},
{
"x": 436,
"x": 526,
"y": 332
}
],
@ -885,19 +885,19 @@
"labelPercentage": 0,
"route": [
{
"x": 556.75,
"y": 222.39893617021278
"x": 666.75,
"y": 218.2938596491228
},
{
"x": 610.75,
"y": 270.07978723404256
"x": 736.75,
"y": 269.25877192982455
},
{
"x": 624.25,
"x": 754.25,
"y": 292
},
{
"x": 624.25,
"x": 754.25,
"y": 332
}
],
@ -933,11 +933,11 @@
"labelPercentage": 0,
"route": [
{
"x": 53.90963855421687,
"x": 59.933734939759034,
"y": 398
},
{
"x": 31.981927710843372,
"x": 33.18674698795181,
"y": 438
},
{
@ -981,19 +981,19 @@
"labelPercentage": 0,
"route": [
{
"x": 90.09036144578313,
"x": 104.06626506024097,
"y": 398
},
{
"x": 112.01807228915663,
"x": 130.8132530120482,
"y": 438
},
{
"x": 117.5,
"x": 137.5,
"y": 458
},
{
"x": 117.5,
"x": 137.5,
"y": 498
}
],
@ -1029,19 +1029,19 @@
"labelPercentage": 0,
"route": [
{
"x": 234.56024096385542,
"x": 280.5843373493976,
"y": 398
},
{
"x": 212.5120481927711,
"x": 253.7168674698795,
"y": 438
},
{
"x": 207,
"x": 247,
"y": 458
},
{
"x": 207,
"x": 247,
"y": 498
}
],
@ -1077,19 +1077,19 @@
"labelPercentage": 0,
"route": [
{
"x": 270.93975903614455,
"x": 324.9156626506024,
"y": 398
},
{
"x": 292.9879518072289,
"x": 351.7831325301205,
"y": 438
},
{
"x": 298.5,
"x": 358.5,
"y": 458
},
{
"x": 298.5,
"x": 358.5,
"y": 498
}
],
@ -1125,19 +1125,19 @@
"labelPercentage": 0,
"route": [
{
"x": 417.5120481927711,
"x": 503.53614457831327,
"y": 398
},
{
"x": 395.1024096385542,
"x": 476.3072289156627,
"y": 438
},
{
"x": 389.5,
"x": 469.5,
"y": 458
},
{
"x": 389.5,
"x": 469.5,
"y": 498
}
],
@ -1173,19 +1173,19 @@
"labelPercentage": 0,
"route": [
{
"x": 454.4879518072289,
"x": 548.4638554216867,
"y": 398
},
{
"x": 476.8975903614458,
"x": 575.6927710843373,
"y": 438
},
{
"x": 482.5,
"x": 582.5,
"y": 458
},
{
"x": 482.5,
"x": 582.5,
"y": 498
}
],
@ -1221,19 +1221,19 @@
"labelPercentage": 0,
"route": [
{
"x": 605.6626506024096,
"x": 731.6867469879518,
"y": 398
},
{
"x": 583.1325301204819,
"x": 704.3373493975904,
"y": 438
},
{
"x": 577.5,
"x": 697.5,
"y": 458
},
{
"x": 577.5,
"x": 697.5,
"y": 498
}
],
@ -1269,19 +1269,19 @@
"labelPercentage": 0,
"route": [
{
"x": 642.8373493975904,
"x": 776.8132530120482,
"y": 398
},
{
"x": 665.3674698795181,
"x": 804.1626506024096,
"y": 438
},
{
"x": 671,
"x": 811,
"y": 458
},
{
"x": 671,
"x": 811,
"y": 498
}
],

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

2
e2etests/testdata/stable/border-radius/dagre/board.exp.json generated vendored
View file

@ -47,7 +47,7 @@
"id": "y",
"type": "rectangle",
"pos": {
"x": 93,
"x": 113,
"y": 0
},
"width": 54,

6
e2etests/testdata/stable/border-radius/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="351" height="270" viewBox="-102 -102 351 270"><style type="text/css">
width="371" height="270" viewBox="-102 -102 371 270"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="351" height="270" viewBox="-102 -102 351 270"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="x"><g class="shape" ><rect x="0" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;rx:4;" /></g><text class="text-bold" x="26.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">x</text></g><g id="y"><g class="shape" ><rect x="93" y="0" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;rx:10;" /></g><text class="text-bold" x="120.000000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">y</text></g><mask id="1594616490" maskUnits="userSpaceOnUse" x="-100" y="-100" width="351" height="270">
<rect x="-100" y="-100" width="351" height="270" fill="white"></rect>
]]></script><g id="x"><g class="shape" ><rect x="0" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;rx:4;" /></g><text class="text-bold" x="26.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">x</text></g><g id="y"><g class="shape" ><rect x="113" y="0" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;rx:10;" /></g><text class="text-bold" x="140.000000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">y</text></g><mask id="266990191" maskUnits="userSpaceOnUse" x="-100" y="-100" width="371" height="270">
<rect x="-100" y="-100" width="371" height="270" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text-bold {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 325 KiB

After

Width:  |  Height:  |  Size: 325 KiB

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

@ -9,7 +9,7 @@
"x": 0,
"y": 41
},
"width": 158,
"width": 173,
"height": 389,
"opacity": 1,
"strokeDash": 0,
@ -47,7 +47,7 @@
"id": "aaa.bbb",
"type": "callout",
"pos": {
"x": 30,
"x": 40,
"y": 309
},
"width": 72,
@ -88,7 +88,7 @@
"id": "aaa.ccc",
"type": "rectangle",
"pos": {
"x": 54,
"x": 64,
"y": 96
},
"width": 68,
@ -129,7 +129,7 @@
"id": "ddd",
"type": "cylinder",
"pos": {
"x": 188,
"x": 213,
"y": 50
},
"width": 73,
@ -170,7 +170,7 @@
"id": "eee",
"type": "document",
"pos": {
"x": 188,
"x": 213,
"y": 297
},
"width": 70,
@ -235,19 +235,19 @@
"labelPercentage": 0,
"route": [
{
"x": 81.92468619246861,
"x": 91.92468619246861,
"y": 162.5
},
{
"x": 69.18493723849372,
"x": 79.18493723849372,
"y": 231.7
},
{
"x": 66,
"x": 76,
"y": 261.1
},
{
"x": 66,
"x": 76,
"y": 309.5
}
],
@ -283,19 +283,19 @@
"labelPercentage": 0,
"route": [
{
"x": 188,
"y": 302
"x": 213,
"y": 305
},
{
"x": 125.6,
"y": 243.2
"x": 138.6,
"y": 243.8
},
{
"x": 106.8,
"x": 116.8,
"y": 215.2
},
{
"x": 94,
"x": 104,
"y": 162
}
],

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="465" height="632" viewBox="-102 -100 465 632"><style type="text/css">
width="490" height="632" viewBox="-102 -100 490 632"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,10 +39,10 @@ width="465" height="632" viewBox="-102 -100 465 632"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="aaa"><g class="shape" ><rect x="0" y="41" width="158" height="389" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="79.000000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">aaa</text></g><g id="ddd"><g class="shape" ><path d="M 188 74 C 188 50 221 50 225 50 C 228 50 261 50 261 74 V 144 C 261 168 228 168 225 168 C 221 168 188 168 188 144 V 74 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 188 74 C 188 98 221 98 225 98 C 228 98 261 98 261 74" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="224.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 188 362 L 188 297 L 258 297 L 258 362 C 246 348 235 348 223 362 C 211 377 200 377 188 362 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="223.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 30 309 V 355 H 66 V 400 L 96 355 H 102 V 309 H 30 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="66.000000" y="337.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">bbb</text></g><g id="aaa.ccc"><g class="shape" ><rect x="54" y="96" width="68" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="88.000000" y="134.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ccc</text></g><g id="(aaa.ccc -- aaa)[0]"><path d="M 81.562571 164.466945 C 69.184937 231.700000 66.000000 261.100000 66.000000 307.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" mask="url(#542635917)"/><text class="text-italic" x="68.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 185.088844 299.256795 C 125.600000 243.200000 106.800000 215.200000 94.467852 163.944509" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#542635917)"/><text class="text-italic" x="124.500000" y="248.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">222</text></g><mask id="542635917" maskUnits="userSpaceOnUse" x="-100" y="-100" width="465" height="632">
<rect x="-100" y="-100" width="465" height="632" fill="white"></rect>
<rect x="57.000000" y="225.000000" width="23" height="21" fill="black"></rect>
<rect x="112.000000" y="232.000000" width="25" height="21" fill="black"></rect>
]]></script><g id="aaa"><g class="shape" ><rect x="0" y="41" width="173" height="389" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="86.500000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">aaa</text></g><g id="ddd"><g class="shape" ><path d="M 213 74 C 213 50 246 50 250 50 C 253 50 286 50 286 74 V 144 C 286 168 253 168 250 168 C 246 168 213 168 213 144 V 74 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 213 74 C 213 98 246 98 250 98 C 253 98 286 98 286 74" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="249.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 213 362 L 213 297 L 283 297 L 283 362 C 271 348 260 348 248 362 C 236 377 225 377 213 362 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="248.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 40 309 V 355 H 76 V 400 L 106 355 H 112 V 309 H 40 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="76.000000" y="337.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">bbb</text></g><g id="aaa.ccc"><g class="shape" ><rect x="64" y="96" width="68" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="98.000000" y="134.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ccc</text></g><g id="(aaa.ccc -- aaa)[0]"><path d="M 91.562571 164.466945 C 79.184937 231.700000 76.000000 261.100000 76.000000 307.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" mask="url(#2400255935)"/><text class="text-italic" x="78.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 209.910841 302.458918 C 138.600000 243.800000 116.800000 215.200000 104.467852 163.944509" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#2400255935)"/><text class="text-italic" x="140.500000" y="251.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">222</text></g><mask id="2400255935" maskUnits="userSpaceOnUse" x="-100" y="-100" width="490" height="632">
<rect x="-100" y="-100" width="490" height="632" fill="white"></rect>
<rect x="67.000000" y="225.000000" width="23" height="21" fill="black"></rect>
<rect x="128.000000" y="235.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: 793 KiB

After

Width:  |  Height:  |  Size: 793 KiB

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

@ -9,7 +9,7 @@
"x": 0,
"y": 41
},
"width": 641,
"width": 738,
"height": 1480,
"opacity": 1,
"strokeDash": 0,
@ -50,7 +50,7 @@
"x": 20,
"y": 106
},
"width": 442,
"width": 499,
"height": 1385,
"opacity": 1,
"strokeDash": 0,
@ -91,7 +91,7 @@
"x": 40,
"y": 887
},
"width": 288,
"width": 325,
"height": 572,
"opacity": 1,
"strokeDash": 0,
@ -129,10 +129,10 @@
"id": "aa.bb.cc.dd",
"type": "rectangle",
"pos": {
"x": 60,
"x": 62,
"y": 948
},
"width": 207,
"width": 237,
"height": 140,
"opacity": 1,
"strokeDash": 0,
@ -170,7 +170,7 @@
"id": "aa.bb.cc.dd.ee",
"type": "text",
"pos": {
"x": 121,
"x": 126,
"y": 1008
},
"width": 16,
@ -210,7 +210,7 @@
"id": "aa.bb.cc.dd.ff",
"type": "rectangle",
"pos": {
"x": 180,
"x": 202,
"y": 985
},
"width": 57,
@ -251,7 +251,7 @@
"id": "aa.bb.cc.gg",
"type": "text",
"pos": {
"x": 226,
"x": 244,
"y": 1209
},
"width": 17,
@ -291,7 +291,7 @@
"id": "aa.bb.cc.hh",
"type": "rectangle",
"pos": {
"x": 203,
"x": 221,
"y": 1355
},
"width": 63,
@ -332,10 +332,10 @@
"id": "aa.bb.ii",
"type": "package",
"pos": {
"x": 53,
"x": 50,
"y": 169
},
"width": 226,
"width": 236,
"height": 161,
"opacity": 1,
"strokeDash": 0,
@ -373,7 +373,7 @@
"id": "aa.bb.ii.jj",
"type": "diamond",
"pos": {
"x": 146,
"x": 148,
"y": 204
},
"width": 50,
@ -414,7 +414,7 @@
"id": "aa.bb.kk",
"type": "oval",
"pos": {
"x": 358,
"x": 405,
"y": 1335
},
"width": 74,
@ -455,7 +455,7 @@
"id": "aa.ll",
"type": "rectangle",
"pos": {
"x": 529,
"x": 606,
"y": 651
},
"width": 54,
@ -496,7 +496,7 @@
"id": "aa.mm",
"type": "cylinder",
"pos": {
"x": 516,
"x": 593,
"y": 433
},
"width": 71,
@ -537,7 +537,7 @@
"id": "aa.nn",
"type": "text",
"pos": {
"x": 492,
"x": 559,
"y": 1344
},
"width": 16,
@ -577,7 +577,7 @@
"id": "aa.oo",
"type": "rectangle",
"pos": {
"x": 548,
"x": 635,
"y": 1321
},
"width": 63,
@ -642,20 +642,20 @@
"labelPercentage": 0,
"route": [
{
"x": 129.25,
"x": 134.25,
"y": 1029.5
},
{
"x": 129.25,
"x": 134.25,
"y": 1076.3
},
{
"x": 148.65,
"y": 1161.5
"x": 156.1,
"y": 1161.6749469214437
},
{
"x": 226.25,
"y": 1213.5
"x": 243.5,
"y": 1214.3747346072187
}
],
"isCurve": true,
@ -690,19 +690,19 @@
"labelPercentage": 0,
"route": [
{
"x": 234.5,
"x": 252,
"y": 1230
},
{
"x": 234.5,
"x": 252,
"y": 1278.4
},
{
"x": 234.5,
"x": 252,
"y": 1303.5
},
{
"x": 234.5,
"x": 252,
"y": 1355.5
}
],
@ -738,67 +738,67 @@
"labelPercentage": 0,
"route": [
{
"x": 100,
"x": 102,
"y": 331
},
{
"x": 100,
"x": 102.4,
"y": 379
},
{
"x": 100,
"x": 102.5,
"y": 414.9
},
{
"x": 100,
"x": 102.5,
"y": 450.75
},
{
"x": 100,
"x": 102.5,
"y": 486.6
},
{
"x": 100,
"x": 102.5,
"y": 532.3
},
{
"x": 100,
"x": 102.5,
"y": 565
},
{
"x": 100,
"x": 102.5,
"y": 597.7
},
{
"x": 100,
"x": 102.5,
"y": 636.1
},
{
"x": 100,
"x": 102.5,
"y": 661
},
{
"x": 100,
"x": 102.5,
"y": 685.9
},
{
"x": 100,
"x": 102.5,
"y": 721.2
},
{
"x": 100,
"x": 102.5,
"y": 749.25
},
{
"x": 100,
"x": 102.5,
"y": 777.3
},
{
"x": 100,
"x": 102.5,
"y": 874.8
},
{
"x": 100,
"x": 102.5,
"y": 948
}
],
@ -834,12 +834,12 @@
"labelPercentage": 0,
"route": [
{
"x": 528.75,
"y": 690.4087185488589
"x": 605.75,
"y": 689.5313901345291
},
{
"x": 461.75,
"y": 741.4087185488589
"x": 518.75,
"y": 741.5313901345291
}
],
"animated": false,
@ -873,31 +873,31 @@
"labelPercentage": 0,
"route": [
{
"x": 516,
"y": 502
"x": 593,
"y": 501
},
{
"x": 228.8,
"y": 581.6
"x": 246.2,
"y": 581.4
},
{
"x": 157,
"x": 159.5,
"y": 618.1
},
{
"x": 157,
"x": 159.5,
"y": 643
},
{
"x": 157,
"x": 159.5,
"y": 667.9
},
{
"x": 157,
"x": 159.5,
"y": 800
},
{
"x": 157,
"x": 159.5,
"y": 888
}
],
@ -933,19 +933,19 @@
"labelPercentage": 0,
"route": [
{
"x": 554,
"x": 631,
"y": 552
},
{
"x": 555.4,
"x": 632.4,
"y": 591.6
},
{
"x": 555.75,
"x": 632.75,
"y": 611.5
},
{
"x": 555.75,
"x": 632.75,
"y": 651.5
}
],
@ -981,12 +981,12 @@
"labelPercentage": 0,
"route": [
{
"x": 516,
"y": 503
"x": 593,
"y": 501
},
{
"x": 462,
"y": 555.2935843793584
"x": 519,
"y": 556.4364896073903
}
],
"animated": false,
@ -1020,67 +1020,67 @@
"labelPercentage": 0,
"route": [
{
"x": 528.75,
"y": 693.9022346368715
"x": 605.75,
"y": 692.5526315789474
},
{
"x": 335.54999999999995,
"y": 761.1804469273743
"x": 376.54999999999995,
"y": 760.9105263157895
},
{
"x": 287.25,
"x": 319.25,
"y": 790.1
},
{
"x": 287.25,
"x": 319.25,
"y": 808.25
},
{
"x": 287.25,
"x": 319.25,
"y": 826.4
},
{
"x": 287.25,
"x": 319.25,
"y": 848.5
},
{
"x": 287.25,
"x": 319.25,
"y": 863.5
},
{
"x": 287.25,
"x": 319.25,
"y": 878.5
},
{
"x": 287.25,
"x": 319.25,
"y": 905.1
},
{
"x": 287.25,
"x": 319.25,
"y": 930
},
{
"x": 287.25,
"x": 319.25,
"y": 954.9
},
{
"x": 287.25,
"x": 319.25,
"y": 988.1
},
{
"x": 287.25,
"x": 319.25,
"y": 1013
},
{
"x": 287.25,
"x": 319.25,
"y": 1037.9
},
{
"x": 278.25,
"x": 307.65,
"y": 1133.9
},
{
"x": 242.25,
"x": 261.25,
"y": 1209.5
}
],
@ -1116,19 +1116,19 @@
"labelPercentage": 0,
"route": [
{
"x": 516,
"y": 479
"x": 593,
"y": 481
},
{
"x": 296,
"y": 394.2
"x": 313.4,
"y": 394.6
},
{
"x": 241,
"x": 243.4,
"y": 364.6
},
{
"x": 241,
"x": 243,
"y": 331
}
],
@ -1164,20 +1164,20 @@
"labelPercentage": 0,
"route": [
{
"x": 221.75,
"x": 238.75,
"y": 887.5
},
{
"x": 221.75,
"x": 238.75,
"y": 799.9
},
{
"x": 283.15,
"y": 760.8116766467066
"x": 312.15,
"y": 760.5814720812183
},
{
"x": 528.75,
"y": 692.0583832335329
"x": 605.75,
"y": 690.9073604060914
}
],
"isCurve": true,
@ -1212,32 +1212,32 @@
"labelPercentage": 0,
"route": [
{
"x": 213,
"x": 215,
"y": 331
},
{
"x": 213,
"x": 215.4,
"y": 364.6
},
{
"x": 213,
"x": 215.5,
"y": 396.9
},
{
"x": 213,
"x": 215.5,
"y": 432.75
},
{
"x": 213,
"x": 215.5,
"y": 468.6
},
{
"x": 276.15,
"y": 616.792341356674
"x": 293.55,
"y": 617.0258238466147
},
{
"x": 528.75,
"y": 677.9617067833698
"x": 605.75,
"y": 679.1291192330737
}
],
"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

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

@ -88,7 +88,7 @@
"id": "c",
"type": "rectangle",
"pos": {
"x": 94,
"x": 114,
"y": 0
},
"width": 53,
@ -129,7 +129,7 @@
"id": "d",
"type": "rectangle",
"pos": {
"x": 93,
"x": 113,
"y": 187
},
"width": 54,
@ -242,19 +242,19 @@
"labelPercentage": 0,
"route": [
{
"x": 120,
"x": 140,
"y": 66
},
{
"x": 120,
"x": 140,
"y": 114.4
},
{
"x": 120,
"x": 140,
"y": 138.7
},
{
"x": 120,
"x": 140,
"y": 187.5
}
],

8
e2etests/testdata/stable/circle_arrowhead/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="359" height="457" viewBox="-102 -102 359 457"><style type="text/css">
width="379" height="457" viewBox="-102 -102 379 457"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,10 +39,10 @@ width="359" height="457" viewBox="-102 -102 359 457"><style type="text/css">
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="94" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="93" y="187" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.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(#2150316088)"/><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 120.000000 70.000000 C 120.000000 114.400000 120.000000 138.700000 120.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(#2150316088)"/><text class="text-italic" x="120.500000" y="132.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">filled-circle</text></g><mask id="2150316088" maskUnits="userSpaceOnUse" x="-100" y="-100" width="359" height="457">
<rect x="-100" y="-100" width="359" height="457" fill="white"></rect>
]]></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">
<rect x="-100" y="-100" width="379" height="457" fill="white"></rect>
<rect x="9.000000" y="116.000000" width="36" height="21" fill="black"></rect>
<rect x="84.000000" y="116.000000" width="73" height="21" fill="black"></rect>
<rect x="104.000000" y="116.000000" width="73" 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

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

@ -47,7 +47,7 @@
"id": "roof",
"type": "rectangle",
"pos": {
"x": 143,
"x": 163,
"y": 0
},
"width": 75,
@ -88,7 +88,7 @@
"id": "garage",
"type": "rectangle",
"pos": {
"x": 258,
"x": 298,
"y": 0
},
"width": 94,
@ -177,7 +177,7 @@
"id": "glass",
"type": "rectangle",
"pos": {
"x": 128,
"x": 148,
"y": 0
},
"width": 81,
@ -266,7 +266,7 @@
"id": "starlink",
"type": "rectangle",
"pos": {
"x": 144,
"x": 164,
"y": 0
},
"width": 101,
@ -307,7 +307,7 @@
"id": "utility hookup",
"type": "rectangle",
"pos": {
"x": 285,
"x": 325,
"y": 0
},
"width": 146,
@ -396,7 +396,7 @@
"id": "vehicles",
"type": "rectangle",
"pos": {
"x": 121,
"x": 141,
"y": 0
},
"width": 103,
@ -453,7 +453,7 @@
"x": 0,
"y": 41
},
"width": 321,
"width": 361,
"height": 125,
"opacity": 1,
"strokeDash": 0,
@ -491,7 +491,7 @@
"id": "find contractors.craigslist",
"type": "rectangle",
"pos": {
"x": 30,
"x": 40,
"y": 70
},
"width": 110,
@ -532,7 +532,7 @@
"id": "find contractors.facebook",
"type": "rectangle",
"pos": {
"x": 180,
"x": 210,
"y": 70
},
"width": 111,
@ -1039,7 +1039,7 @@
"id": "roof",
"type": "rectangle",
"pos": {
"x": 143,
"x": 163,
"y": 0
},
"width": 75,
@ -1080,7 +1080,7 @@
"id": "garage",
"type": "rectangle",
"pos": {
"x": 258,
"x": 298,
"y": 0
},
"width": 94,
@ -1121,7 +1121,7 @@
"id": "water",
"type": "rectangle",
"pos": {
"x": 392,
"x": 452,
"y": 0
},
"width": 88,
@ -1162,7 +1162,7 @@
"id": "rain",
"type": "rectangle",
"pos": {
"x": 520,
"x": 600,
"y": 0
},
"width": 73,
@ -1203,7 +1203,7 @@
"id": "thunder",
"type": "rectangle",
"pos": {
"x": 633,
"x": 733,
"y": 0
},
"width": 103,

6
e2etests/testdata/stable/complex-layers/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="556" height="270" viewBox="-102 -102 556 270"><style type="text/css">
width="596" height="270" viewBox="-102 -102 596 270"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="556" height="270" viewBox="-102 -102 556 270"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="window"><g class="shape" ><rect x="0" y="0" width="103" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /><rect x="5" y="5" width="93" height="56" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="51.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">window</text></g><g id="roof"><g class="shape" ><rect x="143" y="0" width="75" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="180.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">roof</text></g><g id="garage"><g class="shape" ><rect x="258" y="0" width="94" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="305.000000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">garage</text></g><mask id="3258700586" maskUnits="userSpaceOnUse" x="-100" y="-100" width="556" height="270">
<rect x="-100" y="-100" width="556" height="270" fill="white"></rect>
]]></script><g id="window"><g class="shape" ><rect x="0" y="0" width="103" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /><rect x="5" y="5" width="93" height="56" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="51.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">window</text></g><g id="roof"><g class="shape" ><rect x="163" y="0" width="75" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="200.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">roof</text></g><g id="garage"><g class="shape" ><rect x="298" y="0" width="94" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="345.000000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">garage</text></g><mask id="3186561612" maskUnits="userSpaceOnUse" x="-100" y="-100" width="596" height="270">
<rect x="-100" y="-100" width="596" height="270" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text-bold {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 325 KiB

After

Width:  |  Height:  |  Size: 325 KiB

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

@ -9,7 +9,7 @@
"x": 21,
"y": 41
},
"width": 113,
"width": 133,
"height": 125,
"opacity": 1,
"strokeDash": 0,
@ -47,7 +47,7 @@
"id": "a.b",
"type": "rectangle",
"pos": {
"x": 51,
"x": 61,
"y": 70
},
"width": 53,
@ -91,7 +91,7 @@
"x": 20,
"y": 307
},
"width": 114,
"width": 134,
"height": 125,
"opacity": 1,
"strokeDash": 0,
@ -129,7 +129,7 @@
"id": "c.d",
"type": "rectangle",
"pos": {
"x": 50,
"x": 60,
"y": 336
},
"width": 54,
@ -173,7 +173,7 @@
"x": 0,
"y": 573
},
"width": 154,
"width": 174,
"height": 225,
"opacity": 1,
"strokeDash": 0,
@ -214,7 +214,7 @@
"x": 20,
"y": 638
},
"width": 114,
"width": 134,
"height": 130,
"opacity": 1,
"strokeDash": 0,
@ -252,7 +252,7 @@
"id": "f.h.g",
"type": "rectangle",
"pos": {
"x": 50,
"x": 60,
"y": 670
},
"width": 54,
@ -317,31 +317,31 @@
"labelPercentage": 0,
"route": [
{
"x": 77,
"x": 87,
"y": 136.5
},
{
"x": 77,
"x": 87,
"y": 160.1
},
{
"x": 77,
"x": 87,
"y": 176
},
{
"x": 77,
"x": 87,
"y": 191
},
{
"x": 77,
"x": 87,
"y": 206
},
{
"x": 77,
"x": 87,
"y": 280.1
},
{
"x": 77,
"x": 87,
"y": 336.5
}
],
@ -377,43 +377,43 @@
"labelPercentage": 0,
"route": [
{
"x": 77,
"x": 87,
"y": 402.5
},
{
"x": 77,
"x": 87,
"y": 426.1
},
{
"x": 77,
"x": 87,
"y": 442
},
{
"x": 77,
"x": 87,
"y": 457
},
{
"x": 77,
"x": 87,
"y": 472
},
{
"x": 77,
"x": 87,
"y": 492
},
{
"x": 77,
"x": 87,
"y": 507
},
{
"x": 77,
"x": 87,
"y": 522
},
{
"x": 77,
"x": 87,
"y": 599.7
},
{
"x": 77,
"x": 87,
"y": 670.5
}
],

6
e2etests/testdata/stable/connected_container/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="358" height="1000" viewBox="-102 -100 358 1000"><style type="text/css">
width="378" height="1000" viewBox="-102 -100 378 1000"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="358" height="1000" viewBox="-102 -100 358 1000"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="a"><g class="shape" ><rect x="21" y="41" width="113" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="77.500000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="20" y="307" width="114" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="77.000000" y="294.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="f"><g class="shape" ><rect x="0" y="573" width="154" height="225" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="77.000000" y="560.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">f</text></g><g id="a.b"><g class="shape" ><rect x="51" y="70" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="77.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="50" y="336" width="54" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="77.000000" y="374.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="f.h"><g class="shape" ><rect x="20" y="638" width="114" height="130" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="77.000000" y="626.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">h</text></g><g id="f.h.g"><g class="shape" ><rect x="50" y="670" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="77.000000" y="708.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">g</text></g><g id="(a.b -&gt; c.d)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 77.000000 138.500000 C 77.000000 160.100000 77.000000 176.000000 77.000000 191.000000 C 77.000000 206.000000 77.000000 280.100000 77.000000 332.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3743149570)"/></g><g id="(c.d -&gt; f.h.g)[0]"><path d="M 77.000000 404.500000 C 77.000000 426.100000 77.000000 442.000000 77.000000 457.000000 C 77.000000 472.000000 77.000000 492.000000 77.000000 507.000000 C 77.000000 522.000000 77.000000 599.700000 77.000000 666.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3743149570)"/></g><mask id="3743149570" maskUnits="userSpaceOnUse" x="-100" y="-100" width="358" height="1000">
<rect x="-100" y="-100" width="358" height="1000" fill="white"></rect>
]]></script><g id="a"><g class="shape" ><rect x="21" y="41" width="133" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="87.500000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="20" y="307" width="134" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="87.000000" y="294.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="f"><g class="shape" ><rect x="0" y="573" width="174" height="225" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="87.000000" y="560.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">f</text></g><g id="a.b"><g class="shape" ><rect x="61" y="70" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="87.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="60" y="336" width="54" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="87.000000" y="374.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="f.h"><g class="shape" ><rect x="20" y="638" width="134" height="130" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="87.000000" y="626.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">h</text></g><g id="f.h.g"><g class="shape" ><rect x="60" y="670" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="87.000000" y="708.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">g</text></g><g id="(a.b -&gt; c.d)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 87.000000 138.500000 C 87.000000 160.100000 87.000000 176.000000 87.000000 191.000000 C 87.000000 206.000000 87.000000 280.100000 87.000000 332.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1126144118)"/></g><g id="(c.d -&gt; f.h.g)[0]"><path d="M 87.000000 404.500000 C 87.000000 426.100000 87.000000 442.000000 87.000000 457.000000 C 87.000000 472.000000 87.000000 492.000000 87.000000 507.000000 C 87.000000 522.000000 87.000000 599.700000 87.000000 666.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1126144118)"/></g><mask id="1126144118" maskUnits="userSpaceOnUse" x="-100" y="-100" width="378" height="1000">
<rect x="-100" y="-100" width="378" height="1000" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 650 KiB

After

Width:  |  Height:  |  Size: 650 KiB

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

@ -6,7 +6,7 @@
"id": "poll the people",
"type": "rectangle",
"pos": {
"x": 72,
"x": 82,
"y": 0
},
"width": 150,
@ -47,7 +47,7 @@
"id": "results",
"type": "rectangle",
"pos": {
"x": 171,
"x": 191,
"y": 166
},
"width": 93,
@ -129,7 +129,7 @@
"id": "favorable",
"type": "rectangle",
"pos": {
"x": 171,
"x": 191,
"y": 332
},
"width": 113,
@ -170,7 +170,7 @@
"id": "will of the people",
"type": "rectangle",
"pos": {
"x": 144,
"x": 164,
"y": 498
},
"width": 167,
@ -211,7 +211,7 @@
"id": "title",
"type": "text",
"pos": {
"x": 22,
"x": 32,
"y": -71
},
"width": 266,
@ -276,19 +276,19 @@
"labelPercentage": 0,
"route": [
{
"x": 174.7289156626506,
"x": 188.70481927710844,
"y": 66
},
{
"x": 208.94578313253012,
"x": 227.74096385542168,
"y": 106
},
{
"x": 217.5,
"x": 237.5,
"y": 126
},
{
"x": 217.5,
"x": 237.5,
"y": 166
}
],
@ -324,19 +324,19 @@
"labelPercentage": 0,
"route": [
{
"x": 185.29518072289156,
"x": 201.31927710843374,
"y": 232
},
{
"x": 146.25903614457832,
"x": 157.46385542168673,
"y": 272
},
{
"x": 127.9,
"x": 136.7,
"y": 292
},
{
"x": 93.5,
"x": 97.5,
"y": 332
}
],
@ -392,11 +392,11 @@
"y": 215.6
},
{
"x": 66.5,
"x": 67.7,
"y": 106
},
{
"x": 110.5,
"x": 116.5,
"y": 66
}
],
@ -432,19 +432,19 @@
"labelPercentage": 0,
"route": [
{
"x": 221.47590361445782,
"x": 241.47590361445782,
"y": 232
},
{
"x": 226.29518072289156,
"x": 246.29518072289156,
"y": 272
},
{
"x": 227.5,
"x": 247.5,
"y": 292
},
{
"x": 227.5,
"x": 247.5,
"y": 332
}
],
@ -480,19 +480,19 @@
"labelPercentage": 0,
"route": [
{
"x": 227.5,
"x": 247.5,
"y": 398
},
{
"x": 227.5,
"x": 247.5,
"y": 438
},
{
"x": 227.5,
"x": 247.5,
"y": 458
},
{
"x": 227.5,
"x": 247.5,
"y": 498
}
],

8
e2etests/testdata/stable/constant_near_title/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="515" height="839" viewBox="-102 -173 515 839"><style type="text/css">
width="535" height="839" viewBox="-102 -173 535 839"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -796,9 +796,9 @@ width="515" height="839" viewBox="-102 -173 515 839"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g id="poll the people"><g class="shape" ><rect x="72" y="0" width="150" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="147.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="171" y="166" width="93" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="217.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="171" y="332" width="113" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="227.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="144" y="498" width="167" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="227.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="22.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 176.028990 67.519805 C 208.945783 106.000000 217.500000 126.000000 217.500000 162.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1049684492)"/></g><g id="(results -&gt; unfavorable)[0]"><path d="M 183.898318 233.431354 C 146.259036 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(#1049684492)"/></g><g id="(unfavorable -&gt; poll the people)[0]"><path d="M 61.284863 330.014360 C 56.704819 292.000000 55.500000 265.400000 55.500000 240.500000 C 55.500000 215.600000 66.500000 106.000000 107.540240 68.690691" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1049684492)"/></g><g id="(results -&gt; favorable)[0]"><path d="M 221.715137 233.985640 C 226.295181 272.000000 227.500000 292.000000 227.500000 328.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1049684492)"/></g><g id="(favorable -&gt; will of the people)[0]"><path d="M 227.500000 400.000000 C 227.500000 438.000000 227.500000 458.000000 227.500000 494.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1049684492)"/></g><mask id="1049684492" maskUnits="userSpaceOnUse" x="-100" y="-100" width="515" height="839">
<rect x="-100" y="-100" width="515" height="839" fill="white"></rect>
</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="166" width="93" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="237.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>
</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 190.101682 67.431354 C 227.740964 106.000000 237.500000 126.000000 237.500000 162.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2786013855)"/></g><g id="(results -&gt; unfavorable)[0]"><path d="M 199.841603 233.347768 C 157.463855 272.000000 136.700000 292.000000 100.299714 329.143149" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2786013855)"/></g><g id="(unfavorable -&gt; poll the people)[0]"><path d="M 61.284863 330.014360 C 56.704819 292.000000 55.500000 265.400000 55.500000 240.500000 C 55.500000 215.600000 67.700000 106.000000 113.406432 68.535712" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2786013855)"/></g><g id="(results -&gt; favorable)[0]"><path d="M 241.715137 233.985640 C 246.295181 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(#2786013855)"/></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(#2786013855)"/></g><mask id="2786013855" maskUnits="userSpaceOnUse" x="-100" y="-100" width="535" height="839">
<rect x="-100" y="-100" width="535" height="839" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 662 KiB

After

Width:  |  Height:  |  Size: 662 KiB

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

@ -6,7 +6,7 @@
"id": "a",
"type": "rectangle",
"pos": {
"x": 221,
"x": 253,
"y": 0
},
"width": 53,
@ -47,10 +47,10 @@
"id": "g",
"type": "rectangle",
"pos": {
"x": 173,
"x": 193,
"y": 207
},
"width": 133,
"width": 153,
"height": 657,
"opacity": 1,
"strokeDash": 0,
@ -88,7 +88,7 @@
"id": "g.b",
"type": "rectangle",
"pos": {
"x": 221,
"x": 253,
"y": 236
},
"width": 53,
@ -132,7 +132,7 @@
"x": 0,
"y": 423
},
"width": 153,
"width": 173,
"height": 225,
"opacity": 1,
"strokeDash": 0,
@ -173,7 +173,7 @@
"x": 20,
"y": 488
},
"width": 113,
"width": 133,
"height": 130,
"opacity": 1,
"strokeDash": 0,
@ -211,7 +211,7 @@
"id": "d.h.c",
"type": "rectangle",
"pos": {
"x": 50,
"x": 60,
"y": 520
},
"width": 53,
@ -252,7 +252,7 @@
"id": "g.e",
"type": "rectangle",
"pos": {
"x": 203,
"x": 233,
"y": 768
},
"width": 53,
@ -293,7 +293,7 @@
"id": "f",
"type": "rectangle",
"pos": {
"x": 214,
"x": 244,
"y": 964
},
"width": 51,
@ -358,19 +358,19 @@
"labelPercentage": 0,
"route": [
{
"x": 247.75,
"x": 279.5,
"y": 66
},
{
"x": 247.75,
"x": 279.5,
"y": 106
},
{
"x": 247.75,
"x": 279.5,
"y": 180.1
},
{
"x": 247.75,
"x": 279.5,
"y": 236.5
}
],
@ -406,32 +406,32 @@
"labelPercentage": 0,
"route": [
{
"x": 233.2379518072289,
"x": 262.3042168674699,
"y": 302.5
},
{
"x": 215.6475903614458,
"x": 241.460843373494,
"y": 326.1
},
{
"x": 211.25,
"x": 236.25,
"y": 342
},
{
"x": 211.25,
"x": 236.25,
"y": 357
},
{
"x": 211.25,
"x": 236.25,
"y": 372
},
{
"x": 189.65,
"y": 453.1
"x": 211.65,
"y": 453.3
},
{
"x": 103.25,
"y": 537.5
"x": 113.25,
"y": 538.5
}
],
"isCurve": true,
@ -466,19 +466,19 @@
"labelPercentage": 0,
"route": [
{
"x": 76.5,
"x": 86.5,
"y": 648
},
{
"x": 198.9,
"x": 224.9,
"y": 688
},
{
"x": 229.5,
"x": 259.5,
"y": 712.1
},
{
"x": 229.5,
"x": 259.5,
"y": 768.5
}
],
@ -514,19 +514,19 @@
"labelPercentage": 0,
"route": [
{
"x": 229.5,
"x": 259.5,
"y": 834.5
},
{
"x": 229.5,
"x": 259.5,
"y": 858.1
},
{
"x": 230.7,
"x": 260.7,
"y": 924
},
{
"x": 235.5,
"x": 265.5,
"y": 964
}
],
@ -562,19 +562,19 @@
"labelPercentage": 0,
"route": [
{
"x": 257.9879518072289,
"x": 291.96385542168673,
"y": 964
},
{
"x": 280.3975903614458,
"x": 319.1927710843373,
"y": 924
},
{
"x": 286,
"x": 326,
"y": 904
},
{
"x": 286,
"x": 326,
"y": 864
}
],
@ -610,12 +610,12 @@
"labelPercentage": 0,
"route": [
{
"x": 172.5,
"y": 507
"x": 192.5,
"y": 508
},
{
"x": 132.5,
"y": 542.5
"x": 152.5,
"y": 541.5
}
],
"animated": false,

6
e2etests/testdata/stable/container_edges/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="510" height="1234" viewBox="-102 -102 510 1234"><style type="text/css">
width="550" height="1234" viewBox="-102 -102 550 1234"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="510" height="1234" viewBox="-102 -102 510 1234"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="a"><g class="shape" ><rect x="221" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="247.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="g"><g class="shape" ><rect x="173" y="207" width="133" height="657" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="239.500000" y="194.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">g</text></g><g id="d"><g class="shape" ><rect x="0" y="423" width="153" height="225" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="76.500000" y="410.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">d</text></g><g id="f"><g class="shape" ><rect x="214" y="964" width="51" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="239.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="221" y="236" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="247.500000" y="274.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="d.h"><g class="shape" ><rect x="20" y="488" width="113" height="130" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="76.500000" y="476.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">h</text></g><g id="g.e"><g class="shape" ><rect x="203" y="768" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="229.500000" y="806.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">e</text></g><g id="d.h.c"><g class="shape" ><rect x="50" y="520" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="76.500000" y="558.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="(a -&gt; g.b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 247.750000 68.000000 C 247.750000 106.000000 247.750000 180.100000 247.750000 232.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2650595730)"/></g><g id="(g.b -&gt; d.h.c)[0]"><path d="M 232.042725 304.103569 C 215.647590 326.100000 211.250000 342.000000 211.250000 357.000000 C 211.250000 372.000000 189.650000 453.100000 106.111351 534.704884" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2650595730)"/></g><g id="(d -&gt; g.e)[0]"><path d="M 78.401061 648.621262 C 198.900000 688.000000 229.500000 712.100000 229.500000 764.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2650595730)"/></g><g id="(g.e -&gt; f)[0]"><path d="M 229.500000 836.500000 C 229.500000 858.100000 230.700000 924.000000 235.023419 960.028493" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2650595730)"/></g><g id="(f -&gt; g)[0]"><path d="M 258.965479 962.255167 C 280.397590 924.000000 286.000000 904.000000 286.000000 868.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2650595730)"/></g><g id="(g -&gt; d.h)[0]"><path d="M 171.004150 508.327567 L 135.491700 539.844867" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2650595730)"/></g><mask id="2650595730" maskUnits="userSpaceOnUse" x="-100" y="-100" width="510" height="1234">
<rect x="-100" y="-100" width="510" height="1234" fill="white"></rect>
]]></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="207" width="153" height="657" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="269.500000" y="194.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">g</text></g><g id="d"><g class="shape" ><rect x="0" y="423" width="173" height="225" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="86.500000" y="410.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">d</text></g><g id="f"><g class="shape" ><rect x="244" y="964" width="51" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="269.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="253" y="236" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="279.500000" y="274.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="d.h"><g class="shape" ><rect x="20" y="488" width="133" height="130" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="86.500000" y="476.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">h</text></g><g id="g.e"><g class="shape" ><rect x="233" y="768" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="259.500000" y="806.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">e</text></g><g id="d.h.c"><g class="shape" ><rect x="60" y="520" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="86.500000" y="558.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="(a -&gt; g.b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 279.500000 68.000000 C 279.500000 106.000000 279.500000 180.100000 279.500000 232.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2559154927)"/></g><g id="(g.b -&gt; d.h.c)[0]"><path d="M 260.980265 303.999050 C 241.460843 326.100000 236.250000 342.000000 236.250000 357.000000 C 236.250000 372.000000 211.650000 453.300000 116.273973 535.881682" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2559154927)"/></g><g id="(d -&gt; g.e)[0]"><path d="M 88.421363 648.555307 C 224.900000 688.000000 259.500000 712.100000 259.500000 764.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2559154927)"/></g><g id="(g.e -&gt; f)[0]"><path d="M 259.500000 836.500000 C 259.500000 858.100000 260.700000 924.000000 265.023419 960.028493" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2559154927)"/></g><g id="(f -&gt; g)[0]"><path d="M 293.089293 962.346703 C 319.192771 924.000000 326.000000 904.000000 326.000000 868.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2559154927)"/></g><g id="(g -&gt; d.h)[0]"><path d="M 190.966704 509.284135 L 155.566592 538.931729" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2559154927)"/></g><mask id="2559154927" maskUnits="userSpaceOnUse" x="-100" y="-100" width="550" height="1234">
<rect x="-100" y="-100" width="550" height="1234" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 652 KiB

After

Width:  |  Height:  |  Size: 652 KiB

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

@ -88,7 +88,7 @@
"id": "a2",
"type": "rectangle",
"pos": {
"x": 102,
"x": 122,
"y": 0
},
"width": 62,
@ -129,7 +129,7 @@
"id": "b2",
"type": "rectangle",
"pos": {
"x": 102,
"x": 122,
"y": 166
},
"width": 62,
@ -170,7 +170,7 @@
"id": "a3",
"type": "rectangle",
"pos": {
"x": 204,
"x": 244,
"y": 0
},
"width": 62,
@ -211,7 +211,7 @@
"id": "b3",
"type": "rectangle",
"pos": {
"x": 204,
"x": 244,
"y": 166
},
"width": 62,
@ -252,7 +252,7 @@
"id": "c1",
"type": "rectangle",
"pos": {
"x": 307,
"x": 367,
"y": 0
},
"width": 61,
@ -293,7 +293,7 @@
"id": "d1",
"type": "rectangle",
"pos": {
"x": 306,
"x": 366,
"y": 166
},
"width": 63,
@ -334,7 +334,7 @@
"id": "c2",
"type": "rectangle",
"pos": {
"x": 410,
"x": 490,
"y": 0
},
"width": 61,
@ -375,7 +375,7 @@
"id": "d2",
"type": "rectangle",
"pos": {
"x": 409,
"x": 489,
"y": 166
},
"width": 63,
@ -416,7 +416,7 @@
"id": "c3",
"type": "rectangle",
"pos": {
"x": 513,
"x": 613,
"y": 0
},
"width": 61,
@ -457,7 +457,7 @@
"id": "d3",
"type": "rectangle",
"pos": {
"x": 512,
"x": 612,
"y": 166
},
"width": 63,
@ -498,7 +498,7 @@
"id": "e1",
"type": "rectangle",
"pos": {
"x": 614,
"x": 734,
"y": 0
},
"width": 62,
@ -539,7 +539,7 @@
"id": "f1",
"type": "rectangle",
"pos": {
"x": 616,
"x": 736,
"y": 166
},
"width": 59,
@ -580,7 +580,7 @@
"id": "e2",
"type": "rectangle",
"pos": {
"x": 716,
"x": 856,
"y": 0
},
"width": 62,
@ -621,7 +621,7 @@
"id": "f2",
"type": "rectangle",
"pos": {
"x": 718,
"x": 858,
"y": 166
},
"width": 59,
@ -662,7 +662,7 @@
"id": "e3",
"type": "rectangle",
"pos": {
"x": 818,
"x": 978,
"y": 0
},
"width": 62,
@ -703,7 +703,7 @@
"id": "f3",
"type": "rectangle",
"pos": {
"x": 820,
"x": 980,
"y": 166
},
"width": 59,
@ -744,7 +744,7 @@
"id": "g1",
"type": "rectangle",
"pos": {
"x": 920,
"x": 1100,
"y": 0
},
"width": 62,
@ -785,7 +785,7 @@
"id": "h1",
"type": "rectangle",
"pos": {
"x": 920,
"x": 1100,
"y": 166
},
"width": 62,
@ -826,7 +826,7 @@
"id": "g2",
"type": "rectangle",
"pos": {
"x": 1022,
"x": 1222,
"y": 0
},
"width": 62,
@ -867,7 +867,7 @@
"id": "h2",
"type": "rectangle",
"pos": {
"x": 1022,
"x": 1222,
"y": 166
},
"width": 62,
@ -908,7 +908,7 @@
"id": "g3",
"type": "rectangle",
"pos": {
"x": 1124,
"x": 1344,
"y": 0
},
"width": 62,
@ -949,7 +949,7 @@
"id": "h3",
"type": "rectangle",
"pos": {
"x": 1124,
"x": 1344,
"y": 166
},
"width": 62,
@ -990,7 +990,7 @@
"id": "c",
"type": "rectangle",
"pos": {
"x": 1227,
"x": 1467,
"y": 0
},
"width": 53,
@ -1031,7 +1031,7 @@
"id": "d",
"type": "rectangle",
"pos": {
"x": 1226,
"x": 1466,
"y": 166
},
"width": 54,
@ -1072,7 +1072,7 @@
"id": "f",
"type": "rectangle",
"pos": {
"x": 1228,
"x": 1468,
"y": 332
},
"width": 51,
@ -1185,19 +1185,19 @@
"labelPercentage": 0,
"route": [
{
"x": 133,
"x": 153,
"y": 66
},
{
"x": 133,
"x": 153,
"y": 106
},
{
"x": 133,
"x": 153,
"y": 126
},
{
"x": 133,
"x": 153,
"y": 166
}
],
@ -1233,19 +1233,19 @@
"labelPercentage": 0,
"route": [
{
"x": 235,
"x": 275,
"y": 66
},
{
"x": 235,
"x": 275,
"y": 106
},
{
"x": 235,
"x": 275,
"y": 126
},
{
"x": 235,
"x": 275,
"y": 166
}
],
@ -1281,19 +1281,19 @@
"labelPercentage": 0,
"route": [
{
"x": 337.5,
"x": 397.5,
"y": 66
},
{
"x": 337.5,
"x": 397.5,
"y": 106
},
{
"x": 337.5,
"x": 397.5,
"y": 126
},
{
"x": 337.5,
"x": 397.5,
"y": 166
}
],
@ -1329,19 +1329,19 @@
"labelPercentage": 0,
"route": [
{
"x": 440.5,
"x": 520.5,
"y": 66
},
{
"x": 440.5,
"x": 520.5,
"y": 106
},
{
"x": 440.5,
"x": 520.5,
"y": 126
},
{
"x": 440.5,
"x": 520.5,
"y": 166
}
],
@ -1377,19 +1377,19 @@
"labelPercentage": 0,
"route": [
{
"x": 543.5,
"x": 643.5,
"y": 66
},
{
"x": 543.5,
"x": 643.5,
"y": 106
},
{
"x": 543.5,
"x": 643.5,
"y": 126
},
{
"x": 543.5,
"x": 643.5,
"y": 166
}
],
@ -1425,19 +1425,19 @@
"labelPercentage": 0,
"route": [
{
"x": 645,
"x": 765,
"y": 66
},
{
"x": 645,
"x": 765,
"y": 106
},
{
"x": 645,
"x": 765,
"y": 126
},
{
"x": 645,
"x": 765,
"y": 166
}
],
@ -1473,19 +1473,19 @@
"labelPercentage": 0,
"route": [
{
"x": 747,
"x": 887,
"y": 66
},
{
"x": 747,
"x": 887,
"y": 106
},
{
"x": 747,
"x": 887,
"y": 126
},
{
"x": 747,
"x": 887,
"y": 166
}
],
@ -1521,19 +1521,19 @@
"labelPercentage": 0,
"route": [
{
"x": 849,
"x": 1009,
"y": 66
},
{
"x": 849,
"x": 1009,
"y": 106
},
{
"x": 849,
"x": 1009,
"y": 126
},
{
"x": 849,
"x": 1009,
"y": 166
}
],
@ -1569,19 +1569,19 @@
"labelPercentage": 0,
"route": [
{
"x": 951,
"x": 1131,
"y": 66
},
{
"x": 951,
"x": 1131,
"y": 106
},
{
"x": 951,
"x": 1131,
"y": 126
},
{
"x": 951,
"x": 1131,
"y": 166
}
],
@ -1617,19 +1617,19 @@
"labelPercentage": 0,
"route": [
{
"x": 1053,
"x": 1253,
"y": 66
},
{
"x": 1053,
"x": 1253,
"y": 106
},
{
"x": 1053,
"x": 1253,
"y": 126
},
{
"x": 1053,
"x": 1253,
"y": 166
}
],
@ -1665,19 +1665,19 @@
"labelPercentage": 0,
"route": [
{
"x": 1155,
"x": 1375,
"y": 66
},
{
"x": 1155,
"x": 1375,
"y": 106
},
{
"x": 1155,
"x": 1375,
"y": 126
},
{
"x": 1155,
"x": 1375,
"y": 166
}
],
@ -1713,19 +1713,19 @@
"labelPercentage": 0,
"route": [
{
"x": 1253,
"x": 1493,
"y": 66
},
{
"x": 1253,
"x": 1493,
"y": 106
},
{
"x": 1253,
"x": 1493,
"y": 126
},
{
"x": 1253,
"x": 1493,
"y": 166
}
],
@ -1761,19 +1761,19 @@
"labelPercentage": 0,
"route": [
{
"x": 1253,
"x": 1493,
"y": 232
},
{
"x": 1253,
"x": 1493,
"y": 272
},
{
"x": 1253,
"x": 1493,
"y": 292
},
{
"x": 1253,
"x": 1493,
"y": 332
}
],

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: 348 KiB

After

Width:  |  Height:  |  Size: 348 KiB

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

@ -6,7 +6,7 @@
"id": "a",
"type": "rectangle",
"pos": {
"x": 175,
"x": 210,
"y": 0
},
"width": 53,
@ -47,7 +47,7 @@
"id": "b",
"type": "rectangle",
"pos": {
"x": 242,
"x": 287,
"y": 166
},
"width": 53,
@ -88,7 +88,7 @@
"id": "c",
"type": "rectangle",
"pos": {
"x": 56,
"x": 64,
"y": 498
},
"width": 53,
@ -129,7 +129,7 @@
"id": "d",
"type": "rectangle",
"pos": {
"x": 387,
"x": 453,
"y": 498
},
"width": 54,
@ -170,7 +170,7 @@
"id": "e",
"type": "rectangle",
"pos": {
"x": 489,
"x": 577,
"y": 830
},
"width": 53,
@ -211,7 +211,7 @@
"id": "f",
"type": "rectangle",
"pos": {
"x": 481,
"x": 567,
"y": 498
},
"width": 51,
@ -252,7 +252,7 @@
"id": "g",
"type": "rectangle",
"pos": {
"x": 489,
"x": 576,
"y": 332
},
"width": 54,
@ -293,7 +293,7 @@
"id": "h",
"type": "rectangle",
"pos": {
"x": 90,
"x": 110,
"y": 332
},
"width": 53,
@ -334,7 +334,7 @@
"id": "i",
"type": "rectangle",
"pos": {
"x": 274,
"x": 322,
"y": 830
},
"width": 49,
@ -416,7 +416,7 @@
"id": "k",
"type": "rectangle",
"pos": {
"x": 272,
"x": 320,
"y": 996
},
"width": 53,
@ -457,7 +457,7 @@
"id": "l",
"type": "rectangle",
"pos": {
"x": 621,
"x": 735,
"y": 664
},
"width": 49,
@ -498,7 +498,7 @@
"id": "m",
"type": "rectangle",
"pos": {
"x": 572,
"x": 678,
"y": 498
},
"width": 57,
@ -539,7 +539,7 @@
"id": "n",
"type": "rectangle",
"pos": {
"x": 329,
"x": 387,
"y": 664
},
"width": 53,
@ -580,7 +580,7 @@
"id": "o",
"type": "rectangle",
"pos": {
"x": 203,
"x": 243,
"y": 332
},
"width": 54,
@ -621,7 +621,7 @@
"id": "p",
"type": "rectangle",
"pos": {
"x": 677,
"x": 800,
"y": 498
},
"width": 53,
@ -662,7 +662,7 @@
"id": "q",
"type": "rectangle",
"pos": {
"x": 488,
"x": 577,
"y": 996
},
"width": 54,
@ -727,19 +727,19 @@
"labelPercentage": 0,
"route": [
{
"x": 228.25,
"y": 65.95131086142322
"x": 263.25,
"y": 61.65798045602606
},
{
"x": 260.45,
"y": 105.99026217228464
"x": 303.45,
"y": 105.13159609120521
},
{
"x": 268.5,
"x": 313.5,
"y": 126
},
{
"x": 268.5,
"x": 313.5,
"y": 166
}
],
@ -775,32 +775,32 @@
"labelPercentage": 0,
"route": [
{
"x": 108.75,
"y": 506.76308539944904
"x": 117,
"y": 511.44888888888886
},
{
"x": 160.15,
"y": 459.7526170798898
"x": 185.8,
"y": 460.68977777777775
},
{
"x": 173,
"x": 203,
"y": 431.4
},
{
"x": 173,
"x": 203,
"y": 406.5
},
{
"x": 173,
"x": 203,
"y": 381.6
},
{
"x": 186.8,
"y": 270
"x": 219.8,
"y": 269.4
},
{
"x": 242,
"y": 222
"x": 287,
"y": 219
}
],
"isCurve": true,
@ -835,32 +835,32 @@
"labelPercentage": 0,
"route": [
{
"x": 413.5,
"x": 480,
"y": 564
},
{
"x": 413.5,
"x": 480,
"y": 604
},
{
"x": 413.5,
"x": 480,
"y": 630.6
},
{
"x": 413.5,
"x": 480,
"y": 655.5
},
{
"x": 413.5,
"x": 480,
"y": 680.4
},
{
"x": 428.55,
"y": 792.2766584766584
"x": 499.4,
"y": 793
},
{
"x": 488.75,
"y": 841.3832923832924
"x": 577,
"y": 845
}
],
"isCurve": true,
@ -895,31 +895,31 @@
"labelPercentage": 0,
"route": [
{
"x": 506,
"x": 592.5,
"y": 564
},
{
"x": 506,
"x": 592.5,
"y": 604
},
{
"x": 506,
"x": 592.5,
"y": 630.6
},
{
"x": 506,
"x": 592.5,
"y": 655.5
},
{
"x": 506,
"x": 592.5,
"y": 680.4
},
{
"x": 507.2,
"x": 593.9,
"y": 790
},
{
"x": 512,
"x": 599.5,
"y": 830
}
],
@ -955,32 +955,32 @@
"labelPercentage": 0,
"route": [
{
"x": 295,
"y": 211.56857142857143
"x": 340,
"y": 210.01126408010012
},
{
"x": 413.8,
"y": 267.91371428571426
"x": 478.6,
"y": 267.60225281602004
},
{
"x": 443.5,
"x": 513.25,
"y": 298.6
},
{
"x": 443.5,
"x": 513.25,
"y": 323.5
},
{
"x": 443.5,
"x": 513.25,
"y": 348.4
},
{
"x": 451.1,
"y": 458
"x": 524.05,
"y": 459.2
},
{
"x": 481.5,
"y": 498
"x": 567.25,
"y": 504
}
],
"isCurve": true,
@ -1015,19 +1015,19 @@
"labelPercentage": 0,
"route": [
{
"x": 295,
"y": 207.8868686868687
"x": 340,
"y": 206.6107266435986
},
{
"x": 471.8,
"y": 267.1773737373737
"x": 550,
"y": 266.9221453287197
},
{
"x": 516,
"x": 602.5,
"y": 292
},
{
"x": 516,
"x": 602.5,
"y": 332
}
],
@ -1063,19 +1063,19 @@
"labelPercentage": 0,
"route": [
{
"x": 516,
"x": 602.5,
"y": 398
},
{
"x": 516,
"x": 602.5,
"y": 438
},
{
"x": 514.8,
"x": 601.3,
"y": 458
},
{
"x": 510,
"x": 596.5,
"y": 498
}
],
@ -1111,19 +1111,19 @@
"labelPercentage": 0,
"route": [
{
"x": 242,
"y": 213.4703947368421
"x": 287,
"y": 211.42655367231637
},
{
"x": 141.6,
"y": 268.2940789473684
"x": 166.6,
"y": 267.88531073446325
},
{
"x": 116.5,
"x": 136.5,
"y": 292
},
{
"x": 116.5,
"x": 136.5,
"y": 332
}
],
@ -1159,79 +1159,79 @@
"labelPercentage": 0,
"route": [
{
"x": 275.855421686747,
"x": 322.8433734939759,
"y": 232
},
{
"x": 284.7710843373494,
"x": 334.1686746987952,
"y": 272
},
{
"x": 287,
"x": 337,
"y": 298.6
},
{
"x": 287,
"x": 337,
"y": 323.5
},
{
"x": 287,
"x": 337,
"y": 348.4
},
{
"x": 287,
"x": 337,
"y": 381.6
},
{
"x": 287,
"x": 337,
"y": 406.5
},
{
"x": 287,
"x": 337,
"y": 431.4
},
{
"x": 287,
"x": 337,
"y": 464.6
},
{
"x": 287,
"x": 337,
"y": 489.5
},
{
"x": 287,
"x": 337,
"y": 514.4
},
{
"x": 287,
"x": 337,
"y": 547.6
},
{
"x": 287,
"x": 337,
"y": 572.5
},
{
"x": 287,
"x": 337,
"y": 597.4
},
{
"x": 287,
"x": 337,
"y": 630.6
},
{
"x": 287,
"x": 337,
"y": 655.5
},
{
"x": 287,
"x": 337,
"y": 680.4
},
{
"x": 288.4,
"x": 338.2,
"y": 790
},
{
"x": 294,
"x": 343,
"y": 830
}
],
@ -1267,31 +1267,31 @@
"labelPercentage": 0,
"route": [
{
"x": 295,
"y": 214.1689655172414
"x": 340,
"y": 212.21021021021022
},
{
"x": 389.8,
"y": 268.4337931034483
"x": 452,
"y": 268.04204204204206
},
{
"x": 413.5,
"x": 480,
"y": 298.6
},
{
"x": 413.5,
"x": 480,
"y": 323.5
},
{
"x": 413.5,
"x": 480,
"y": 348.4
},
{
"x": 413.5,
"x": 480,
"y": 458
},
{
"x": 413.5,
"x": 480,
"y": 498
}
],
@ -1335,11 +1335,11 @@
"y": 438
},
{
"x": 31.8,
"x": 32.8,
"y": 458
},
{
"x": 59,
"x": 64,
"y": 498
}
],
@ -1375,32 +1375,32 @@
"labelPercentage": 0,
"route": [
{
"x": 35.933734939759034,
"x": 37.92168674698795,
"y": 332
},
{
"x": 49.18674698795181,
"x": 53.58433734939759,
"y": 292
},
{
"x": 52.5,
"x": 57.5,
"y": 265.4
},
{
"x": 52.5,
"x": 57.5,
"y": 240.5
},
{
"x": 52.5,
"x": 57.5,
"y": 215.6
},
{
"x": 77.1,
"y": 102.4
"x": 88.1,
"y": 101.8
},
{
"x": 175.5,
"y": 48
"x": 210.5,
"y": 45
}
],
"isCurve": true,
@ -1435,12 +1435,12 @@
"labelPercentage": 0,
"route": [
{
"x": 242,
"y": 208.0328542094456
"x": 287,
"y": 206.62391681109185
},
{
"x": 68.39999999999998,
"y": 267.2065708418891
"x": 77.39999999999998,
"y": 266.92478336221836
},
{
"x": 25,
@ -1483,19 +1483,19 @@
"labelPercentage": 0,
"route": [
{
"x": 298.5,
"x": 346.75,
"y": 896
},
{
"x": 298.5,
"x": 346.75,
"y": 936
},
{
"x": 298.5,
"x": 346.75,
"y": 956
},
{
"x": 298.5,
"x": 346.75,
"y": 996
}
],
@ -1531,20 +1531,20 @@
"labelPercentage": 0,
"route": [
{
"x": 441.5,
"y": 547.0645161290323
},
{
"x": 530.7,
"y": 600.6129032258065
},
{
"x": 566.6,
"y": 626.2
"x": 507,
"y": 544.2212389380531
},
{
"x": 621,
"y": 675
"y": 600.0442477876106
},
{
"x": 666.5,
"y": 626.8858447488584
},
{
"x": 734.5,
"y": 678.4292237442922
}
],
"isCurve": true,
@ -1579,20 +1579,20 @@
"labelPercentage": 0,
"route": [
{
"x": 645.75,
"x": 759,
"y": 730
},
{
"x": 645.75,
"x": 759,
"y": 770
},
{
"x": 624.95,
"y": 793.2
"x": 733.2,
"y": 793.8
},
{
"x": 541.75,
"y": 846
"x": 630,
"y": 849
}
],
"isCurve": true,
@ -1627,19 +1627,19 @@
"labelPercentage": 0,
"route": [
{
"x": 603.9759036144578,
"x": 710.4759036144578,
"y": 564
},
{
"x": 608.7951807228916,
"x": 715.2951807228916,
"y": 604
},
{
"x": 614.4,
"x": 721.7,
"y": 624
},
{
"x": 632,
"x": 742.5,
"y": 664
}
],
@ -1675,19 +1675,19 @@
"labelPercentage": 0,
"route": [
{
"x": 571.5,
"y": 539.9348441926346
"x": 678,
"y": 538.4798418972332
},
{
"x": 382.5,
"y": 599.1869688385269
"x": 447.79999999999995,
"y": 598.8959683794467
},
{
"x": 337.65,
"x": 393.05,
"y": 624
},
{
"x": 347.25,
"x": 404.25,
"y": 664
}
],
@ -1723,20 +1723,20 @@
"labelPercentage": 0,
"route": [
{
"x": 355.25,
"x": 413.5,
"y": 730
},
{
"x": 355.25,
"x": 413.5,
"y": 770
},
{
"x": 348.45,
"y": 790
"x": 405.05,
"y": 790.5071161048689
},
{
"x": 321.25,
"y": 830
"x": 371.25,
"y": 832.5355805243446
}
],
"isCurve": true,
@ -1771,19 +1771,19 @@
"labelPercentage": 0,
"route": [
{
"x": 390.3403614457831,
"x": 453.56024096385545,
"y": 564
},
{
"x": 362.26807228915663,
"x": 421.5120481927711,
"y": 604
},
{
"x": 355.25,
"x": 413.5,
"y": 624
},
{
"x": 355.25,
"x": 413.5,
"y": 664
}
],
@ -1819,19 +1819,19 @@
"labelPercentage": 0,
"route": [
{
"x": 480.5,
"y": 547.1873804971319
"x": 567,
"y": 544.5890850722311
},
{
"x": 396.3,
"y": 600.6374760994264
"x": 462.8,
"y": 600.1178170144462
},
{
"x": 372.85,
"x": 433.95,
"y": 624
},
{
"x": 363.25,
"x": 422.75,
"y": 664
}
],
@ -1867,19 +1867,19 @@
"labelPercentage": 0,
"route": [
{
"x": 253.19277108433735,
"x": 296.2048192771084,
"y": 232
},
{
"x": 234.63855421686748,
"x": 275.2409638554217,
"y": 272
},
{
"x": 230,
"x": 270,
"y": 292
},
{
"x": 230,
"x": 270,
"y": 332
}
],
@ -1915,20 +1915,20 @@
"labelPercentage": 0,
"route": [
{
"x": 703.25,
"x": 826.5,
"y": 564
},
{
"x": 703.25,
"x": 826.5,
"y": 604
},
{
"x": 696.25,
"y": 624
"x": 817.9,
"y": 624.4
},
{
"x": 668.25,
"y": 664
"x": 783.5,
"y": 666
}
],
"isCurve": true,
@ -1963,19 +1963,19 @@
"labelPercentage": 0,
"route": [
{
"x": 515.25,
"x": 603.5,
"y": 896
},
{
"x": 515.25,
"x": 603.5,
"y": 936
},
{
"x": 515.25,
"x": 603.5,
"y": 956
},
{
"x": 515.25,
"x": 603.5,
"y": 996
}
],

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

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

@ -6,7 +6,7 @@
"id": "a",
"type": "rectangle",
"pos": {
"x": 199,
"x": 229,
"y": 50
},
"width": 53,
@ -47,7 +47,7 @@
"id": "tree",
"type": "rectangle",
"pos": {
"x": 188,
"x": 218,
"y": 216
},
"width": 74,
@ -129,7 +129,7 @@
"id": "nodes",
"type": "rectangle",
"pos": {
"x": 302,
"x": 352,
"y": 216
},
"width": 87,
@ -211,7 +211,7 @@
"id": "more",
"type": "rectangle",
"pos": {
"x": 123,
"x": 143,
"y": 382
},
"width": 81,
@ -252,7 +252,7 @@
"id": "many",
"type": "rectangle",
"pos": {
"x": 244,
"x": 284,
"y": 382
},
"width": 85,
@ -293,7 +293,7 @@
"id": "then",
"type": "rectangle",
"pos": {
"x": 438,
"x": 508,
"y": 50
},
"width": 78,
@ -334,7 +334,7 @@
"id": "here",
"type": "rectangle",
"pos": {
"x": 429,
"x": 499,
"y": 216
},
"width": 76,
@ -375,7 +375,7 @@
"id": "you",
"type": "rectangle",
"pos": {
"x": 431,
"x": 501,
"y": 382
},
"width": 72,
@ -416,7 +416,7 @@
"id": "have",
"type": "rectangle",
"pos": {
"x": 574,
"x": 664,
"y": 50
},
"width": 78,
@ -457,7 +457,7 @@
"id": "hierarchy",
"type": "rectangle",
"pos": {
"x": 547,
"x": 637,
"y": 216
},
"width": 113,
@ -498,10 +498,10 @@
"id": "finally",
"type": "rectangle",
"pos": {
"x": 691,
"x": 791,
"y": 41
},
"width": 281,
"width": 321,
"height": 623,
"opacity": 1,
"strokeDash": 0,
@ -539,7 +539,7 @@
"id": "another",
"type": "rectangle",
"pos": {
"x": 1133,
"x": 1303,
"y": 382
},
"width": 103,
@ -580,7 +580,7 @@
"id": "of",
"type": "rectangle",
"pos": {
"x": 1154,
"x": 1324,
"y": 548
},
"width": 60,
@ -621,7 +621,7 @@
"id": "nesting",
"type": "rectangle",
"pos": {
"x": 1003,
"x": 1153,
"y": 216
},
"width": 98,
@ -662,7 +662,7 @@
"id": "trees",
"type": "rectangle",
"pos": {
"x": 1011,
"x": 1161,
"y": 382
},
"width": 82,
@ -703,7 +703,7 @@
"id": "finally.a",
"type": "rectangle",
"pos": {
"x": 872,
"x": 1002,
"y": 236
},
"width": 53,
@ -744,7 +744,7 @@
"id": "finally.tree",
"type": "rectangle",
"pos": {
"x": 741,
"x": 851,
"y": 402
},
"width": 74,
@ -785,7 +785,7 @@
"id": "finally.inside",
"type": "rectangle",
"pos": {
"x": 855,
"x": 985,
"y": 70
},
"width": 88,
@ -826,7 +826,7 @@
"id": "finally.hierarchy",
"type": "rectangle",
"pos": {
"x": 721,
"x": 831,
"y": 568
},
"width": 113,
@ -867,7 +867,7 @@
"id": "finally.root",
"type": "rectangle",
"pos": {
"x": 855,
"x": 985,
"y": 402
},
"width": 75,
@ -932,19 +932,19 @@
"labelPercentage": 0,
"route": [
{
"x": 225,
"x": 255,
"y": 116
},
{
"x": 225,
"x": 255,
"y": 156
},
{
"x": 225,
"x": 255,
"y": 176
},
{
"x": 225,
"x": 255,
"y": 216
}
],
@ -980,12 +980,12 @@
"labelPercentage": 0,
"route": [
{
"x": 198.5,
"y": 94.98637602179836
"x": 228.5,
"y": 93.30210772833723
},
{
"x": 72.89999999999999,
"y": 151.79727520435966
"x": 78.9,
"y": 151.46042154566746
},
{
"x": 41.5,
@ -1028,19 +1028,19 @@
"labelPercentage": 0,
"route": [
{
"x": 252.5,
"y": 101.25311203319502
"x": 282.5,
"y": 98.65480427046263
},
{
"x": 326.9,
"y": 153.050622406639
"x": 372.9,
"y": 152.53096085409254
},
{
"x": 345.5,
"x": 395.5,
"y": 176
},
{
"x": 345.5,
"x": 395.5,
"y": 216
}
],
@ -1124,19 +1124,19 @@
"labelPercentage": 0,
"route": [
{
"x": 200.54819277108433,
"x": 226.5722891566265,
"y": 282
},
{
"x": 170.90963855421685,
"x": 192.1144578313253,
"y": 322
},
{
"x": 163.5,
"x": 183.5,
"y": 342
},
{
"x": 163.5,
"x": 183.5,
"y": 382
}
],
@ -1172,19 +1172,19 @@
"labelPercentage": 0,
"route": [
{
"x": 249.5512048192771,
"x": 283.52710843373495,
"y": 282
},
{
"x": 279.31024096385545,
"x": 318.105421686747,
"y": 322
},
{
"x": 286.75,
"x": 326.75,
"y": 342
},
{
"x": 286.75,
"x": 326.75,
"y": 382
}
],
@ -1220,19 +1220,19 @@
"labelPercentage": 0,
"route": [
{
"x": 473.0240963855422,
"x": 543.0240963855422,
"y": 116
},
{
"x": 468.2048192771084,
"x": 538.2048192771084,
"y": 156
},
{
"x": 467,
"x": 537,
"y": 176
},
{
"x": 467,
"x": 537,
"y": 216
}
],
@ -1268,19 +1268,19 @@
"labelPercentage": 0,
"route": [
{
"x": 467,
"x": 537,
"y": 282
},
{
"x": 467,
"x": 537,
"y": 322
},
{
"x": 467,
"x": 537,
"y": 342
},
{
"x": 467,
"x": 537,
"y": 382
}
],
@ -1316,19 +1316,19 @@
"labelPercentage": 0,
"route": [
{
"x": 613.25,
"x": 703.25,
"y": 116
},
{
"x": 613.25,
"x": 703.25,
"y": 156
},
{
"x": 612.05,
"x": 702.05,
"y": 176
},
{
"x": 607.25,
"x": 697.25,
"y": 216
}
],
@ -1364,19 +1364,19 @@
"labelPercentage": 0,
"route": [
{
"x": 503.7379518072289,
"x": 577.7138554216867,
"y": 116
},
{
"x": 536.1475903614457,
"x": 614.9427710843373,
"y": 156
},
{
"x": 551.45,
"x": 632.65,
"y": 176
},
{
"x": 580.25,
"x": 666.25,
"y": 216
}
],
@ -1412,12 +1412,12 @@
"labelPercentage": 0,
"route": [
{
"x": 972.75,
"x": 1112.75,
"y": 385
},
{
"x": 1132.75,
"y": 397.7987927565392
"x": 1302.75,
"y": 399.92239858906527
}
],
"animated": false,
@ -1451,19 +1451,19 @@
"labelPercentage": 0,
"route": [
{
"x": 1184.25,
"x": 1354.25,
"y": 448
},
{
"x": 1184.25,
"x": 1354.25,
"y": 488
},
{
"x": 1184.25,
"x": 1354.25,
"y": 508
},
{
"x": 1184.25,
"x": 1354.25,
"y": 548
}
],
@ -1499,19 +1499,19 @@
"labelPercentage": 0,
"route": [
{
"x": 1051.75,
"x": 1201.75,
"y": 282
},
{
"x": 1051.75,
"x": 1201.75,
"y": 322
},
{
"x": 1051.75,
"x": 1201.75,
"y": 342
},
{
"x": 1051.75,
"x": 1201.75,
"y": 382
}
],
@ -1547,12 +1547,12 @@
"labelPercentage": 0,
"route": [
{
"x": 972.75,
"y": 408
"x": 1112.75,
"y": 407
},
{
"x": 1010.75,
"y": 389.9779411764706
"x": 1160.75,
"y": 392.4635761589404
}
],
"animated": false,
@ -1586,19 +1586,19 @@
"labelPercentage": 0,
"route": [
{
"x": 872.25,
"y": 287.640206185567
"x": 1002.25,
"y": 285.0716814159292
},
{
"x": 796.45,
"y": 339.5280412371134
"x": 910.45,
"y": 339.01433628318586
},
{
"x": 777.5,
"x": 887.5,
"y": 362.5
},
{
"x": 777.5,
"x": 887.5,
"y": 402.5
}
],
@ -1634,19 +1634,19 @@
"labelPercentage": 0,
"route": [
{
"x": 898.75,
"x": 1028.75,
"y": 136.5
},
{
"x": 898.75,
"x": 1028.75,
"y": 176.5
},
{
"x": 898.75,
"x": 1028.75,
"y": 196.5
},
{
"x": 898.75,
"x": 1028.75,
"y": 236.5
}
],
@ -1682,19 +1682,19 @@
"labelPercentage": 0,
"route": [
{
"x": 777.5,
"x": 887.5,
"y": 468.5
},
{
"x": 777.5,
"x": 887.5,
"y": 508.5
},
{
"x": 777.5,
"x": 887.5,
"y": 528.5
},
{
"x": 777.5,
"x": 887.5,
"y": 568.5
}
],
@ -1730,19 +1730,19 @@
"labelPercentage": 0,
"route": [
{
"x": 896.066265060241,
"x": 1026.066265060241,
"y": 302.5
},
{
"x": 892.8132530120482,
"x": 1022.8132530120482,
"y": 342.5
},
{
"x": 892,
"x": 1022,
"y": 362.5
},
{
"x": 892,
"x": 1022,
"y": 402.5
}
],

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

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

@ -6,7 +6,7 @@
"id": "a",
"type": "rectangle",
"pos": {
"x": 99,
"x": 114,
"y": 0
},
"width": 53,
@ -50,7 +50,7 @@
"x": 0,
"y": 207
},
"width": 257,
"width": 297,
"height": 1055,
"opacity": 1,
"strokeDash": 0,
@ -88,7 +88,7 @@
"id": "c",
"type": "rectangle",
"pos": {
"x": 288,
"x": 338,
"y": 432
},
"width": 53,
@ -129,7 +129,7 @@
"id": "d",
"type": "rectangle",
"pos": {
"x": 288,
"x": 338,
"y": 598
},
"width": 54,
@ -170,7 +170,7 @@
"id": "e",
"type": "rectangle",
"pos": {
"x": 288,
"x": 338,
"y": 764
},
"width": 53,
@ -211,7 +211,7 @@
"id": "b.1",
"type": "rectangle",
"pos": {
"x": 99,
"x": 114,
"y": 236
},
"width": 52,
@ -255,7 +255,7 @@
"x": 20,
"y": 438
},
"width": 123,
"width": 143,
"height": 794,
"opacity": 1,
"strokeDash": 0,
@ -293,7 +293,7 @@
"id": "b.3",
"type": "rectangle",
"pos": {
"x": 174,
"x": 204,
"y": 618
},
"width": 53,
@ -334,7 +334,7 @@
"id": "b.4",
"type": "rectangle",
"pos": {
"x": 174,
"x": 204,
"y": 784
},
"width": 54,
@ -375,7 +375,7 @@
"id": "b.5",
"type": "rectangle",
"pos": {
"x": 174,
"x": 204,
"y": 950
},
"width": 53,
@ -416,7 +416,7 @@
"id": "b.2.a",
"type": "rectangle",
"pos": {
"x": 61,
"x": 71,
"y": 470
},
"width": 53,
@ -457,7 +457,7 @@
"id": "b.2.b",
"type": "rectangle",
"pos": {
"x": 51,
"x": 61,
"y": 636
},
"width": 53,
@ -498,7 +498,7 @@
"id": "b.2.c",
"type": "rectangle",
"pos": {
"x": 51,
"x": 61,
"y": 802
},
"width": 53,
@ -539,7 +539,7 @@
"id": "b.2.d",
"type": "rectangle",
"pos": {
"x": 50,
"x": 60,
"y": 968
},
"width": 54,
@ -580,7 +580,7 @@
"id": "b.2.e",
"type": "rectangle",
"pos": {
"x": 51,
"x": 61,
"y": 1134
},
"width": 53,
@ -645,19 +645,19 @@
"labelPercentage": 0,
"route": [
{
"x": 125.25,
"x": 140.25,
"y": 66
},
{
"x": 125.25,
"x": 140.25,
"y": 106
},
{
"x": 125.25,
"x": 140.25,
"y": 134.2
},
{
"x": 125.25,
"x": 140.25,
"y": 207
}
],
@ -693,12 +693,12 @@
"labelPercentage": 0,
"route": [
{
"x": 257.75,
"y": 465
"x": 297.75,
"y": 464
},
{
"x": 287.75,
"y": 446
"x": 337.75,
"y": 448
}
],
"animated": false,
@ -732,19 +732,19 @@
"labelPercentage": 0,
"route": [
{
"x": 314.75,
"x": 364.75,
"y": 498
},
{
"x": 314.75,
"x": 364.75,
"y": 538
},
{
"x": 314.75,
"x": 364.75,
"y": 558
},
{
"x": 314.75,
"x": 364.75,
"y": 598
}
],
@ -780,19 +780,19 @@
"labelPercentage": 0,
"route": [
{
"x": 314.75,
"x": 364.75,
"y": 664
},
{
"x": 314.75,
"x": 364.75,
"y": 704
},
{
"x": 314.75,
"x": 364.75,
"y": 724
},
{
"x": 314.75,
"x": 364.75,
"y": 764
}
],
@ -828,19 +828,19 @@
"labelPercentage": 0,
"route": [
{
"x": 110.0421686746988,
"x": 123.05421686746988,
"y": 302.5
},
{
"x": 91.60843373493975,
"x": 102.21084337349397,
"y": 342.5
},
{
"x": 87,
"x": 97,
"y": 369.7
},
{
"x": 87,
"x": 97,
"y": 438.5
}
],
@ -876,12 +876,12 @@
"labelPercentage": 0,
"route": [
{
"x": 143.5,
"x": 163.5,
"y": 637.5
},
{
"x": 174.5,
"y": 628.5
"x": 204.5,
"y": 631.5
}
],
"animated": false,
@ -915,19 +915,19 @@
"labelPercentage": 0,
"route": [
{
"x": 200.75,
"x": 230.75,
"y": 684.5
},
{
"x": 200.75,
"x": 230.75,
"y": 724.5
},
{
"x": 200.75,
"x": 230.75,
"y": 744.5
},
{
"x": 200.75,
"x": 230.75,
"y": 784.5
}
],
@ -963,19 +963,19 @@
"labelPercentage": 0,
"route": [
{
"x": 200.75,
"x": 230.75,
"y": 850.5
},
{
"x": 200.75,
"x": 230.75,
"y": 890.5
},
{
"x": 200.75,
"x": 230.75,
"y": 910.5
},
{
"x": 200.75,
"x": 230.75,
"y": 950.5
}
],
@ -1011,19 +1011,19 @@
"labelPercentage": 0,
"route": [
{
"x": 83.02409638554217,
"x": 93.02409638554217,
"y": 536.5
},
{
"x": 78.20481927710843,
"x": 88.20481927710843,
"y": 576.5
},
{
"x": 77,
"x": 87,
"y": 596.5
},
{
"x": 77,
"x": 87,
"y": 636.5
}
],
@ -1059,19 +1059,19 @@
"labelPercentage": 0,
"route": [
{
"x": 77,
"x": 87,
"y": 702.5
},
{
"x": 77,
"x": 87,
"y": 742.5
},
{
"x": 77,
"x": 87,
"y": 762.5
},
{
"x": 77,
"x": 87,
"y": 802.5
}
],
@ -1107,19 +1107,19 @@
"labelPercentage": 0,
"route": [
{
"x": 77,
"x": 87,
"y": 868.5
},
{
"x": 77,
"x": 87,
"y": 908.5
},
{
"x": 77,
"x": 87,
"y": 928.5
},
{
"x": 77,
"x": 87,
"y": 968.5
}
],
@ -1155,19 +1155,19 @@
"labelPercentage": 0,
"route": [
{
"x": 77,
"x": 87,
"y": 1034.5
},
{
"x": 77,
"x": 87,
"y": 1074.5
},
{
"x": 77,
"x": 87,
"y": 1094.5
},
{
"x": 77,
"x": 87,
"y": 1134.5
}
],

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

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

@ -6,7 +6,7 @@
"id": "size XS",
"type": "rectangle",
"pos": {
"x": 893,
"x": 993,
"y": 280
},
"width": 85,
@ -129,7 +129,7 @@
"id": "size L",
"type": "rectangle",
"pos": {
"x": 124,
"x": 144,
"y": 8
},
"width": 93,
@ -170,7 +170,7 @@
"id": "size XL",
"type": "rectangle",
"pos": {
"x": 257,
"x": 297,
"y": 5
},
"width": 117,
@ -211,7 +211,7 @@
"id": "size XXL",
"type": "rectangle",
"pos": {
"x": 414,
"x": 474,
"y": 3
},
"width": 144,
@ -252,7 +252,7 @@
"id": "size XXXL",
"type": "rectangle",
"pos": {
"x": 598,
"x": 678,
"y": 0
},
"width": 177,
@ -293,7 +293,7 @@
"id": "custom 8",
"type": "rectangle",
"pos": {
"x": 897,
"x": 997,
"y": 15
},
"width": 77,
@ -334,7 +334,7 @@
"id": "custom 12",
"type": "rectangle",
"pos": {
"x": 1014,
"x": 1134,
"y": 13
},
"width": 100,
@ -375,7 +375,7 @@
"id": "custom 18",
"type": "rectangle",
"pos": {
"x": 1154,
"x": 1294,
"y": 9
},
"width": 126,
@ -416,7 +416,7 @@
"id": "custom 21",
"type": "rectangle",
"pos": {
"x": 1320,
"x": 1480,
"y": 7
},
"width": 140,
@ -457,7 +457,7 @@
"id": "custom 64",
"type": "rectangle",
"pos": {
"x": 520,
"x": 600,
"y": 248
},
"width": 333,
@ -522,19 +522,19 @@
"labelPercentage": 0,
"route": [
{
"x": 935,
"x": 1035,
"y": 71
},
{
"x": 935,
"x": 1035,
"y": 147.8
},
{
"x": 935,
"x": 1035,
"y": 189.6
},
{
"x": 935,
"x": 1035,
"y": 280
}
],
@ -619,19 +619,19 @@
"labelPercentage": 0,
"route": [
{
"x": 686,
"x": 766,
"y": 86
},
{
"x": 686,
"x": 766,
"y": 150.8
},
{
"x": 686,
"x": 766,
"y": 183.2
},
{
"x": 686,
"x": 766,
"y": 248
}
],

10
e2etests/testdata/stable/font_sizes/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="1664" height="578" viewBox="-102 -102 1664 578"><style type="text/css">
width="1824" height="578" viewBox="-102 -102 1824 578"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,11 +39,11 @@ width="1664" height="578" viewBox="-102 -102 1664 578"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="size XS"><g class="shape" ><rect x="893" y="280" width="85" height="62" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="935.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="124" y="8" width="93" height="71" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="170.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="257" y="5" width="117" height="76" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="315.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="414" y="3" width="144" height="81" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="486.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="598" y="0" width="177" height="86" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="686.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="897" y="15" width="77" height="56" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="935.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="1014" y="13" width="100" height="61" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1064.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="1154" y="9" width="126" height="68" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1217.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="1320" y="7" width="140" height="72" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1390.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="520" y="248" width="333" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="686.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 935.000000 73.000000 C 935.000000 147.800000 935.000000 189.600000 935.000000 276.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2286573450)"/><text class="text-italic" x="935.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(#2286573450)"/><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 686.000000 88.000000 C 686.000000 150.800000 686.000000 183.200000 686.000000 244.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2286573450)"/><rect x="587.000000" y="137.000000" width="199" height="61" style="fill:lavender" /><text class="text-italic" x="686.500000" y="185.000000" style="text-anchor:middle;font-size:48px;fill:#676C7E">custom 48</text></g><mask id="2286573450" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1664" height="578">
<rect x="-100" y="-100" width="1664" height="578" fill="white"></rect>
<rect x="914.000000" y="169.000000" width="42" height="13" fill="black"></rect>
]]></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">
<rect x="-100" y="-100" width="1824" height="578" fill="white"></rect>
<rect x="1014.000000" y="169.000000" width="42" height="13" fill="black"></rect>
<rect x="12.000000" y="167.000000" width="64" height="19" fill="black"></rect>
<rect x="587.000000" y="137.000000" width="199" height="61" fill="black"></rect>
<rect x="667.000000" y="137.000000" width="199" height="61" fill="black"></rect>
</mask><style type="text/css"><![CDATA[
.text-bold {
font-family: "font-bold";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 472 KiB

After

Width:  |  Height:  |  Size: 472 KiB

10
e2etests/testdata/stable/font_sizes_containers_large/dagre/board.exp.json generated vendored
View file

@ -9,7 +9,7 @@
"x": 0,
"y": 65
},
"width": 244,
"width": 264,
"height": 511,
"opacity": 1,
"strokeDash": 0,
@ -50,7 +50,7 @@
"x": 20,
"y": 162
},
"width": 204,
"width": 224,
"height": 381,
"opacity": 1,
"strokeDash": 0,
@ -91,7 +91,7 @@
"x": 40,
"y": 241
},
"width": 164,
"width": 184,
"height": 270,
"opacity": 1,
"strokeDash": 0,
@ -132,7 +132,7 @@
"x": 60,
"y": 309
},
"width": 124,
"width": 144,
"height": 160,
"opacity": 1,
"strokeDash": 0,
@ -170,7 +170,7 @@
"id": "ninety nine.sixty four.thirty two.sixteen.eight",
"type": "rectangle",
"pos": {
"x": 90,
"x": 100,
"y": 361
},
"width": 64,

4
e2etests/testdata/stable/font_sizes_containers_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="652" height="843" viewBox="-204 -165 652 843"><style type="text/css">
width="652" height="843" viewBox="-194 -165 652 843"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,7 +39,7 @@ width="652" height="843" viewBox="-204 -165 652 843"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="ninety nine"><g class="shape" ><rect x="0" y="65" width="244" height="511" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="122.000000" y="34.000000" style="text-anchor:middle;font-size:99px;fill:#0A0F25">ninety nine</text></g><g id="ninety nine.sixty four"><g class="shape" ><rect x="20" y="162" width="204" height="381" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="122.000000" y="140.000000" style="text-anchor:middle;font-size:64px;fill:#0A0F25">sixty four</text></g><g id="ninety nine.sixty four.thirty two"><g class="shape" ><rect x="40" y="241" width="164" height="270" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="122.000000" y="227.000000" style="text-anchor:middle;font-size:32px;fill:#0A0F25">thirty two</text></g><g id="ninety nine.sixty four.thirty two.sixteen"><g class="shape" ><rect x="60" y="309" width="124" height="160" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="122.000000" y="299.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">sixteen</text></g><g id="ninety nine.sixty four.thirty two.sixteen.eight"><g class="shape" ><rect x="90" y="361" width="64" height="56" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="122.000000" y="391.500000" style="text-anchor:middle;font-size:8px;fill:#0A0F25">eight</text></g><mask id="3410902744" maskUnits="userSpaceOnUse" x="-100" y="-100" width="652" height="843">
]]></script><g id="ninety nine"><g class="shape" ><rect x="0" y="65" width="264" height="511" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="132.000000" y="34.000000" style="text-anchor:middle;font-size:99px;fill:#0A0F25">ninety nine</text></g><g id="ninety nine.sixty four"><g class="shape" ><rect x="20" y="162" width="224" height="381" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="132.000000" y="140.000000" style="text-anchor:middle;font-size:64px;fill:#0A0F25">sixty four</text></g><g id="ninety nine.sixty four.thirty two"><g class="shape" ><rect x="40" y="241" width="184" height="270" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="132.000000" y="227.000000" style="text-anchor:middle;font-size:32px;fill:#0A0F25">thirty two</text></g><g id="ninety nine.sixty four.thirty two.sixteen"><g class="shape" ><rect x="60" y="309" width="144" height="160" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="132.000000" y="299.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">sixteen</text></g><g id="ninety nine.sixty four.thirty two.sixteen.eight"><g class="shape" ><rect x="100" y="361" width="64" height="56" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="132.000000" y="391.500000" style="text-anchor:middle;font-size:8px;fill:#0A0F25">eight</text></g><mask id="3962632556" maskUnits="userSpaceOnUse" x="-100" y="-100" width="652" height="843">
<rect x="-100" y="-100" width="652" height="843" fill="white"></rect>
</mask><style type="text/css"><![CDATA[

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 649 KiB

After

Width:  |  Height:  |  Size: 649 KiB

662
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

464
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: 663 KiB

After

Width:  |  Height:  |  Size: 663 KiB

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

@ -46,7 +46,7 @@
"id": "b",
"type": "text",
"pos": {
"x": 422,
"x": 442,
"y": 193
},
"width": 65,
@ -86,7 +86,7 @@
"id": "z",
"type": "text",
"pos": {
"x": 233,
"x": 243,
"y": 0
},
"width": 179,
@ -126,7 +126,7 @@
"id": "c",
"type": "rectangle",
"pos": {
"x": 378,
"x": 398,
"y": 352
},
"width": 154,
@ -167,7 +167,7 @@
"id": "sugar",
"type": "rectangle",
"pos": {
"x": 527,
"x": 567,
"y": 169
},
"width": 86,
@ -208,7 +208,7 @@
"id": "solution",
"type": "rectangle",
"pos": {
"x": 403,
"x": 423,
"y": 539
},
"width": 104,
@ -273,11 +273,11 @@
"labelPercentage": 0,
"route": [
{
"x": 278.25165562913907,
"x": 284.87417218543044,
"y": 51
},
{
"x": 208.4503311258278,
"x": 209.7748344370861,
"y": 91
},
{
@ -321,19 +321,19 @@
"labelPercentage": 0,
"route": [
{
"x": 367.24834437086093,
"x": 380.62582781456956,
"y": 51
},
{
"x": 437.0496688741722,
"x": 455.7251655629139,
"y": 91
},
{
"x": 454.5,
"x": 474.5,
"y": 119.3
},
{
"x": 454.5,
"x": 474.5,
"y": 192.5
}
],
@ -377,12 +377,12 @@
"y": 292
},
{
"x": 228.3,
"y": 313.7491461100569
"x": 232.3,
"y": 314.0913580246914
},
{
"x": 377.5,
"y": 360.74573055028463
"x": 397.5,
"y": 362.4567901234568
}
],
"isCurve": true,
@ -417,19 +417,19 @@
"labelPercentage": 0,
"route": [
{
"x": 454.5,
"x": 474.5,
"y": 211.5
},
{
"x": 454.5,
"x": 474.5,
"y": 283.9
},
{
"x": 454.5,
"x": 474.5,
"y": 312
},
{
"x": 454.5,
"x": 474.5,
"y": 352
}
],
@ -465,19 +465,19 @@
"labelPercentage": 0,
"route": [
{
"x": 570,
"x": 610,
"y": 235.5
},
{
"x": 570,
"x": 610,
"y": 288.7
},
{
"x": 556,
"x": 593.6,
"y": 312
},
{
"x": 500,
"x": 528,
"y": 352
}
],
@ -513,19 +513,19 @@
"labelPercentage": 0,
"route": [
{
"x": 454.5,
"x": 474.5,
"y": 418
},
{
"x": 454.5,
"x": 474.5,
"y": 466.4
},
{
"x": 454.5,
"x": 474.5,
"y": 490.7
},
{
"x": 454.5,
"x": 474.5,
"y": 539.5
}
],

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

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

@ -9,7 +9,7 @@
"x": 0,
"y": 41
},
"width": 272,
"width": 292,
"height": 317,
"opacity": 1,
"strokeDash": 0,
@ -47,7 +47,7 @@
"id": "container.md",
"type": "text",
"pos": {
"x": 30,
"x": 40,
"y": 70
},
"width": 212,
@ -87,7 +87,7 @@
"id": "no container",
"type": "text",
"pos": {
"x": 77,
"x": 87,
"y": 458
},
"width": 118,
@ -151,19 +151,19 @@
"labelPercentage": 0,
"route": [
{
"x": 136,
"x": 146,
"y": 358
},
{
"x": 136,
"x": 146,
"y": 398
},
{
"x": 136,
"x": 146,
"y": 418
},
{
"x": 136,
"x": 146,
"y": 458
}
],

10
e2etests/testdata/stable/markdown_stroke_fill/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="476" height="684" viewBox="-102 -100 476 684"><style type="text/css">
width="496" height="684" viewBox="-102 -100 496 684"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -796,8 +796,8 @@ width="476" height="684" viewBox="-102 -100 476 684"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g id="container"><g class="shape" ><rect x="0" y="41" width="272" height="317" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="136.000000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">container</text></g><g id="no container"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="77.000000" y="458.000000" width="118" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:#CEEDEE;color:red;"><p>they did it in style</p>
</div></foreignObject></g></g><g id="container.md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="30.000000" y="70.000000" width="212" height="258"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:darkorange;"><h1>a header</h1>
</style><g id="container"><g class="shape" ><rect x="0" y="41" width="292" height="317" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="146.000000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">container</text></g><g id="no container"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="87.000000" y="458.000000" width="118" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:#CEEDEE;color:red;"><p>they did it in style</p>
</div></foreignObject></g></g><g id="container.md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="40.000000" y="70.000000" width="212" height="258"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:darkorange;"><h1>a header</h1>
<p>a line of text and an</p>
<pre><code>{
indented: &quot;block&quot;,
@ -805,8 +805,8 @@ width="476" height="684" viewBox="-102 -100 476 684"><style type="text/css">
}
</code></pre>
<p>walk into a bar.</p>
</div></foreignObject></g></g><g id="(container -&gt; no container)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 136.000000 360.000000 C 136.000000 398.000000 136.000000 418.000000 136.000000 454.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2056439789)"/></g><mask id="2056439789" maskUnits="userSpaceOnUse" x="-100" y="-100" width="476" height="684">
<rect x="-100" y="-100" width="476" height="684" fill="white"></rect>
</div></foreignObject></g></g><g id="(container -&gt; no container)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 146.000000 360.000000 C 146.000000 398.000000 146.000000 418.000000 146.000000 454.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3935434823)"/></g><mask id="3935434823" maskUnits="userSpaceOnUse" x="-100" y="-100" width="496" height="684">
<rect x="-100" y="-100" width="496" height="684" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 518 KiB

After

Width:  |  Height:  |  Size: 518 KiB

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

@ -9,7 +9,7 @@
"x": 0,
"y": 41
},
"width": 519,
"width": 539,
"height": 107,
"opacity": 1,
"strokeDash": 0,
@ -47,7 +47,7 @@
"id": "markdown.md",
"type": "text",
"pos": {
"x": 30,
"x": 40,
"y": 70
},
"width": 459,

8
e2etests/testdata/stable/md_2space_newline/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="723" height="350" viewBox="-102 -100 723 350"><style type="text/css">
width="743" height="350" viewBox="-102 -100 743 350"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -796,10 +796,10 @@ width="723" height="350" viewBox="-102 -100 723 350"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g id="markdown"><g class="shape" ><rect x="0" y="41" width="519" height="107" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="259.500000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">markdown</text></g><g id="markdown.md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="30.000000" y="70.000000" width="459" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,<br />
</style><g id="markdown"><g class="shape" ><rect x="0" y="41" width="539" height="107" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="269.500000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">markdown</text></g><g id="markdown.md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="40.000000" y="70.000000" width="459" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,<br />
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div></foreignObject></g></g><mask id="2033666270" maskUnits="userSpaceOnUse" x="-100" y="-100" width="723" height="350">
<rect x="-100" y="-100" width="723" height="350" fill="white"></rect>
</div></foreignObject></g></g><mask id="441748837" maskUnits="userSpaceOnUse" x="-100" y="-100" width="743" height="350">
<rect x="-100" y="-100" width="743" height="350" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 337 KiB

After

Width:  |  Height:  |  Size: 337 KiB

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

@ -9,7 +9,7 @@
"x": 0,
"y": 41
},
"width": 519,
"width": 539,
"height": 107,
"opacity": 1,
"strokeDash": 0,
@ -47,7 +47,7 @@
"id": "markdown.md",
"type": "text",
"pos": {
"x": 30,
"x": 40,
"y": 70
},
"width": 459,

8
e2etests/testdata/stable/md_backslash_newline/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="723" height="350" viewBox="-102 -100 723 350"><style type="text/css">
width="743" height="350" viewBox="-102 -100 743 350"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -796,10 +796,10 @@ width="723" height="350" viewBox="-102 -100 723 350"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g id="markdown"><g class="shape" ><rect x="0" y="41" width="519" height="107" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="259.500000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">markdown</text></g><g id="markdown.md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="30.000000" y="70.000000" width="459" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,<br />
</style><g id="markdown"><g class="shape" ><rect x="0" y="41" width="539" height="107" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="269.500000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">markdown</text></g><g id="markdown.md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="40.000000" y="70.000000" width="459" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,<br />
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div></foreignObject></g></g><mask id="3781485942" maskUnits="userSpaceOnUse" x="-100" y="-100" width="723" height="350">
<rect x="-100" y="-100" width="723" height="350" fill="white"></rect>
</div></foreignObject></g></g><mask id="2466945125" maskUnits="userSpaceOnUse" x="-100" y="-100" width="743" height="350">
<rect x="-100" y="-100" width="743" height="350" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 337 KiB

After

Width:  |  Height:  |  Size: 337 KiB

248
e2etests/testdata/stable/multiple_trees/dagre/board.exp.json generated vendored
View file

@ -6,7 +6,7 @@
"id": "a",
"type": "rectangle",
"pos": {
"x": 425,
"x": 515,
"y": 332
},
"width": 53,
@ -47,7 +47,7 @@
"id": "b",
"type": "rectangle",
"pos": {
"x": 43,
"x": 53,
"y": 498
},
"width": 53,
@ -88,7 +88,7 @@
"id": "c",
"type": "rectangle",
"pos": {
"x": 144,
"x": 174,
"y": 498
},
"width": 53,
@ -129,7 +129,7 @@
"id": "d",
"type": "rectangle",
"pos": {
"x": 332,
"x": 402,
"y": 498
},
"width": 54,
@ -170,7 +170,7 @@
"id": "e",
"type": "rectangle",
"pos": {
"x": 519,
"x": 629,
"y": 498
},
"width": 53,
@ -211,7 +211,7 @@
"id": "f",
"type": "rectangle",
"pos": {
"x": 703,
"x": 853,
"y": 498
},
"width": 51,
@ -252,7 +252,7 @@
"id": "g",
"type": "rectangle",
"pos": {
"x": 425,
"x": 515,
"y": 166
},
"width": 54,
@ -293,7 +293,7 @@
"id": "h",
"type": "rectangle",
"pos": {
"x": 825,
"x": 995,
"y": 498
},
"width": 53,
@ -375,7 +375,7 @@
"id": "j",
"type": "rectangle",
"pos": {
"x": 89,
"x": 109,
"y": 332
},
"width": 50,
@ -416,7 +416,7 @@
"id": "k",
"type": "rectangle",
"pos": {
"x": 380,
"x": 460,
"y": 0
},
"width": 53,
@ -457,7 +457,7 @@
"id": "l",
"type": "rectangle",
"pos": {
"x": 473,
"x": 573,
"y": 0
},
"width": 49,
@ -498,7 +498,7 @@
"id": "m",
"type": "rectangle",
"pos": {
"x": 95,
"x": 115,
"y": 664
},
"width": 57,
@ -539,7 +539,7 @@
"id": "n",
"type": "rectangle",
"pos": {
"x": 192,
"x": 232,
"y": 664
},
"width": 53,
@ -580,7 +580,7 @@
"id": "o",
"type": "rectangle",
"pos": {
"x": 285,
"x": 345,
"y": 664
},
"width": 54,
@ -621,7 +621,7 @@
"id": "p",
"type": "rectangle",
"pos": {
"x": 379,
"x": 459,
"y": 664
},
"width": 53,
@ -662,7 +662,7 @@
"id": "q",
"type": "rectangle",
"pos": {
"x": 472,
"x": 572,
"y": 664
},
"width": 54,
@ -703,7 +703,7 @@
"id": "r",
"type": "rectangle",
"pos": {
"x": 566,
"x": 686,
"y": 664
},
"width": 51,
@ -744,7 +744,7 @@
"id": "s",
"type": "rectangle",
"pos": {
"x": 379,
"x": 459,
"y": 830
},
"width": 52,
@ -785,7 +785,7 @@
"id": "t",
"type": "rectangle",
"pos": {
"x": 657,
"x": 797,
"y": 664
},
"width": 51,
@ -826,7 +826,7 @@
"id": "u",
"type": "rectangle",
"pos": {
"x": 748,
"x": 908,
"y": 664
},
"width": 54,
@ -867,7 +867,7 @@
"id": "v",
"type": "rectangle",
"pos": {
"x": 778,
"x": 938,
"y": 332
},
"width": 54,
@ -908,7 +908,7 @@
"id": "w",
"type": "rectangle",
"pos": {
"x": 872,
"x": 1052,
"y": 332
},
"width": 58,
@ -973,20 +973,20 @@
"labelPercentage": 0,
"route": [
{
"x": 425,
"y": 369.92333519865696
"x": 515,
"y": 369.09781089892874
},
{
"x": 88.79999999999995,
"y": 432.3846670397314
"x": 106.79999999999995,
"y": 432.2195621797857
},
{
"x": 12.55,
"y": 458
"x": 14.350000000000001,
"y": 458.6953020134228
},
{
"x": 43.75,
"y": 498
"x": 52.75,
"y": 501.4765100671141
}
],
"isCurve": true,
@ -1021,19 +1021,19 @@
"labelPercentage": 0,
"route": [
{
"x": 425,
"y": 372.83437221727513
"x": 515,
"y": 371.45487894350697
},
{
"x": 221.6,
"y": 432.966874443455
"x": 263.6,
"y": 432.6909757887014
},
{
"x": 170.75,
"x": 200.75,
"y": 458
},
{
"x": 170.75,
"x": 200.75,
"y": 498
}
],
@ -1069,19 +1069,19 @@
"labelPercentage": 0,
"route": [
{
"x": 425,
"y": 388.6505376344086
"x": 515,
"y": 384.4646017699115
},
{
"x": 371.8,
"y": 436.1301075268817
"x": 445.8,
"y": 435.2929203539823
},
{
"x": 358.5,
"x": 428.5,
"y": 458
},
{
"x": 358.5,
"x": 428.5,
"y": 498
}
],
@ -1117,19 +1117,19 @@
"labelPercentage": 0,
"route": [
{
"x": 478,
"y": 388.524064171123
"x": 568,
"y": 384.3788546255507
},
{
"x": 531.6,
"y": 436.1048128342246
"x": 637.6,
"y": 435.2757709251101
},
{
"x": 545,
"x": 655,
"y": 458
},
{
"x": 545,
"x": 655,
"y": 498
}
],
@ -1165,19 +1165,19 @@
"labelPercentage": 0,
"route": [
{
"x": 478,
"y": 372.94043321299637
"x": 568,
"y": 371.526706231454
},
{
"x": 678.4,
"y": 432.9880866425993
"x": 816.4,
"y": 432.7053412462908
},
{
"x": 728.5,
"x": 878.5,
"y": 458
},
{
"x": 728.5,
"x": 878.5,
"y": 498
}
],
@ -1213,19 +1213,19 @@
"labelPercentage": 0,
"route": [
{
"x": 451.5,
"x": 541.5,
"y": 232
},
{
"x": 451.5,
"x": 541.5,
"y": 272
},
{
"x": 451.5,
"x": 541.5,
"y": 292
},
{
"x": 451.5,
"x": 541.5,
"y": 332
}
],
@ -1261,20 +1261,20 @@
"labelPercentage": 0,
"route": [
{
"x": 478,
"y": 371.6051051051051
"x": 568,
"y": 370.45781637717124
},
{
"x": 723.2,
"y": 432.72102102102104
"x": 869.2,
"y": 432.49156327543426
},
{
"x": 792.7,
"y": 458
"x": 954.7,
"y": 458.8
},
{
"x": 825.5,
"y": 498
"x": 995.5,
"y": 502
}
],
"isCurve": true,
@ -1317,11 +1317,11 @@
"y": 438
},
{
"x": 30.15,
"x": 31.35,
"y": 458
},
{
"x": 51.75,
"x": 57.75,
"y": 498
}
],
@ -1357,19 +1357,19 @@
"labelPercentage": 0,
"route": [
{
"x": 114.09939759036145,
"x": 134.09939759036143,
"y": 398
},
{
"x": 114.21987951807229,
"x": 134.21987951807228,
"y": 438
},
{
"x": 108.85,
"x": 127.65,
"y": 458
},
{
"x": 87.25,
"x": 101.25,
"y": 498
}
],
@ -1405,19 +1405,19 @@
"labelPercentage": 0,
"route": [
{
"x": 406,
"x": 486,
"y": 66
},
{
"x": 406,
"x": 486,
"y": 106
},
{
"x": 411.4,
"x": 492.6,
"y": 126
},
{
"x": 433,
"x": 519,
"y": 166
}
],
@ -1453,19 +1453,19 @@
"labelPercentage": 0,
"route": [
{
"x": 497,
"x": 597,
"y": 66
},
{
"x": 497,
"x": 597,
"y": 106
},
{
"x": 491.6,
"x": 590.4,
"y": 126
},
{
"x": 470,
"x": 564,
"y": 166
}
],
@ -1501,19 +1501,19 @@
"labelPercentage": 0,
"route": [
{
"x": 151.8644578313253,
"x": 177.88855421686748,
"y": 564
},
{
"x": 128.97289156626505,
"x": 150.1777108433735,
"y": 604
},
{
"x": 123.25,
"x": 143.25,
"y": 624
},
{
"x": 123.25,
"x": 143.25,
"y": 664
}
],
@ -1549,19 +1549,19 @@
"labelPercentage": 0,
"route": [
{
"x": 189.6355421686747,
"x": 223.61144578313252,
"y": 564
},
{
"x": 212.52710843373495,
"x": 251.3222891566265,
"y": 604
},
{
"x": 218.25,
"x": 258.25,
"y": 624
},
{
"x": 218.25,
"x": 258.25,
"y": 664
}
],
@ -1597,19 +1597,19 @@
"labelPercentage": 0,
"route": [
{
"x": 339.91265060240966,
"x": 405.9367469879518,
"y": 564
},
{
"x": 317.38253012048193,
"x": 378.58734939759034,
"y": 604
},
{
"x": 311.75,
"x": 371.75,
"y": 624
},
{
"x": 311.75,
"x": 371.75,
"y": 664
}
],
@ -1645,19 +1645,19 @@
"labelPercentage": 0,
"route": [
{
"x": 377.08734939759034,
"x": 451.0632530120482,
"y": 564
},
{
"x": 399.61746987951807,
"x": 478.41265060240966,
"y": 604
},
{
"x": 405.25,
"x": 485.25,
"y": 624
},
{
"x": 405.25,
"x": 485.25,
"y": 664
}
],
@ -1693,19 +1693,19 @@
"labelPercentage": 0,
"route": [
{
"x": 526.6114457831326,
"x": 632.6355421686746,
"y": 564
},
{
"x": 504.32228915662654,
"x": 605.527108433735,
"y": 604
},
{
"x": 498.75,
"x": 598.75,
"y": 624
},
{
"x": 498.75,
"x": 598.75,
"y": 664
}
],
@ -1741,19 +1741,19 @@
"labelPercentage": 0,
"route": [
{
"x": 563.3885542168674,
"x": 677.3644578313254,
"y": 564
},
{
"x": 585.6777108433735,
"x": 704.472891566265,
"y": 604
},
{
"x": 591.25,
"x": 711.25,
"y": 624
},
{
"x": 591.25,
"x": 711.25,
"y": 664
}
],
@ -1789,19 +1789,19 @@
"labelPercentage": 0,
"route": [
{
"x": 405.25,
"x": 485.25,
"y": 730
},
{
"x": 405.25,
"x": 485.25,
"y": 770
},
{
"x": 405.25,
"x": 485.25,
"y": 790
},
{
"x": 405.25,
"x": 485.25,
"y": 830
}
],
@ -1837,19 +1837,19 @@
"labelPercentage": 0,
"route": [
{
"x": 710.1114457831326,
"x": 856.1355421686746,
"y": 564
},
{
"x": 687.8222891566265,
"x": 829.027108433735,
"y": 604
},
{
"x": 682.25,
"x": 822.25,
"y": 624
},
{
"x": 682.25,
"x": 822.25,
"y": 664
}
],
@ -1885,19 +1885,19 @@
"labelPercentage": 0,
"route": [
{
"x": 746.8885542168674,
"x": 900.8644578313254,
"y": 564
},
{
"x": 769.1777108433735,
"x": 927.972891566265,
"y": 604
},
{
"x": 774.75,
"x": 934.75,
"y": 624
},
{
"x": 774.75,
"x": 934.75,
"y": 664
}
],
@ -1933,19 +1933,19 @@
"labelPercentage": 0,
"route": [
{
"x": 804.5,
"x": 964.5,
"y": 398
},
{
"x": 804.5,
"x": 964.5,
"y": 438
},
{
"x": 810.1,
"x": 971.3,
"y": 458
},
{
"x": 832.5,
"x": 998.5,
"y": 498
}
],
@ -1981,19 +1981,19 @@
"labelPercentage": 0,
"route": [
{
"x": 900.5,
"x": 1080.5,
"y": 398
},
{
"x": 900.5,
"x": 1080.5,
"y": 438
},
{
"x": 894.7,
"x": 1073.5,
"y": 458
},
{
"x": 871.5,
"x": 1045.5,
"y": 498
}
],

6
e2etests/testdata/stable/multiple_trees/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: 336 KiB

After

Width:  |  Height:  |  Size: 336 KiB

544
e2etests/testdata/stable/n22_e32/dagre/board.exp.json generated vendored
View file

File diff suppressed because it is too large Load diff

6
e2etests/testdata/stable/n22_e32/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: 340 KiB

After

Width:  |  Height:  |  Size: 340 KiB

12
e2etests/testdata/stable/number_connections/dagre/board.exp.json generated vendored
View file

@ -88,7 +88,7 @@
"id": "foo baz",
"type": "rectangle",
"pos": {
"x": 93,
"x": 113,
"y": 0
},
"width": 99,
@ -129,7 +129,7 @@
"id": "hello",
"type": "rectangle",
"pos": {
"x": 102,
"x": 122,
"y": 166
},
"width": 80,
@ -242,19 +242,19 @@
"labelPercentage": 0,
"route": [
{
"x": 142,
"x": 162,
"y": 66
},
{
"x": 142,
"x": 162,
"y": 106
},
{
"x": 142,
"x": 162,
"y": 126
},
{
"x": 142,
"x": 162,
"y": 166
}
],

6
e2etests/testdata/stable/number_connections/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="396" height="436" viewBox="-102 -102 396 436"><style type="text/css">
width="416" height="436" viewBox="-102 -102 416 436"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="396" height="436" viewBox="-102 -102 396 436"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="1"><g class="shape" ><rect x="1" y="0" width="52" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="27.000000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">1</text></g><g id="2"><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">2</text></g><g id="foo baz"><g class="shape" ><rect x="93" y="0" width="99" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="142.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">Foo Baz</text></g><g id="hello"><g class="shape" ><rect x="102" y="166" width="80" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="142.000000" y="204.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">hello</text></g><g id="(1 -&gt; 2)[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(#3053188460)"/></g><g id="(foo baz -&gt; hello)[0]"><path d="M 142.000000 68.000000 C 142.000000 106.000000 142.000000 126.000000 142.000000 162.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3053188460)"/></g><mask id="3053188460" maskUnits="userSpaceOnUse" x="-100" y="-100" width="396" height="436">
<rect x="-100" y="-100" width="396" height="436" fill="white"></rect>
]]></script><g id="1"><g class="shape" ><rect x="1" y="0" width="52" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="27.000000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">1</text></g><g id="2"><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">2</text></g><g id="foo baz"><g class="shape" ><rect x="113" y="0" width="99" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="162.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">Foo Baz</text></g><g id="hello"><g class="shape" ><rect x="122" y="166" width="80" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="162.000000" y="204.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">hello</text></g><g id="(1 -&gt; 2)[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(#366816155)"/></g><g id="(foo baz -&gt; hello)[0]"><path d="M 162.000000 68.000000 C 162.000000 106.000000 162.000000 126.000000 162.000000 162.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#366816155)"/></g><mask id="366816155" maskUnits="userSpaceOnUse" x="-100" y="-100" width="416" height="436">
<rect x="-100" y="-100" width="416" height="436" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text-bold {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 326 KiB

After

Width:  |  Height:  |  Size: 326 KiB

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

@ -9,7 +9,7 @@
"x": 0,
"y": 41
},
"width": 254,
"width": 299,
"height": 125,
"opacity": 1,
"strokeDash": 0,
@ -47,7 +47,7 @@
"id": "a.b",
"type": "rectangle",
"pos": {
"x": 50,
"x": 60,
"y": 70
},
"width": 53,
@ -88,7 +88,7 @@
"id": "c",
"type": "rectangle",
"pos": {
"x": 78,
"x": 93,
"y": 764
},
"width": 53,
@ -129,7 +129,7 @@
"id": "d",
"type": "rectangle",
"pos": {
"x": 171,
"x": 206,
"y": 598
},
"width": 54,
@ -170,7 +170,7 @@
"id": "e",
"type": "rectangle",
"pos": {
"x": 78,
"x": 93,
"y": 598
},
"width": 53,
@ -211,7 +211,7 @@
"id": "f",
"type": "rectangle",
"pos": {
"x": 173,
"x": 208,
"y": 432
},
"width": 51,
@ -252,7 +252,7 @@
"id": "g",
"type": "rectangle",
"pos": {
"x": 171,
"x": 206,
"y": 266
},
"width": 54,
@ -293,7 +293,7 @@
"id": "a.h",
"type": "rectangle",
"pos": {
"x": 172,
"x": 207,
"y": 70
},
"width": 53,
@ -358,91 +358,91 @@
"labelPercentage": 0,
"route": [
{
"x": 65.26807228915662,
"x": 73.28012048192771,
"y": 136.5
},
{
"x": 51.653614457831324,
"x": 57.256024096385545,
"y": 160.1
},
{
"x": 48.25,
"x": 53.25,
"y": 176
},
{
"x": 48.25,
"x": 53.25,
"y": 191
},
{
"x": 48.25,
"x": 53.25,
"y": 206
},
{
"x": 48.25,
"x": 53.25,
"y": 232.6
},
{
"x": 48.25,
"x": 53.25,
"y": 257.5
},
{
"x": 48.25,
"x": 53.25,
"y": 282.4
},
{
"x": 48.25,
"x": 53.25,
"y": 315.6
},
{
"x": 48.25,
"x": 53.25,
"y": 340.5
},
{
"x": 48.25,
"x": 53.25,
"y": 365.4
},
{
"x": 48.25,
"x": 53.25,
"y": 398.6
},
{
"x": 48.25,
"x": 53.25,
"y": 423.5
},
{
"x": 48.25,
"x": 53.25,
"y": 448.4
},
{
"x": 48.25,
"x": 53.25,
"y": 481.6
},
{
"x": 48.25,
"x": 53.25,
"y": 506.5
},
{
"x": 48.25,
"x": 53.25,
"y": 531.4
},
{
"x": 48.25,
"x": 53.25,
"y": 564.6
},
{
"x": 48.25,
"x": 53.25,
"y": 589.5
},
{
"x": 48.25,
"x": 53.25,
"y": 614.4
},
{
"x": 55.05,
"x": 61.25,
"y": 724
},
{
"x": 82.25,
"x": 93.25,
"y": 764
}
],
@ -478,20 +478,20 @@
"labelPercentage": 0,
"route": [
{
"x": 198.25,
"x": 233.25,
"y": 664
},
{
"x": 198.25,
"x": 233.25,
"y": 704
},
{
"x": 184.85,
"y": 725.8951871657754
"x": 215.85,
"y": 726.7242290748899
},
{
"x": 131.25,
"y": 773.475935828877
"x": 146.25,
"y": 777.6211453744494
}
],
"isCurve": true,
@ -526,19 +526,19 @@
"labelPercentage": 0,
"route": [
{
"x": 104.75,
"x": 119.75,
"y": 664
},
{
"x": 104.75,
"x": 119.75,
"y": 704
},
{
"x": 104.75,
"x": 119.75,
"y": 724
},
{
"x": 104.75,
"x": 119.75,
"y": 764
}
],
@ -574,19 +574,19 @@
"labelPercentage": 0,
"route": [
{
"x": 198.25,
"x": 233.25,
"y": 498
},
{
"x": 198.25,
"x": 233.25,
"y": 538
},
{
"x": 198.25,
"x": 233.25,
"y": 558
},
{
"x": 198.25,
"x": 233.25,
"y": 598
}
],
@ -622,55 +622,55 @@
"labelPercentage": 0,
"route": [
{
"x": 104.75,
"x": 119.75,
"y": 166
},
{
"x": 104.75,
"x": 119.75,
"y": 206
},
{
"x": 104.75,
"x": 119.75,
"y": 232.6
},
{
"x": 104.75,
"x": 119.75,
"y": 257.5
},
{
"x": 104.75,
"x": 119.75,
"y": 282.4
},
{
"x": 104.75,
"x": 119.75,
"y": 315.6
},
{
"x": 104.75,
"x": 119.75,
"y": 340.5
},
{
"x": 104.75,
"x": 119.75,
"y": 365.4
},
{
"x": 104.75,
"x": 119.75,
"y": 398.6
},
{
"x": 104.75,
"x": 119.75,
"y": 423.5
},
{
"x": 104.75,
"x": 119.75,
"y": 448.4
},
{
"x": 104.75,
"x": 119.75,
"y": 558
},
{
"x": 104.75,
"x": 119.75,
"y": 598
}
],
@ -706,19 +706,19 @@
"labelPercentage": 0,
"route": [
{
"x": 198.25,
"x": 233.25,
"y": 332
},
{
"x": 198.25,
"x": 233.25,
"y": 372
},
{
"x": 198.25,
"x": 233.25,
"y": 392
},
{
"x": 198.25,
"x": 233.25,
"y": 432
}
],
@ -754,19 +754,19 @@
"labelPercentage": 0,
"route": [
{
"x": 198.25,
"x": 233.25,
"y": 136.5
},
{
"x": 198.25,
"x": 233.25,
"y": 160.1
},
{
"x": 198.25,
"x": 233.25,
"y": 226
},
{
"x": 198.25,
"x": 233.25,
"y": 266
}
],

6
e2etests/testdata/stable/one_container_loop/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="458" height="1032" viewBox="-102 -100 458 1032"><style type="text/css">
width="503" height="1032" viewBox="-102 -100 503 1032"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="458" height="1032" viewBox="-102 -100 458 1032"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="a"><g class="shape" ><rect x="0" y="41" width="254" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="127.000000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="78" y="764" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="104.500000" y="802.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="171" y="598" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="198.000000" y="636.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="e"><g class="shape" ><rect x="78" y="598" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="104.500000" y="636.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">e</text></g><g id="f"><g class="shape" ><rect x="173" y="432" width="51" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="198.500000" y="470.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">f</text></g><g id="g"><g class="shape" ><rect x="171" y="266" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="198.000000" y="304.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">g</text></g><g id="a.b"><g class="shape" ><rect x="50" y="70" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="76.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.h"><g class="shape" ><rect x="172" y="70" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="198.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">h</text></g><g id="(a.b -&gt; c)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 64.268678 138.232401 C 51.653614 160.100000 48.250000 176.000000 48.250000 191.000000 C 48.250000 206.000000 48.250000 232.600000 48.250000 257.500000 C 48.250000 282.400000 48.250000 315.600000 48.250000 340.500000 C 48.250000 365.400000 48.250000 398.600000 48.250000 423.500000 C 48.250000 448.400000 48.250000 481.600000 48.250000 506.500000 C 48.250000 531.400000 48.250000 564.600000 48.250000 589.500000 C 48.250000 614.400000 55.050000 724.000000 80.000760 760.692294" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#806876912)"/></g><g id="(d -&gt; c)[0]"><path d="M 198.250000 666.000000 C 198.250000 704.000000 184.850000 725.895187 134.241402 770.820467" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#806876912)"/></g><g id="(e -&gt; c)[0]"><path d="M 104.750000 666.000000 C 104.750000 704.000000 104.750000 724.000000 104.750000 760.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#806876912)"/></g><g id="(f -&gt; d)[0]"><path d="M 198.250000 500.000000 C 198.250000 538.000000 198.250000 558.000000 198.250000 594.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#806876912)"/></g><g id="(a -&gt; e)[0]"><path d="M 104.750000 168.000000 C 104.750000 206.000000 104.750000 232.600000 104.750000 257.500000 C 104.750000 282.400000 104.750000 315.600000 104.750000 340.500000 C 104.750000 365.400000 104.750000 398.600000 104.750000 423.500000 C 104.750000 448.400000 104.750000 558.000000 104.750000 594.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#806876912)"/></g><g id="(g -&gt; f)[0]"><path d="M 198.250000 334.000000 C 198.250000 372.000000 198.250000 392.000000 198.250000 428.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#806876912)"/></g><g id="(a.h -&gt; g)[0]"><path d="M 198.250000 138.500000 C 198.250000 160.100000 198.250000 226.000000 198.250000 262.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#806876912)"/></g><mask id="806876912" maskUnits="userSpaceOnUse" x="-100" y="-100" width="458" height="1032">
<rect x="-100" y="-100" width="458" height="1032" fill="white"></rect>
]]></script><g id="a"><g class="shape" ><rect x="0" y="41" width="299" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="149.500000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="93" y="764" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="119.500000" y="802.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="206" y="598" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="233.000000" y="636.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="e"><g class="shape" ><rect x="93" y="598" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="119.500000" y="636.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">e</text></g><g id="f"><g class="shape" ><rect x="208" y="432" width="51" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="233.500000" y="470.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">f</text></g><g id="g"><g class="shape" ><rect x="206" y="266" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="233.000000" y="304.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">g</text></g><g id="a.b"><g class="shape" ><rect x="60" y="70" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="86.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.h"><g class="shape" ><rect x="207" y="70" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="233.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">h</text></g><g id="(a.b -&gt; c)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 72.156647 138.154632 C 57.256024 160.100000 53.250000 176.000000 53.250000 191.000000 C 53.250000 206.000000 53.250000 232.600000 53.250000 257.500000 C 53.250000 282.400000 53.250000 315.600000 53.250000 340.500000 C 53.250000 365.400000 53.250000 398.600000 53.250000 423.500000 C 53.250000 448.400000 53.250000 481.600000 53.250000 506.500000 C 53.250000 531.400000 53.250000 564.600000 53.250000 589.500000 C 53.250000 614.400000 61.250000 724.000000 90.751220 760.876525" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#896018179)"/></g><g id="(d -&gt; c)[0]"><path d="M 233.250000 666.000000 C 233.250000 704.000000 215.850000 726.724229 149.478782 775.260009" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#896018179)"/></g><g id="(e -&gt; c)[0]"><path d="M 119.750000 666.000000 C 119.750000 704.000000 119.750000 724.000000 119.750000 760.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#896018179)"/></g><g id="(f -&gt; d)[0]"><path d="M 233.250000 500.000000 C 233.250000 538.000000 233.250000 558.000000 233.250000 594.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#896018179)"/></g><g id="(a -&gt; e)[0]"><path d="M 119.750000 168.000000 C 119.750000 206.000000 119.750000 232.600000 119.750000 257.500000 C 119.750000 282.400000 119.750000 315.600000 119.750000 340.500000 C 119.750000 365.400000 119.750000 398.600000 119.750000 423.500000 C 119.750000 448.400000 119.750000 558.000000 119.750000 594.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#896018179)"/></g><g id="(g -&gt; f)[0]"><path d="M 233.250000 334.000000 C 233.250000 372.000000 233.250000 392.000000 233.250000 428.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#896018179)"/></g><g id="(a.h -&gt; g)[0]"><path d="M 233.250000 138.500000 C 233.250000 160.100000 233.250000 226.000000 233.250000 262.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#896018179)"/></g><mask id="896018179" maskUnits="userSpaceOnUse" x="-100" y="-100" width="503" height="1032">
<rect x="-100" y="-100" width="503" height="1032" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 652 KiB

After

Width:  |  Height:  |  Size: 652 KiB

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

@ -9,7 +9,7 @@
"x": 0,
"y": 41
},
"width": 276,
"width": 326,
"height": 125,
"opacity": 1,
"strokeDash": 0,
@ -47,7 +47,7 @@
"id": "top.start",
"type": "rectangle",
"pos": {
"x": 98,
"x": 123,
"y": 70
},
"width": 80,
@ -88,7 +88,7 @@
"id": "a",
"type": "rectangle",
"pos": {
"x": 27,
"x": 32,
"y": 266
},
"width": 53,
@ -129,7 +129,7 @@
"id": "b",
"type": "rectangle",
"pos": {
"x": 120,
"x": 145,
"y": 266
},
"width": 53,
@ -170,7 +170,7 @@
"id": "c",
"type": "rectangle",
"pos": {
"x": 213,
"x": 258,
"y": 266
},
"width": 53,
@ -214,7 +214,7 @@
"x": 0,
"y": 473
},
"width": 274,
"width": 324,
"height": 125,
"opacity": 1,
"strokeDash": 0,
@ -252,7 +252,7 @@
"id": "bottom.end",
"type": "rectangle",
"pos": {
"x": 112,
"x": 137,
"y": 502
},
"width": 72,
@ -317,19 +317,19 @@
"labelPercentage": 0,
"route": [
{
"x": 104.20481927710844,
"y": 136.5
"x": 123,
"y": 135.11904761904762
},
{
"x": 63.24096385542168,
"y": 160.1
"x": 71,
"y": 159.82380952380953
},
{
"x": 53,
"x": 58,
"y": 226
},
{
"x": 53,
"x": 58,
"y": 266
}
],
@ -365,19 +365,19 @@
"labelPercentage": 0,
"route": [
{
"x": 141.18072289156626,
"x": 166.18072289156626,
"y": 136.5
},
{
"x": 145.03614457831324,
"x": 170.03614457831324,
"y": 160.1
},
{
"x": 146,
"x": 171,
"y": 226
},
{
"x": 146,
"x": 171,
"y": 266
}
],
@ -413,19 +413,19 @@
"labelPercentage": 0,
"route": [
{
"x": 178,
"y": 136.37128712871288
"x": 203,
"y": 130.93801652892563
},
{
"x": 226.8,
"y": 160.0742574257426
"x": 267.8,
"y": 158.98760330578511
},
{
"x": 239,
"x": 284,
"y": 226
},
{
"x": 239,
"x": 284,
"y": 266
}
],
@ -461,20 +461,20 @@
"labelPercentage": 0,
"route": [
{
"x": 53,
"x": 58,
"y": 332
},
{
"x": 53,
"x": 58,
"y": 372
},
{
"x": 64.8,
"y": 446.5
"x": 73.8,
"y": 447.5
},
{
"x": 112,
"y": 504.5
"x": 137,
"y": 509.5
}
],
"isCurve": true,
@ -509,19 +509,19 @@
"labelPercentage": 0,
"route": [
{
"x": 146,
"x": 171,
"y": 332
},
{
"x": 146,
"x": 171,
"y": 372
},
{
"x": 146.2,
"x": 171.2,
"y": 446.1
},
{
"x": 147,
"x": 172,
"y": 502.5
}
],
@ -557,20 +557,20 @@
"labelPercentage": 0,
"route": [
{
"x": 239,
"x": 284,
"y": 332
},
{
"x": 239,
"x": 284,
"y": 372
},
{
"x": 228,
"y": 446.1
"x": 269,
"y": 447.3
},
{
"x": 184,
"y": 502.5
"x": 209,
"y": 508.5
}
],
"isCurve": true,

6
e2etests/testdata/stable/one_three_one_container/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="480" height="800" viewBox="-102 -100 480 800"><style type="text/css">
width="530" height="800" viewBox="-102 -100 530 800"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="480" height="800" viewBox="-102 -100 480 800"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="top"><g class="shape" ><rect x="0" y="41" width="276" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="138.000000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">top</text></g><g id="a"><g class="shape" ><rect x="27" y="266" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="53.500000" y="304.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="120" y="266" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="146.500000" y="304.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="213" y="266" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="239.500000" y="304.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="bottom"><g class="shape" ><rect x="0" y="473" width="274" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="137.000000" y="460.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">bottom</text></g><g id="top.start"><g class="shape" ><rect x="98" y="70" width="80" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="138.000000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">start</text></g><g id="bottom.end"><g class="shape" ><rect x="112" y="502" width="72" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="148.000000" y="540.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">end</text></g><g id="(top.start -&gt; a)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 102.471844 137.498397 C 63.240964 160.100000 53.000000 226.000000 53.000000 262.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2962245951)"/></g><g id="(top.start -&gt; b)[0]"><path d="M 141.503179 138.473834 C 145.036145 160.100000 146.000000 226.000000 146.000000 262.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2962245951)"/></g><g id="(top.start -&gt; c)[0]"><path d="M 179.799015 137.245098 C 226.800000 160.074257 239.000000 226.000000 239.000000 262.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2962245951)"/></g><g id="(a -&gt; bottom.end)[0]"><path d="M 53.000000 334.000000 C 53.000000 372.000000 64.800000 446.500000 109.475214 501.397508" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2962245951)"/></g><g id="(b -&gt; bottom.end)[0]"><path d="M 146.000000 334.000000 C 146.000000 372.000000 146.200000 446.100000 146.943268 498.500402" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2962245951)"/></g><g id="(c -&gt; bottom.end)[0]"><path d="M 239.000000 334.000000 C 239.000000 372.000000 228.000000 446.100000 186.460405 499.346208" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2962245951)"/></g><mask id="2962245951" maskUnits="userSpaceOnUse" x="-100" y="-100" width="480" height="800">
<rect x="-100" y="-100" width="480" height="800" fill="white"></rect>
]]></script><g id="top"><g class="shape" ><rect x="0" y="41" width="326" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="163.000000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">top</text></g><g id="a"><g class="shape" ><rect x="32" y="266" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="58.500000" y="304.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="145" y="266" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="171.500000" y="304.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="258" y="266" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="284.500000" y="304.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="bottom"><g class="shape" ><rect x="0" y="473" width="324" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="162.000000" y="460.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">bottom</text></g><g id="top.start"><g class="shape" ><rect x="123" y="70" width="80" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="163.000000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">start</text></g><g id="bottom.end"><g class="shape" ><rect x="137" y="502" width="72" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="173.000000" y="540.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">end</text></g><g id="(top.start -&gt; a)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 121.193509 135.977296 C 71.000000 159.823810 58.000000 226.000000 58.000000 262.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3356241695)"/></g><g id="(top.start -&gt; b)[0]"><path d="M 166.503179 138.473834 C 170.036145 160.100000 171.000000 226.000000 171.000000 262.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3356241695)"/></g><g id="(top.start -&gt; c)[0]"><path d="M 204.835425 131.732506 C 267.800000 158.987603 284.000000 226.000000 284.000000 262.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3356241695)"/></g><g id="(a -&gt; bottom.end)[0]"><path d="M 58.000000 334.000000 C 58.000000 372.000000 73.800000 447.500000 134.144595 506.698811" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3356241695)"/></g><g id="(b -&gt; bottom.end)[0]"><path d="M 171.000000 334.000000 C 171.000000 372.000000 171.200000 446.100000 171.943268 498.500402" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3356241695)"/></g><g id="(c -&gt; bottom.end)[0]"><path d="M 284.000000 334.000000 C 284.000000 372.000000 269.000000 447.300000 211.800286 505.643709" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3356241695)"/></g><mask id="3356241695" maskUnits="userSpaceOnUse" x="-100" y="-100" width="530" height="800">
<rect x="-100" y="-100" width="530" height="800" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 651 KiB

After

Width:  |  Height:  |  Size: 651 KiB

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

@ -6,7 +6,7 @@
"id": "root",
"type": "image",
"pos": {
"x": 362,
"x": 402,
"y": 0
},
"width": 128,
@ -61,7 +61,7 @@
"x": 0,
"y": 295
},
"width": 852,
"width": 932,
"height": 963,
"opacity": 1,
"strokeDash": 0,
@ -99,7 +99,7 @@
"id": "container.root",
"type": "image",
"pos": {
"x": 362,
"x": 402,
"y": 324
},
"width": 128,
@ -154,7 +154,7 @@
"x": 20,
"y": 635
},
"width": 396,
"width": 436,
"height": 593,
"opacity": 1,
"strokeDash": 0,
@ -192,7 +192,7 @@
"id": "container.left.root",
"type": "image",
"pos": {
"x": 154,
"x": 174,
"y": 667
},
"width": 128,
@ -247,7 +247,7 @@
"x": 40,
"y": 973
},
"width": 356,
"width": 396,
"height": 223,
"opacity": 1,
"strokeDash": 0,
@ -285,7 +285,7 @@
"id": "container.left.inner.left",
"type": "image",
"pos": {
"x": 70,
"x": 80,
"y": 1008
},
"width": 128,
@ -337,7 +337,7 @@
"id": "container.left.inner.right",
"type": "image",
"pos": {
"x": 238,
"x": 268,
"y": 1008
},
"width": 128,
@ -389,10 +389,10 @@
"id": "container.right",
"type": "rectangle",
"pos": {
"x": 436,
"x": 476,
"y": 635
},
"width": 396,
"width": 436,
"height": 593,
"opacity": 1,
"strokeDash": 0,
@ -430,7 +430,7 @@
"id": "container.right.root",
"type": "image",
"pos": {
"x": 570,
"x": 630,
"y": 667
},
"width": 128,
@ -482,10 +482,10 @@
"id": "container.right.inner",
"type": "rectangle",
"pos": {
"x": 456,
"x": 496,
"y": 973
},
"width": 356,
"width": 396,
"height": 223,
"opacity": 1,
"strokeDash": 0,
@ -523,7 +523,7 @@
"id": "container.right.inner.left",
"type": "image",
"pos": {
"x": 486,
"x": 536,
"y": 1008
},
"width": 128,
@ -575,7 +575,7 @@
"id": "container.right.inner.right",
"type": "image",
"pos": {
"x": 654,
"x": 724,
"y": 1008
},
"width": 128,
@ -651,19 +651,19 @@
"labelPercentage": 0,
"route": [
{
"x": 426,
"x": 466,
"y": 154
},
{
"x": 426,
"x": 466,
"y": 194
},
{
"x": 426,
"x": 466,
"y": 268.1
},
{
"x": 426,
"x": 466,
"y": 324.5
}
],
@ -699,19 +699,19 @@
"labelPercentage": 0,
"route": [
{
"x": 170.96,
"x": 185.36,
"y": 821.5
},
{
"x": 141.392,
"x": 152.272,
"y": 869.9
},
{
"x": 134,
"x": 144,
"y": 955.6
},
{
"x": 134,
"x": 144,
"y": 1008
}
],
@ -747,19 +747,19 @@
"labelPercentage": 0,
"route": [
{
"x": 265.04,
"x": 290.64,
"y": 821.5
},
{
"x": 294.608,
"x": 323.728,
"y": 869.9
},
{
"x": 302,
"x": 332,
"y": 955.6
},
{
"x": 302,
"x": 332,
"y": 1008
}
],
@ -795,19 +795,19 @@
"labelPercentage": 0,
"route": [
{
"x": 586.96,
"x": 641.36,
"y": 821.5
},
{
"x": 557.392,
"x": 608.272,
"y": 869.9
},
{
"x": 550,
"x": 600,
"y": 955.6
},
{
"x": 550,
"x": 600,
"y": 1008
}
],
@ -843,19 +843,19 @@
"labelPercentage": 0,
"route": [
{
"x": 681.04,
"x": 746.64,
"y": 821.5
},
{
"x": 710.608,
"x": 779.728,
"y": 869.9
},
{
"x": 718,
"x": 788,
"y": 955.6
},
{
"x": 718,
"x": 788,
"y": 1008
}
],
@ -891,19 +891,19 @@
"labelPercentage": 0,
"route": [
{
"x": 362,
"y": 443.8076923076923
"x": 402,
"y": 440.0964912280702
},
{
"x": 246.8,
"y": 519.9615384615385
"x": 270.79999999999995,
"y": 519.219298245614
},
{
"x": 218,
"x": 238,
"y": 613.1
},
{
"x": 218,
"x": 238,
"y": 667.5
}
],
@ -939,19 +939,19 @@
"labelPercentage": 0,
"route": [
{
"x": 490,
"y": 443.8076923076923
"x": 530,
"y": 440.0964912280702
},
{
"x": 605.2,
"y": 519.9615384615385
"x": 661.2,
"y": 519.219298245614
},
{
"x": 634,
"x": 694,
"y": 613.1
},
{
"x": 634,
"x": 694,
"y": 667.5
}
],

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