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

update tests

Browse source
This commit is contained in:
Gavin Nishizawa 2023-01-25 12:32:36 -08:00
parent bd23d0758b
commit ce0d81650d
No known key found for this signature in database
GPG key ID: AE3B177777CE55CD
403 changed files with 16020 additions and 15972 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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: 271 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: 304 KiB

After

Width:  |  Height:  |  Size: 303 KiB

6
d2renderers/d2sketch/testdata/basic/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: 196 KiB

After

Width:  |  Height:  |  Size: 196 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

8
d2renderers/d2sketch/testdata/connection_label/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: 246 KiB

After

Width:  |  Height:  |  Size: 246 KiB

14
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: 310 KiB

After

Width:  |  Height:  |  Size: 309 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: 388 KiB

After

Width:  |  Height:  |  Size: 387 KiB

38
d2renderers/d2svg/appendix/testdata/diagram_wider_than_tooltip/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: 803 KiB

After

Width:  |  Height:  |  Size: 803 KiB

14
d2renderers/d2svg/appendix/testdata/links/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: 651 KiB

After

Width:  |  Height:  |  Size: 651 KiB

12
d2renderers/d2svg/appendix/testdata/tooltip_wider_than_diagram/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: 650 KiB

After

Width:  |  Height:  |  Size: 650 KiB

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

@ -9,8 +9,8 @@
"x": 0, "x": 0,
"y": 0 "y": 0
}, },
"width": 571, "width": 425,
"height": 648, "height": 528,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,10 +48,10 @@
"type": "", "type": "",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 359 "y": 299
}, },
"width": 478, "width": 345,
"height": 235, "height": 175,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -88,11 +88,11 @@
"id": "a.c.d", "id": "a.c.d",
"type": "", "type": "",
"pos": { "pos": {
"x": 236, "x": 206,
"y": 413 "y": 353
}, },
"width": 114, "width": 54,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -129,11 +129,11 @@
"id": "a.b", "id": "a.b",
"type": "", "type": "",
"pos": { "pos": {
"x": 64, "x": 94,
"y": 55 "y": 55
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -170,11 +170,11 @@
"id": "a.1", "id": "a.1",
"type": "", "type": "",
"pos": { "pos": {
"x": 237, "x": 207,
"y": 55 "y": 55
}, },
"width": 112, "width": 52,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -211,11 +211,11 @@
"id": "a.2", "id": "a.2",
"type": "", "type": "",
"pos": { "pos": {
"x": 409, "x": 319,
"y": 55 "y": 55
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -277,19 +277,19 @@
"route": [ "route": [
{ {
"x": 120, "x": 120,
"y": 181.5 "y": 121.5
}, },
{ {
"x": 120, "x": 120,
"y": 251.9 "y": 191.9
}, },
{ {
"x": 120, "x": 120,
"y": 287.5 "y": 227.5
}, },
{ {
"x": 120, "x": 120,
"y": 359.5 "y": 299.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -324,20 +324,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 292.5, "x": 232.5,
"y": 181.5 "y": 121.5
}, },
{ {
"x": 292.5, "x": 232.5,
"y": 251.9 "y": 191.9
}, },
{ {
"x": 292.5, "x": 232.5,
"y": 287.5 "y": 227.5
}, },
{ {
"x": 292.5, "x": 232.5,
"y": 359.5 "y": 299.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -372,20 +372,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 465, "x": 345,
"y": 181.5 "y": 121.5
}, },
{ {
"x": 465, "x": 345,
"y": 251.9 "y": 191.9
}, },
{ {
"x": 465, "x": 345,
"y": 287.5 "y": 227.5
}, },
{ {
"x": 465, "x": 345,
"y": 359.5 "y": 299.5
} }
], ],
"isCurve": true, "isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="775" height="852" viewBox="-102 -102 775 852"><style type="text/css"> width="629" height="732" viewBox="-102 -102 629 732"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,9 +39,9 @@ width="775" height="852" viewBox="-102 -102 775 852"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="571" height="648" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="285.500000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="a.c"><g class="shape" ><rect x="40" y="359" width="478" height="235" style="fill:#EDF0FD;stroke:white;stroke-width:2;" /></g><text class="text" x="279.000000" y="388.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">c</text></g><g id="a.b"><g class="shape" ><rect x="64" y="55" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.500000" y="121.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.1"><g class="shape" ><rect x="237" y="55" width="112" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="293.000000" y="121.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">1</text></g><g id="a.2"><g class="shape" ><rect x="409" y="55" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="465.500000" y="121.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">2</text></g><g id="a.c.d"><g class="shape" ><rect x="236" y="413" width="114" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="293.000000" y="479.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="a.(b -&gt; c)[0]"><marker id="mk-1065319532" markerWidth="24.200000" markerHeight="18.000000" refX="20.800000" refY="9.000000" viewBox="0.000000 0.000000 24.200000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="white" stroke="red" stroke-width="2" points="0.000000,9.000000 11.000000,2.250000 22.000000,9.000000 11.000000,16.200000" /> </marker><path d="M 120.000000 183.500000 C 120.000000 251.900000 120.000000 287.500000 120.000000 355.500000" class="connection" style="fill:none;stroke:red;stroke-width:2;" marker-end="url(#mk-1065319532)" mask="url(#1474862432)"/><text class="text-italic" x="120.000000" y="252.000000" style="text-anchor:middle;font-size:16px;fill:red"><tspan x="120.000000" dy="0.000000">line 1</tspan><tspan x="120.000000" dy="17.250000">line 2</tspan><tspan x="120.000000" dy="17.250000">line 3</tspan><tspan x="120.000000" dy="17.250000">line 4</tspan></text></g><g id="a.(1 -&gt; c)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 292.500000 183.500000 C 292.500000 251.900000 292.500000 287.500000 292.500000 355.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1474862432)"/></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 465.000000 185.500000 C 465.000000 251.900000 465.000000 287.500000 465.000000 355.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#1474862432)"/></g><mask id="1474862432" maskUnits="userSpaceOnUse" x="-100" y="-100" width="775" height="852"> ]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="425" height="528" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="212.500000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="a.c"><g class="shape" ><rect x="40" y="299" width="345" height="175" style="fill:#EDF0FD;stroke:white;stroke-width:2;" /></g><text class="text" x="212.500000" y="328.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">c</text></g><g id="a.b"><g class="shape" ><rect x="94" y="55" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.500000" y="93.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.1"><g class="shape" ><rect x="207" y="55" width="52" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="233.000000" y="93.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">1</text></g><g id="a.2"><g class="shape" ><rect x="319" y="55" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="345.500000" y="93.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">2</text></g><g id="a.c.d"><g class="shape" ><rect x="206" y="353" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="233.000000" y="391.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="a.(b -&gt; c)[0]"><marker id="mk-1065319532" markerWidth="24.200000" markerHeight="18.000000" refX="20.800000" refY="9.000000" viewBox="0.000000 0.000000 24.200000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="white" stroke="red" stroke-width="2" points="0.000000,9.000000 11.000000,2.250000 22.000000,9.000000 11.000000,16.200000" /> </marker><path d="M 120.000000 123.500000 C 120.000000 191.900000 120.000000 227.500000 120.000000 295.500000" class="connection" style="fill:none;stroke:red;stroke-width:2;" marker-end="url(#mk-1065319532)" mask="url(#712860972)"/><text class="text-italic" x="120.000000" y="192.000000" style="text-anchor:middle;font-size:16px;fill:red"><tspan x="120.000000" dy="0.000000">line 1</tspan><tspan x="120.000000" dy="17.250000">line 2</tspan><tspan x="120.000000" dy="17.250000">line 3</tspan><tspan x="120.000000" dy="17.250000">line 4</tspan></text></g><g id="a.(1 -&gt; c)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 232.500000 123.500000 C 232.500000 191.900000 232.500000 227.500000 232.500000 295.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#712860972)"/></g><g id="a.(2 &lt;-&gt; c)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 345.000000 125.500000 C 345.000000 191.900000 345.000000 227.500000 345.000000 295.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#712860972)"/></g><mask id="712860972" maskUnits="userSpaceOnUse" x="-100" y="-100" width="629" height="732">
<rect x="-100" y="-100" width="775" height="852" fill="white"></rect> <rect x="-100" y="-100" width="629" height="732" fill="white"></rect>
<rect x="102.000000" y="236.000000" width="36" height="69" fill="black"></rect> <rect x="102.000000" y="176.000000" width="36" height="69" fill="black"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 794 KiB

After

Width:  |  Height:  |  Size: 794 KiB

82
e2etests/testdata/regression/dagre_broken_arrowhead/elk/board.exp.json generated vendored
View file

@ -9,8 +9,8 @@
"x": 12, "x": 12,
"y": 12 "y": 12
}, },
"width": 490, "width": 354,
"height": 878, "height": 701,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -47,11 +47,11 @@
"id": "a.c", "id": "a.c",
"type": "", "type": "",
"pos": { "pos": {
"x": 106, "x": 87,
"y": 539 "y": 422
}, },
"width": 264, "width": 204,
"height": 276, "height": 216,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -88,11 +88,11 @@
"id": "a.c.d", "id": "a.c.d",
"type": "", "type": "",
"pos": { "pos": {
"x": 181, "x": 162,
"y": 614 "y": 497
}, },
"width": 114, "width": 54,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -129,11 +129,11 @@
"id": "a.b", "id": "a.b",
"type": "", "type": "",
"pos": { "pos": {
"x": 87, "x": 97,
"y": 87 "y": 87
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -170,11 +170,11 @@
"id": "a.1", "id": "a.1",
"type": "", "type": "",
"pos": { "pos": {
"x": 182, "x": 163,
"y": 313 "y": 256
}, },
"width": 112, "width": 52,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -211,11 +211,11 @@
"id": "a.2", "id": "a.2",
"type": "", "type": "",
"pos": { "pos": {
"x": 314, "x": 235,
"y": 313 "y": 256
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -276,20 +276,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 143.5, "x": 124,
"y": 213 "y": 153
}, },
{ {
"x": 143.5, "x": 124,
"y": 489 "y": 372
}, },
{ {
"x": 172.5, "x": 138,
"y": 489 "y": 372
}, },
{ {
"x": 172.5, "x": 138,
"y": 539 "y": 422
} }
], ],
"animated": false, "animated": false,
@ -323,12 +323,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 238.5, "x": 189,
"y": 439 "y": 322
}, },
{ {
"x": 238.5, "x": 189,
"y": 539 "y": 422
} }
], ],
"animated": false, "animated": false,
@ -362,20 +362,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 371, "x": 261.5,
"y": 439 "y": 322
}, },
{ {
"x": 371, "x": 261.5,
"y": 489 "y": 372
}, },
{ {
"x": 304.5, "x": 240,
"y": 489 "y": 372
}, },
{ {
"x": 304.5, "x": 240,
"y": 539 "y": 422
} }
], ],
"animated": false, "animated": false,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="694" height="1082" viewBox="-90 -90 694 1082"><style type="text/css"> width="558" height="905" viewBox="-90 -90 558 905"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,9 +39,9 @@ width="694" height="1082" viewBox="-90 -90 694 1082"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><rect x="12" y="12" width="490" height="878" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="257.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="a.c"><g class="shape" ><rect x="106" y="539" width="264" height="276" style="fill:#EDF0FD;stroke:white;stroke-width:2;" /></g><text class="text" x="238.000000" y="568.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">c</text></g><g id="a.b"><g class="shape" ><rect x="87" y="87" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="143.500000" y="153.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.1"><g class="shape" ><rect x="182" y="313" width="112" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="238.000000" y="379.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">1</text></g><g id="a.2"><g class="shape" ><rect x="314" y="313" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="370.500000" y="379.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">2</text></g><g id="a.c.d"><g class="shape" ><rect x="181" y="614" width="114" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="238.000000" y="680.000000" 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 143.500000 215.000000 L 143.500000 479.000000 S 143.500000 489.000000 153.500000 489.000000 L 162.500000 489.000000 S 172.500000 489.000000 172.500000 499.000000 L 172.500000 535.000000" class="connection" style="fill:none;stroke:red;stroke-width:2;" marker-end="url(#mk-1065319532)" mask="url(#3390014606)"/><text class="text-italic" x="144.000000" y="372.000000" style="text-anchor:middle;font-size:16px;fill:red"><tspan x="144.000000" dy="0.000000">line 1</tspan><tspan x="144.000000" dy="17.250000">line 2</tspan><tspan x="144.000000" dy="17.250000">line 3</tspan><tspan x="144.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 238.500000 441.000000 L 238.500000 535.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3390014606)"/></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 371.000000 443.000000 L 371.000000 479.000000 S 371.000000 489.000000 361.000000 489.000000 L 314.500000 489.000000 S 304.500000 489.000000 304.500000 499.000000 L 304.500000 535.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#3390014606)"/></g><mask id="3390014606" maskUnits="userSpaceOnUse" x="-100" y="-100" width="694" height="1082"> ]]></script><g id="a"><g class="shape" ><rect x="12" y="12" width="354" height="701" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="189.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="a.c"><g class="shape" ><rect x="87" y="422" width="204" height="216" style="fill:#EDF0FD;stroke:white;stroke-width:2;" /></g><text class="text" x="189.000000" y="451.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">c</text></g><g id="a.b"><g class="shape" ><rect x="97" y="87" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="123.500000" y="125.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.1"><g class="shape" ><rect x="163" y="256" width="52" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="189.000000" y="294.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">1</text></g><g id="a.2"><g class="shape" ><rect x="235" y="256" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="261.500000" y="294.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">2</text></g><g id="a.c.d"><g class="shape" ><rect x="162" y="497" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="189.000000" y="535.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 124.000000 155.000000 L 124.000000 365.000000 C 124.000000 379.000000 138.000000 365.000000 138.000000 379.000000 L 138.000000 418.000000" class="connection" style="fill:none;stroke:red;stroke-width:2;" marker-end="url(#mk-1065319532)" mask="url(#4088816423)"/><text class="text-italic" x="124.000000" y="276.000000" style="text-anchor:middle;font-size:16px;fill:red"><tspan x="124.000000" dy="0.000000">line 1</tspan><tspan x="124.000000" dy="17.250000">line 2</tspan><tspan x="124.000000" dy="17.250000">line 3</tspan><tspan x="124.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 189.000000 324.000000 L 189.000000 418.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4088816423)"/></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 261.500000 326.000000 L 261.500000 362.000000 S 261.500000 372.000000 251.500000 372.000000 L 250.000000 372.000000 S 240.000000 372.000000 240.000000 382.000000 L 240.000000 418.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#4088816423)"/></g><mask id="4088816423" maskUnits="userSpaceOnUse" x="-100" y="-100" width="558" height="905">
<rect x="-100" y="-100" width="694" height="1082" fill="white"></rect> <rect x="-100" y="-100" width="558" height="905" fill="white"></rect>
<rect x="126.000000" y="356.000000" width="36" height="69" fill="black"></rect> <rect x="106.000000" y="260.000000" width="36" height="69" fill="black"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 794 KiB

After

Width:  |  Height:  |  Size: 794 KiB

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

@ -9,8 +9,8 @@
"x": 0, "x": 0,
"y": 0 "y": 0
}, },
"width": 2628, "width": 2328,
"height": 237, "height": 177,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -50,8 +50,8 @@
"x": 105, "x": 105,
"y": 50 "y": 50
}, },
"width": 330, "width": 270,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -88,11 +88,11 @@
"id": "build_workflow.GHA", "id": "build_workflow.GHA",
"type": "", "type": "",
"pos": { "pos": {
"x": 698, "x": 638,
"y": 50 "y": 50
}, },
"width": 269, "width": 209,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -129,11 +129,11 @@
"id": "build_workflow.S3", "id": "build_workflow.S3",
"type": "", "type": "",
"pos": { "pos": {
"x": 1314, "x": 1194,
"y": 50 "y": 50
}, },
"width": 131, "width": 71,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -170,11 +170,11 @@
"id": "build_workflow.Terraform", "id": "build_workflow.Terraform",
"type": "", "type": "",
"pos": { "pos": {
"x": 1773, "x": 1593,
"y": 50 "y": 50
}, },
"width": 218, "width": 158,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -211,11 +211,11 @@
"id": "build_workflow.AWS", "id": "build_workflow.AWS",
"type": "", "type": "",
"pos": { "pos": {
"x": 2369, "x": 2129,
"y": 50 "y": 50
}, },
"width": 155, "width": 95,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -276,20 +276,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 435.5, "x": 375.5,
"y": 118.5 "y": 88.5
}, },
{ {
"x": 539.9, "x": 479.9,
"y": 118.5 "y": 88.5
}, },
{ {
"x": 592.3, "x": 532.3,
"y": 118.5 "y": 88.5
}, },
{ {
"x": 697.5, "x": 637.5,
"y": 118.5 "y": 88.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -324,20 +324,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 966.5, "x": 846.5,
"y": 118.5 "y": 88.5
}, },
{ {
"x": 1105.3, "x": 985.3,
"y": 118.5 "y": 88.5
}, },
{ {
"x": 1174.7, "x": 1054.7,
"y": 118.5 "y": 88.5
}, },
{ {
"x": 1313.5, "x": 1193.5,
"y": 118.5 "y": 88.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -372,20 +372,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1445.5, "x": 1265.5,
"y": 118.5 "y": 88.5
}, },
{ {
"x": 1575.9, "x": 1395.9,
"y": 118.5 "y": 88.5
}, },
{ {
"x": 1641.3, "x": 1461.3,
"y": 118.5 "y": 88.5
}, },
{ {
"x": 1772.5, "x": 1592.5,
"y": 118.5 "y": 88.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -420,20 +420,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1991.5, "x": 1751.5,
"y": 118.5 "y": 88.5
}, },
{ {
"x": 2141.9, "x": 1901.9,
"y": 118.5 "y": 88.5
}, },
{ {
"x": 2217.3, "x": 1977.3,
"y": 118.5 "y": 88.5
}, },
{ {
"x": 2368.5, "x": 2128.5,
"y": 118.5 "y": 88.5
} }
], ],
"isCurve": true, "isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="2832" height="441" viewBox="-102 -102 2832 441"><style type="text/css"> width="2532" height="381" viewBox="-102 -102 2532 381"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,12 +39,12 @@ width="2832" height="441" viewBox="-102 -102 2832 441"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="build_workflow"><g class="shape" ><rect x="0" y="0" width="2628" height="237" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1314.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">lambda-build.yaml</text></g><g id="build_workflow.push"><g class="shape" ><rect x="105" y="50" width="330" height="137" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="270.000000" y="125.000000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">Push to main branch</text></g><g id="build_workflow.GHA"><g class="shape" ><rect x="698" y="50" width="269" height="137" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="832.500000" y="125.000000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">GitHub Actions</text></g><g id="build_workflow.S3"><g class="shape" ><rect x="1314" y="50" width="131" height="137" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1379.500000" y="125.000000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">S3</text></g><g id="build_workflow.Terraform"><g class="shape" ><rect x="1773" y="50" width="218" height="137" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1882.000000" y="125.000000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">Terraform</text></g><g id="build_workflow.AWS"><g class="shape" ><rect x="2369" y="50" width="155" height="137" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="2446.500000" y="125.000000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">AWS</text></g><g id="build_workflow.(push -&gt; GHA)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 437.500000 118.500000 C 539.900000 118.500000 592.300000 118.500000 693.500000 118.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#351638657)"/><text class="text-italic" x="567.000000" y="124.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Triggers</text></g><g id="build_workflow.(GHA -&gt; S3)[0]"><path d="M 968.500000 118.500000 C 1105.300000 118.500000 1174.700000 118.500000 1309.500000 118.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#351638657)"/><text class="text-italic" x="1140.000000" y="124.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Builds zip &amp; pushes it</text></g><g id="build_workflow.(S3 &lt;-&gt; Terraform)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 1449.500000 118.500000 C 1575.900000 118.500000 1641.300000 118.500000 1768.500000 118.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#351638657)"/><text class="text-italic" x="1609.500000" y="124.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Pulls zip to deploy</text></g><g id="build_workflow.(Terraform -&gt; AWS)[0]"><path d="M 1993.500000 118.500000 C 2141.900000 118.500000 2217.300000 118.500000 2364.500000 118.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#351638657)"/><text class="text-italic" x="2180.500000" y="124.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Changes the live lambdas</text></g><mask id="351638657" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2832" height="441"> ]]></script><g id="build_workflow"><g class="shape" ><rect x="0" y="0" width="2328" height="177" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1164.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">lambda-build.yaml</text></g><g id="build_workflow.push"><g class="shape" ><rect x="105" y="50" width="270" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="240.000000" y="97.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">Push to main branch</text></g><g id="build_workflow.GHA"><g class="shape" ><rect x="638" y="50" width="209" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="742.500000" y="97.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">GitHub Actions</text></g><g id="build_workflow.S3"><g class="shape" ><rect x="1194" y="50" width="71" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1229.500000" y="97.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">S3</text></g><g id="build_workflow.Terraform"><g class="shape" ><rect x="1593" y="50" width="158" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1672.000000" y="97.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">Terraform</text></g><g id="build_workflow.AWS"><g class="shape" ><rect x="2129" y="50" width="95" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="2176.500000" y="97.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">AWS</text></g><g id="build_workflow.(push -&gt; GHA)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 377.500000 88.500000 C 479.900000 88.500000 532.300000 88.500000 633.500000 88.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3498243834)"/><text class="text-italic" x="507.000000" y="94.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Triggers</text></g><g id="build_workflow.(GHA -&gt; S3)[0]"><path d="M 848.500000 88.500000 C 985.300000 88.500000 1054.700000 88.500000 1189.500000 88.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3498243834)"/><text class="text-italic" x="1020.000000" y="94.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Builds zip &amp; pushes it</text></g><g id="build_workflow.(S3 &lt;-&gt; Terraform)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 1269.500000 88.500000 C 1395.900000 88.500000 1461.300000 88.500000 1588.500000 88.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#3498243834)"/><text class="text-italic" x="1429.500000" y="94.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Pulls zip to deploy</text></g><g id="build_workflow.(Terraform -&gt; AWS)[0]"><path d="M 1753.500000 88.500000 C 1901.900000 88.500000 1977.300000 88.500000 2124.500000 88.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3498243834)"/><text class="text-italic" x="1940.500000" y="94.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Changes the live lambdas</text></g><mask id="3498243834" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2532" height="381">
<rect x="-100" y="-100" width="2832" height="441" fill="white"></rect> <rect x="-100" y="-100" width="2532" height="381" fill="white"></rect>
<rect x="540.000000" y="108.000000" width="54" height="21" fill="black"></rect> <rect x="480.000000" y="78.000000" width="54" height="21" fill="black"></rect>
<rect x="1071.000000" y="108.000000" width="138" height="21" fill="black"></rect> <rect x="951.000000" y="78.000000" width="138" height="21" fill="black"></rect>
<rect x="1550.000000" y="108.000000" width="119" height="21" fill="black"></rect> <rect x="1370.000000" y="78.000000" width="119" height="21" fill="black"></rect>
<rect x="2096.000000" y="108.000000" width="169" height="21" fill="black"></rect> <rect x="1856.000000" y="78.000000" width="169" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 795 KiB

After

Width:  |  Height:  |  Size: 795 KiB

64
e2etests/testdata/regression/dagre_edge_label_spacing/elk/board.exp.json generated vendored
View file

@ -9,8 +9,8 @@
"x": 12, "x": 12,
"y": 12 "y": 12
}, },
"width": 2533, "width": 2233,
"height": 287, "height": 227,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -50,8 +50,8 @@
"x": 87, "x": 87,
"y": 87 "y": 87
}, },
"width": 330, "width": 270,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -88,11 +88,11 @@
"id": "build_workflow.GHA", "id": "build_workflow.GHA",
"type": "", "type": "",
"pos": { "pos": {
"x": 671, "x": 611,
"y": 87 "y": 87
}, },
"width": 269, "width": 209,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -129,11 +129,11 @@
"id": "build_workflow.S3", "id": "build_workflow.S3",
"type": "", "type": "",
"pos": { "pos": {
"x": 1278, "x": 1158,
"y": 87 "y": 87
}, },
"width": 131, "width": 71,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -170,11 +170,11 @@
"id": "build_workflow.Terraform", "id": "build_workflow.Terraform",
"type": "", "type": "",
"pos": { "pos": {
"x": 1728, "x": 1548,
"y": 87 "y": 87
}, },
"width": 218, "width": 158,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -211,11 +211,11 @@
"id": "build_workflow.AWS", "id": "build_workflow.AWS",
"type": "", "type": "",
"pos": { "pos": {
"x": 2315, "x": 2075,
"y": 87 "y": 87
}, },
"width": 155, "width": 95,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -276,12 +276,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 417, "x": 357,
"y": 155.5 "y": 125.5
}, },
{ {
"x": 671, "x": 611,
"y": 155.5 "y": 125.5
} }
], ],
"animated": false, "animated": false,
@ -315,12 +315,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 940, "x": 820,
"y": 155.5 "y": 125.5
}, },
{ {
"x": 1278, "x": 1158,
"y": 155.5 "y": 125.5
} }
], ],
"animated": false, "animated": false,
@ -354,12 +354,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1409, "x": 1229,
"y": 155.5 "y": 125.5
}, },
{ {
"x": 1728, "x": 1548,
"y": 155.5 "y": 125.5
} }
], ],
"animated": false, "animated": false,
@ -393,12 +393,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1946, "x": 1706,
"y": 155.5 "y": 125.5
}, },
{ {
"x": 2315, "x": 2075,
"y": 155.5 "y": 125.5
} }
], ],
"animated": false, "animated": false,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="2737" height="491" viewBox="-90 -90 2737 491"><style type="text/css"> width="2437" height="431" viewBox="-90 -90 2437 431"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,12 +39,12 @@ width="2737" height="491" viewBox="-90 -90 2737 491"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="build_workflow"><g class="shape" ><rect x="12" y="12" width="2533" height="287" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1278.500000" y="45.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="87" y="87" width="330" height="137" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="252.000000" y="162.000000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">Push to main branch</text></g><g id="build_workflow.GHA"><g class="shape" ><rect x="671" y="87" width="269" height="137" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="805.500000" y="162.000000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">GitHub Actions</text></g><g id="build_workflow.S3"><g class="shape" ><rect x="1278" y="87" width="131" height="137" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1343.500000" y="162.000000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">S3</text></g><g id="build_workflow.Terraform"><g class="shape" ><rect x="1728" y="87" width="218" height="137" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1837.000000" y="162.000000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">Terraform</text></g><g id="build_workflow.AWS"><g class="shape" ><rect x="2315" y="87" width="155" height="137" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="2392.500000" y="162.000000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">AWS</text></g><g id="build_workflow.(push -&gt; GHA)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 419.000000 155.500000 L 667.000000 155.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1057310123)"/><text class="text-italic" x="544.000000" y="161.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Triggers</text></g><g id="build_workflow.(GHA -&gt; S3)[0]"><path d="M 942.000000 155.500000 L 1274.000000 155.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1057310123)"/><text class="text-italic" x="1109.000000" y="161.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 1413.000000 155.500000 L 1724.000000 155.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#1057310123)"/><text class="text-italic" x="1568.500000" y="161.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 1948.000000 155.500000 L 2311.000000 155.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1057310123)"/><text class="text-italic" x="2130.500000" y="161.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Changes the live lambdas</text></g><mask id="1057310123" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2737" height="491"> ]]></script><g id="build_workflow"><g class="shape" ><rect x="12" y="12" width="2233" height="227" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1128.500000" y="45.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="87" y="87" width="270" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="222.000000" y="134.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="611" y="87" width="209" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="715.500000" y="134.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">GitHub Actions</text></g><g id="build_workflow.S3"><g class="shape" ><rect x="1158" y="87" width="71" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1193.500000" y="134.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">S3</text></g><g id="build_workflow.Terraform"><g class="shape" ><rect x="1548" y="87" width="158" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1627.000000" y="134.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">Terraform</text></g><g id="build_workflow.AWS"><g class="shape" ><rect x="2075" y="87" width="95" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="2122.500000" y="134.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 359.000000 125.500000 L 607.000000 125.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3270735161)"/><text class="text-italic" x="484.000000" y="131.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Triggers</text></g><g id="build_workflow.(GHA -&gt; S3)[0]"><path d="M 822.000000 125.500000 L 1154.000000 125.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3270735161)"/><text class="text-italic" x="989.000000" y="131.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 1233.000000 125.500000 L 1544.000000 125.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#3270735161)"/><text class="text-italic" x="1388.500000" y="131.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 1708.000000 125.500000 L 2071.000000 125.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3270735161)"/><text class="text-italic" x="1890.500000" y="131.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Changes the live lambdas</text></g><mask id="3270735161" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2437" height="431">
<rect x="-100" y="-100" width="2737" height="491" fill="white"></rect> <rect x="-100" y="-100" width="2437" height="431" fill="white"></rect>
<rect x="517.000000" y="145.000000" width="54" height="21" fill="black"></rect> <rect x="457.000000" y="115.000000" width="54" height="21" fill="black"></rect>
<rect x="1040.000000" y="145.000000" width="138" height="21" fill="black"></rect> <rect x="920.000000" y="115.000000" width="138" height="21" fill="black"></rect>
<rect x="1509.000000" y="145.000000" width="119" height="21" fill="black"></rect> <rect x="1329.000000" y="115.000000" width="119" height="21" fill="black"></rect>
<rect x="2046.000000" y="145.000000" width="169" height="21" fill="black"></rect> <rect x="1806.000000" y="115.000000" width="169" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 795 KiB

After

Width:  |  Height:  |  Size: 795 KiB

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

@ -9,8 +9,8 @@
"x": 0, "x": 0,
"y": 0 "y": 0
}, },
"width": 151, "width": 91,
"height": 142, "height": 82,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -47,11 +47,11 @@
"id": "eighty\reight", "id": "eighty\reight",
"type": "", "type": "",
"pos": { "pos": {
"x": 211, "x": 151,
"y": 8 "y": 8
}, },
"width": 151, "width": 91,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -88,11 +88,11 @@
"id": "\"seventy\r\\nseven\"", "id": "\"seventy\r\\nseven\"",
"type": "", "type": "",
"pos": { "pos": {
"x": 422, "x": 302,
"y": 0 "y": 0
}, },
"width": 162, "width": 102,
"height": 142, "height": 82,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -129,11 +129,11 @@
"id": "\"a\\\\yode\"", "id": "\"a\\\\yode\"",
"type": "", "type": "",
"pos": { "pos": {
"x": 644, "x": 464,
"y": 8 "y": 8
}, },
"width": 154, "width": 94,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -170,11 +170,11 @@
"id": "there", "id": "there",
"type": "", "type": "",
"pos": { "pos": {
"x": 864, "x": 624,
"y": 242 "y": 182
}, },
"width": 143, "width": 83,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -211,11 +211,11 @@
"id": "'a\\\"ode'", "id": "'a\\\"ode'",
"type": "", "type": "",
"pos": { "pos": {
"x": 858, "x": 618,
"y": 8 "y": 8
}, },
"width": 154, "width": 94,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -252,11 +252,11 @@
"id": "\"a\\\\node\"", "id": "\"a\\\\node\"",
"type": "", "type": "",
"pos": { "pos": {
"x": 1072, "x": 772,
"y": 8 "y": 8
}, },
"width": 155, "width": 95,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -317,20 +317,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 721, "x": 511,
"y": 134 "y": 74
}, },
{ {
"x": 721, "x": 511,
"y": 180.4 "y": 120.4
}, },
{ {
"x": 749.5, "x": 533.5,
"y": 207.04906542056074 "y": 144.12662337662337
}, },
{ {
"x": 863.5, "x": 623.5,
"y": 267.24532710280374 "y": 192.63311688311688
} }
], ],
"isCurve": true, "isCurve": true,
@ -365,20 +365,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 935, "x": 665,
"y": 134 "y": 74
}, },
{ {
"x": 935, "x": 665,
"y": 180.4 "y": 120.4
}, },
{ {
"x": 935, "x": 665,
"y": 202 "y": 142
}, },
{ {
"x": 935, "x": 665,
"y": 242 "y": 182
} }
], ],
"isCurve": true, "isCurve": true,
@ -413,20 +413,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1149.5, "x": 819.5,
"y": 134 "y": 74
}, },
{ {
"x": 1149.5, "x": 819.5,
"y": 180.4 "y": 120.4
}, },
{ {
"x": 1120.9, "x": 796.9,
"y": 207 "y": 144
}, },
{ {
"x": 1006.5, "x": 706.5,
"y": 267 "y": 192
} }
], ],
"isCurve": true, "isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1431" height="572" viewBox="-102 -102 1431 572"><style type="text/css"> width="1071" height="452" viewBox="-102 -102 1071 452"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="1431" height="572" viewBox="-102 -102 1431 572"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="&#34;ninety\nnine&#34;"><g class="shape" ><rect x="0" y="0" width="151" height="142" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="75.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="75.500000" dy="0.000000">ninety</tspan><tspan x="75.500000" dy="21.000000">nine</tspan></text></g><g id="eighty&#xD;eight"><g class="shape" ><rect x="211" y="8" width="151" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="286.500000" y="74.000000" 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="422" y="0" width="162" height="142" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="503.000000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="503.000000" dy="0.000000">seventy&#xD;</tspan><tspan x="503.000000" dy="21.000000">seven</tspan></text></g><g id="&#34;a\\yode&#34;"><g class="shape" ><rect x="644" y="8" width="154" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="721.000000" y="74.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a\yode</text></g><g id="there"><g class="shape" ><rect x="864" y="242" width="143" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="935.500000" y="308.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">there</text></g><g id="&#39;a\&#34;ode&#39;"><g class="shape" ><rect x="858" y="8" width="154" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="935.000000" y="74.000000" 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="1072" y="8" width="155" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1149.500000" y="74.000000" 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 721.000000 136.000000 C 721.000000 180.400000 749.500000 207.049065 859.962840 265.377574" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1203581638)"/></g><g id="(&#39;a\&#34;ode&#39; -&gt; there)[0]"><path d="M 935.000000 136.000000 C 935.000000 180.400000 935.000000 202.000000 935.000000 238.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1203581638)"/></g><g id="(&#34;a\\node&#34; -&gt; there)[0]"><path d="M 1149.500000 136.000000 C 1149.500000 180.400000 1120.900000 207.000000 1010.042356 265.142121" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1203581638)"/></g><mask id="1203581638" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1431" height="572"> ]]></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="21.000000">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="21.000000">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(#1972783858)"/></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(#1972783858)"/></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(#1972783858)"/></g><mask id="1972783858" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1071" height="452">
<rect x="-100" y="-100" width="1431" height="572" fill="white"></rect> <rect x="-100" y="-100" width="1071" height="452" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 327 KiB

After

Width:  |  Height:  |  Size: 327 KiB

82
e2etests/testdata/regression/dagre_special_ids/elk/board.exp.json generated vendored
View file

@ -9,8 +9,8 @@
"x": 12, "x": 12,
"y": 12 "y": 12
}, },
"width": 151, "width": 91,
"height": 142, "height": 82,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -47,11 +47,11 @@
"id": "eighty\reight", "id": "eighty\reight",
"type": "", "type": "",
"pos": { "pos": {
"x": 183, "x": 123,
"y": 20 "y": 20
}, },
"width": 151, "width": 91,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -88,11 +88,11 @@
"id": "\"seventy\r\\nseven\"", "id": "\"seventy\r\\nseven\"",
"type": "", "type": "",
"pos": { "pos": {
"x": 354, "x": 234,
"y": 12 "y": 12
}, },
"width": 162, "width": 102,
"height": 142, "height": 82,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -129,11 +129,11 @@
"id": "\"a\\\\yode\"", "id": "\"a\\\\yode\"",
"type": "", "type": "",
"pos": { "pos": {
"x": 536, "x": 356,
"y": 28 "y": 28
}, },
"width": 154, "width": 94,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -170,11 +170,11 @@
"id": "there", "id": "there",
"type": "", "type": "",
"pos": { "pos": {
"x": 715, "x": 475,
"y": 254 "y": 194
}, },
"width": 143, "width": 83,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -211,11 +211,11 @@
"id": "'a\\\"ode'", "id": "'a\\\"ode'",
"type": "", "type": "",
"pos": { "pos": {
"x": 710, "x": 470,
"y": 28 "y": 28
}, },
"width": 154, "width": 94,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -252,11 +252,11 @@
"id": "\"a\\\\node\"", "id": "\"a\\\\node\"",
"type": "", "type": "",
"pos": { "pos": {
"x": 884, "x": 584,
"y": 28 "y": 28
}, },
"width": 155, "width": 95,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -317,20 +317,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 613, "x": 403,
"y": 154 "y": 94
}, },
{ {
"x": 613, "x": 403,
"y": 204 "y": 144
}, },
{ {
"x": 751.25, "x": 496.25,
"y": 204 "y": 144
}, },
{ {
"x": 751.25, "x": 496.25,
"y": 254 "y": 194
} }
], ],
"animated": false, "animated": false,
@ -364,12 +364,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 787, "x": 517,
"y": 154 "y": 94
}, },
{ {
"x": 787, "x": 517,
"y": 254 "y": 194
} }
], ],
"animated": false, "animated": false,
@ -403,20 +403,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 961.5, "x": 631.5,
"y": 154 "y": 94
}, },
{ {
"x": 961.5, "x": 631.5,
"y": 204 "y": 144
}, },
{ {
"x": 822.75, "x": 537.75,
"y": 204 "y": 144
}, },
{ {
"x": 822.75, "x": 537.75,
"y": 254 "y": 194
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/regression/dagre_special_ids/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1231" height="572" viewBox="-90 -90 1231 572"><style type="text/css"> width="871" height="452" viewBox="-90 -90 871 452"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="1231" height="572" viewBox="-90 -90 1231 572"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="&#34;ninety\nnine&#34;"><g class="shape" ><rect x="12" y="12" width="151" height="142" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="87.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="87.500000" dy="0.000000">ninety</tspan><tspan x="87.500000" dy="21.000000">nine</tspan></text></g><g id="eighty&#xD;eight"><g class="shape" ><rect x="183" y="20" width="151" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="258.500000" y="86.000000" 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="354" y="12" width="162" height="142" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="435.000000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="435.000000" dy="0.000000">seventy&#xD;</tspan><tspan x="435.000000" dy="21.000000">seven</tspan></text></g><g id="&#34;a\\yode&#34;"><g class="shape" ><rect x="536" y="28" width="154" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="613.000000" y="94.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a\yode</text></g><g id="there"><g class="shape" ><rect x="715" y="254" width="143" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="786.500000" y="320.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">there</text></g><g id="&#39;a\&#34;ode&#39;"><g class="shape" ><rect x="710" y="28" width="154" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="787.000000" y="94.000000" 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="884" y="28" width="155" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="961.500000" y="94.000000" 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 613.000000 156.000000 L 613.000000 194.000000 S 613.000000 204.000000 623.000000 204.000000 L 741.250000 204.000000 S 751.250000 204.000000 751.250000 214.000000 L 751.250000 250.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3116272567)"/></g><g id="(&#39;a\&#34;ode&#39; -&gt; there)[0]"><path d="M 787.000000 156.000000 L 787.000000 250.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3116272567)"/></g><g id="(&#34;a\\node&#34; -&gt; there)[0]"><path d="M 961.500000 156.000000 L 961.500000 194.000000 S 961.500000 204.000000 951.500000 204.000000 L 832.750000 204.000000 S 822.750000 204.000000 822.750000 214.000000 L 822.750000 250.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3116272567)"/></g><mask id="3116272567" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1231" height="572"> ]]></script><g id="&#34;ninety\nnine&#34;"><g class="shape" ><rect x="12" y="12" width="91" height="82" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="57.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="57.500000" dy="0.000000">ninety</tspan><tspan x="57.500000" dy="21.000000">nine</tspan></text></g><g id="eighty&#xD;eight"><g class="shape" ><rect x="123" y="20" width="91" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="168.500000" y="58.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="234" y="12" width="102" height="82" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="285.000000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="285.000000" dy="0.000000">seventy&#xD;</tspan><tspan x="285.000000" dy="21.000000">seven</tspan></text></g><g id="&#34;a\\yode&#34;"><g class="shape" ><rect x="356" y="28" width="94" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="403.000000" y="66.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a\yode</text></g><g id="there"><g class="shape" ><rect x="475" y="194" width="83" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="516.500000" y="232.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="470" y="28" width="94" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="517.000000" y="66.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="584" y="28" width="95" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="631.500000" y="66.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 403.000000 96.000000 L 403.000000 134.000000 S 403.000000 144.000000 413.000000 144.000000 L 486.250000 144.000000 S 496.250000 144.000000 496.250000 154.000000 L 496.250000 190.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2887150407)"/></g><g id="(&#39;a\&#34;ode&#39; -&gt; there)[0]"><path d="M 517.000000 96.000000 L 517.000000 190.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2887150407)"/></g><g id="(&#34;a\\node&#34; -&gt; there)[0]"><path d="M 631.500000 96.000000 L 631.500000 134.000000 S 631.500000 144.000000 621.500000 144.000000 L 547.750000 144.000000 S 537.750000 144.000000 537.750000 154.000000 L 537.750000 190.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2887150407)"/></g><mask id="2887150407" maskUnits="userSpaceOnUse" x="-100" y="-100" width="871" height="452">
<rect x="-100" y="-100" width="1231" height="572" fill="white"></rect> <rect x="-100" y="-100" width="871" height="452" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 328 KiB

After

Width:  |  Height:  |  Size: 327 KiB

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

@ -9,8 +9,8 @@
"x": 0, "x": 0,
"y": 0 "y": 0
}, },
"width": 430, "width": 370,
"height": 1672, "height": 1372,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -50,8 +50,8 @@
"x": 50, "x": 50,
"y": 73 "y": 73
}, },
"width": 330, "width": 270,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -89,10 +89,10 @@
"type": "", "type": "",
"pos": { "pos": {
"x": 81, "x": 81,
"y": 382 "y": 322
}, },
"width": 269, "width": 209,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -130,10 +130,10 @@
"type": "", "type": "",
"pos": { "pos": {
"x": 150, "x": 150,
"y": 771 "y": 651
}, },
"width": 131, "width": 71,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -171,10 +171,10 @@
"type": "", "type": "",
"pos": { "pos": {
"x": 106, "x": 106,
"y": 1153 "y": 973
}, },
"width": 218, "width": 158,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -212,10 +212,10 @@
"type": "", "type": "",
"pos": { "pos": {
"x": 138, "x": 138,
"y": 1462 "y": 1222
}, },
"width": 155, "width": 95,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -252,11 +252,11 @@
"id": "deploy_workflow", "id": "deploy_workflow",
"type": "", "type": "",
"pos": { "pos": {
"x": 470, "x": 410,
"y": 0 "y": 0
}, },
"width": 371, "width": 311,
"height": 981, "height": 801,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -293,11 +293,11 @@
"id": "deploy_workflow.manual", "id": "deploy_workflow.manual",
"type": "", "type": "",
"pos": { "pos": {
"x": 520, "x": 460,
"y": 73 "y": 73
}, },
"width": 271, "width": 211,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -334,11 +334,11 @@
"id": "deploy_workflow.GHA", "id": "deploy_workflow.GHA",
"type": "", "type": "",
"pos": { "pos": {
"x": 521, "x": 461,
"y": 382 "y": 322
}, },
"width": 269, "width": 209,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -375,11 +375,11 @@
"id": "deploy_workflow.AWS", "id": "deploy_workflow.AWS",
"type": "", "type": "",
"pos": { "pos": {
"x": 578, "x": 518,
"y": 771 "y": 651
}, },
"width": 155, "width": 95,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -416,11 +416,11 @@
"id": "apollo_workflow", "id": "apollo_workflow",
"type": "", "type": "",
"pos": { "pos": {
"x": 881, "x": 761,
"y": 0 "y": 0
}, },
"width": 613, "width": 613,
"height": 981, "height": 801,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -457,11 +457,11 @@
"id": "apollo_workflow.apollo", "id": "apollo_workflow.apollo",
"type": "", "type": "",
"pos": { "pos": {
"x": 1069, "x": 979,
"y": 73 "y": 73
}, },
"width": 238, "width": 178,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -498,11 +498,11 @@
"id": "apollo_workflow.GHA", "id": "apollo_workflow.GHA",
"type": "", "type": "",
"pos": { "pos": {
"x": 1053, "x": 963,
"y": 382 "y": 322
}, },
"width": 269, "width": 209,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -539,11 +539,11 @@
"id": "apollo_workflow.AWS", "id": "apollo_workflow.AWS",
"type": "", "type": "",
"pos": { "pos": {
"x": 1110, "x": 1020,
"y": 771 "y": 651
}, },
"width": 155, "width": 95,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -604,20 +604,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 215, "x": 185,
"y": 210 "y": 150
}, },
{ {
"x": 215, "x": 185,
"y": 278.8 "y": 218.8
}, },
{ {
"x": 215, "x": 185,
"y": 313.2 "y": 253.2
}, },
{ {
"x": 215, "x": 185,
"y": 382 "y": 322
} }
], ],
"isCurve": true, "isCurve": true,
@ -652,20 +652,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 215, "x": 185,
"y": 519 "y": 399
}, },
{ {
"x": 215, "x": 185,
"y": 619.8 "y": 499.8
}, },
{ {
"x": 215, "x": 185,
"y": 670.2 "y": 550.2
}, },
{ {
"x": 215, "x": 185,
"y": 771 "y": 651
} }
], ],
"isCurve": true, "isCurve": true,
@ -700,20 +700,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 215, "x": 185,
"y": 908 "y": 728
}, },
{ {
"x": 215, "x": 185,
"y": 966.4 "y": 786.4
}, },
{ {
"x": 215, "x": 185,
"y": 1084.2 "y": 904.2
}, },
{ {
"x": 215, "x": 185,
"y": 1153 "y": 973
} }
], ],
"isCurve": true, "isCurve": true,
@ -748,20 +748,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 215, "x": 185,
"y": 1290 "y": 1050
}, },
{ {
"x": 215, "x": 185,
"y": 1358.8 "y": 1118.8
}, },
{ {
"x": 215, "x": 185,
"y": 1393.2 "y": 1153.2
}, },
{ {
"x": 215, "x": 185,
"y": 1462 "y": 1222
} }
], ],
"isCurve": true, "isCurve": true,
@ -796,20 +796,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 655.5, "x": 565.5,
"y": 210 "y": 150
}, },
{ {
"x": 655.5, "x": 565.5,
"y": 278.8 "y": 218.8
}, },
{ {
"x": 655.5, "x": 565.5,
"y": 313.2 "y": 253.2
}, },
{ {
"x": 655.5, "x": 565.5,
"y": 382 "y": 322
} }
], ],
"isCurve": true, "isCurve": true,
@ -844,20 +844,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 655.5, "x": 565.5,
"y": 519 "y": 399
}, },
{ {
"x": 655.5, "x": 565.5,
"y": 619.8 "y": 499.8
}, },
{ {
"x": 655.5, "x": 565.5,
"y": 670.2 "y": 550.2
}, },
{ {
"x": 655.5, "x": 565.5,
"y": 771 "y": 651
} }
], ],
"isCurve": true, "isCurve": true,
@ -892,20 +892,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1187.5, "x": 1067.5,
"y": 210 "y": 150
}, },
{ {
"x": 1187.5, "x": 1067.5,
"y": 278.8 "y": 218.8
}, },
{ {
"x": 1187.5, "x": 1067.5,
"y": 313.2 "y": 253.2
}, },
{ {
"x": 1187.5, "x": 1067.5,
"y": 382 "y": 322
} }
], ],
"isCurve": true, "isCurve": true,
@ -940,20 +940,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1187.5, "x": 1067.5,
"y": 519 "y": 399
}, },
{ {
"x": 1187.5, "x": 1067.5,
"y": 619.8 "y": 499.8
}, },
{ {
"x": 1187.5, "x": 1067.5,
"y": 670.2 "y": 550.2
}, },
{ {
"x": 1187.5, "x": 1067.5,
"y": 771 "y": 651
} }
], ],
"isCurve": true, "isCurve": true,

22
e2etests/testdata/regression/elk_alignment/dagre/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 799 KiB

After

Width:  |  Height:  |  Size: 799 KiB

158
e2etests/testdata/regression/elk_alignment/elk/board.exp.json generated vendored
View file

@ -9,8 +9,8 @@
"x": 12, "x": 12,
"y": 12 "y": 12
}, },
"width": 480, "width": 420,
"height": 1739, "height": 1439,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -50,8 +50,8 @@
"x": 87, "x": 87,
"y": 87 "y": 87
}, },
"width": 330, "width": 270,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -89,10 +89,10 @@
"type": "", "type": "",
"pos": { "pos": {
"x": 117, "x": 117,
"y": 450 "y": 390
}, },
"width": 269, "width": 209,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -130,10 +130,10 @@
"type": "", "type": "",
"pos": { "pos": {
"x": 186, "x": 186,
"y": 813 "y": 693
}, },
"width": 131, "width": 71,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -171,10 +171,10 @@
"type": "", "type": "",
"pos": { "pos": {
"x": 143, "x": 143,
"y": 1176 "y": 996
}, },
"width": 218, "width": 158,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -212,10 +212,10 @@
"type": "", "type": "",
"pos": { "pos": {
"x": 174, "x": 174,
"y": 1539 "y": 1299
}, },
"width": 155, "width": 95,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -252,11 +252,11 @@
"id": "deploy_workflow", "id": "deploy_workflow",
"type": "", "type": "",
"pos": { "pos": {
"x": 512, "x": 452,
"y": 335 "y": 275
}, },
"width": 421, "width": 361,
"height": 1093, "height": 913,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -293,11 +293,11 @@
"id": "deploy_workflow.manual", "id": "deploy_workflow.manual",
"type": "", "type": "",
"pos": { "pos": {
"x": 587, "x": 527,
"y": 410 "y": 350
}, },
"width": 271, "width": 211,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -334,11 +334,11 @@
"id": "deploy_workflow.GHA", "id": "deploy_workflow.GHA",
"type": "", "type": "",
"pos": { "pos": {
"x": 588, "x": 528,
"y": 773 "y": 653
}, },
"width": 269, "width": 209,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -375,11 +375,11 @@
"id": "deploy_workflow.AWS", "id": "deploy_workflow.AWS",
"type": "", "type": "",
"pos": { "pos": {
"x": 645, "x": 585,
"y": 1216 "y": 1036
}, },
"width": 155, "width": 95,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -416,11 +416,11 @@
"id": "apollo_workflow", "id": "apollo_workflow",
"type": "", "type": "",
"pos": { "pos": {
"x": 953, "x": 833,
"y": 375 "y": 315
}, },
"width": 684, "width": 684,
"height": 1013, "height": 833,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -457,11 +457,11 @@
"id": "apollo_workflow.apollo", "id": "apollo_workflow.apollo",
"type": "", "type": "",
"pos": { "pos": {
"x": 1175, "x": 1085,
"y": 450 "y": 390
}, },
"width": 238, "width": 178,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -498,11 +498,11 @@
"id": "apollo_workflow.GHA", "id": "apollo_workflow.GHA",
"type": "", "type": "",
"pos": { "pos": {
"x": 1160, "x": 1070,
"y": 813 "y": 693
}, },
"width": 269, "width": 209,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -539,11 +539,11 @@
"id": "apollo_workflow.AWS", "id": "apollo_workflow.AWS",
"type": "", "type": "",
"pos": { "pos": {
"x": 1217, "x": 1127,
"y": 1176 "y": 996
}, },
"width": 155, "width": 95,
"height": 137, "height": 77,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -604,12 +604,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 252, "x": 222,
"y": 224 "y": 164
}, },
{ {
"x": 252, "x": 222,
"y": 450 "y": 390
} }
], ],
"animated": false, "animated": false,
@ -643,12 +643,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 252, "x": 222,
"y": 587 "y": 467
}, },
{ {
"x": 252, "x": 222,
"y": 813 "y": 693
} }
], ],
"animated": false, "animated": false,
@ -682,12 +682,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 252, "x": 222,
"y": 950 "y": 770
}, },
{ {
"x": 252, "x": 222,
"y": 1176 "y": 996
} }
], ],
"animated": false, "animated": false,
@ -721,12 +721,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 252, "x": 222,
"y": 1313 "y": 1073
}, },
{ {
"x": 252, "x": 222,
"y": 1539 "y": 1299
} }
], ],
"animated": false, "animated": false,
@ -760,12 +760,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 722.5, "x": 632.5,
"y": 547 "y": 427
}, },
{ {
"x": 722.5, "x": 632.5,
"y": 773 "y": 653
} }
], ],
"animated": false, "animated": false,
@ -799,12 +799,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 722.5, "x": 632.5,
"y": 910 "y": 730
}, },
{ {
"x": 722.5, "x": 632.5,
"y": 1216 "y": 1036
} }
], ],
"animated": false, "animated": false,
@ -838,12 +838,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1294.5, "x": 1174.5,
"y": 587 "y": 467
}, },
{ {
"x": 1294.5, "x": 1174.5,
"y": 813 "y": 693
} }
], ],
"animated": false, "animated": false,
@ -877,12 +877,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1294.5, "x": 1174.5,
"y": 950 "y": 770
}, },
{ {
"x": 1294.5, "x": 1174.5,
"y": 1176 "y": 996
} }
], ],
"animated": false, "animated": false,

22
e2etests/testdata/regression/elk_alignment/elk/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 799 KiB

After

Width:  |  Height:  |  Size: 799 KiB

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

@ -9,8 +9,8 @@
"x": 0, "x": 0,
"y": 0 "y": 0
}, },
"width": 128, "width": 148,
"height": 128, "height": 148,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -57,8 +57,8 @@
"id": "ico", "id": "ico",
"type": "", "type": "",
"pos": { "pos": {
"x": 188, "x": 208,
"y": 14 "y": 24
}, },
"width": 100, "width": 100,
"height": 100, "height": 100,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="492" height="332" viewBox="-102 -102 492 332"><style type="text/css"> width="512" height="352" viewBox="-102 -102 512 352"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,7 +39,7 @@ width="492" height="332" viewBox="-102 -102 492 332"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); 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="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="1658185428" maskUnits="userSpaceOnUse" x="-100" y="-100" width="492" height="332"> ]]></script><g id="img"><g class="shape" ><image href="https://icons.terrastruct.com/infra/019-network.svg" x="0" y="0" width="148" height="148" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="ico"><g class="shape" ><rect x="208" y="24" width="100" height="100" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><image href="https://icons.terrastruct.com/infra/019-network.svg" x="233.000000" y="49.000000" width="50" height="50" /></g><mask id="1524595020" maskUnits="userSpaceOnUse" x="-100" y="-100" width="512" height="352">
<rect x="-100" y="-100" width="492" height="332" fill="white"></rect> <rect x="-100" y="-100" width="512" height="352" fill="white"></rect>
</mask><style type="text/css"><![CDATA[]]></style></svg> </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

8
e2etests/testdata/regression/elk_img_empty_label_panic/elk/board.exp.json generated vendored
View file

@ -9,8 +9,8 @@
"x": 12, "x": 12,
"y": 12 "y": 12
}, },
"width": 128, "width": 148,
"height": 128, "height": 148,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -57,8 +57,8 @@
"id": "ico", "id": "ico",
"type": "", "type": "",
"pos": { "pos": {
"x": 160, "x": 180,
"y": 26 "y": 36
}, },
"width": 100, "width": 100,
"height": 100, "height": 100,

6
e2etests/testdata/regression/elk_img_empty_label_panic/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="452" height="332" viewBox="-90 -90 452 332"><style type="text/css"> width="472" height="352" viewBox="-90 -90 472 352"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,7 +39,7 @@ width="452" height="332" viewBox="-90 -90 452 332"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="img"><g class="shape" ><image href="https://icons.terrastruct.com/infra/019-network.svg" x="12" y="12" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="ico"><g class="shape" ><rect x="160" y="26" width="100" height="100" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><image href="https://icons.terrastruct.com/infra/019-network.svg" x="185.000000" y="51.000000" width="50" height="50" /></g><mask id="2006067969" maskUnits="userSpaceOnUse" x="-100" y="-100" width="452" height="332"> ]]></script><g id="img"><g class="shape" ><image href="https://icons.terrastruct.com/infra/019-network.svg" x="12" y="12" width="148" height="148" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="ico"><g class="shape" ><rect x="180" y="36" width="100" height="100" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><image href="https://icons.terrastruct.com/infra/019-network.svg" x="205.000000" y="61.000000" width="50" height="50" /></g><mask id="1432850652" maskUnits="userSpaceOnUse" x="-100" y="-100" width="472" height="352">
<rect x="-100" y="-100" width="452" height="332" fill="white"></rect> <rect x="-100" y="-100" width="472" height="352" fill="white"></rect>
</mask><style type="text/css"><![CDATA[]]></style></svg> </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

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

@ -9,8 +9,8 @@
"x": 0, "x": 0,
"y": 0 "y": 0
}, },
"width": 426, "width": 306,
"height": 226, "height": 166,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -50,8 +50,8 @@
"x": 50, "x": 50,
"y": 50 "y": 50
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -88,11 +88,11 @@
"id": "x.b", "id": "x.b",
"type": "", "type": "",
"pos": { "pos": {
"x": 263, "x": 203,
"y": 50 "y": 50
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -153,56 +153,56 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 163, "x": 103,
"y": 73.37662337662337 "y": 68.38440111420613
}, },
{ {
"x": 189.66666666666669, "x": 129.66666666666669,
"y": 54.675324675324674 "y": 53.67688022284123
}, },
{ {
"x": 198, "x": 138,
"y": 50 "y": 50
}, },
{ {
"x": 200.5, "x": 140.5,
"y": 50 "y": 50
}, },
{ {
"x": 203, "x": 143,
"y": 50 "y": 50
}, },
{ {
"x": 206.33333333333331, "x": 146.33333333333331,
"y": 62.6 "y": 56.6
}, },
{ {
"x": 208.83333333333331, "x": 148.83333333333331,
"y": 81.5 "y": 66.5
}, },
{ {
"x": 211.33333333333334, "x": 151.33333333333334,
"y": 100.4 "y": 76.4
}, },
{ {
"x": 211.33333333333334, "x": 151.33333333333334,
"y": 125.6 "y": 89.6
}, },
{ {
"x": 208.83333333333331, "x": 148.83333333333331,
"y": 144.5 "y": 99.5
}, },
{ {
"x": 206.33333333333331, "x": 146.33333333333331,
"y": 163.4 "y": 109.4
}, },
{ {
"x": 189.66666666666669, "x": 129.66666666666669,
"y": 171.32467532467533 "y": 112.32311977715878
}, },
{ {
"x": 163, "x": 103,
"y": 152.62337662337663 "y": 97.61559888579387
} }
], ],
"isCurve": true, "isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="630" height="430" viewBox="-102 -102 630 430"><style type="text/css"> width="510" height="370" viewBox="-102 -102 510 370"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="630" height="430" viewBox="-102 -102 630 430"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="x"><g class="shape" ><rect x="0" y="0" width="426" height="226" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="213.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">x</text></g><g id="x.a"><g class="shape" ><rect x="50" y="50" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="106.500000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="x.b"><g class="shape" ><rect x="263" y="50" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="319.500000" y="116.000000" 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 164.637464 72.228272 C 189.666667 54.675325 198.000000 50.000000 200.500000 50.000000 C 203.000000 50.000000 206.333333 62.600000 208.833333 81.500000 C 211.333333 100.400000 211.333333 125.600000 208.833333 144.500000 C 206.333333 163.400000 189.666667 171.324675 166.274928 154.920080" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4032396985)"/></g><mask id="4032396985" maskUnits="userSpaceOnUse" x="-100" y="-100" width="630" height="430"> ]]></script><g id="x"><g class="shape" ><rect x="0" y="0" width="306" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="153.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">x</text></g><g id="x.a"><g class="shape" ><rect x="50" y="50" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="76.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="x.b"><g class="shape" ><rect x="203" y="50" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="229.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="x.(a -&gt; a)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 104.751298 67.418504 C 129.666667 53.676880 138.000000 50.000000 140.500000 50.000000 C 143.000000 50.000000 146.333333 56.600000 148.833333 66.500000 C 151.333333 76.400000 151.333333 89.600000 148.833333 99.500000 C 146.333333 109.400000 129.666667 112.323120 106.502595 99.547392" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1792923588)"/></g><mask id="1792923588" maskUnits="userSpaceOnUse" x="-100" y="-100" width="510" height="370">
<rect x="-100" y="-100" width="630" height="430" fill="white"></rect> <rect x="-100" y="-100" width="510" height="370" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 649 KiB

After

Width:  |  Height:  |  Size: 649 KiB

22
e2etests/testdata/regression/elk_loop_panic/elk/board.exp.json generated vendored
View file

@ -9,8 +9,8 @@
"x": 12, "x": 12,
"y": 12 "y": 12
}, },
"width": 446, "width": 326,
"height": 276, "height": 216,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -50,8 +50,8 @@
"x": 137, "x": 137,
"y": 87 "y": 87
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -88,11 +88,11 @@
"id": "x.b", "id": "x.b",
"type": "", "type": "",
"pos": { "pos": {
"x": 270, "x": 210,
"y": 87 "y": 87
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -154,19 +154,19 @@
"route": [ "route": [
{ {
"x": 137, "x": 137,
"y": 129 "y": 109
}, },
{ {
"x": 87, "x": 87,
"y": 129 "y": 109
}, },
{ {
"x": 87, "x": 87,
"y": 171 "y": 131
}, },
{ {
"x": 137, "x": 137,
"y": 171 "y": 131
} }
], ],
"animated": false, "animated": false,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="650" height="480" viewBox="-90 -90 650 480"><style type="text/css"> width="530" height="420" viewBox="-90 -90 530 420"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="650" height="480" viewBox="-90 -90 650 480"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="x"><g class="shape" ><rect x="12" y="12" width="446" height="276" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="235.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">x</text></g><g id="x.a"><g class="shape" ><rect x="137" y="87" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="193.500000" y="153.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="x.b"><g class="shape" ><rect x="270" y="87" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="326.500000" y="153.000000" 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 135.000000 129.000000 L 97.000000 129.000000 S 87.000000 129.000000 87.000000 139.000000 L 87.000000 161.000000 S 87.000000 171.000000 97.000000 171.000000 L 133.000000 171.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#108613724)"/></g><mask id="108613724" maskUnits="userSpaceOnUse" x="-100" y="-100" width="650" height="480"> ]]></script><g id="x"><g class="shape" ><rect x="12" y="12" width="326" height="216" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="175.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">x</text></g><g id="x.a"><g class="shape" ><rect x="137" y="87" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="163.500000" y="125.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="x.b"><g class="shape" ><rect x="210" y="87" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="236.500000" y="125.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 135.000000 109.000000 L 97.000000 109.000000 S 87.000000 109.000000 87.000000 119.000000 L 87.000000 121.000000 S 87.000000 131.000000 97.000000 131.000000 L 133.000000 131.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2596520073)"/></g><mask id="2596520073" maskUnits="userSpaceOnUse" x="-100" y="-100" width="530" height="420">
<rect x="-100" y="-100" width="650" height="480" fill="white"></rect> <rect x="-100" y="-100" width="530" height="420" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 649 KiB

After

Width:  |  Height:  |  Size: 649 KiB

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

@ -9,8 +9,8 @@
"x": 0, "x": 0,
"y": 148 "y": 148
}, },
"width": 1336, "width": 966,
"height": 226, "height": 166,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -49,8 +49,8 @@
"x": 50, "x": 50,
"y": 198 "y": 198
}, },
"width": 125, "width": 65,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -87,11 +87,11 @@
"id": "queue.M1", "id": "queue.M1",
"type": "", "type": "",
"pos": { "pos": {
"x": 235, "x": 175,
"y": 198 "y": 198
}, },
"width": 125, "width": 65,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -128,11 +128,11 @@
"id": "queue.M2", "id": "queue.M2",
"type": "", "type": "",
"pos": { "pos": {
"x": 420, "x": 300,
"y": 198 "y": 198
}, },
"width": 125, "width": 65,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -169,11 +169,11 @@
"id": "queue.M3", "id": "queue.M3",
"type": "", "type": "",
"pos": { "pos": {
"x": 605, "x": 425,
"y": 198 "y": 198
}, },
"width": 125, "width": 65,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -210,11 +210,11 @@
"id": "queue.M4", "id": "queue.M4",
"type": "", "type": "",
"pos": { "pos": {
"x": 790, "x": 550,
"y": 198 "y": 198
}, },
"width": 126, "width": 66,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -251,11 +251,11 @@
"id": "queue.M5", "id": "queue.M5",
"type": "", "type": "",
"pos": { "pos": {
"x": 976, "x": 676,
"y": 198 "y": 198
}, },
"width": 125, "width": 65,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -292,11 +292,11 @@
"id": "queue.M6", "id": "queue.M6",
"type": "", "type": "",
"pos": { "pos": {
"x": 1161, "x": 851,
"y": 198 "y": 198
}, },
"width": 125, "width": 65,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -333,7 +333,7 @@
"id": "m0_desc", "id": "m0_desc",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 60, "x": 30,
"y": 12 "y": 12
}, },
"width": 106, "width": 106,
@ -373,7 +373,7 @@
"id": "m2_desc", "id": "m2_desc",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 462, "x": 312,
"y": 12 "y": 12
}, },
"width": 41, "width": 41,
@ -413,7 +413,7 @@
"id": "m5_desc", "id": "m5_desc",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 994, "x": 664,
"y": 12 "y": 12
}, },
"width": 90, "width": 90,
@ -453,7 +453,7 @@
"id": "m6_desc", "id": "m6_desc",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 1154, "x": 814,
"y": 0 "y": 0
}, },
"width": 140, "width": 140,
@ -517,19 +517,19 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 112.5, "x": 82.5,
"y": 36 "y": 36
}, },
{ {
"x": 112.5, "x": 82.5,
"y": 85.6 "y": 85.6
}, },
{ {
"x": 112.5, "x": 82.5,
"y": 158 "y": 158
}, },
{ {
"x": 112.5, "x": 82.5,
"y": 198 "y": 198
} }
], ],
@ -565,19 +565,19 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 482.5, "x": 332.5,
"y": 36 "y": 36
}, },
{ {
"x": 482.5, "x": 332.5,
"y": 85.6 "y": 85.6
}, },
{ {
"x": 482.5, "x": 332.5,
"y": 158 "y": 158
}, },
{ {
"x": 482.5, "x": 332.5,
"y": 198 "y": 198
} }
], ],
@ -613,19 +613,19 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1038.5, "x": 708.5,
"y": 36 "y": 36
}, },
{ {
"x": 1038.5, "x": 708.5,
"y": 85.6 "y": 85.6
}, },
{ {
"x": 1038.5, "x": 708.5,
"y": 158 "y": 158
}, },
{ {
"x": 1038.5, "x": 708.5,
"y": 198 "y": 198
} }
], ],
@ -661,19 +661,19 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1223.5, "x": 883.5,
"y": 48 "y": 48
}, },
{ {
"x": 1223.5, "x": 883.5,
"y": 88 "y": 88
}, },
{ {
"x": 1223.5, "x": 883.5,
"y": 158 "y": 158
}, },
{ {
"x": 1223.5, "x": 883.5,
"y": 198 "y": 198
} }
], ],

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1540" height="578" viewBox="-102 -102 1540 578"><style type="text/css"> width="1170" height="518" viewBox="-102 -102 1170 518"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -796,13 +796,13 @@ width="1540" height="578" viewBox="-102 -102 1540 578"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="queue"><g class="shape" ><path d="M 24 148 H 1312 C 1336 148 1336 249.7 1336 261 C 1336 272.3 1336 374 1312 374 H 24 C 0 374 0 272.3 0 261 C 0 249.7 0 148 24 148 Z" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:2;"/><path d="M 1312 148 C 1288 148 1288 249.7 1288 261 C 1288 272.3 1288 374 1312 374" 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="60.000000" y="12.000000" width="106" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Oldest message</p> </style><g id="queue"><g class="shape" ><path d="M 24 148 H 942 C 966 148 966 223 966 231 C 966 239 966 314 942 314 H 24 C 0 314 0 239 0 231 C 0 223 0 148 24 148 Z" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:2;"/><path d="M 942 148 C 918 148 918 223 918 231 C 918 239 918 314 942 314" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:2;"/></g></g><g id="m0_desc"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="30.000000" y="12.000000" width="106" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Oldest message</p>
</div></foreignObject></g></g><g id="m2_desc"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="462.000000" y="12.000000" width="41" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Offset</p> </div></foreignObject></g></g><g id="m2_desc"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="312.000000" y="12.000000" width="41" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Offset</p>
</div></foreignObject></g></g><g id="m5_desc"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="994.000000" y="12.000000" width="90" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Last message</p> </div></foreignObject></g></g><g id="m5_desc"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="664.000000" y="12.000000" width="90" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Last message</p>
</div></foreignObject></g></g><g id="m6_desc"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="1154.000000" y="0.000000" width="140" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Next message will be<br /> </div></foreignObject></g></g><g id="m6_desc"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="814.000000" y="0.000000" width="140" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Next message will be<br />
inserted here</p> inserted here</p>
</div></foreignObject></g></g><g id="queue.M0"><g class="shape" ><rect x="50" y="198" width="125" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="112.500000" y="264.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M0</text></g><g id="queue.M1"><g class="shape" ><rect x="235" y="198" width="125" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="297.500000" y="264.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M1</text></g><g id="queue.M2"><g class="shape" ><rect x="420" y="198" width="125" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="482.500000" y="264.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M2</text></g><g id="queue.M3"><g class="shape" ><rect x="605" y="198" width="125" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="667.500000" y="264.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M3</text></g><g id="queue.M4"><g class="shape" ><rect x="790" y="198" width="126" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="853.000000" y="264.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M4</text></g><g id="queue.M5"><g class="shape" ><rect x="976" y="198" width="125" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1038.500000" y="264.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M5</text></g><g id="queue.M6"><g class="shape" ><rect x="1161" y="198" width="125" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1223.500000" y="264.000000" 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 112.500000 38.000000 C 112.500000 85.600000 112.500000 158.000000 112.500000 194.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2000745678)"/></g><g id="(m2_desc -&gt; queue.M2)[0]"><path d="M 482.500000 38.000000 C 482.500000 85.600000 482.500000 158.000000 482.500000 194.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2000745678)"/></g><g id="(m5_desc -&gt; queue.M5)[0]"><path d="M 1038.500000 38.000000 C 1038.500000 85.600000 1038.500000 158.000000 1038.500000 194.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2000745678)"/></g><g id="(m6_desc -&gt; queue.M6)[0]"><path d="M 1223.500000 50.000000 C 1223.500000 88.000000 1223.500000 158.000000 1223.500000 194.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2000745678)"/></g><mask id="2000745678" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1540" height="578"> </div></foreignObject></g></g><g id="queue.M0"><g class="shape" ><rect x="50" y="198" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="82.500000" y="236.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M0</text></g><g id="queue.M1"><g class="shape" ><rect x="175" y="198" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="207.500000" y="236.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M1</text></g><g id="queue.M2"><g class="shape" ><rect x="300" y="198" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="332.500000" y="236.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M2</text></g><g id="queue.M3"><g class="shape" ><rect x="425" y="198" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="457.500000" y="236.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M3</text></g><g id="queue.M4"><g class="shape" ><rect x="550" y="198" width="66" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="583.000000" y="236.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M4</text></g><g id="queue.M5"><g class="shape" ><rect x="676" y="198" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="708.500000" y="236.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M5</text></g><g id="queue.M6"><g class="shape" ><rect x="851" y="198" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="883.500000" y="236.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M6</text></g><g id="(m0_desc -&gt; queue.M0)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 82.500000 38.000000 C 82.500000 85.600000 82.500000 158.000000 82.500000 194.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3538168118)"/></g><g id="(m2_desc -&gt; queue.M2)[0]"><path d="M 332.500000 38.000000 C 332.500000 85.600000 332.500000 158.000000 332.500000 194.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3538168118)"/></g><g id="(m5_desc -&gt; queue.M5)[0]"><path d="M 708.500000 38.000000 C 708.500000 85.600000 708.500000 158.000000 708.500000 194.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3538168118)"/></g><g id="(m6_desc -&gt; queue.M6)[0]"><path d="M 883.500000 50.000000 C 883.500000 88.000000 883.500000 158.000000 883.500000 194.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3538168118)"/></g><mask id="3538168118" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1170" height="518">
<rect x="-100" y="-100" width="1540" height="578" fill="white"></rect> <rect x="-100" y="-100" width="1170" height="518" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 664 KiB

After

Width:  |  Height:  |  Size: 664 KiB

76
e2etests/testdata/regression/elk_order/elk/board.exp.json generated vendored
View file

@ -9,8 +9,8 @@
"x": 12, "x": 12,
"y": 165 "y": 165
}, },
"width": 1146, "width": 726,
"height": 276, "height": 216,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -49,8 +49,8 @@
"x": 87, "x": 87,
"y": 240 "y": 240
}, },
"width": 125, "width": 65,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -87,11 +87,11 @@
"id": "queue.M1", "id": "queue.M1",
"type": "", "type": "",
"pos": { "pos": {
"x": 232, "x": 172,
"y": 240 "y": 240
}, },
"width": 125, "width": 65,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -128,11 +128,11 @@
"id": "queue.M2", "id": "queue.M2",
"type": "", "type": "",
"pos": { "pos": {
"x": 377, "x": 257,
"y": 240 "y": 240
}, },
"width": 125, "width": 65,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -169,11 +169,11 @@
"id": "queue.M3", "id": "queue.M3",
"type": "", "type": "",
"pos": { "pos": {
"x": 522, "x": 342,
"y": 240 "y": 240
}, },
"width": 125, "width": 65,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -210,11 +210,11 @@
"id": "queue.M4", "id": "queue.M4",
"type": "", "type": "",
"pos": { "pos": {
"x": 667, "x": 427,
"y": 240 "y": 240
}, },
"width": 126, "width": 66,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -251,11 +251,11 @@
"id": "queue.M5", "id": "queue.M5",
"type": "", "type": "",
"pos": { "pos": {
"x": 813, "x": 513,
"y": 240 "y": 240
}, },
"width": 125, "width": 65,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -292,11 +292,11 @@
"id": "queue.M6", "id": "queue.M6",
"type": "", "type": "",
"pos": { "pos": {
"x": 958, "x": 598,
"y": 240 "y": 240
}, },
"width": 125, "width": 65,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -333,7 +333,7 @@
"id": "m0_desc", "id": "m0_desc",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 96, "x": 66,
"y": 36 "y": 36
}, },
"width": 106, "width": 106,
@ -373,7 +373,7 @@
"id": "m2_desc", "id": "m2_desc",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 419, "x": 269,
"y": 36 "y": 36
}, },
"width": 41, "width": 41,
@ -413,7 +413,7 @@
"id": "m5_desc", "id": "m5_desc",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 830, "x": 450,
"y": 36 "y": 36
}, },
"width": 90, "width": 90,
@ -453,7 +453,7 @@
"id": "m6_desc", "id": "m6_desc",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 950, "x": 560,
"y": 12 "y": 12
}, },
"width": 140, "width": 140,
@ -517,11 +517,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 149.5, "x": 119.5,
"y": 60 "y": 60
}, },
{ {
"x": 149.5, "x": 119.5,
"y": 240 "y": 240
} }
], ],
@ -556,11 +556,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 439.5, "x": 289.5,
"y": 60 "y": 60
}, },
{ {
"x": 439.5, "x": 289.5,
"y": 240 "y": 240
} }
], ],
@ -595,11 +595,19 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 875.5, "x": 495.5,
"y": 60 "y": 60
}, },
{ {
"x": 875.5, "x": 495.5,
"y": 110
},
{
"x": 545.5,
"y": 110
},
{
"x": 545.5,
"y": 240 "y": 240
} }
], ],
@ -634,11 +642,11 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1020.5, "x": 630.5,
"y": 60 "y": 60
}, },
{ {
"x": 1020.5, "x": 630.5,
"y": 240 "y": 240
} }
], ],

14
e2etests/testdata/regression/elk_order/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1350" height="633" viewBox="-90 -90 1350 633"><style type="text/css"> width="930" height="573" viewBox="-90 -90 930 573"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -796,13 +796,13 @@ width="1350" height="633" viewBox="-90 -90 1350 633"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="queue"><g class="shape" ><path d="M 36 165 H 1134 C 1158 165 1158 289.2 1158 303 C 1158 316.8 1158 441 1134 441 H 36 C 12 441 12 316.8 12 303 C 12 289.2 12 165 36 165 Z" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:2;"/><path d="M 1134 165 C 1110 165 1110 289.2 1110 303 C 1110 316.8 1110 441 1134 441" 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="96.000000" y="36.000000" width="106" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Oldest message</p> </style><g id="queue"><g class="shape" ><path d="M 36 165 H 714 C 738 165 738 262 738 273 C 738 284 738 381 714 381 H 36 C 12 381 12 284 12 273 C 12 262 12 165 36 165 Z" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:2;"/><path d="M 714 165 C 690 165 690 262 690 273 C 690 284 690 381 714 381" 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="66.000000" y="36.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="419.000000" y="36.000000" width="41" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Offset</p> </div></foreignObject></g></g><g id="m2_desc"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="269.000000" y="36.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="830.000000" y="36.000000" width="90" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Last message</p> </div></foreignObject></g></g><g id="m5_desc"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="450.000000" y="36.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="950.000000" y="12.000000" width="140" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Next message will be<br /> </div></foreignObject></g></g><g id="m6_desc"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="560.000000" y="12.000000" width="140" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Next message will be<br />
inserted here</p> inserted here</p>
</div></foreignObject></g></g><g id="queue.M0"><g class="shape" ><rect x="87" y="240" width="125" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="149.500000" y="306.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M0</text></g><g id="queue.M1"><g class="shape" ><rect x="232" y="240" width="125" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="294.500000" y="306.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M1</text></g><g id="queue.M2"><g class="shape" ><rect x="377" y="240" width="125" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="439.500000" y="306.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M2</text></g><g id="queue.M3"><g class="shape" ><rect x="522" y="240" width="125" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="584.500000" y="306.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M3</text></g><g id="queue.M4"><g class="shape" ><rect x="667" y="240" width="126" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="730.000000" y="306.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M4</text></g><g id="queue.M5"><g class="shape" ><rect x="813" y="240" width="125" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="875.500000" y="306.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M5</text></g><g id="queue.M6"><g class="shape" ><rect x="958" y="240" width="125" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1020.500000" y="306.000000" 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 149.500000 62.000000 L 149.500000 236.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1429777714)"/></g><g id="(m2_desc -&gt; queue.M2)[0]"><path d="M 439.500000 62.000000 L 439.500000 236.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1429777714)"/></g><g id="(m5_desc -&gt; queue.M5)[0]"><path d="M 875.500000 62.000000 L 875.500000 236.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1429777714)"/></g><g id="(m6_desc -&gt; queue.M6)[0]"><path d="M 1020.500000 62.000000 L 1020.500000 236.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1429777714)"/></g><mask id="1429777714" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1350" height="633"> </div></foreignObject></g></g><g id="queue.M0"><g class="shape" ><rect x="87" y="240" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="119.500000" y="278.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M0</text></g><g id="queue.M1"><g class="shape" ><rect x="172" y="240" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="204.500000" y="278.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M1</text></g><g id="queue.M2"><g class="shape" ><rect x="257" y="240" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="289.500000" y="278.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M2</text></g><g id="queue.M3"><g class="shape" ><rect x="342" y="240" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="374.500000" y="278.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M3</text></g><g id="queue.M4"><g class="shape" ><rect x="427" y="240" width="66" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="460.000000" y="278.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M4</text></g><g id="queue.M5"><g class="shape" ><rect x="513" y="240" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="545.500000" y="278.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M5</text></g><g id="queue.M6"><g class="shape" ><rect x="598" y="240" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="630.500000" y="278.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 119.500000 62.000000 L 119.500000 236.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3356935207)"/></g><g id="(m2_desc -&gt; queue.M2)[0]"><path d="M 289.500000 62.000000 L 289.500000 236.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3356935207)"/></g><g id="(m5_desc -&gt; queue.M5)[0]"><path d="M 495.500000 62.000000 L 495.500000 100.000000 S 495.500000 110.000000 505.500000 110.000000 L 535.500000 110.000000 S 545.500000 110.000000 545.500000 120.000000 L 545.500000 236.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3356935207)"/></g><g id="(m6_desc -&gt; queue.M6)[0]"><path d="M 630.500000 62.000000 L 630.500000 236.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3356935207)"/></g><mask id="3356935207" maskUnits="userSpaceOnUse" x="-100" y="-100" width="930" height="573">
<rect x="-100" y="-100" width="1350" height="633" fill="white"></rect> <rect x="-100" y="-100" width="930" height="573" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 664 KiB

After

Width:  |  Height:  |  Size: 664 KiB

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

@ -9,8 +9,8 @@
"x": 13, "x": 13,
"y": 0 "y": 0
}, },
"width": 140, "width": 80,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 0, "strokeWidth": 0,
@ -48,10 +48,10 @@
"type": "sequence_diagram", "type": "sequence_diagram",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 226 "y": 166
}, },
"width": 166, "width": 106,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 0, "strokeWidth": 0,
@ -112,20 +112,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 83, "x": 53,
"y": 66
},
{
"x": 53,
"y": 106
},
{
"x": 53,
"y": 126 "y": 126
}, },
{ {
"x": 83, "x": 53,
"y": 166 "y": 166
},
{
"x": 83,
"y": 186
},
{
"x": 83,
"y": 226
} }
], ],
"isCurve": true, "isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="366" height="552" viewBox="-100 -100 366 552"><style type="text/css"> width="306" height="432" viewBox="-100 -100 306 432"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="366" height="552" viewBox="-100 -100 366 552"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="A"><g class="shape" ><rect x="13" y="0" width="140" height="126" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text-bold" x="83.000000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">hello</text></g><g id="B"><g class="shape" ><rect x="0" y="226" width="166" height="126" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text-bold" x="83.000000" y="292.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">goodbye</text></g><g id="(A -&gt; B)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 83.000000 127.000000 C 83.000000 166.000000 83.000000 186.000000 83.000000 223.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3673457740)"/></g><mask id="3673457740" maskUnits="userSpaceOnUse" x="-100" y="-100" width="366" height="552"> ]]></script><g id="A"><g class="shape" ><rect x="13" y="0" width="80" height="66" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text-bold" x="53.000000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">hello</text></g><g id="B"><g class="shape" ><rect x="0" y="166" width="106" height="66" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text-bold" x="53.000000" y="204.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">goodbye</text></g><g id="(A -&gt; B)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 53.000000 67.000000 C 53.000000 106.000000 53.000000 126.000000 53.000000 163.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3873422308)"/></g><mask id="3873422308" maskUnits="userSpaceOnUse" x="-100" y="-100" width="306" height="432">
<rect x="-100" y="-100" width="366" height="552" fill="white"></rect> <rect x="-100" y="-100" width="306" height="432" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 325 KiB

After

Width:  |  Height:  |  Size: 325 KiB

18
e2etests/testdata/regression/empty_sequence/elk/board.exp.json generated vendored
View file

@ -9,8 +9,8 @@
"x": 25, "x": 25,
"y": 12 "y": 12
}, },
"width": 140, "width": 80,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 0, "strokeWidth": 0,
@ -48,10 +48,10 @@
"type": "sequence_diagram", "type": "sequence_diagram",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 238 "y": 178
}, },
"width": 166, "width": 106,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 0, "strokeWidth": 0,
@ -112,12 +112,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 95, "x": 65,
"y": 138 "y": 78
}, },
{ {
"x": 95, "x": 65,
"y": 238 "y": 178
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/regression/empty_sequence/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="366" height="552" viewBox="-88 -88 366 552"><style type="text/css"> width="306" height="432" viewBox="-88 -88 306 432"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="366" height="552" viewBox="-88 -88 366 552"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="A"><g class="shape" ><rect x="25" y="12" width="140" height="126" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text-bold" x="95.000000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">hello</text></g><g id="B"><g class="shape" ><rect x="12" y="238" width="166" height="126" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text-bold" x="95.000000" y="304.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">goodbye</text></g><g id="(A -&gt; B)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 95.000000 139.000000 L 95.000000 235.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3245083993)"/></g><mask id="3245083993" maskUnits="userSpaceOnUse" x="-100" y="-100" width="366" height="552"> ]]></script><g id="A"><g class="shape" ><rect x="25" y="12" width="80" height="66" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text-bold" x="65.000000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">hello</text></g><g id="B"><g class="shape" ><rect x="12" y="178" width="106" height="66" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text-bold" x="65.000000" y="216.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">goodbye</text></g><g id="(A -&gt; B)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 65.000000 79.000000 L 65.000000 175.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#504301189)"/></g><mask id="504301189" maskUnits="userSpaceOnUse" x="-100" y="-100" width="306" height="432">
<rect x="-100" y="-100" width="366" height="552" fill="white"></rect> <rect x="-100" y="-100" width="306" height="432" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 325 KiB

After

Width:  |  Height:  |  Size: 325 KiB

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

@ -6,8 +6,8 @@
"id": "md", "id": "md",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 9, "x": 0,
"y": 226 "y": 166
}, },
"width": 95, "width": 95,
"height": 115, "height": 115,
@ -46,11 +46,11 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 0, "x": 21,
"y": 0 "y": 0
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -87,11 +87,11 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 0, "x": 21,
"y": 441 "y": 381
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -152,20 +152,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 56.5, "x": 47.5,
"y": 66
},
{
"x": 47.5,
"y": 106
},
{
"x": 47.5,
"y": 126 "y": 126
}, },
{ {
"x": 56.5, "x": 47.5,
"y": 166 "y": 166
},
{
"x": 56.5,
"y": 186
},
{
"x": 56.5,
"y": 226
} }
], ],
"isCurve": true, "isCurve": true,
@ -200,20 +200,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 56.5, "x": 47.5,
"y": 281
},
{
"x": 47.5,
"y": 321
},
{
"x": 47.5,
"y": 341 "y": 341
}, },
{ {
"x": 56.5, "x": 47.5,
"y": 381 "y": 381
},
{
"x": 56.5,
"y": 401
},
{
"x": 56.5,
"y": 441
} }
], ],
"isCurve": true, "isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="317" height="771" viewBox="-102 -102 317 771"><style type="text/css"> width="299" height="651" viewBox="-102 -102 299 651"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -796,7 +796,7 @@ width="317" height="771" viewBox="-102 -102 317 771"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="9.000000" y="226.000000" width="95" height="115"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>hey</h1> </style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="0.000000" y="166.000000" width="95" height="115"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>hey</h1>
<ul> <ul>
<li>they <li>they
<ol> <ol>
@ -804,8 +804,8 @@ width="317" height="771" viewBox="-102 -102 317 771"><style type="text/css">
</ol> </ol>
</li> </li>
</ul> </ul>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="0" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="56.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="0" y="441" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="56.500000" y="507.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 56.500000 128.000000 C 56.500000 166.000000 56.500000 186.000000 56.500000 222.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2837502795)"/></g><g id="(md -&gt; b)[0]"><path d="M 56.500000 343.000000 C 56.500000 381.000000 56.500000 401.000000 56.500000 437.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2837502795)"/></g><mask id="2837502795" maskUnits="userSpaceOnUse" x="-100" y="-100" width="317" height="771"> </div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="21" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="47.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="21" y="381" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="47.500000" y="419.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 47.500000 68.000000 C 47.500000 106.000000 47.500000 126.000000 47.500000 162.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4487205)"/></g><g id="(md -&gt; b)[0]"><path d="M 47.500000 283.000000 C 47.500000 321.000000 47.500000 341.000000 47.500000 377.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4487205)"/></g><mask id="4487205" maskUnits="userSpaceOnUse" x="-100" y="-100" width="299" height="651">
<rect x="-100" y="-100" width="317" height="771" fill="white"></rect> <rect x="-100" y="-100" width="299" height="651" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 661 KiB

After

Width:  |  Height:  |  Size: 661 KiB

34
e2etests/testdata/regression/md_h1_li_li/elk/board.exp.json generated vendored
View file

@ -6,8 +6,8 @@
"id": "md", "id": "md",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 21, "x": 12,
"y": 238 "y": 178
}, },
"width": 95, "width": 95,
"height": 115, "height": 115,
@ -46,11 +46,11 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 33,
"y": 12 "y": 12
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -87,11 +87,11 @@
"id": "b", "id": "b",
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 33,
"y": 453 "y": 393
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -152,12 +152,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 68.5, "x": 59.5,
"y": 138 "y": 78
}, },
{ {
"x": 68.5, "x": 59.5,
"y": 238 "y": 178
} }
], ],
"animated": false, "animated": false,
@ -191,12 +191,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 68.5, "x": 59.5,
"y": 353 "y": 293
}, },
{ {
"x": 68.5, "x": 59.5,
"y": 453 "y": 393
} }
], ],
"animated": false, "animated": false,

8
e2etests/testdata/regression/md_h1_li_li/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="317" height="771" viewBox="-90 -90 317 771"><style type="text/css"> width="299" height="651" viewBox="-90 -90 299 651"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -796,7 +796,7 @@ width="317" height="771" viewBox="-90 -90 317 771"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="21.000000" y="238.000000" width="95" height="115"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>hey</h1> </style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="178.000000" width="95" height="115"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>hey</h1>
<ul> <ul>
<li>they <li>they
<ol> <ol>
@ -804,8 +804,8 @@ width="317" height="771" viewBox="-90 -90 317 771"><style type="text/css">
</ol> </ol>
</li> </li>
</ul> </ul>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="12" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="12" y="453" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="519.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 68.500000 140.000000 L 68.500000 234.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2378193313)"/></g><g id="(md -&gt; b)[0]"><path d="M 68.500000 355.000000 L 68.500000 449.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2378193313)"/></g><mask id="2378193313" maskUnits="userSpaceOnUse" x="-100" y="-100" width="317" height="771"> </div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="33" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="59.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="33" y="393" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="59.500000" y="431.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; md)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 59.500000 80.000000 L 59.500000 174.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4035722895)"/></g><g id="(md -&gt; b)[0]"><path d="M 59.500000 295.000000 L 59.500000 389.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4035722895)"/></g><mask id="4035722895" maskUnits="userSpaceOnUse" x="-100" y="-100" width="299" height="651">
<rect x="-100" y="-100" width="317" height="771" fill="white"></rect> <rect x="-100" y="-100" width="299" height="651" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 660 KiB

After

Width:  |  Height:  |  Size: 660 KiB

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

@ -6,11 +6,11 @@
"id": "x", "id": "x",
"type": "", "type": "",
"pos": { "pos": {
"x": 105, "x": 135,
"y": 0 "y": 0
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 0.4, "opacity": 0.4,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -47,8 +47,8 @@
"id": "y", "id": "y",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 278, "x": 248,
"y": 51 "y": 21
}, },
"width": 304, "width": 304,
"height": 24, "height": 24,
@ -87,11 +87,11 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 105, "x": 135,
"y": 263 "y": 203
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -153,19 +153,19 @@
"route": [ "route": [
{ {
"x": 161, "x": 161,
"y": 126 "y": 66
}, },
{ {
"x": 161, "x": 161,
"y": 180.8 "y": 120.80000000000001
}, },
{ {
"x": 161, "x": 161,
"y": 208.3 "y": 148.3
}, },
{ {
"x": 161, "x": 161,
"y": 263.5 "y": 203.5
} }
], ],
"isCurve": true, "isCurve": true,

10
e2etests/testdata/regression/opacity-on-label/dagre/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="784" height="593" viewBox="-100 -102 784 593"><style type="text/css"> width="754" height="473" viewBox="-100 -102 754 473"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -796,10 +796,10 @@ width="784" height="593" viewBox="-100 -102 784 593"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="x" style='opacity:0.400000'><g class="shape" ><rect x="105" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="161.500000" y="66.000000" 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="278.000000" y="51.000000" width="304" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>linux: because a PC is a terrible thing to waste</p> </style><g id="x" style='opacity:0.400000'><g class="shape" ><rect x="135" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="161.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">x</text></g><g id="y" style='opacity:0.400000'><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="248.000000" y="21.000000" width="304" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>linux: because a PC is a terrible thing to waste</p>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="105" y="263" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="161.500000" y="329.000000" 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 128.000000 C 161.000000 180.800000 161.000000 208.300000 161.000000 259.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1383729554)"/><text class="text-italic" x="161.000000" y="192.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="1383729554" maskUnits="userSpaceOnUse" x="-100" y="-100" width="784" height="593"> </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(#1451849267)"/><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="1451849267" maskUnits="userSpaceOnUse" x="-100" y="-100" width="754" height="473">
<rect x="-100" y="-100" width="784" height="593" fill="white"></rect> <rect x="-100" y="-100" width="754" height="473" fill="white"></rect>
<rect x="0.000000" y="176.000000" width="322" height="37" fill="black"></rect> <rect x="0.000000" y="116.000000" width="322" height="37" fill="black"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 804 KiB

After

Width:  |  Height:  |  Size: 804 KiB

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

@ -6,11 +6,11 @@
"id": "x", "id": "x",
"type": "", "type": "",
"pos": { "pos": {
"x": 116, "x": 146,
"y": 12 "y": 12
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 0.4, "opacity": 0.4,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -47,8 +47,8 @@
"id": "y", "id": "y",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 249, "x": 219,
"y": 63 "y": 33
}, },
"width": 304, "width": 304,
"height": 24, "height": 24,
@ -87,11 +87,11 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 116, "x": 146,
"y": 375 "y": 315
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -153,11 +153,11 @@
"route": [ "route": [
{ {
"x": 173, "x": 173,
"y": 138 "y": 78
}, },
{ {
"x": 173, "x": 173,
"y": 375 "y": 315
} }
], ],
"animated": false, "animated": false,

10
e2etests/testdata/regression/opacity-on-label/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="743" height="693" viewBox="-88 -90 743 693"><style type="text/css"> width="713" height="573" viewBox="-88 -90 713 573"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -796,10 +796,10 @@ width="743" height="693" viewBox="-88 -90 743 693"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="x" style='opacity:0.400000'><g class="shape" ><rect x="116" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="172.500000" y="78.000000" 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="249.000000" y="63.000000" width="304" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>linux: because a PC is a terrible thing to waste</p> </style><g id="x" style='opacity:0.400000'><g class="shape" ><rect x="146" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="172.500000" y="50.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="219.000000" y="33.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="116" y="375" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="172.500000" y="441.000000" 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 173.000000 140.000000 L 173.000000 371.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4271261949)"/><text class="text-italic" x="173.000000" y="254.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E"><tspan x="173.000000" dy="0.000000">You don&#39;t have to know how the computer works,</tspan><tspan x="173.000000" dy="18.500000">just how to work the computer.</tspan></text></g><mask id="4271261949" maskUnits="userSpaceOnUse" x="-100" y="-100" width="743" height="693"> </div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="146" y="315" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="172.500000" y="353.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 173.000000 80.000000 L 173.000000 311.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2351959814)"/><text class="text-italic" x="173.000000" y="194.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E"><tspan x="173.000000" dy="0.000000">You don&#39;t have to know how the computer works,</tspan><tspan x="173.000000" dy="18.500000">just how to work the computer.</tspan></text></g><mask id="2351959814" maskUnits="userSpaceOnUse" x="-100" y="-100" width="713" height="573">
<rect x="-100" y="-100" width="743" height="693" fill="white"></rect> <rect x="-100" y="-100" width="713" height="573" fill="white"></rect>
<rect x="12.000000" y="238.000000" width="322" height="37" fill="black"></rect> <rect x="12.000000" y="178.000000" width="322" height="37" fill="black"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 804 KiB

After

Width:  |  Height:  |  Size: 804 KiB

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

@ -9,8 +9,8 @@
"x": 0, "x": 0,
"y": 0 "y": 0
}, },
"width": 1621, "width": 1276,
"height": 226, "height": 166,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -47,11 +47,11 @@
"id": "k8s.m1", "id": "k8s.m1",
"type": "", "type": "",
"pos": { "pos": {
"x": 116, "x": 131,
"y": 50 "y": 50
}, },
"width": 192, "width": 132,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -88,11 +88,11 @@
"id": "k8s.m2", "id": "k8s.m2",
"type": "", "type": "",
"pos": { "pos": {
"x": 368, "x": 323,
"y": 50 "y": 50
}, },
"width": 192, "width": 132,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -129,11 +129,11 @@
"id": "k8s.m3", "id": "k8s.m3",
"type": "", "type": "",
"pos": { "pos": {
"x": 620, "x": 515,
"y": 50 "y": 50
}, },
"width": 192, "width": 132,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -170,11 +170,11 @@
"id": "k8s.w1", "id": "k8s.w1",
"type": "", "type": "",
"pos": { "pos": {
"x": 872, "x": 707,
"y": 50 "y": 50
}, },
"width": 193, "width": 133,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -211,11 +211,11 @@
"id": "k8s.w2", "id": "k8s.w2",
"type": "", "type": "",
"pos": { "pos": {
"x": 1125, "x": 900,
"y": 50 "y": 50
}, },
"width": 193, "width": 133,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -252,11 +252,11 @@
"id": "k8s.w3", "id": "k8s.w3",
"type": "", "type": "",
"pos": { "pos": {
"x": 1378, "x": 1093,
"y": 50 "y": 50
}, },
"width": 193, "width": 133,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -294,10 +294,10 @@
"type": "", "type": "",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 347 "y": 287
}, },
"width": 555, "width": 495,
"height": 226, "height": 166,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -334,11 +334,11 @@
"id": "osvc.vm1", "id": "osvc.vm1",
"type": "", "type": "",
"pos": { "pos": {
"x": 171, "x": 186,
"y": 397 "y": 337
}, },
"width": 136, "width": 76,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -376,10 +376,10 @@
"type": "", "type": "",
"pos": { "pos": {
"x": 369, "x": 369,
"y": 397 "y": 337
}, },
"width": 136, "width": 76,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -440,20 +440,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 99, "x": 84,
"y": 226 "y": 166
}, },
{ {
"x": 99, "x": 84,
"y": 274.4 "y": 214.4
}, },
{ {
"x": 99, "x": 84,
"y": 298.7 "y": 238.7
}, },
{ {
"x": 99, "x": 84,
"y": 347.5 "y": 287.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -488,20 +488,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 201, "x": 186,
"y": 226 "y": 166
}, },
{ {
"x": 201, "x": 186,
"y": 274.4 "y": 214.4
}, },
{ {
"x": 201, "x": 186,
"y": 298.7 "y": 238.7
}, },
{ {
"x": 201, "x": 186,
"y": 347.5 "y": 287.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -536,20 +536,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 297, "x": 282,
"y": 226 "y": 166
}, },
{ {
"x": 297, "x": 282,
"y": 274.4 "y": 214.4
}, },
{ {
"x": 297, "x": 282,
"y": 298.7 "y": 238.7
}, },
{ {
"x": 297, "x": 282,
"y": 347.5 "y": 287.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -584,20 +584,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 378, "x": 363,
"y": 226 "y": 166
}, },
{ {
"x": 378, "x": 363,
"y": 274.4 "y": 214.4
}, },
{ {
"x": 378, "x": 363,
"y": 298.7 "y": 238.7
}, },
{ {
"x": 378, "x": 363,
"y": 347.5 "y": 287.5
} }
], ],
"isCurve": true, "isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1825" height="777" viewBox="-102 -102 1825 777"><style type="text/css"> width="1480" height="657" viewBox="-102 -102 1480 657"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,12 +39,12 @@ width="1825" height="777" viewBox="-102 -102 1825 777"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="k8s"><g class="shape" ><rect x="0" y="0" width="1621" height="226" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="810.500000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">Kubernetes</text></g><g id="osvc"><g class="shape" ><rect x="0" y="347" width="555" height="226" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="277.500000" y="380.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">opensvc</text></g><g id="k8s.m1"><g class="shape" ><rect x="116" y="50" width="192" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="212.000000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master1</text></g><g id="k8s.m2"><g class="shape" ><rect x="368" y="50" width="192" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="464.000000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master2</text></g><g id="k8s.m3"><g class="shape" ><rect x="620" y="50" width="192" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="716.000000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master3</text></g><g id="k8s.w1"><g class="shape" ><rect x="872" y="50" width="193" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="968.500000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker1</text></g><g id="k8s.w2"><g class="shape" ><rect x="1125" y="50" width="193" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1221.500000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker2</text></g><g id="k8s.w3"><g class="shape" ><rect x="1378" y="50" width="193" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1474.500000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker3</text></g><g id="osvc.vm1"><g class="shape" ><rect x="171" y="397" width="136" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="239.000000" y="463.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">VM1</text></g><g id="osvc.vm2"><g class="shape" ><rect x="369" y="397" width="136" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="437.000000" y="463.000000" 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 99.000000 228.000000 C 99.000000 274.400000 99.000000 298.700000 99.000000 343.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3578790011)"/><text class="text-italic" x="99.500000" y="292.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">keycloak</text></g><g id="(k8s -&gt; osvc)[1]"><path d="M 201.000000 228.000000 C 201.000000 274.400000 201.000000 298.700000 201.000000 343.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3578790011)"/><text class="text-italic" x="201.500000" y="292.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">heptapod</text></g><g id="(k8s -&gt; osvc)[2]"><path d="M 297.000000 228.000000 C 297.000000 274.400000 297.000000 298.700000 297.000000 343.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3578790011)"/><text class="text-italic" x="297.500000" y="292.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">harbor</text></g><g id="(k8s -&gt; osvc)[3]"><path d="M 378.000000 228.000000 C 378.000000 274.400000 378.000000 298.700000 378.000000 343.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3578790011)"/><text class="text-italic" x="378.500000" y="292.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">vault</text></g><mask id="3578790011" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1825" height="777"> ]]></script><g id="k8s"><g class="shape" ><rect x="0" y="0" width="1276" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="638.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">Kubernetes</text></g><g id="osvc"><g class="shape" ><rect x="0" y="287" width="495" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="247.500000" y="320.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">opensvc</text></g><g id="k8s.m1"><g class="shape" ><rect x="131" y="50" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="197.000000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master1</text></g><g id="k8s.m2"><g class="shape" ><rect x="323" y="50" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="389.000000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master2</text></g><g id="k8s.m3"><g class="shape" ><rect x="515" y="50" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="581.000000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master3</text></g><g id="k8s.w1"><g class="shape" ><rect x="707" y="50" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="773.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker1</text></g><g id="k8s.w2"><g class="shape" ><rect x="900" y="50" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="966.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker2</text></g><g id="k8s.w3"><g class="shape" ><rect x="1093" y="50" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1159.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker3</text></g><g id="osvc.vm1"><g class="shape" ><rect x="186" y="337" width="76" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="224.000000" y="375.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">VM1</text></g><g id="osvc.vm2"><g class="shape" ><rect x="369" y="337" width="76" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="407.000000" y="375.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">VM2</text></g><g id="(k8s -&gt; osvc)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 84.000000 168.000000 C 84.000000 214.400000 84.000000 238.700000 84.000000 283.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1114596525)"/><text class="text-italic" x="84.500000" y="232.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">keycloak</text></g><g id="(k8s -&gt; osvc)[1]"><path d="M 186.000000 168.000000 C 186.000000 214.400000 186.000000 238.700000 186.000000 283.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1114596525)"/><text class="text-italic" x="186.500000" y="232.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">heptapod</text></g><g id="(k8s -&gt; osvc)[2]"><path d="M 282.000000 168.000000 C 282.000000 214.400000 282.000000 238.700000 282.000000 283.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1114596525)"/><text class="text-italic" x="282.500000" y="232.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">harbor</text></g><g id="(k8s -&gt; osvc)[3]"><path d="M 363.000000 168.000000 C 363.000000 214.400000 363.000000 238.700000 363.000000 283.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1114596525)"/><text class="text-italic" x="363.500000" y="232.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">vault</text></g><mask id="1114596525" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1480" height="657">
<rect x="-100" y="-100" width="1825" height="777" fill="white"></rect> <rect x="-100" y="-100" width="1480" height="657" fill="white"></rect>
<rect x="70.000000" y="276.000000" width="59" height="21" fill="black"></rect> <rect x="55.000000" y="216.000000" width="59" height="21" fill="black"></rect>
<rect x="169.000000" y="276.000000" width="65" height="21" fill="black"></rect> <rect x="154.000000" y="216.000000" width="65" height="21" fill="black"></rect>
<rect x="274.000000" y="276.000000" width="47" height="21" fill="black"></rect> <rect x="259.000000" y="216.000000" width="47" height="21" fill="black"></rect>
<rect x="361.000000" y="276.000000" width="35" height="21" fill="black"></rect> <rect x="346.000000" y="216.000000" width="35" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 795 KiB

After

Width:  |  Height:  |  Size: 795 KiB

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

@ -9,8 +9,8 @@
"x": 12, "x": 12,
"y": 12 "y": 12
}, },
"width": 1405, "width": 1045,
"height": 276, "height": 216,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -50,8 +50,8 @@
"x": 87, "x": 87,
"y": 87 "y": 87
}, },
"width": 192, "width": 132,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -88,11 +88,11 @@
"id": "k8s.m2", "id": "k8s.m2",
"type": "", "type": "",
"pos": { "pos": {
"x": 299, "x": 239,
"y": 87 "y": 87
}, },
"width": 192, "width": 132,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -129,11 +129,11 @@
"id": "k8s.m3", "id": "k8s.m3",
"type": "", "type": "",
"pos": { "pos": {
"x": 511, "x": 391,
"y": 87 "y": 87
}, },
"width": 192, "width": 132,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -170,11 +170,11 @@
"id": "k8s.w1", "id": "k8s.w1",
"type": "", "type": "",
"pos": { "pos": {
"x": 723, "x": 543,
"y": 87 "y": 87
}, },
"width": 193, "width": 133,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -211,11 +211,11 @@
"id": "k8s.w2", "id": "k8s.w2",
"type": "", "type": "",
"pos": { "pos": {
"x": 936, "x": 696,
"y": 87 "y": 87
}, },
"width": 193, "width": 133,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -252,11 +252,11 @@
"id": "k8s.w3", "id": "k8s.w3",
"type": "", "type": "",
"pos": { "pos": {
"x": 1149, "x": 849,
"y": 87 "y": 87
}, },
"width": 193, "width": 133,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -293,11 +293,11 @@
"id": "osvc", "id": "osvc",
"type": "", "type": "",
"pos": { "pos": {
"x": 397, "x": 301,
"y": 559 "y": 499
}, },
"width": 442, "width": 322,
"height": 276, "height": 216,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -334,11 +334,11 @@
"id": "osvc.vm1", "id": "osvc.vm1",
"type": "", "type": "",
"pos": { "pos": {
"x": 472, "x": 376,
"y": 634 "y": 574
}, },
"width": 136, "width": 76,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -375,11 +375,11 @@
"id": "osvc.vm2", "id": "osvc.vm2",
"type": "", "type": "",
"pos": { "pos": {
"x": 628, "x": 472,
"y": 634 "y": 574
}, },
"width": 136, "width": 76,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -440,20 +440,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 293, "x": 221,
"y": 288 "y": 228
}, },
{ {
"x": 293, "x": 221,
"y": 459 "y": 399
}, },
{ {
"x": 485.6, "x": 365.6,
"y": 459 "y": 399
}, },
{ {
"x": 485.6, "x": 365.6,
"y": 559 "y": 499
} }
], ],
"animated": false, "animated": false,
@ -487,12 +487,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 574, "x": 430,
"y": 288 "y": 228
}, },
{ {
"x": 574, "x": 430,
"y": 559 "y": 499
} }
], ],
"animated": false, "animated": false,
@ -526,20 +526,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 855, "x": 639,
"y": 288 "y": 228
}, },
{ {
"x": 855, "x": 639,
"y": 459 "y": 399
}, },
{ {
"x": 662.4000000000001, "x": 494.4,
"y": 459 "y": 399
}, },
{ {
"x": 662.4000000000001, "x": 494.4,
"y": 559 "y": 499
} }
], ],
"animated": false, "animated": false,
@ -573,20 +573,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1136, "x": 848,
"y": 288 "y": 228
}, },
{ {
"x": 1136, "x": 848,
"y": 509 "y": 449
}, },
{ {
"x": 750.8, "x": 558.8,
"y": 509 "y": 449
}, },
{ {
"x": 750.8, "x": 558.8,
"y": 559 "y": 499
} }
], ],
"animated": false, "animated": false,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1609" height="1027" viewBox="-90 -90 1609 1027"><style type="text/css"> width="1249" height="907" viewBox="-90 -90 1249 907"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,12 +39,12 @@ width="1609" height="1027" viewBox="-90 -90 1609 1027"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="k8s"><g class="shape" ><rect x="12" y="12" width="1405" height="276" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="714.500000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">Kubernetes</text></g><g id="osvc"><g class="shape" ><rect x="397" y="559" width="442" height="276" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="618.000000" y="592.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">opensvc</text></g><g id="k8s.m1"><g class="shape" ><rect x="87" y="87" width="192" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="183.000000" y="153.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master1</text></g><g id="k8s.m2"><g class="shape" ><rect x="299" y="87" width="192" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="395.000000" y="153.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master2</text></g><g id="k8s.m3"><g class="shape" ><rect x="511" y="87" width="192" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="607.000000" y="153.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master3</text></g><g id="k8s.w1"><g class="shape" ><rect x="723" y="87" width="193" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="819.500000" y="153.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker1</text></g><g id="k8s.w2"><g class="shape" ><rect x="936" y="87" width="193" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1032.500000" y="153.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker2</text></g><g id="k8s.w3"><g class="shape" ><rect x="1149" y="87" width="193" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1245.500000" y="153.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker3</text></g><g id="osvc.vm1"><g class="shape" ><rect x="472" y="634" width="136" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="540.000000" y="700.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">VM1</text></g><g id="osvc.vm2"><g class="shape" ><rect x="628" y="634" width="136" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="696.000000" y="700.000000" 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 293.000000 290.000000 L 293.000000 449.000000 S 293.000000 459.000000 303.000000 459.000000 L 475.600000 459.000000 S 485.600000 459.000000 485.600000 469.000000 L 485.600000 555.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1623327787)"/><text class="text-italic" x="353.500000" y="465.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">keycloak</text></g><g id="(k8s -&gt; osvc)[1]"><path d="M 574.000000 290.000000 L 574.000000 555.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1623327787)"/><text class="text-italic" x="574.500000" y="429.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">heptapod</text></g><g id="(k8s -&gt; osvc)[2]"><path d="M 855.000000 290.000000 L 855.000000 449.000000 S 855.000000 459.000000 845.000000 459.000000 L 672.400000 459.000000 S 662.400000 459.000000 662.400000 469.000000 L 662.400000 555.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1623327787)"/><text class="text-italic" x="794.500000" y="465.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">harbor</text></g><g id="(k8s -&gt; osvc)[3]"><path d="M 1136.000000 290.000000 L 1136.000000 499.000000 S 1136.000000 509.000000 1126.000000 509.000000 L 760.800000 509.000000 S 750.800000 509.000000 750.800000 519.000000 L 750.800000 555.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1623327787)"/><text class="text-italic" x="1028.500000" y="515.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">vault</text></g><mask id="1623327787" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1609" height="1027"> ]]></script><g id="k8s"><g class="shape" ><rect x="12" y="12" width="1045" height="216" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="534.500000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">Kubernetes</text></g><g id="osvc"><g class="shape" ><rect x="301" y="499" width="322" height="216" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="462.000000" y="532.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">opensvc</text></g><g id="k8s.m1"><g class="shape" ><rect x="87" y="87" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="153.000000" y="125.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master1</text></g><g id="k8s.m2"><g class="shape" ><rect x="239" y="87" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="305.000000" y="125.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master2</text></g><g id="k8s.m3"><g class="shape" ><rect x="391" y="87" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="457.000000" y="125.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master3</text></g><g id="k8s.w1"><g class="shape" ><rect x="543" y="87" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="609.500000" y="125.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker1</text></g><g id="k8s.w2"><g class="shape" ><rect x="696" y="87" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="762.500000" y="125.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker2</text></g><g id="k8s.w3"><g class="shape" ><rect x="849" y="87" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="915.500000" y="125.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker3</text></g><g id="osvc.vm1"><g class="shape" ><rect x="376" y="574" width="76" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="414.000000" y="612.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">VM1</text></g><g id="osvc.vm2"><g class="shape" ><rect x="472" y="574" width="76" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="510.000000" y="612.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 221.000000 230.000000 L 221.000000 389.000000 S 221.000000 399.000000 231.000000 399.000000 L 355.600000 399.000000 S 365.600000 399.000000 365.600000 409.000000 L 365.600000 495.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1423726321)"/><text class="text-italic" x="257.500000" y="405.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">keycloak</text></g><g id="(k8s -&gt; osvc)[1]"><path d="M 430.000000 230.000000 L 430.000000 495.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1423726321)"/><text class="text-italic" x="430.500000" y="369.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">heptapod</text></g><g id="(k8s -&gt; osvc)[2]"><path d="M 639.000000 230.000000 L 639.000000 389.000000 S 639.000000 399.000000 629.000000 399.000000 L 504.400000 399.000000 S 494.400000 399.000000 494.400000 409.000000 L 494.400000 495.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1423726321)"/><text class="text-italic" x="602.500000" y="405.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">harbor</text></g><g id="(k8s -&gt; osvc)[3]"><path d="M 848.000000 230.000000 L 848.000000 439.000000 S 848.000000 449.000000 838.000000 449.000000 L 568.800000 449.000000 S 558.800000 449.000000 558.800000 459.000000 L 558.800000 495.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1423726321)"/><text class="text-italic" x="788.500000" y="455.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">vault</text></g><mask id="1423726321" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1249" height="907">
<rect x="-100" y="-100" width="1609" height="1027" fill="white"></rect> <rect x="-100" y="-100" width="1249" height="907" fill="white"></rect>
<rect x="324.000000" y="449.000000" width="59" height="21" fill="black"></rect> <rect x="228.000000" y="389.000000" width="59" height="21" fill="black"></rect>
<rect x="542.000000" y="413.000000" width="65" height="21" fill="black"></rect> <rect x="398.000000" y="353.000000" width="65" height="21" fill="black"></rect>
<rect x="771.000000" y="449.000000" width="47" height="21" fill="black"></rect> <rect x="579.000000" y="389.000000" width="47" height="21" fill="black"></rect>
<rect x="1011.000000" y="499.000000" width="35" height="21" fill="black"></rect> <rect x="771.000000" y="439.000000" width="35" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 796 KiB

After

Width:  |  Height:  |  Size: 796 KiB

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

@ -9,8 +9,8 @@
"x": 0, "x": 0,
"y": 0 "y": 0
}, },
"width": 190, "width": 150,
"height": 152, "height": 112,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="394" height="356" viewBox="-102 -102 394 356"><style type="text/css"> width="354" height="316" viewBox="-102 -102 354 316"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="394" height="356" viewBox="-102 -102 394 356"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="my network"><g class="shape" ><rect x="0" y="0" width="190" height="152" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><image href="https://icons.terrastruct.com/infra/019-network.svg?fuga=1&amp;hoge" x="63.000000" y="44.000000" width="64" height="64" /><text class="text-bold" x="95.000000" y="21.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">my network</text></g><mask id="445669457" maskUnits="userSpaceOnUse" x="-100" y="-100" width="394" height="356"> ]]></script><g id="my network"><g class="shape" ><rect x="0" y="0" width="150" height="112" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><image href="https://icons.terrastruct.com/infra/019-network.svg?fuga=1&amp;hoge" x="47.000000" y="28.000000" width="56" height="56" /><text class="text-bold" x="75.000000" y="21.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">my network</text></g><mask id="3970167321" maskUnits="userSpaceOnUse" x="-100" y="-100" width="354" height="316">
<rect x="-100" y="-100" width="394" height="356" fill="white"></rect> <rect x="-100" y="-100" width="354" height="316" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 324 KiB

After

Width:  |  Height:  |  Size: 324 KiB

4
e2etests/testdata/regression/query_param_escape/elk/board.exp.json generated vendored
View file

@ -9,8 +9,8 @@
"x": 12, "x": 12,
"y": 12 "y": 12
}, },
"width": 190, "width": 150,
"height": 152, "height": 112,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,

6
e2etests/testdata/regression/query_param_escape/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="394" height="356" viewBox="-90 -90 394 356"><style type="text/css"> width="354" height="316" viewBox="-90 -90 354 316"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="394" height="356" viewBox="-90 -90 394 356"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="my network"><g class="shape" ><rect x="12" y="12" width="190" height="152" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><image href="https://icons.terrastruct.com/infra/019-network.svg?fuga=1&amp;hoge" x="75.000000" y="56.000000" width="64" height="64" /><text class="text-bold" x="107.000000" y="33.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">my network</text></g><mask id="3849356313" maskUnits="userSpaceOnUse" x="-100" y="-100" width="394" height="356"> ]]></script><g id="my network"><g class="shape" ><rect x="12" y="12" width="150" height="112" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><image href="https://icons.terrastruct.com/infra/019-network.svg?fuga=1&amp;hoge" x="59.000000" y="40.000000" width="56" height="56" /><text class="text-bold" x="87.000000" y="33.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">my network</text></g><mask id="4027705073" maskUnits="userSpaceOnUse" x="-100" y="-100" width="354" height="316">
<rect x="-100" y="-100" width="394" height="356" fill="white"></rect> <rect x="-100" y="-100" width="354" height="316" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 324 KiB

After

Width:  |  Height:  |  Size: 324 KiB

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

@ -10,7 +10,7 @@
"y": 0 "y": 0
}, },
"width": 448, "width": 448,
"height": 520, "height": 460,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 0, "strokeWidth": 0,
@ -48,10 +48,10 @@
"type": "sequence_diagram", "type": "sequence_diagram",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 620 "y": 560
}, },
"width": 448, "width": 448,
"height": 520, "height": 460,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 0, "strokeWidth": 0,
@ -92,7 +92,7 @@
"y": 110 "y": 110
}, },
"width": 150, "width": 150,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -133,7 +133,7 @@
"y": 110 "y": 110
}, },
"width": 150, "width": 150,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -171,10 +171,10 @@
"type": "", "type": "",
"pos": { "pos": {
"x": 24, "x": 24,
"y": 730 "y": 670
}, },
"width": 150, "width": 150,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -212,10 +212,10 @@
"type": "", "type": "",
"pos": { "pos": {
"x": 274, "x": 274,
"y": 730 "y": 670
}, },
"width": 150, "width": 150,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -277,11 +277,11 @@
"route": [ "route": [
{ {
"x": 99, "x": 99,
"y": 366 "y": 306
}, },
{ {
"x": 349, "x": 349,
"y": 366 "y": 306
} }
], ],
"animated": false, "animated": false,
@ -316,11 +316,11 @@
"route": [ "route": [
{ {
"x": 99, "x": 99,
"y": 986 "y": 866
}, },
{ {
"x": 349, "x": 349,
"y": 986 "y": 866
} }
], ],
"animated": false, "animated": false,
@ -353,6 +353,14 @@
"labelPosition": "", "labelPosition": "",
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{
"x": 224,
"y": 460
},
{
"x": 224,
"y": 500
},
{ {
"x": 224, "x": 224,
"y": 520 "y": 520
@ -360,14 +368,6 @@
{ {
"x": 224, "x": 224,
"y": 560 "y": 560
},
{
"x": 224,
"y": 580
},
{
"x": 224,
"y": 620
} }
], ],
"isCurve": true, "isCurve": true,
@ -403,11 +403,11 @@
"route": [ "route": [
{ {
"x": 99, "x": 99,
"y": 236 "y": 176
}, },
{ {
"x": 99, "x": 99,
"y": 496 "y": 436
} }
], ],
"animated": false, "animated": false,
@ -442,11 +442,11 @@
"route": [ "route": [
{ {
"x": 349, "x": 349,
"y": 236 "y": 176
}, },
{ {
"x": 349, "x": 349,
"y": 496 "y": 436
} }
], ],
"animated": false, "animated": false,
@ -481,11 +481,11 @@
"route": [ "route": [
{ {
"x": 99, "x": 99,
"y": 856 "y": 736
}, },
{ {
"x": 99, "x": 99,
"y": 1116 "y": 996
} }
], ],
"animated": false, "animated": false,
@ -520,11 +520,11 @@
"route": [ "route": [
{ {
"x": 349, "x": 349,
"y": 856 "y": 736
}, },
{ {
"x": 349, "x": 349,
"y": 1116 "y": 996
} }
], ],
"animated": false, "animated": false,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="648" height="1340" viewBox="-100 -100 648 1340"><style type="text/css"> width="648" height="1220" viewBox="-100 -100 648 1220"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="648" height="1340" viewBox="-100 -100 648 1340"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="foo"><g class="shape" ><rect x="0" y="0" width="448" height="520" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="224.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">foo</text></g><g id="foobar"><g class="shape" ><rect x="0" y="620" width="448" height="520" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="224.000000" y="653.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">foobar</text></g><g id="foo.a"><g class="shape" ><rect x="24" y="110" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="176.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="foo.b"><g class="shape" ><rect x="274" y="110" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="349.000000" y="176.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="foobar.c"><g class="shape" ><rect x="24" y="730" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="796.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="foobar.d"><g class="shape" ><rect x="274" y="730" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="349.000000" y="796.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(foo -&gt; foobar)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 224.000000 521.000000 C 224.000000 560.000000 224.000000 580.000000 224.000000 617.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#557222977)"/></g><g id="(foo.a -- )[0]"><path d="M 99.000000 238.000000 L 99.000000 495.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#557222977)"/></g><g id="(foo.b -- )[0]"><path d="M 349.000000 238.000000 L 349.000000 495.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#557222977)"/></g><g id="(foobar.c -- )[0]"><path d="M 99.000000 858.000000 L 99.000000 1115.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#557222977)"/></g><g id="(foobar.d -- )[0]"><path d="M 349.000000 858.000000 L 349.000000 1115.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#557222977)"/></g><g id="foo.(a -&gt; b)[0]"><path d="M 101.000000 366.000000 L 345.000000 366.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#557222977)"/></g><g id="foobar.(c -&gt; d)[0]"><path d="M 101.000000 986.000000 L 345.000000 986.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#557222977)"/></g><mask id="557222977" maskUnits="userSpaceOnUse" x="-100" y="-100" width="648" height="1340"> ]]></script><g id="foo"><g class="shape" ><rect x="0" y="0" width="448" height="460" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="224.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">foo</text></g><g id="foobar"><g class="shape" ><rect x="0" y="560" width="448" height="460" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="224.000000" y="593.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">foobar</text></g><g id="foo.a"><g class="shape" ><rect x="24" y="110" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="148.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="foo.b"><g class="shape" ><rect x="274" y="110" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="349.000000" y="148.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="foobar.c"><g class="shape" ><rect x="24" y="670" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="708.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="foobar.d"><g class="shape" ><rect x="274" y="670" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="349.000000" y="708.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(foo -&gt; foobar)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 224.000000 461.000000 C 224.000000 500.000000 224.000000 520.000000 224.000000 557.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3317118462)"/></g><g id="(foo.a -- )[0]"><path d="M 99.000000 178.000000 L 99.000000 435.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3317118462)"/></g><g id="(foo.b -- )[0]"><path d="M 349.000000 178.000000 L 349.000000 435.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3317118462)"/></g><g id="(foobar.c -- )[0]"><path d="M 99.000000 738.000000 L 99.000000 995.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3317118462)"/></g><g id="(foobar.d -- )[0]"><path d="M 349.000000 738.000000 L 349.000000 995.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3317118462)"/></g><g id="foo.(a -&gt; b)[0]"><path d="M 101.000000 306.000000 L 345.000000 306.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3317118462)"/></g><g id="foobar.(c -&gt; d)[0]"><path d="M 101.000000 866.000000 L 345.000000 866.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3317118462)"/></g><mask id="3317118462" maskUnits="userSpaceOnUse" x="-100" y="-100" width="648" height="1220">
<rect x="-100" y="-100" width="648" height="1340" fill="white"></rect> <rect x="-100" y="-100" width="648" height="1220" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 328 KiB

After

Width:  |  Height:  |  Size: 328 KiB

46
e2etests/testdata/regression/sequence_diagram_name_crash/elk/board.exp.json generated vendored
View file

@ -10,7 +10,7 @@
"y": 12 "y": 12
}, },
"width": 448, "width": 448,
"height": 520, "height": 460,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 0, "strokeWidth": 0,
@ -48,10 +48,10 @@
"type": "sequence_diagram", "type": "sequence_diagram",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 632 "y": 572
}, },
"width": 448, "width": 448,
"height": 520, "height": 460,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 0, "strokeWidth": 0,
@ -92,7 +92,7 @@
"y": 122 "y": 122
}, },
"width": 150, "width": 150,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -133,7 +133,7 @@
"y": 122 "y": 122
}, },
"width": 150, "width": 150,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -171,10 +171,10 @@
"type": "", "type": "",
"pos": { "pos": {
"x": 36, "x": 36,
"y": 742 "y": 682
}, },
"width": 150, "width": 150,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -212,10 +212,10 @@
"type": "", "type": "",
"pos": { "pos": {
"x": 286, "x": 286,
"y": 742 "y": 682
}, },
"width": 150, "width": 150,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -277,11 +277,11 @@
"route": [ "route": [
{ {
"x": 111, "x": 111,
"y": 378 "y": 318
}, },
{ {
"x": 361, "x": 361,
"y": 378 "y": 318
} }
], ],
"animated": false, "animated": false,
@ -316,11 +316,11 @@
"route": [ "route": [
{ {
"x": 111, "x": 111,
"y": 998 "y": 878
}, },
{ {
"x": 361, "x": 361,
"y": 998 "y": 878
} }
], ],
"animated": false, "animated": false,
@ -355,11 +355,11 @@
"route": [ "route": [
{ {
"x": 236, "x": 236,
"y": 532 "y": 472
}, },
{ {
"x": 236, "x": 236,
"y": 632 "y": 572
} }
], ],
"animated": false, "animated": false,
@ -394,11 +394,11 @@
"route": [ "route": [
{ {
"x": 111, "x": 111,
"y": 248 "y": 188
}, },
{ {
"x": 111, "x": 111,
"y": 508 "y": 448
} }
], ],
"animated": false, "animated": false,
@ -433,11 +433,11 @@
"route": [ "route": [
{ {
"x": 361, "x": 361,
"y": 248 "y": 188
}, },
{ {
"x": 361, "x": 361,
"y": 508 "y": 448
} }
], ],
"animated": false, "animated": false,
@ -472,11 +472,11 @@
"route": [ "route": [
{ {
"x": 111, "x": 111,
"y": 868 "y": 748
}, },
{ {
"x": 111, "x": 111,
"y": 1128 "y": 1008
} }
], ],
"animated": false, "animated": false,
@ -511,11 +511,11 @@
"route": [ "route": [
{ {
"x": 361, "x": 361,
"y": 868 "y": 748
}, },
{ {
"x": 361, "x": 361,
"y": 1128 "y": 1008
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/regression/sequence_diagram_name_crash/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="648" height="1340" viewBox="-88 -88 648 1340"><style type="text/css"> width="648" height="1220" viewBox="-88 -88 648 1220"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="648" height="1340" viewBox="-88 -88 648 1340"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="foo"><g class="shape" ><rect x="12" y="12" width="448" height="520" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="236.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">foo</text></g><g id="foobar"><g class="shape" ><rect x="12" y="632" width="448" height="520" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="236.000000" y="665.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">foobar</text></g><g id="foo.a"><g class="shape" ><rect x="36" y="122" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="111.000000" y="188.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="foo.b"><g class="shape" ><rect x="286" y="122" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="361.000000" y="188.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="foobar.c"><g class="shape" ><rect x="36" y="742" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="111.000000" y="808.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="foobar.d"><g class="shape" ><rect x="286" y="742" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="361.000000" y="808.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(foo -&gt; foobar)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 236.000000 533.000000 L 236.000000 629.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3896282040)"/></g><g id="(foo.a -- )[0]"><path d="M 111.000000 250.000000 L 111.000000 507.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3896282040)"/></g><g id="(foo.b -- )[0]"><path d="M 361.000000 250.000000 L 361.000000 507.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3896282040)"/></g><g id="(foobar.c -- )[0]"><path d="M 111.000000 870.000000 L 111.000000 1127.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3896282040)"/></g><g id="(foobar.d -- )[0]"><path d="M 361.000000 870.000000 L 361.000000 1127.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3896282040)"/></g><g id="foo.(a -&gt; b)[0]"><path d="M 113.000000 378.000000 L 357.000000 378.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3896282040)"/></g><g id="foobar.(c -&gt; d)[0]"><path d="M 113.000000 998.000000 L 357.000000 998.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3896282040)"/></g><mask id="3896282040" maskUnits="userSpaceOnUse" x="-100" y="-100" width="648" height="1340"> ]]></script><g id="foo"><g class="shape" ><rect x="12" y="12" width="448" height="460" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="236.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">foo</text></g><g id="foobar"><g class="shape" ><rect x="12" y="572" width="448" height="460" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="236.000000" y="605.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">foobar</text></g><g id="foo.a"><g class="shape" ><rect x="36" y="122" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="111.000000" y="160.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="foo.b"><g class="shape" ><rect x="286" y="122" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="361.000000" y="160.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="foobar.c"><g class="shape" ><rect x="36" y="682" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="111.000000" y="720.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="foobar.d"><g class="shape" ><rect x="286" y="682" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="361.000000" y="720.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(foo -&gt; foobar)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 236.000000 473.000000 L 236.000000 569.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#920510285)"/></g><g id="(foo.a -- )[0]"><path d="M 111.000000 190.000000 L 111.000000 447.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#920510285)"/></g><g id="(foo.b -- )[0]"><path d="M 361.000000 190.000000 L 361.000000 447.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#920510285)"/></g><g id="(foobar.c -- )[0]"><path d="M 111.000000 750.000000 L 111.000000 1007.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#920510285)"/></g><g id="(foobar.d -- )[0]"><path d="M 361.000000 750.000000 L 361.000000 1007.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#920510285)"/></g><g id="foo.(a -&gt; b)[0]"><path d="M 113.000000 318.000000 L 357.000000 318.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#920510285)"/></g><g id="foobar.(c -&gt; d)[0]"><path d="M 113.000000 878.000000 L 357.000000 878.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#920510285)"/></g><mask id="920510285" maskUnits="userSpaceOnUse" x="-100" y="-100" width="648" height="1220">
<rect x="-100" y="-100" width="648" height="1340" fill="white"></rect> <rect x="-100" y="-100" width="648" height="1220" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 328 KiB

After

Width:  |  Height:  |  Size: 328 KiB

12
e2etests/testdata/regression/sequence_diagram_no_message/dagre/board.exp.json generated vendored
View file

@ -10,7 +10,7 @@
"y": 74 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -51,7 +51,7 @@
"y": 74 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -113,11 +113,11 @@
"route": [ "route": [
{ {
"x": 99, "x": 99,
"y": 200 "y": 140
}, },
{ {
"x": 99, "x": 99,
"y": 330 "y": 270
} }
], ],
"animated": false, "animated": false,
@ -152,11 +152,11 @@
"route": [ "route": [
{ {
"x": 349, "x": 349,
"y": 200 "y": 140
}, },
{ {
"x": 349, "x": 349,
"y": 330 "y": 270
} }
], ],
"animated": false, "animated": false,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="604" height="458" viewBox="-78 -28 604 458"><style type="text/css"> width="604" height="398" viewBox="-78 -28 604 398"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="604" height="458" viewBox="-78 -28 604 458"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><rect x="24" y="74" width="150" height="126" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">A</text></g><g id="b"><g class="shape" ><rect x="274" y="74" width="150" height="126" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="349.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">B</text></g><g id="(a -- )[0]"><path d="M 99.000000 202.000000 L 99.000000 329.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2959313043)"/></g><g id="(b -- )[0]"><path d="M 349.000000 202.000000 L 349.000000 329.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2959313043)"/></g><mask id="2959313043" maskUnits="userSpaceOnUse" x="-100" y="-100" width="604" height="458"> ]]></script><g id="a"><g class="shape" ><rect x="24" y="74" width="150" height="66" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">A</text></g><g id="b"><g class="shape" ><rect x="274" y="74" width="150" height="66" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="349.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">B</text></g><g id="(a -- )[0]"><path d="M 99.000000 142.000000 L 99.000000 269.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#363861519)"/></g><g id="(b -- )[0]"><path d="M 349.000000 142.000000 L 349.000000 269.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#363861519)"/></g><mask id="363861519" maskUnits="userSpaceOnUse" x="-100" y="-100" width="604" height="398">
<rect x="-100" y="-100" width="604" height="458" fill="white"></rect> <rect x="-100" y="-100" width="604" height="398" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 326 KiB

After

Width:  |  Height:  |  Size: 326 KiB

12
e2etests/testdata/regression/sequence_diagram_no_message/elk/board.exp.json generated vendored
View file

@ -10,7 +10,7 @@
"y": 74 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -51,7 +51,7 @@
"y": 74 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -113,11 +113,11 @@
"route": [ "route": [
{ {
"x": 99, "x": 99,
"y": 200 "y": 140
}, },
{ {
"x": 99, "x": 99,
"y": 330 "y": 270
} }
], ],
"animated": false, "animated": false,
@ -152,11 +152,11 @@
"route": [ "route": [
{ {
"x": 349, "x": 349,
"y": 200 "y": 140
}, },
{ {
"x": 349, "x": 349,
"y": 330 "y": 270
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/regression/sequence_diagram_no_message/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="604" height="458" viewBox="-78 -28 604 458"><style type="text/css"> width="604" height="398" viewBox="-78 -28 604 398"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="604" height="458" viewBox="-78 -28 604 458"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><rect x="24" y="74" width="150" height="126" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">A</text></g><g id="b"><g class="shape" ><rect x="274" y="74" width="150" height="126" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="349.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">B</text></g><g id="(a -- )[0]"><path d="M 99.000000 202.000000 L 99.000000 329.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2959313043)"/></g><g id="(b -- )[0]"><path d="M 349.000000 202.000000 L 349.000000 329.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#2959313043)"/></g><mask id="2959313043" maskUnits="userSpaceOnUse" x="-100" y="-100" width="604" height="458"> ]]></script><g id="a"><g class="shape" ><rect x="24" y="74" width="150" height="66" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">A</text></g><g id="b"><g class="shape" ><rect x="274" y="74" width="150" height="66" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="349.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">B</text></g><g id="(a -- )[0]"><path d="M 99.000000 142.000000 L 99.000000 269.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#363861519)"/></g><g id="(b -- )[0]"><path d="M 349.000000 142.000000 L 349.000000 269.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#363861519)"/></g><mask id="363861519" maskUnits="userSpaceOnUse" x="-100" y="-100" width="604" height="398">
<rect x="-100" y="-100" width="604" height="458" fill="white"></rect> <rect x="-100" y="-100" width="604" height="398" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 326 KiB

After

Width:  |  Height:  |  Size: 326 KiB

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

@ -10,7 +10,7 @@
"y": 74 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 93, "x": 93,
"y": 314 "y": 254
}, },
"width": 12, "width": 12,
"height": 242, "height": 242,
@ -112,19 +112,19 @@
"route": [ "route": [
{ {
"x": 105, "x": 105,
"y": 330 "y": 270
}, },
{ {
"x": 199, "x": 199,
"y": 330 "y": 270
}, },
{ {
"x": 199, "x": 199,
"y": 410 "y": 350
}, },
{ {
"x": 105, "x": 105,
"y": 410 "y": 350
} }
], ],
"animated": false, "animated": false,
@ -159,19 +159,19 @@
"route": [ "route": [
{ {
"x": 105, "x": 105,
"y": 460 "y": 400
}, },
{ {
"x": 199, "x": 199,
"y": 460 "y": 400
}, },
{ {
"x": 199, "x": 199,
"y": 540 "y": 480
}, },
{ {
"x": 105, "x": 105,
"y": 540 "y": 480
} }
], ],
"animated": false, "animated": false,
@ -206,11 +206,11 @@
"route": [ "route": [
{ {
"x": 99, "x": 99,
"y": 200 "y": 140
}, },
{ {
"x": 99, "x": 99,
"y": 670 "y": 610
} }
], ],
"animated": false, "animated": false,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="377" height="798" viewBox="-78 -28 377 798"><style type="text/css"> width="377" height="738" viewBox="-78 -28 377 738"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="377" height="798" viewBox="-78 -28 377 798"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="b"><g class="shape" ><rect x="24" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(b -- )[0]"><path d="M 99.000000 202.000000 L 99.000000 669.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3495471391)"/></g><g id="b.1"><g class="shape" ><rect x="93" y="314" width="12" height="242" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="b.(1 -&gt; 1)[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 107.000000 330.000000 L 189.000000 330.000000 S 199.000000 330.000000 199.000000 340.000000 L 199.000000 400.000000 S 199.000000 410.000000 189.000000 410.000000 L 109.000000 410.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3495471391)"/></g><g id="b.(1 -&gt; 1)[1]"><path d="M 107.000000 460.000000 L 189.000000 460.000000 S 199.000000 460.000000 199.000000 470.000000 L 199.000000 530.000000 S 199.000000 540.000000 189.000000 540.000000 L 109.000000 540.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3495471391)"/></g><mask id="3495471391" maskUnits="userSpaceOnUse" x="-100" y="-100" width="377" height="798"> ]]></script><g id="b"><g class="shape" ><rect x="24" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(b -- )[0]"><path d="M 99.000000 142.000000 L 99.000000 609.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1685062218)"/></g><g id="b.1"><g class="shape" ><rect x="93" y="254" width="12" height="242" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="b.(1 -&gt; 1)[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 107.000000 270.000000 L 189.000000 270.000000 S 199.000000 270.000000 199.000000 280.000000 L 199.000000 340.000000 S 199.000000 350.000000 189.000000 350.000000 L 109.000000 350.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1685062218)"/></g><g id="b.(1 -&gt; 1)[1]"><path d="M 107.000000 400.000000 L 189.000000 400.000000 S 199.000000 400.000000 199.000000 410.000000 L 199.000000 470.000000 S 199.000000 480.000000 189.000000 480.000000 L 109.000000 480.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1685062218)"/></g><mask id="1685062218" maskUnits="userSpaceOnUse" x="-100" y="-100" width="377" height="738">
<rect x="-100" y="-100" width="377" height="798" fill="white"></rect> <rect x="-100" y="-100" width="377" height="738" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 327 KiB

After

Width:  |  Height:  |  Size: 327 KiB

24
e2etests/testdata/regression/sequence_diagram_span_cover/elk/board.exp.json generated vendored
View file

@ -10,7 +10,7 @@
"y": 74 "y": 74
}, },
"width": 150, "width": 150,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 93, "x": 93,
"y": 314 "y": 254
}, },
"width": 12, "width": 12,
"height": 242, "height": 242,
@ -112,19 +112,19 @@
"route": [ "route": [
{ {
"x": 105, "x": 105,
"y": 330 "y": 270
}, },
{ {
"x": 199, "x": 199,
"y": 330 "y": 270
}, },
{ {
"x": 199, "x": 199,
"y": 410 "y": 350
}, },
{ {
"x": 105, "x": 105,
"y": 410 "y": 350
} }
], ],
"animated": false, "animated": false,
@ -159,19 +159,19 @@
"route": [ "route": [
{ {
"x": 105, "x": 105,
"y": 460 "y": 400
}, },
{ {
"x": 199, "x": 199,
"y": 460 "y": 400
}, },
{ {
"x": 199, "x": 199,
"y": 540 "y": 480
}, },
{ {
"x": 105, "x": 105,
"y": 540 "y": 480
} }
], ],
"animated": false, "animated": false,
@ -206,11 +206,11 @@
"route": [ "route": [
{ {
"x": 99, "x": 99,
"y": 200 "y": 140
}, },
{ {
"x": 99, "x": 99,
"y": 670 "y": 610
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/regression/sequence_diagram_span_cover/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="377" height="798" viewBox="-78 -28 377 798"><style type="text/css"> width="377" height="738" viewBox="-78 -28 377 738"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="377" height="798" viewBox="-78 -28 377 798"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="b"><g class="shape" ><rect x="24" y="74" width="150" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="140.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(b -- )[0]"><path d="M 99.000000 202.000000 L 99.000000 669.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3495471391)"/></g><g id="b.1"><g class="shape" ><rect x="93" y="314" width="12" height="242" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="b.(1 -&gt; 1)[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 107.000000 330.000000 L 189.000000 330.000000 S 199.000000 330.000000 199.000000 340.000000 L 199.000000 400.000000 S 199.000000 410.000000 189.000000 410.000000 L 109.000000 410.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3495471391)"/></g><g id="b.(1 -&gt; 1)[1]"><path d="M 107.000000 460.000000 L 189.000000 460.000000 S 199.000000 460.000000 199.000000 470.000000 L 199.000000 530.000000 S 199.000000 540.000000 189.000000 540.000000 L 109.000000 540.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3495471391)"/></g><mask id="3495471391" maskUnits="userSpaceOnUse" x="-100" y="-100" width="377" height="798"> ]]></script><g id="b"><g class="shape" ><rect x="24" y="74" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="99.000000" y="112.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(b -- )[0]"><path d="M 99.000000 142.000000 L 99.000000 609.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#1685062218)"/></g><g id="b.1"><g class="shape" ><rect x="93" y="254" width="12" height="242" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="b.(1 -&gt; 1)[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 107.000000 270.000000 L 189.000000 270.000000 S 199.000000 270.000000 199.000000 280.000000 L 199.000000 340.000000 S 199.000000 350.000000 189.000000 350.000000 L 109.000000 350.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1685062218)"/></g><g id="b.(1 -&gt; 1)[1]"><path d="M 107.000000 400.000000 L 189.000000 400.000000 S 199.000000 400.000000 199.000000 410.000000 L 199.000000 470.000000 S 199.000000 480.000000 189.000000 480.000000 L 109.000000 480.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1685062218)"/></g><mask id="1685062218" maskUnits="userSpaceOnUse" x="-100" y="-100" width="377" height="738">
<rect x="-100" y="-100" width="377" height="798" fill="white"></rect> <rect x="-100" y="-100" width="377" height="738" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 327 KiB

After

Width:  |  Height:  |  Size: 327 KiB

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

@ -6,11 +6,11 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 87, "x": 57,
"y": 0 "y": 0
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,10 +48,10 @@
"type": "", "type": "",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 226 "y": 166
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -88,11 +88,11 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 173, "x": 113,
"y": 226 "y": 166
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -153,20 +153,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 94.77433628318585, "x": 60.536144578313255,
"y": 66
},
{
"x": 33.30722891566265,
"y": 106
},
{
"x": 26.5,
"y": 126 "y": 126
}, },
{ {
"x": 64.15486725663717, "x": 26.5,
"y": 166 "y": 166
},
{
"x": 56.5,
"y": 186
},
{
"x": 56.5,
"y": 226
} }
], ],
"isCurve": true, "isCurve": true,
@ -201,20 +201,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 191.22566371681415, "x": 105.46385542168674,
"y": 66
},
{
"x": 132.69277108433735,
"y": 106
},
{
"x": 139.5,
"y": 126 "y": 126
}, },
{ {
"x": 221.84513274336283, "x": 139.5,
"y": 166 "y": 166
},
{
"x": 229.5,
"y": 186
},
{
"x": 229.5,
"y": 226
} }
], ],
"isCurve": true, "isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="490" height="556" viewBox="-102 -102 490 556"><style type="text/css"> width="370" height="436" viewBox="-102 -102 370 436"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="490" height="556" viewBox="-102 -102 490 556"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><rect x="87" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="143.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="0" y="226" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="56.500000" y="292.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="173" y="226" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="229.500000" y="292.000000" 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 93.558654 127.588117 C 64.154867 166.000000 56.500000 186.000000 56.500000 222.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2976601367)"/></g><g id="(a -&gt; c)[0]"><path d="M 192.441346 127.588117 C 221.845133 166.000000 229.500000 186.000000 229.500000 222.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2976601367)"/></g><mask id="2976601367" maskUnits="userSpaceOnUse" x="-100" y="-100" width="490" height="556"> ]]></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(#1689169027)"/></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(#1689169027)"/></g><mask id="1689169027" maskUnits="userSpaceOnUse" x="-100" y="-100" width="370" height="436">
<rect x="-100" y="-100" width="490" height="556" fill="white"></rect> <rect x="-100" y="-100" width="370" height="436" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 326 KiB

After

Width:  |  Height:  |  Size: 326 KiB

44
e2etests/testdata/sanity/1_to_2/elk/board.exp.json generated vendored
View file

@ -6,11 +6,11 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 30, "x": 20,
"y": 12 "y": 12
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,10 +48,10 @@
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 238 "y": 178
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -88,11 +88,11 @@
"id": "c", "id": "c",
"type": "", "type": "",
"pos": { "pos": {
"x": 145, "x": 85,
"y": 238 "y": 178
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -153,12 +153,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 68.5, "x": 38.5,
"y": 138 "y": 78
}, },
{ {
"x": 68.5, "x": 38.5,
"y": 238 "y": 178
} }
], ],
"animated": false, "animated": false,
@ -192,20 +192,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 106.16666666666667, "x": 56.16666666666667,
"y": 138 "y": 78
}, },
{ {
"x": 106.16666666666667, "x": 56.16666666666667,
"y": 188 "y": 128
}, },
{ {
"x": 201.5, "x": 111.5,
"y": 188 "y": 128
}, },
{ {
"x": 201.5, "x": 111.5,
"y": 238 "y": 178
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/sanity/1_to_2/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="450" height="556" viewBox="-90 -90 450 556"><style type="text/css"> width="330" height="436" viewBox="-90 -90 330 436"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="450" height="556" viewBox="-90 -90 450 556"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><rect x="30" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="86.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="12" y="238" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="304.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="145" y="238" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="201.500000" y="304.000000" 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 68.500000 140.000000 L 68.500000 234.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#647230959)"/></g><g id="(a -&gt; c)[0]"><path d="M 106.166667 140.000000 L 106.166667 178.000000 S 106.166667 188.000000 116.166667 188.000000 L 191.500000 188.000000 S 201.500000 188.000000 201.500000 198.000000 L 201.500000 234.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#647230959)"/></g><mask id="647230959" maskUnits="userSpaceOnUse" x="-100" y="-100" width="450" height="556"> ]]></script><g id="a"><g class="shape" ><rect x="20" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="46.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="12" y="178" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="216.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="85" y="178" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="111.500000" y="216.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 38.500000 80.000000 L 38.500000 174.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3920537241)"/></g><g id="(a -&gt; c)[0]"><path d="M 56.166667 80.000000 L 56.166667 118.000000 S 56.166667 128.000000 66.166667 128.000000 L 101.500000 128.000000 S 111.500000 128.000000 111.500000 138.000000 L 111.500000 174.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3920537241)"/></g><mask id="3920537241" maskUnits="userSpaceOnUse" x="-100" y="-100" width="330" height="436">
<rect x="-100" y="-100" width="450" height="556" fill="white"></rect> <rect x="-100" y="-100" width="330" height="436" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 326 KiB

After

Width:  |  Height:  |  Size: 326 KiB

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

@ -9,8 +9,8 @@
"x": 0, "x": 0,
"y": 0 "y": 0
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,10 +48,10 @@
"type": "", "type": "",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 226 "y": 166
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -112,20 +112,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 56.5, "x": 26.5,
"y": 66
},
{
"x": 26.5,
"y": 106
},
{
"x": 26.5,
"y": 126 "y": 126
}, },
{ {
"x": 56.5, "x": 26.5,
"y": 166 "y": 166
},
{
"x": 56.5,
"y": 186
},
{
"x": 56.5,
"y": 226
} }
], ],
"isCurve": true, "isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="317" height="556" viewBox="-102 -102 317 556"><style type="text/css"> width="257" height="436" viewBox="-102 -102 257 436"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="317" height="556" viewBox="-102 -102 317 556"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="56.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="0" y="226" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="56.500000" y="292.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 56.500000 128.000000 C 56.500000 166.000000 56.500000 186.000000 56.500000 222.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4012236728)"/></g><mask id="4012236728" maskUnits="userSpaceOnUse" x="-100" y="-100" width="317" height="556"> ]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="26.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="0" y="166" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="26.500000" y="204.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 26.500000 68.000000 C 26.500000 106.000000 26.500000 126.000000 26.500000 162.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4265478183)"/></g><mask id="4265478183" maskUnits="userSpaceOnUse" x="-100" y="-100" width="257" height="436">
<rect x="-100" y="-100" width="317" height="556" fill="white"></rect> <rect x="-100" y="-100" width="257" height="436" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 325 KiB

After

Width:  |  Height:  |  Size: 325 KiB

18
e2etests/testdata/sanity/basic/elk/board.exp.json generated vendored
View file

@ -9,8 +9,8 @@
"x": 12, "x": 12,
"y": 12 "y": 12
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,10 +48,10 @@
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 238 "y": 178
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -112,12 +112,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 68.5, "x": 38.5,
"y": 138 "y": 78
}, },
{ {
"x": 68.5, "x": 38.5,
"y": 238 "y": 178
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/sanity/basic/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="317" height="556" viewBox="-90 -90 317 556"><style type="text/css"> width="257" height="436" viewBox="-90 -90 257 436"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="317" height="556" viewBox="-90 -90 317 556"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><rect x="12" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="12" y="238" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="304.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 68.500000 140.000000 L 68.500000 234.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#802994837)"/></g><mask id="802994837" maskUnits="userSpaceOnUse" x="-100" y="-100" width="317" height="556"> ]]></script><g id="a"><g class="shape" ><rect x="12" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="12" y="178" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="216.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 38.500000 80.000000 L 38.500000 174.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2712228556)"/></g><mask id="2712228556" maskUnits="userSpaceOnUse" x="-100" y="-100" width="257" height="436">
<rect x="-100" y="-100" width="317" height="556" fill="white"></rect> <rect x="-100" y="-100" width="257" height="436" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 325 KiB

After

Width:  |  Height:  |  Size: 325 KiB

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

@ -6,11 +6,11 @@
"id": "a", "id": "a",
"type": "", "type": "",
"pos": { "pos": {
"x": 1, "x": 0,
"y": 0 "y": 0
}, },
"width": 213, "width": 156,
"height": 226, "height": 166,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -47,11 +47,11 @@
"id": "a.b", "id": "a.b",
"type": "", "type": "",
"pos": { "pos": {
"x": 51, "x": 54,
"y": 50 "y": 50
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -89,10 +89,10 @@
"type": "", "type": "",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 326 "y": 266
}, },
"width": 214, "width": 157,
"height": 226, "height": 166,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -129,11 +129,11 @@
"id": "c.d", "id": "c.d",
"type": "", "type": "",
"pos": { "pos": {
"x": 50, "x": 53,
"y": 376 "y": 316
}, },
"width": 114, "width": 54,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -194,32 +194,32 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 107, "x": 80,
"y": 116
},
{
"x": 80,
"y": 156
},
{
"x": 80,
"y": 176 "y": 176
}, },
{ {
"x": 107, "x": 80,
"y": 216 "y": 191
}, },
{ {
"x": 107, "x": 80,
"y": 236 "y": 206
}, },
{ {
"x": 107, "x": 80,
"y": 251 "y": 276
}, },
{ {
"x": 107, "x": 80,
"y": 266 "y": 316
},
{
"x": 107,
"y": 336
},
{
"x": 107,
"y": 376
} }
], ],
"isCurve": true, "isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="418" height="756" viewBox="-102 -102 418 756"><style type="text/css"> width="361" height="636" viewBox="-102 -102 361 636"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="418" height="756" viewBox="-102 -102 418 756"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><rect x="1" y="0" width="213" height="226" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="107.500000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="0" y="326" width="214" height="226" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="107.000000" y="359.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="a.b"><g class="shape" ><rect x="51" y="50" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="107.500000" y="116.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="50" y="376" width="114" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="107.000000" y="442.000000" 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 107.000000 178.000000 C 107.000000 216.000000 107.000000 236.000000 107.000000 251.000000 C 107.000000 266.000000 107.000000 336.000000 107.000000 372.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#971174923)"/></g><mask id="971174923" maskUnits="userSpaceOnUse" x="-100" y="-100" width="418" height="756"> ]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="156" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="78.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="0" y="266" width="157" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="78.500000" y="299.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="a.b"><g class="shape" ><rect x="54" y="50" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="80.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="53" y="316" width="54" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="80.000000" y="354.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a.b -&gt; c.d)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 80.000000 118.000000 C 80.000000 156.000000 80.000000 176.000000 80.000000 191.000000 C 80.000000 206.000000 80.000000 276.000000 80.000000 312.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4088111159)"/></g><mask id="4088111159" maskUnits="userSpaceOnUse" x="-100" y="-100" width="361" height="636">
<rect x="-100" y="-100" width="418" height="756" fill="white"></rect> <rect x="-100" y="-100" width="361" height="636" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 649 KiB

After

Width:  |  Height:  |  Size: 649 KiB

28
e2etests/testdata/sanity/child_to_child/elk/board.exp.json generated vendored
View file

@ -9,8 +9,8 @@
"x": 12, "x": 12,
"y": 12 "y": 12
}, },
"width": 263, "width": 203,
"height": 276, "height": 216,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -50,8 +50,8 @@
"x": 87, "x": 87,
"y": 87 "y": 87
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -89,10 +89,10 @@
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 398 "y": 338
}, },
"width": 264, "width": 204,
"height": 276, "height": 216,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -130,10 +130,10 @@
"type": "", "type": "",
"pos": { "pos": {
"x": 87, "x": 87,
"y": 473 "y": 413
}, },
"width": 114, "width": 54,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -194,12 +194,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 144, "x": 114,
"y": 213 "y": 153
}, },
{ {
"x": 144, "x": 114,
"y": 473 "y": 413
} }
], ],
"animated": false, "animated": false,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="468" height="866" viewBox="-90 -90 468 866"><style type="text/css"> width="408" height="746" viewBox="-90 -90 408 746"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="468" height="866" viewBox="-90 -90 468 866"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><rect x="12" y="12" width="263" height="276" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="143.500000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="12" y="398" width="264" height="276" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="144.000000" y="431.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="a.b"><g class="shape" ><rect x="87" y="87" width="113" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="143.500000" y="153.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="87" y="473" width="114" height="126" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="144.000000" y="539.000000" 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 144.000000 215.000000 L 144.000000 469.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3344433931)"/></g><mask id="3344433931" maskUnits="userSpaceOnUse" x="-100" y="-100" width="468" height="866"> ]]></script><g id="a"><g class="shape" ><rect x="12" y="12" width="203" height="216" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="113.500000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="12" y="338" width="204" height="216" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="114.000000" y="371.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="a.b"><g class="shape" ><rect x="87" y="87" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="113.500000" y="125.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="87" y="413" width="54" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="114.000000" y="451.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 114.000000 155.000000 L 114.000000 409.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2531711036)"/></g><mask id="2531711036" maskUnits="userSpaceOnUse" x="-100" y="-100" width="408" height="746">
<rect x="-100" y="-100" width="468" height="866" fill="white"></rect> <rect x="-100" y="-100" width="408" height="746" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 649 KiB

After

Width:  |  Height:  |  Size: 649 KiB

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

@ -9,8 +9,8 @@
"x": 0, "x": 0,
"y": 0 "y": 0
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,10 +48,10 @@
"type": "", "type": "",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 247 "y": 187
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -112,20 +112,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 56.5, "x": 26.5,
"y": 126 "y": 66
}, },
{ {
"x": 56.5, "x": 26.5,
"y": 174.4 "y": 114.4
}, },
{ {
"x": 56.5, "x": 26.5,
"y": 198.7 "y": 138.7
}, },
{ {
"x": 56.5, "x": 26.5,
"y": 247.5 "y": 187.5
} }
], ],
"isCurve": true, "isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="317" height="577" viewBox="-102 -102 317 577"><style type="text/css"> width="257" height="457" viewBox="-102 -102 257 457"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,9 +39,9 @@ width="317" height="577" viewBox="-102 -102 317 577"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="56.500000" y="66.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="0" y="247" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="56.500000" y="313.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 56.500000 128.000000 C 56.500000 174.400000 56.500000 198.700000 56.500000 243.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4035701751)"/><text class="text-italic" x="56.500000" y="192.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">hello</text></g><mask id="4035701751" maskUnits="userSpaceOnUse" x="-100" y="-100" width="317" height="577"> ]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="26.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="0" y="187" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="26.500000" y="225.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 26.500000 68.000000 C 26.500000 114.400000 26.500000 138.700000 26.500000 183.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2047903798)"/><text class="text-italic" x="26.500000" y="132.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">hello</text></g><mask id="2047903798" maskUnits="userSpaceOnUse" x="-100" y="-100" width="257" height="457">
<rect x="-100" y="-100" width="317" height="577" fill="white"></rect> <rect x="-100" y="-100" width="257" height="457" fill="white"></rect>
<rect x="40.000000" y="176.000000" width="33" height="21" fill="black"></rect> <rect x="10.000000" y="116.000000" width="33" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {
font-family: "font-bold"; font-family: "font-bold";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 468 KiB

After

Width:  |  Height:  |  Size: 468 KiB

18
e2etests/testdata/sanity/connection_label/elk/board.exp.json generated vendored
View file

@ -9,8 +9,8 @@
"x": 12, "x": 12,
"y": 12 "y": 12
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,10 +48,10 @@
"type": "", "type": "",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 359 "y": 299
}, },
"width": 113, "width": 53,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -112,12 +112,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 68.5, "x": 38.5,
"y": 138 "y": 78
}, },
{ {
"x": 68.5, "x": 38.5,
"y": 359 "y": 299
} }
], ],
"animated": false, "animated": false,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="317" height="677" viewBox="-90 -90 317 677"><style type="text/css"> width="257" height="557" viewBox="-90 -90 257 557"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,9 +39,9 @@ width="317" height="677" viewBox="-90 -90 317 677"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><rect x="12" y="12" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="78.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="12" y="359" width="113" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="68.500000" y="425.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 68.500000 140.000000 L 68.500000 355.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#260416380)"/><text class="text-italic" x="68.500000" y="254.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">hello</text></g><mask id="260416380" maskUnits="userSpaceOnUse" x="-100" y="-100" width="317" height="677"> ]]></script><g id="a"><g class="shape" ><rect x="12" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="12" y="299" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="337.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 38.500000 80.000000 L 38.500000 295.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#517109685)"/><text class="text-italic" x="38.500000" y="194.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">hello</text></g><mask id="517109685" maskUnits="userSpaceOnUse" x="-100" y="-100" width="257" height="557">
<rect x="-100" y="-100" width="317" height="677" fill="white"></rect> <rect x="-100" y="-100" width="257" height="557" fill="white"></rect>
<rect x="52.000000" y="238.000000" width="33" height="21" fill="black"></rect> <rect x="22.000000" y="178.000000" width="33" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {
font-family: "font-bold"; font-family: "font-bold";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 468 KiB

After

Width:  |  Height:  |  Size: 468 KiB

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

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 13
}, },
"width": 171, "width": 111,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,10 +48,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 9, "x": 9,
"y": 226 "y": 192
}, },
"width": 154, "width": 94,
"height": 154, "height": 94,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -89,10 +89,10 @@
"type": "page", "type": "page",
"pos": { "pos": {
"x": 16, "x": 16,
"y": 489 "y": 402
}, },
"width": 139, "width": 79,
"height": 126, "height": 87,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -129,11 +129,11 @@
"id": "parallelogram", "id": "parallelogram",
"type": "parallelogram", "type": "parallelogram",
"pos": { "pos": {
"x": 231, "x": 171,
"y": 0 "y": 13
}, },
"width": 204, "width": 196,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -170,11 +170,11 @@
"id": "document", "id": "document",
"type": "document", "type": "document",
"pos": { "pos": {
"x": 245, "x": 211,
"y": 240 "y": 201
}, },
"width": 177, "width": 117,
"height": 126, "height": 76,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -211,11 +211,11 @@
"id": "cylinder", "id": "cylinder",
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 251, "x": 217,
"y": 489 "y": 386
}, },
"width": 164, "width": 104,
"height": 126, "height": 118,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -252,11 +252,11 @@
"id": "queue", "id": "queue",
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 495, "x": 427,
"y": 0 "y": 13
}, },
"width": 149, "width": 141,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -293,11 +293,11 @@
"id": "package", "id": "package",
"type": "package", "type": "package",
"pos": { "pos": {
"x": 488, "x": 446,
"y": 240 "y": 203
}, },
"width": 163, "width": 103,
"height": 126, "height": 73,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -334,11 +334,11 @@
"id": "step", "id": "step",
"type": "step", "type": "step",
"pos": { "pos": {
"x": 502, "x": 440,
"y": 489 "y": 395
}, },
"width": 136, "width": 116,
"height": 126, "height": 101,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -375,11 +375,11 @@
"id": "callout", "id": "callout",
"type": "callout", "type": "callout",
"pos": { "pos": {
"x": 729, "x": 646,
"y": 0 "y": 1
}, },
"width": 155, "width": 95,
"height": 126, "height": 91,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -416,11 +416,11 @@
"id": "stored_data", "id": "stored_data",
"type": "stored_data", "type": "stored_data",
"pos": { "pos": {
"x": 711, "x": 618,
"y": 240 "y": 206
}, },
"width": 191, "width": 151,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -457,11 +457,11 @@
"id": "person", "id": "person",
"type": "person", "type": "person",
"pos": { "pos": {
"x": 730, "x": 616,
"y": 489 "y": 394
}, },
"width": 153, "width": 155,
"height": 126, "height": 103,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -498,11 +498,11 @@
"id": "diamond", "id": "diamond",
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 946, "x": 801,
"y": 0 "y": 0
}, },
"width": 168, "width": 156,
"height": 126, "height": 92,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -539,11 +539,11 @@
"id": "oval", "id": "oval",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 962, "x": 830,
"y": 240 "y": 204
}, },
"width": 136, "width": 97,
"height": 126, "height": 70,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -580,11 +580,11 @@
"id": "circle", "id": "circle",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 958, "x": 833,
"y": 480 "y": 400
}, },
"width": 144, "width": 91,
"height": 144, "height": 91,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -621,11 +621,11 @@
"id": "hexagon", "id": "hexagon",
"type": "hexagon", "type": "hexagon",
"pos": { "pos": {
"x": 1174, "x": 1017,
"y": 0 "y": 12
}, },
"width": 165, "width": 128,
"height": 126, "height": 69,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -662,11 +662,11 @@
"id": "cloud", "id": "cloud",
"type": "cloud", "type": "cloud",
"pos": { "pos": {
"x": 1184, "x": 1029,
"y": 240 "y": 197
}, },
"width": 145, "width": 104,
"height": 126, "height": 84,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -727,20 +727,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 85.5, "x": 55.5,
"y": 126 "y": 79
}, },
{ {
"x": 85.5, "x": 55.5,
"y": 166 "y": 129.4
}, },
{ {
"x": 85.5, "x": 55.5,
"y": 186 "y": 152
}, },
{ {
"x": 85.5, "x": 55.5,
"y": 226 "y": 192
} }
], ],
"isCurve": true, "isCurve": true,
@ -775,20 +775,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 85.5, "x": 55.5,
"y": 380 "y": 286
}, },
{ {
"x": 85.5, "x": 55.5,
"y": 420 "y": 326
}, },
{ {
"x": 85.6, "x": 55.6,
"y": 441.8 "y": 349.2
}, },
{ {
"x": 86, "x": 56,
"y": 489 "y": 402
} }
], ],
"isCurve": true, "isCurve": true,
@ -823,20 +823,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 333, "x": 269,
"y": 126 "y": 79
}, },
{ {
"x": 333, "x": 269,
"y": 166 "y": 129.4
}, },
{ {
"x": 333, "x": 269,
"y": 188.8 "y": 153.8
}, },
{ {
"x": 333, "x": 269,
"y": 240 "y": 201
} }
], ],
"isCurve": true, "isCurve": true,
@ -871,20 +871,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 333, "x": 269,
"y": 349 "y": 267
}, },
{ {
"x": 333, "x": 269,
"y": 413.8 "y": 322.2
}, },
{ {
"x": 333, "x": 269,
"y": 441.8 "y": 346
}, },
{ {
"x": 333, "x": 269,
"y": 489 "y": 386
} }
], ],
"isCurve": true, "isCurve": true,
@ -919,20 +919,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 569, "x": 497,
"y": 126 "y": 79
}, },
{ {
"x": 569.4, "x": 497.4,
"y": 166 "y": 129.4
}, },
{ {
"x": 569.6, "x": 497.6,
"y": 188.8 "y": 154.2
}, },
{ {
"x": 570, "x": 498,
"y": 240 "y": 203
} }
], ],
"isCurve": true, "isCurve": true,
@ -967,20 +967,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 569, "x": 497,
"y": 366 "y": 276
}, },
{ {
"x": 569.4, "x": 497.4,
"y": 417.2 "y": 324
}, },
{ {
"x": 569.6, "x": 497.6,
"y": 441.8 "y": 347.8
}, },
{ {
"x": 570, "x": 498,
"y": 489 "y": 395
} }
], ],
"isCurve": true, "isCurve": true,
@ -1015,20 +1015,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 807, "x": 693,
"y": 126 "y": 47
}, },
{ {
"x": 806.6, "x": 693,
"y": 166 "y": 123
}, },
{ {
"x": 806.6, "x": 693,
"y": 188.8 "y": 154.8
}, },
{ {
"x": 807, "x": 693,
"y": 240 "y": 206
} }
], ],
"isCurve": true, "isCurve": true,
@ -1063,20 +1063,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 806, "x": 693,
"y": 366 "y": 272
}, },
{ {
"x": 806.4, "x": 693,
"y": 417.2 "y": 323.2
}, },
{ {
"x": 806.6, "x": 693,
"y": 441.8 "y": 347.6
}, },
{ {
"x": 807, "x": 693,
"y": 489 "y": 394
} }
], ],
"isCurve": true, "isCurve": true,
@ -1111,20 +1111,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1030, "x": 879,
"y": 126 "y": 92
}, },
{ {
"x": 1030, "x": 878.6,
"y": 166 "y": 132
}, },
{ {
"x": 1030, "x": 878.6,
"y": 188.8 "y": 154.4
}, },
{ {
"x": 1030, "x": 879,
"y": 240 "y": 204
} }
], ],
"isCurve": true, "isCurve": true,
@ -1159,20 +1159,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1030, "x": 879,
"y": 366 "y": 274
}, },
{ {
"x": 1030, "x": 878.6,
"y": 417.2 "y": 323.6
}, },
{ {
"x": 1030, "x": 878.6,
"y": 440 "y": 348.8
}, },
{ {
"x": 1030, "x": 879,
"y": 480 "y": 400
} }
], ],
"isCurve": true, "isCurve": true,
@ -1207,20 +1207,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1256, "x": 1081,
"y": 126 "y": 81
}, },
{ {
"x": 1256.4, "x": 1080.6,
"y": 166 "y": 129.8
}, },
{ {
"x": 1256.6, "x": 1080.6,
"y": 189.2 "y": 153.4
}, },
{ {
"x": 1257, "x": 1081,
"y": 242 "y": 199
} }
], ],
"isCurve": true, "isCurve": true,

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

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

Before

Width:  |  Height:  |  Size: 334 KiB

After

Width:  |  Height:  |  Size: 333 KiB

216
e2etests/testdata/stable/all_shapes/elk/board.exp.json generated vendored
View file

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 12 "y": 38
}, },
"width": 171, "width": 111,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,10 +48,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 20, "x": 20,
"y": 238 "y": 204
}, },
"width": 154, "width": 94,
"height": 154, "height": 94,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -89,10 +89,10 @@
"type": "page", "type": "page",
"pos": { "pos": {
"x": 28, "x": 28,
"y": 492 "y": 398
}, },
"width": 139, "width": 79,
"height": 126, "height": 87,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -129,11 +129,11 @@
"id": "parallelogram", "id": "parallelogram",
"type": "parallelogram", "type": "parallelogram",
"pos": { "pos": {
"x": 203, "x": 143,
"y": 12 "y": 38
}, },
"width": 204, "width": 196,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -170,11 +170,11 @@
"id": "document", "id": "document",
"type": "document", "type": "document",
"pos": { "pos": {
"x": 216, "x": 182,
"y": 252 "y": 213
}, },
"width": 177, "width": 117,
"height": 126, "height": 76,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -211,11 +211,11 @@
"id": "cylinder", "id": "cylinder",
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 223, "x": 189,
"y": 492 "y": 398
}, },
"width": 164, "width": 104,
"height": 126, "height": 118,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -252,11 +252,11 @@
"id": "queue", "id": "queue",
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 427, "x": 359,
"y": 12 "y": 38
}, },
"width": 149, "width": 141,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -293,11 +293,11 @@
"id": "package", "id": "package",
"type": "package", "type": "package",
"pos": { "pos": {
"x": 420, "x": 378,
"y": 252 "y": 214
}, },
"width": 163, "width": 103,
"height": 126, "height": 73,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -334,11 +334,11 @@
"id": "step", "id": "step",
"type": "step", "type": "step",
"pos": { "pos": {
"x": 433, "x": 371,
"y": 492 "y": 398
}, },
"width": 136, "width": 116,
"height": 126, "height": 101,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -375,11 +375,11 @@
"id": "callout", "id": "callout",
"type": "callout", "type": "callout",
"pos": { "pos": {
"x": 621, "x": 537,
"y": 12 "y": 13
}, },
"width": 155, "width": 95,
"height": 126, "height": 91,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -416,11 +416,11 @@
"id": "stored_data", "id": "stored_data",
"type": "stored_data", "type": "stored_data",
"pos": { "pos": {
"x": 603, "x": 509,
"y": 252 "y": 218
}, },
"width": 191, "width": 151,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -457,11 +457,11 @@
"id": "person", "id": "person",
"type": "person", "type": "person",
"pos": { "pos": {
"x": 622, "x": 507,
"y": 492 "y": 398
}, },
"width": 153, "width": 155,
"height": 126, "height": 103,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -498,11 +498,11 @@
"id": "diamond", "id": "diamond",
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 798, "x": 652,
"y": 12 "y": 12
}, },
"width": 168, "width": 156,
"height": 126, "height": 92,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -539,11 +539,11 @@
"id": "oval", "id": "oval",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 814, "x": 682,
"y": 252 "y": 216
}, },
"width": 136, "width": 97,
"height": 126, "height": 70,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -580,11 +580,11 @@
"id": "circle", "id": "circle",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 810, "x": 685,
"y": 492 "y": 398
}, },
"width": 144, "width": 91,
"height": 144, "height": 91,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -621,11 +621,11 @@
"id": "hexagon", "id": "hexagon",
"type": "hexagon", "type": "hexagon",
"pos": { "pos": {
"x": 986, "x": 828,
"y": 12 "y": 35
}, },
"width": 165, "width": 128,
"height": 126, "height": 69,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -662,11 +662,11 @@
"id": "cloud", "id": "cloud",
"type": "cloud", "type": "cloud",
"pos": { "pos": {
"x": 996, "x": 840,
"y": 238 "y": 204
}, },
"width": 145, "width": 104,
"height": 126, "height": 84,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -727,12 +727,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 97.5, "x": 67.5,
"y": 138 "y": 104
}, },
{ {
"x": 97.5, "x": 67.5,
"y": 238 "y": 204
} }
], ],
"animated": false, "animated": false,
@ -766,12 +766,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 97.5, "x": 67.5,
"y": 392 "y": 298
}, },
{ {
"x": 98, "x": 68,
"y": 492 "y": 398
} }
], ],
"animated": false, "animated": false,
@ -805,12 +805,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 305, "x": 241,
"y": 138 "y": 104
}, },
{ {
"x": 306, "x": 241,
"y": 252 "y": 213
} }
], ],
"animated": false, "animated": false,
@ -844,12 +844,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 305, "x": 241,
"y": 361 "y": 278
}, },
{ {
"x": 305, "x": 241,
"y": 492 "y": 398
} }
], ],
"animated": false, "animated": false,
@ -883,12 +883,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 501, "x": 429,
"y": 138 "y": 104
}, },
{ {
"x": 502, "x": 430,
"y": 252 "y": 215
} }
], ],
"animated": false, "animated": false,
@ -922,12 +922,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 501, "x": 429,
"y": 378 "y": 288
}, },
{ {
"x": 502, "x": 430,
"y": 492 "y": 398
} }
], ],
"animated": false, "animated": false,
@ -961,12 +961,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 699, "x": 585,
"y": 138 "y": 59
}, },
{ {
"x": 699, "x": 585,
"y": 252 "y": 218
} }
], ],
"animated": false, "animated": false,
@ -1000,12 +1000,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 698, "x": 585,
"y": 378 "y": 284
}, },
{ {
"x": 699, "x": 585,
"y": 492 "y": 398
} }
], ],
"animated": false, "animated": false,
@ -1039,12 +1039,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 882, "x": 731,
"y": 138 "y": 104
}, },
{ {
"x": 882, "x": 731,
"y": 252 "y": 216
} }
], ],
"animated": false, "animated": false,
@ -1078,12 +1078,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 882, "x": 731,
"y": 378 "y": 286
}, },
{ {
"x": 882, "x": 731,
"y": 492 "y": 398
} }
], ],
"animated": false, "animated": false,
@ -1117,12 +1117,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1068, "x": 893,
"y": 138 "y": 104
}, },
{ {
"x": 1069, "x": 892,
"y": 240 "y": 206
} }
], ],
"animated": false, "animated": false,

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

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

Before

Width:  |  Height:  |  Size: 334 KiB

After

Width:  |  Height:  |  Size: 333 KiB

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

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 13
}, },
"width": 171, "width": 111,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,10 +48,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 9, "x": 9,
"y": 226 "y": 192
}, },
"width": 154, "width": 94,
"height": 154, "height": 94,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -89,10 +89,10 @@
"type": "page", "type": "page",
"pos": { "pos": {
"x": 16, "x": 16,
"y": 489 "y": 402
}, },
"width": 139, "width": 79,
"height": 126, "height": 87,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -129,11 +129,11 @@
"id": "parallelogram", "id": "parallelogram",
"type": "parallelogram", "type": "parallelogram",
"pos": { "pos": {
"x": 231, "x": 171,
"y": 0 "y": 13
}, },
"width": 204, "width": 196,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -170,11 +170,11 @@
"id": "document", "id": "document",
"type": "document", "type": "document",
"pos": { "pos": {
"x": 245, "x": 211,
"y": 240 "y": 201
}, },
"width": 177, "width": 117,
"height": 126, "height": 76,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -211,11 +211,11 @@
"id": "cylinder", "id": "cylinder",
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 251, "x": 217,
"y": 489 "y": 386
}, },
"width": 164, "width": 104,
"height": 126, "height": 118,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -252,11 +252,11 @@
"id": "queue", "id": "queue",
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 495, "x": 427,
"y": 0 "y": 13
}, },
"width": 149, "width": 141,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -293,11 +293,11 @@
"id": "package", "id": "package",
"type": "package", "type": "package",
"pos": { "pos": {
"x": 488, "x": 446,
"y": 240 "y": 203
}, },
"width": 163, "width": 103,
"height": 126, "height": 73,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -334,11 +334,11 @@
"id": "step", "id": "step",
"type": "step", "type": "step",
"pos": { "pos": {
"x": 502, "x": 440,
"y": 489 "y": 395
}, },
"width": 136, "width": 116,
"height": 126, "height": 101,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -375,11 +375,11 @@
"id": "callout", "id": "callout",
"type": "callout", "type": "callout",
"pos": { "pos": {
"x": 729, "x": 646,
"y": 0 "y": 1
}, },
"width": 155, "width": 95,
"height": 126, "height": 91,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -416,11 +416,11 @@
"id": "stored_data", "id": "stored_data",
"type": "stored_data", "type": "stored_data",
"pos": { "pos": {
"x": 711, "x": 618,
"y": 240 "y": 206
}, },
"width": 191, "width": 151,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -457,11 +457,11 @@
"id": "person", "id": "person",
"type": "person", "type": "person",
"pos": { "pos": {
"x": 730, "x": 616,
"y": 489 "y": 394
}, },
"width": 153, "width": 155,
"height": 126, "height": 103,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -498,11 +498,11 @@
"id": "diamond", "id": "diamond",
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 946, "x": 801,
"y": 0 "y": 0
}, },
"width": 168, "width": 156,
"height": 126, "height": 92,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -539,11 +539,11 @@
"id": "oval", "id": "oval",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 962, "x": 830,
"y": 240 "y": 204
}, },
"width": 136, "width": 97,
"height": 126, "height": 70,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -580,11 +580,11 @@
"id": "circle", "id": "circle",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 958, "x": 833,
"y": 480 "y": 400
}, },
"width": 144, "width": 91,
"height": 144, "height": 91,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -621,11 +621,11 @@
"id": "hexagon", "id": "hexagon",
"type": "hexagon", "type": "hexagon",
"pos": { "pos": {
"x": 1174, "x": 1017,
"y": 0 "y": 12
}, },
"width": 165, "width": 128,
"height": 126, "height": 69,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -662,11 +662,11 @@
"id": "cloud", "id": "cloud",
"type": "cloud", "type": "cloud",
"pos": { "pos": {
"x": 1184, "x": 1029,
"y": 240 "y": 197
}, },
"width": 145, "width": 104,
"height": 126, "height": 84,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -727,20 +727,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 85.5, "x": 55.5,
"y": 126 "y": 79
}, },
{ {
"x": 85.5, "x": 55.5,
"y": 166 "y": 129.4
}, },
{ {
"x": 85.5, "x": 55.5,
"y": 186 "y": 152
}, },
{ {
"x": 85.5, "x": 55.5,
"y": 226 "y": 192
} }
], ],
"isCurve": true, "isCurve": true,
@ -775,20 +775,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 85.5, "x": 55.5,
"y": 380 "y": 286
}, },
{ {
"x": 85.5, "x": 55.5,
"y": 420 "y": 326
}, },
{ {
"x": 85.6, "x": 55.6,
"y": 441.8 "y": 349.2
}, },
{ {
"x": 86, "x": 56,
"y": 489 "y": 402
} }
], ],
"isCurve": true, "isCurve": true,
@ -823,20 +823,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 333, "x": 269,
"y": 126 "y": 79
}, },
{ {
"x": 333, "x": 269,
"y": 166 "y": 129.4
}, },
{ {
"x": 333, "x": 269,
"y": 188.8 "y": 153.8
}, },
{ {
"x": 333, "x": 269,
"y": 240 "y": 201
} }
], ],
"isCurve": true, "isCurve": true,
@ -871,20 +871,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 333, "x": 269,
"y": 349 "y": 267
}, },
{ {
"x": 333, "x": 269,
"y": 413.8 "y": 322.2
}, },
{ {
"x": 333, "x": 269,
"y": 441.8 "y": 346
}, },
{ {
"x": 333, "x": 269,
"y": 489 "y": 386
} }
], ],
"isCurve": true, "isCurve": true,
@ -919,20 +919,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 569, "x": 497,
"y": 126 "y": 79
}, },
{ {
"x": 569.4, "x": 497.4,
"y": 166 "y": 129.4
}, },
{ {
"x": 569.6, "x": 497.6,
"y": 188.8 "y": 154.2
}, },
{ {
"x": 570, "x": 498,
"y": 240 "y": 203
} }
], ],
"isCurve": true, "isCurve": true,
@ -967,20 +967,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 569, "x": 497,
"y": 366 "y": 276
}, },
{ {
"x": 569.4, "x": 497.4,
"y": 417.2 "y": 324
}, },
{ {
"x": 569.6, "x": 497.6,
"y": 441.8 "y": 347.8
}, },
{ {
"x": 570, "x": 498,
"y": 489 "y": 395
} }
], ],
"isCurve": true, "isCurve": true,
@ -1015,20 +1015,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 807, "x": 693,
"y": 126 "y": 47
}, },
{ {
"x": 806.6, "x": 693,
"y": 166 "y": 123
}, },
{ {
"x": 806.6, "x": 693,
"y": 188.8 "y": 154.8
}, },
{ {
"x": 807, "x": 693,
"y": 240 "y": 206
} }
], ],
"isCurve": true, "isCurve": true,
@ -1063,20 +1063,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 806, "x": 693,
"y": 366 "y": 272
}, },
{ {
"x": 806.4, "x": 693,
"y": 417.2 "y": 323.2
}, },
{ {
"x": 806.6, "x": 693,
"y": 441.8 "y": 347.6
}, },
{ {
"x": 807, "x": 693,
"y": 489 "y": 394
} }
], ],
"isCurve": true, "isCurve": true,
@ -1111,20 +1111,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1030, "x": 879,
"y": 126 "y": 92
}, },
{ {
"x": 1030, "x": 878.6,
"y": 166 "y": 132
}, },
{ {
"x": 1030, "x": 878.6,
"y": 188.8 "y": 154.4
}, },
{ {
"x": 1030, "x": 879,
"y": 240 "y": 204
} }
], ],
"isCurve": true, "isCurve": true,
@ -1159,20 +1159,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1030, "x": 879,
"y": 366 "y": 274
}, },
{ {
"x": 1030, "x": 878.6,
"y": 417.2 "y": 323.6
}, },
{ {
"x": 1030, "x": 878.6,
"y": 440 "y": 348.8
}, },
{ {
"x": 1030, "x": 879,
"y": 480 "y": 400
} }
], ],
"isCurve": true, "isCurve": true,
@ -1207,20 +1207,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1256, "x": 1081,
"y": 126 "y": 81
}, },
{ {
"x": 1256.4, "x": 1080.6,
"y": 166 "y": 129.8
}, },
{ {
"x": 1256.6, "x": 1080.6,
"y": 189.2 "y": 153.4
}, },
{ {
"x": 1257, "x": 1081,
"y": 242 "y": 199
} }
], ],
"isCurve": true, "isCurve": true,

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

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

Before

Width:  |  Height:  |  Size: 339 KiB

After

Width:  |  Height:  |  Size: 337 KiB

216
e2etests/testdata/stable/all_shapes_multiple/elk/board.exp.json generated vendored
View file

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 12 "y": 38
}, },
"width": 171, "width": 111,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,10 +48,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 20, "x": 20,
"y": 238 "y": 204
}, },
"width": 154, "width": 94,
"height": 154, "height": 94,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -89,10 +89,10 @@
"type": "page", "type": "page",
"pos": { "pos": {
"x": 28, "x": 28,
"y": 492 "y": 398
}, },
"width": 139, "width": 79,
"height": 126, "height": 87,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -129,11 +129,11 @@
"id": "parallelogram", "id": "parallelogram",
"type": "parallelogram", "type": "parallelogram",
"pos": { "pos": {
"x": 203, "x": 143,
"y": 12 "y": 38
}, },
"width": 204, "width": 196,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -170,11 +170,11 @@
"id": "document", "id": "document",
"type": "document", "type": "document",
"pos": { "pos": {
"x": 216, "x": 182,
"y": 252 "y": 213
}, },
"width": 177, "width": 117,
"height": 126, "height": 76,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -211,11 +211,11 @@
"id": "cylinder", "id": "cylinder",
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 223, "x": 189,
"y": 492 "y": 398
}, },
"width": 164, "width": 104,
"height": 126, "height": 118,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -252,11 +252,11 @@
"id": "queue", "id": "queue",
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 427, "x": 359,
"y": 12 "y": 38
}, },
"width": 149, "width": 141,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -293,11 +293,11 @@
"id": "package", "id": "package",
"type": "package", "type": "package",
"pos": { "pos": {
"x": 420, "x": 378,
"y": 252 "y": 214
}, },
"width": 163, "width": 103,
"height": 126, "height": 73,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -334,11 +334,11 @@
"id": "step", "id": "step",
"type": "step", "type": "step",
"pos": { "pos": {
"x": 433, "x": 371,
"y": 492 "y": 398
}, },
"width": 136, "width": 116,
"height": 126, "height": 101,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -375,11 +375,11 @@
"id": "callout", "id": "callout",
"type": "callout", "type": "callout",
"pos": { "pos": {
"x": 621, "x": 537,
"y": 12 "y": 13
}, },
"width": 155, "width": 95,
"height": 126, "height": 91,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -416,11 +416,11 @@
"id": "stored_data", "id": "stored_data",
"type": "stored_data", "type": "stored_data",
"pos": { "pos": {
"x": 603, "x": 509,
"y": 252 "y": 218
}, },
"width": 191, "width": 151,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -457,11 +457,11 @@
"id": "person", "id": "person",
"type": "person", "type": "person",
"pos": { "pos": {
"x": 622, "x": 507,
"y": 492 "y": 398
}, },
"width": 153, "width": 155,
"height": 126, "height": 103,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -498,11 +498,11 @@
"id": "diamond", "id": "diamond",
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 798, "x": 652,
"y": 12 "y": 12
}, },
"width": 168, "width": 156,
"height": 126, "height": 92,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -539,11 +539,11 @@
"id": "oval", "id": "oval",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 814, "x": 682,
"y": 252 "y": 216
}, },
"width": 136, "width": 97,
"height": 126, "height": 70,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -580,11 +580,11 @@
"id": "circle", "id": "circle",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 810, "x": 685,
"y": 492 "y": 398
}, },
"width": 144, "width": 91,
"height": 144, "height": 91,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -621,11 +621,11 @@
"id": "hexagon", "id": "hexagon",
"type": "hexagon", "type": "hexagon",
"pos": { "pos": {
"x": 986, "x": 828,
"y": 12 "y": 35
}, },
"width": 165, "width": 128,
"height": 126, "height": 69,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -662,11 +662,11 @@
"id": "cloud", "id": "cloud",
"type": "cloud", "type": "cloud",
"pos": { "pos": {
"x": 996, "x": 840,
"y": 238 "y": 204
}, },
"width": 145, "width": 104,
"height": 126, "height": 84,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -727,12 +727,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 97.5, "x": 67.5,
"y": 138 "y": 104
}, },
{ {
"x": 97.5, "x": 67.5,
"y": 238 "y": 204
} }
], ],
"animated": false, "animated": false,
@ -766,12 +766,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 97.5, "x": 67.5,
"y": 392 "y": 298
}, },
{ {
"x": 98, "x": 68,
"y": 492 "y": 398
} }
], ],
"animated": false, "animated": false,
@ -805,12 +805,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 305, "x": 241,
"y": 138 "y": 104
}, },
{ {
"x": 306, "x": 241,
"y": 252 "y": 213
} }
], ],
"animated": false, "animated": false,
@ -844,12 +844,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 305, "x": 241,
"y": 361 "y": 278
}, },
{ {
"x": 305, "x": 241,
"y": 492 "y": 398
} }
], ],
"animated": false, "animated": false,
@ -883,12 +883,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 501, "x": 429,
"y": 138 "y": 104
}, },
{ {
"x": 502, "x": 430,
"y": 252 "y": 215
} }
], ],
"animated": false, "animated": false,
@ -922,12 +922,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 501, "x": 429,
"y": 378 "y": 288
}, },
{ {
"x": 502, "x": 430,
"y": 492 "y": 398
} }
], ],
"animated": false, "animated": false,
@ -961,12 +961,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 699, "x": 585,
"y": 138 "y": 59
}, },
{ {
"x": 699, "x": 585,
"y": 252 "y": 218
} }
], ],
"animated": false, "animated": false,
@ -1000,12 +1000,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 698, "x": 585,
"y": 378 "y": 284
}, },
{ {
"x": 699, "x": 585,
"y": 492 "y": 398
} }
], ],
"animated": false, "animated": false,
@ -1039,12 +1039,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 882, "x": 731,
"y": 138 "y": 104
}, },
{ {
"x": 882, "x": 731,
"y": 252 "y": 216
} }
], ],
"animated": false, "animated": false,
@ -1078,12 +1078,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 882, "x": 731,
"y": 378 "y": 286
}, },
{ {
"x": 882, "x": 731,
"y": 492 "y": 398
} }
], ],
"animated": false, "animated": false,
@ -1117,12 +1117,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1068, "x": 893,
"y": 138 "y": 104
}, },
{ {
"x": 1069, "x": 892,
"y": 240 "y": 206
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/stable/all_shapes_multiple/elk/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 338 KiB

After

Width:  |  Height:  |  Size: 336 KiB

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

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 13
}, },
"width": 171, "width": 111,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,10 +48,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 9, "x": 9,
"y": 226 "y": 192
}, },
"width": 154, "width": 94,
"height": 154, "height": 94,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -89,10 +89,10 @@
"type": "page", "type": "page",
"pos": { "pos": {
"x": 16, "x": 16,
"y": 489 "y": 402
}, },
"width": 139, "width": 79,
"height": 126, "height": 87,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -129,11 +129,11 @@
"id": "parallelogram", "id": "parallelogram",
"type": "parallelogram", "type": "parallelogram",
"pos": { "pos": {
"x": 231, "x": 171,
"y": 0 "y": 13
}, },
"width": 204, "width": 196,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -170,11 +170,11 @@
"id": "document", "id": "document",
"type": "document", "type": "document",
"pos": { "pos": {
"x": 245, "x": 211,
"y": 240 "y": 201
}, },
"width": 177, "width": 117,
"height": 126, "height": 76,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -211,11 +211,11 @@
"id": "cylinder", "id": "cylinder",
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 251, "x": 217,
"y": 489 "y": 386
}, },
"width": 164, "width": 104,
"height": 126, "height": 118,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -252,11 +252,11 @@
"id": "queue", "id": "queue",
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 495, "x": 427,
"y": 0 "y": 13
}, },
"width": 149, "width": 141,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -293,11 +293,11 @@
"id": "package", "id": "package",
"type": "package", "type": "package",
"pos": { "pos": {
"x": 488, "x": 446,
"y": 240 "y": 203
}, },
"width": 163, "width": 103,
"height": 126, "height": 73,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -334,11 +334,11 @@
"id": "step", "id": "step",
"type": "step", "type": "step",
"pos": { "pos": {
"x": 502, "x": 440,
"y": 489 "y": 395
}, },
"width": 136, "width": 116,
"height": 126, "height": 101,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -375,11 +375,11 @@
"id": "callout", "id": "callout",
"type": "callout", "type": "callout",
"pos": { "pos": {
"x": 729, "x": 646,
"y": 0 "y": 1
}, },
"width": 155, "width": 95,
"height": 126, "height": 91,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -416,11 +416,11 @@
"id": "stored_data", "id": "stored_data",
"type": "stored_data", "type": "stored_data",
"pos": { "pos": {
"x": 711, "x": 618,
"y": 240 "y": 206
}, },
"width": 191, "width": 151,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -457,11 +457,11 @@
"id": "person", "id": "person",
"type": "person", "type": "person",
"pos": { "pos": {
"x": 730, "x": 616,
"y": 489 "y": 394
}, },
"width": 153, "width": 155,
"height": 126, "height": 103,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -498,11 +498,11 @@
"id": "diamond", "id": "diamond",
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 946, "x": 801,
"y": 0 "y": 0
}, },
"width": 168, "width": 156,
"height": 126, "height": 92,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -539,11 +539,11 @@
"id": "oval", "id": "oval",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 962, "x": 830,
"y": 240 "y": 204
}, },
"width": 136, "width": 97,
"height": 126, "height": 70,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -580,11 +580,11 @@
"id": "circle", "id": "circle",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 958, "x": 833,
"y": 480 "y": 400
}, },
"width": 144, "width": 91,
"height": 144, "height": 91,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -621,11 +621,11 @@
"id": "hexagon", "id": "hexagon",
"type": "hexagon", "type": "hexagon",
"pos": { "pos": {
"x": 1174, "x": 1017,
"y": 0 "y": 12
}, },
"width": 165, "width": 128,
"height": 126, "height": 69,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -662,11 +662,11 @@
"id": "cloud", "id": "cloud",
"type": "cloud", "type": "cloud",
"pos": { "pos": {
"x": 1184, "x": 1029,
"y": 240 "y": 197
}, },
"width": 145, "width": 104,
"height": 126, "height": 84,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -727,20 +727,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 85.5, "x": 55.5,
"y": 126 "y": 79
}, },
{ {
"x": 85.5, "x": 55.5,
"y": 166 "y": 129.4
}, },
{ {
"x": 85.5, "x": 55.5,
"y": 186 "y": 152
}, },
{ {
"x": 85.5, "x": 55.5,
"y": 226 "y": 192
} }
], ],
"isCurve": true, "isCurve": true,
@ -775,20 +775,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 85.5, "x": 55.5,
"y": 380 "y": 286
}, },
{ {
"x": 85.5, "x": 55.5,
"y": 420 "y": 326
}, },
{ {
"x": 85.6, "x": 55.6,
"y": 441.8 "y": 349.2
}, },
{ {
"x": 86, "x": 56,
"y": 489 "y": 402
} }
], ],
"isCurve": true, "isCurve": true,
@ -823,20 +823,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 333, "x": 269,
"y": 126 "y": 79
}, },
{ {
"x": 333, "x": 269,
"y": 166 "y": 129.4
}, },
{ {
"x": 333, "x": 269,
"y": 188.8 "y": 153.8
}, },
{ {
"x": 333, "x": 269,
"y": 240 "y": 201
} }
], ],
"isCurve": true, "isCurve": true,
@ -871,20 +871,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 333, "x": 269,
"y": 349 "y": 267
}, },
{ {
"x": 333, "x": 269,
"y": 413.8 "y": 322.2
}, },
{ {
"x": 333, "x": 269,
"y": 441.8 "y": 346
}, },
{ {
"x": 333, "x": 269,
"y": 489 "y": 386
} }
], ],
"isCurve": true, "isCurve": true,
@ -919,20 +919,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 569, "x": 497,
"y": 126 "y": 79
}, },
{ {
"x": 569.4, "x": 497.4,
"y": 166 "y": 129.4
}, },
{ {
"x": 569.6, "x": 497.6,
"y": 188.8 "y": 154.2
}, },
{ {
"x": 570, "x": 498,
"y": 240 "y": 203
} }
], ],
"isCurve": true, "isCurve": true,
@ -967,20 +967,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 569, "x": 497,
"y": 366 "y": 276
}, },
{ {
"x": 569.4, "x": 497.4,
"y": 417.2 "y": 324
}, },
{ {
"x": 569.6, "x": 497.6,
"y": 441.8 "y": 347.8
}, },
{ {
"x": 570, "x": 498,
"y": 489 "y": 395
} }
], ],
"isCurve": true, "isCurve": true,
@ -1015,20 +1015,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 807, "x": 693,
"y": 126 "y": 47
}, },
{ {
"x": 806.6, "x": 693,
"y": 166 "y": 123
}, },
{ {
"x": 806.6, "x": 693,
"y": 188.8 "y": 154.8
}, },
{ {
"x": 807, "x": 693,
"y": 240 "y": 206
} }
], ],
"isCurve": true, "isCurve": true,
@ -1063,20 +1063,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 806, "x": 693,
"y": 366 "y": 272
}, },
{ {
"x": 806.4, "x": 693,
"y": 417.2 "y": 323.2
}, },
{ {
"x": 806.6, "x": 693,
"y": 441.8 "y": 347.6
}, },
{ {
"x": 807, "x": 693,
"y": 489 "y": 394
} }
], ],
"isCurve": true, "isCurve": true,
@ -1111,20 +1111,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1030, "x": 879,
"y": 126 "y": 92
}, },
{ {
"x": 1030, "x": 878.6,
"y": 166 "y": 132
}, },
{ {
"x": 1030, "x": 878.6,
"y": 188.8 "y": 154.4
}, },
{ {
"x": 1030, "x": 879,
"y": 240 "y": 204
} }
], ],
"isCurve": true, "isCurve": true,
@ -1159,20 +1159,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1030, "x": 879,
"y": 366 "y": 274
}, },
{ {
"x": 1030, "x": 878.6,
"y": 417.2 "y": 323.6
}, },
{ {
"x": 1030, "x": 878.6,
"y": 440 "y": 348.8
}, },
{ {
"x": 1030, "x": 879,
"y": 480 "y": 400
} }
], ],
"isCurve": true, "isCurve": true,
@ -1207,20 +1207,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1256, "x": 1081,
"y": 126 "y": 81
}, },
{ {
"x": 1256.4, "x": 1080.6,
"y": 166 "y": 129.8
}, },
{ {
"x": 1256.6, "x": 1080.6,
"y": 189.2 "y": 153.4
}, },
{ {
"x": 1257, "x": 1081,
"y": 242 "y": 199
} }
], ],
"isCurve": true, "isCurve": true,

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

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

Before

Width:  |  Height:  |  Size: 335 KiB

After

Width:  |  Height:  |  Size: 334 KiB

216
e2etests/testdata/stable/all_shapes_shadow/elk/board.exp.json generated vendored
View file

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 12 "y": 38
}, },
"width": 171, "width": 111,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,10 +48,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 20, "x": 20,
"y": 238 "y": 204
}, },
"width": 154, "width": 94,
"height": 154, "height": 94,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -89,10 +89,10 @@
"type": "page", "type": "page",
"pos": { "pos": {
"x": 28, "x": 28,
"y": 492 "y": 398
}, },
"width": 139, "width": 79,
"height": 126, "height": 87,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -129,11 +129,11 @@
"id": "parallelogram", "id": "parallelogram",
"type": "parallelogram", "type": "parallelogram",
"pos": { "pos": {
"x": 203, "x": 143,
"y": 12 "y": 38
}, },
"width": 204, "width": 196,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -170,11 +170,11 @@
"id": "document", "id": "document",
"type": "document", "type": "document",
"pos": { "pos": {
"x": 216, "x": 182,
"y": 252 "y": 213
}, },
"width": 177, "width": 117,
"height": 126, "height": 76,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -211,11 +211,11 @@
"id": "cylinder", "id": "cylinder",
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 223, "x": 189,
"y": 492 "y": 398
}, },
"width": 164, "width": 104,
"height": 126, "height": 118,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -252,11 +252,11 @@
"id": "queue", "id": "queue",
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 427, "x": 359,
"y": 12 "y": 38
}, },
"width": 149, "width": 141,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -293,11 +293,11 @@
"id": "package", "id": "package",
"type": "package", "type": "package",
"pos": { "pos": {
"x": 420, "x": 378,
"y": 252 "y": 214
}, },
"width": 163, "width": 103,
"height": 126, "height": 73,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -334,11 +334,11 @@
"id": "step", "id": "step",
"type": "step", "type": "step",
"pos": { "pos": {
"x": 433, "x": 371,
"y": 492 "y": 398
}, },
"width": 136, "width": 116,
"height": 126, "height": 101,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -375,11 +375,11 @@
"id": "callout", "id": "callout",
"type": "callout", "type": "callout",
"pos": { "pos": {
"x": 621, "x": 537,
"y": 12 "y": 13
}, },
"width": 155, "width": 95,
"height": 126, "height": 91,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -416,11 +416,11 @@
"id": "stored_data", "id": "stored_data",
"type": "stored_data", "type": "stored_data",
"pos": { "pos": {
"x": 603, "x": 509,
"y": 252 "y": 218
}, },
"width": 191, "width": 151,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -457,11 +457,11 @@
"id": "person", "id": "person",
"type": "person", "type": "person",
"pos": { "pos": {
"x": 622, "x": 507,
"y": 492 "y": 398
}, },
"width": 153, "width": 155,
"height": 126, "height": 103,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -498,11 +498,11 @@
"id": "diamond", "id": "diamond",
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 798, "x": 652,
"y": 12 "y": 12
}, },
"width": 168, "width": 156,
"height": 126, "height": 92,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -539,11 +539,11 @@
"id": "oval", "id": "oval",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 814, "x": 682,
"y": 252 "y": 216
}, },
"width": 136, "width": 97,
"height": 126, "height": 70,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -580,11 +580,11 @@
"id": "circle", "id": "circle",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 810, "x": 685,
"y": 492 "y": 398
}, },
"width": 144, "width": 91,
"height": 144, "height": 91,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -621,11 +621,11 @@
"id": "hexagon", "id": "hexagon",
"type": "hexagon", "type": "hexagon",
"pos": { "pos": {
"x": 986, "x": 828,
"y": 12 "y": 35
}, },
"width": 165, "width": 128,
"height": 126, "height": 69,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -662,11 +662,11 @@
"id": "cloud", "id": "cloud",
"type": "cloud", "type": "cloud",
"pos": { "pos": {
"x": 996, "x": 840,
"y": 238 "y": 204
}, },
"width": 145, "width": 104,
"height": 126, "height": 84,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -727,12 +727,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 97.5, "x": 67.5,
"y": 138 "y": 104
}, },
{ {
"x": 97.5, "x": 67.5,
"y": 238 "y": 204
} }
], ],
"animated": false, "animated": false,
@ -766,12 +766,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 97.5, "x": 67.5,
"y": 392 "y": 298
}, },
{ {
"x": 98, "x": 68,
"y": 492 "y": 398
} }
], ],
"animated": false, "animated": false,
@ -805,12 +805,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 305, "x": 241,
"y": 138 "y": 104
}, },
{ {
"x": 306, "x": 241,
"y": 252 "y": 213
} }
], ],
"animated": false, "animated": false,
@ -844,12 +844,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 305, "x": 241,
"y": 361 "y": 278
}, },
{ {
"x": 305, "x": 241,
"y": 492 "y": 398
} }
], ],
"animated": false, "animated": false,
@ -883,12 +883,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 501, "x": 429,
"y": 138 "y": 104
}, },
{ {
"x": 502, "x": 430,
"y": 252 "y": 215
} }
], ],
"animated": false, "animated": false,
@ -922,12 +922,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 501, "x": 429,
"y": 378 "y": 288
}, },
{ {
"x": 502, "x": 430,
"y": 492 "y": 398
} }
], ],
"animated": false, "animated": false,
@ -961,12 +961,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 699, "x": 585,
"y": 138 "y": 59
}, },
{ {
"x": 699, "x": 585,
"y": 252 "y": 218
} }
], ],
"animated": false, "animated": false,
@ -1000,12 +1000,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 698, "x": 585,
"y": 378 "y": 284
}, },
{ {
"x": 699, "x": 585,
"y": 492 "y": 398
} }
], ],
"animated": false, "animated": false,
@ -1039,12 +1039,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 882, "x": 731,
"y": 138 "y": 104
}, },
{ {
"x": 882, "x": 731,
"y": 252 "y": 216
} }
], ],
"animated": false, "animated": false,
@ -1078,12 +1078,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 882, "x": 731,
"y": 378 "y": 286
}, },
{ {
"x": 882, "x": 731,
"y": 492 "y": 398
} }
], ],
"animated": false, "animated": false,
@ -1117,12 +1117,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1068, "x": 893,
"y": 138 "y": 104
}, },
{ {
"x": 1069, "x": 892,
"y": 240 "y": 206
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/stable/all_shapes_shadow/elk/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 335 KiB

After

Width:  |  Height:  |  Size: 334 KiB

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

@ -6,11 +6,11 @@
"id": "your love life will be", "id": "your love life will be",
"type": "", "type": "",
"pos": { "pos": {
"x": 58, "x": 28,
"y": 0 "y": 0
}, },
"width": 247, "width": 187,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -48,10 +48,10 @@
"type": "", "type": "",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 247 "y": 187
}, },
"width": 149, "width": 89,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -88,11 +88,11 @@
"id": "harmonious", "id": "harmonious",
"type": "", "type": "",
"pos": { "pos": {
"x": 209, "x": 149,
"y": 247 "y": 187
}, },
"width": 190, "width": 130,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -129,11 +129,11 @@
"id": "boredom", "id": "boredom",
"type": "", "type": "",
"pos": { "pos": {
"x": 471, "x": 351,
"y": 247 "y": 187
}, },
"width": 168, "width": 108,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -170,11 +170,11 @@
"id": "immortality", "id": "immortality",
"type": "", "type": "",
"pos": { "pos": {
"x": 460, "x": 340,
"y": 0 "y": 0
}, },
"width": 191, "width": 131,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -211,11 +211,11 @@
"id": "Friday", "id": "Friday",
"type": "", "type": "",
"pos": { "pos": {
"x": 711, "x": 531,
"y": 0 "y": 0
}, },
"width": 150, "width": 90,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -252,11 +252,11 @@
"id": "Monday", "id": "Monday",
"type": "", "type": "",
"pos": { "pos": {
"x": 705, "x": 525,
"y": 247 "y": 187
}, },
"width": 161, "width": 101,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -293,11 +293,11 @@
"id": "Insomnia", "id": "Insomnia",
"type": "", "type": "",
"pos": { "pos": {
"x": 1126, "x": 826,
"y": 0 "y": 0
}, },
"width": 170, "width": 110,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -334,11 +334,11 @@
"id": "Sleep", "id": "Sleep",
"type": "", "type": "",
"pos": { "pos": {
"x": 930, "x": 690,
"y": 247 "y": 187
}, },
"width": 145, "width": 85,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -375,11 +375,11 @@
"id": "Wake", "id": "Wake",
"type": "", "type": "",
"pos": { "pos": {
"x": 1135, "x": 835,
"y": 247 "y": 187
}, },
"width": 144, "width": 84,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -416,11 +416,11 @@
"id": "Dream", "id": "Dream",
"type": "", "type": "",
"pos": { "pos": {
"x": 1339, "x": 979,
"y": 247 "y": 187
}, },
"width": 151, "width": 91,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -457,11 +457,11 @@
"id": "Listen", "id": "Listen",
"type": "", "type": "",
"pos": { "pos": {
"x": 1552, "x": 1132,
"y": 0 "y": 0
}, },
"width": 148, "width": 88,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -498,11 +498,11 @@
"id": "Talk", "id": "Talk",
"type": "", "type": "",
"pos": { "pos": {
"x": 1558, "x": 1138,
"y": 247 "y": 187
}, },
"width": 136, "width": 76,
"height": 126, "height": 66,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -563,20 +563,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 126.917004048583, "x": 94.32352941176471,
"y": 126 "y": 66
}, },
{ {
"x": 84.9834008097166, "x": 54.46470588235294,
"y": 174.4 "y": 114.4
}, },
{ {
"x": 74.5, "x": 44.5,
"y": 198.7 "y": 138.7
}, },
{ {
"x": 74.5, "x": 44.5,
"y": 247.5 "y": 187.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -611,20 +611,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 243.98987854251013, "x": 154.14705882352942,
"y": 126 "y": 66
}, },
{ {
"x": 291.99797570850205, "x": 202.02941176470588,
"y": 174.4 "y": 114.4
}, },
{ {
"x": 304, "x": 214,
"y": 198.7 "y": 138.7
}, },
{ {
"x": 304, "x": 214,
"y": 247.5 "y": 187.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -659,20 +659,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 555.25, "x": 405.25,
"y": 247 "y": 187
}, },
{ {
"x": 555.25, "x": 405.25,
"y": 198.6 "y": 138.6
}, },
{ {
"x": 555.25, "x": 405.25,
"y": 174.3 "y": 114.3
}, },
{ {
"x": 555.25, "x": 405.25,
"y": 125.5 "y": 65.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -707,20 +707,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 785.75, "x": 575.75,
"y": 126 "y": 66
}, },
{ {
"x": 785.75, "x": 575.75,
"y": 174.4 "y": 114.4
}, },
{ {
"x": 785.75, "x": 575.75,
"y": 198.7 "y": 138.7
}, },
{ {
"x": 785.75, "x": 575.75,
"y": 247.5 "y": 187.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -755,20 +755,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1126, "x": 828.5,
"y": 113.2874251497006 "y": 66
}, },
{ {
"x": 1027, "x": 751.5,
"y": 171.8574850299401 "y": 114.4
}, },
{ {
"x": 1002.25, "x": 732.25,
"y": 198.7 "y": 138.7
}, },
{ {
"x": 1002.25, "x": 732.25,
"y": 247.5 "y": 187.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -803,20 +803,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1208.831983805668, "x": 879.5,
"y": 126 "y": 66
}, },
{ {
"x": 1207.1663967611337, "x": 877.3,
"y": 174.4 "y": 114.4
}, },
{ {
"x": 1206.75, "x": 876.75,
"y": 198.7 "y": 138.7
}, },
{ {
"x": 1206.75, "x": 876.75,
"y": 247.5 "y": 187.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -851,20 +851,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1296, "x": 931.5588235294117,
"y": 114.64821648216483 "y": 66
}, },
{ {
"x": 1390.6, "x": 1005.7117647058824,
"y": 172.12964329643296 "y": 114.4
}, },
{ {
"x": 1414.25, "x": 1024.25,
"y": 198.7 "y": 138.7
}, },
{ {
"x": 1414.25, "x": 1024.25,
"y": 247.5 "y": 187.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -899,20 +899,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1625.5, "x": 1175.5,
"y": 126 "y": 66
}, },
{ {
"x": 1625.5, "x": 1175.5,
"y": 174.4 "y": 114.4
}, },
{ {
"x": 1625.5, "x": 1175.5,
"y": 198.7 "y": 138.7
}, },
{ {
"x": 1625.5, "x": 1175.5,
"y": 247.5 "y": 187.5
} }
], ],
"isCurve": true, "isCurve": true,

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