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

elk

Browse source
This commit is contained in:
Alexander Wang 2023-02-09 19:49:53 -08:00
parent dbac4b8cdf
commit 4aaaf8dfa2
No known key found for this signature in database
GPG key ID: D89FA31966BDBECE
174 changed files with 3545 additions and 3537 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
d2layouts/d2elklayout/layout.go
View file

@ -87,9 +87,9 @@ type ConfigurableOpts struct {
var DefaultOpts = ConfigurableOpts{ var DefaultOpts = ConfigurableOpts{
Algorithm: "layered", Algorithm: "layered",
NodeSpacing: 100.0, NodeSpacing: 60.0,
Padding: "[top=75,left=75,bottom=75,right=75]", Padding: "[top=50,left=50,bottom=50,right=50]",
EdgeNodeSpacing: 50.0, EdgeNodeSpacing: 40.0,
SelfLoopSpacing: 50.0, SelfLoopSpacing: 50.0,
} }

8
d2renderers/d2svg/d2svg.go
View file

@ -117,8 +117,8 @@ func arrowheadDimensions(arrowhead d2target.Arrowhead, strokeWidth float64) (wid
widthMultiplier = 12 widthMultiplier = 12
heightMultiplier = 12 heightMultiplier = 12
case d2target.CfOne, d2target.CfMany, d2target.CfOneRequired, d2target.CfManyRequired: case d2target.CfOne, d2target.CfMany, d2target.CfOneRequired, d2target.CfManyRequired:
widthMultiplier = 14 widthMultiplier = 11
heightMultiplier = 15 heightMultiplier = 12
} }
clippedStrokeWidth := go2.Max(MIN_ARROWHEAD_STROKE_WIDTH, strokeWidth) clippedStrokeWidth := go2.Max(MIN_ARROWHEAD_STROKE_WIDTH, strokeWidth)
@ -298,8 +298,8 @@ func arrowheadMarker(isTarget bool, id string, connection d2target.Connection) s
attrs, modifier, attrs, modifier,
width-3.0, height/2.0, width-3.0, height/2.0,
width+offset, height/2.0, width+offset, height/2.0,
offset*1.8, 0., offset*1.6, 0.,
offset*1.8, height, offset*1.6, height,
) )
} }
default: default:

68
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": 354, "width": 290,
"height": 701, "height": 541,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -47,8 +47,8 @@
"id": "a.b", "id": "a.b",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 97, "x": 62,
"y": 87 "y": 62
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -88,11 +88,11 @@
"id": "a.c", "id": "a.c",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 87, "x": 76,
"y": 422 "y": 337
}, },
"width": 204, "width": 154,
"height": 216, "height": 166,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -129,8 +129,8 @@
"id": "a.1", "id": "a.1",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 163, "x": 127,
"y": 256 "y": 191
}, },
"width": 52, "width": 52,
"height": 66, "height": 66,
@ -170,8 +170,8 @@
"id": "a.2", "id": "a.2",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 235, "x": 199,
"y": 256 "y": 191
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -211,8 +211,8 @@
"id": "a.c.d", "id": "a.c.d",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 162, "x": 126,
"y": 497 "y": 387
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -276,20 +276,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 124, "x": 88.5,
"y": 153 "y": 128
}, },
{ {
"x": 124, "x": 88.5,
"y": 372 "y": 297
}, },
{ {
"x": 138, "x": 115,
"y": 372 "y": 297
}, },
{ {
"x": 138, "x": 115,
"y": 422 "y": 337
} }
], ],
"animated": false, "animated": false,
@ -323,12 +323,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 189, "x": 153.5,
"y": 322 "y": 257
}, },
{ {
"x": 189, "x": 153.5,
"y": 422 "y": 337
} }
], ],
"animated": false, "animated": false,
@ -362,20 +362,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 261.5, "x": 226,
"y": 322 "y": 257
}, },
{ {
"x": 261.5, "x": 226,
"y": 372 "y": 297
}, },
{ {
"x": 240, "x": 192,
"y": 372 "y": 297
}, },
{ {
"x": 240, "x": 192,
"y": 422 "y": 337
} }
], ],
"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="558" height="905" viewBox="-90 -90 558 905"><style type="text/css"> width="494" height="745" viewBox="-90 -90 494 745"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,9 +39,9 @@ width="558" height="905" viewBox="-90 -90 558 905"><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="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.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.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.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(#731079584)"/><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(#731079584)"/></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(#731079584)"/></g><mask id="731079584" maskUnits="userSpaceOnUse" x="-100" y="-100" width="558" height="905"> ]]></script><g id="a"><g class="shape" ><rect x="12" y="12" width="290" height="541" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="157.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="a.b"><g class="shape" ><rect x="62" y="62" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="88.500000" y="100.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.c"><g class="shape" ><rect x="76" y="337" width="154" height="166" style="fill:#EDF0FD;stroke:white;stroke-width:2;" /></g><text class="text" x="153.000000" y="366.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">c</text></g><g id="a.1"><g class="shape" ><rect x="127" y="191" width="52" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="153.000000" y="229.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">1</text></g><g id="a.2"><g class="shape" ><rect x="199" y="191" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="225.500000" y="229.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">2</text></g><g id="a.c.d"><g class="shape" ><rect x="126" y="387" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="153.000000" y="425.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 88.500000 130.000000 L 88.500000 287.000000 S 88.500000 297.000000 98.500000 297.000000 L 105.000000 297.000000 S 115.000000 297.000000 115.000000 307.000000 L 115.000000 333.000000" class="connection" style="fill:none;stroke:red;stroke-width:2;" marker-end="url(#mk-1065319532)" mask="url(#2017283763)"/><text class="text-italic" x="89.000000" y="227.000000" style="text-anchor:middle;font-size:16px;fill:red"><tspan x="89.000000" dy="0.000000">line 1</tspan><tspan x="89.000000" dy="17.250000">line 2</tspan><tspan x="89.000000" dy="17.250000">line 3</tspan><tspan x="89.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 153.500000 259.000000 L 153.500000 333.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2017283763)"/></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 226.000000 261.000000 L 226.000000 287.000000 S 226.000000 297.000000 216.000000 297.000000 L 202.000000 297.000000 S 192.000000 297.000000 192.000000 307.000000 L 192.000000 333.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2017283763)"/></g><mask id="2017283763" maskUnits="userSpaceOnUse" x="-100" y="-100" width="494" height="745">
<rect x="-100" y="-100" width="558" height="905" fill="white"></rect> <rect x="-100" y="-100" width="494" height="745" fill="white"></rect>
<rect x="106.000000" y="260.000000" width="36" height="69" fill="black"></rect> <rect x="71.000000" y="211.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

56
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": 2233, "width": 1863,
"height": 227, "height": 177,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -47,8 +47,8 @@
"id": "build_workflow.push", "id": "build_workflow.push",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 87, "x": 62,
"y": 87 "y": 62
}, },
"width": 270, "width": 270,
"height": 77, "height": 77,
@ -88,8 +88,8 @@
"id": "build_workflow.GHA", "id": "build_workflow.GHA",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 611, "x": 506,
"y": 87 "y": 62
}, },
"width": 209, "width": 209,
"height": 77, "height": 77,
@ -129,8 +129,8 @@
"id": "build_workflow.S3", "id": "build_workflow.S3",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1158, "x": 973,
"y": 87 "y": 62
}, },
"width": 71, "width": 71,
"height": 77, "height": 77,
@ -170,8 +170,8 @@
"id": "build_workflow.Terraform", "id": "build_workflow.Terraform",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1548, "x": 1283,
"y": 87 "y": 62
}, },
"width": 158, "width": 158,
"height": 77, "height": 77,
@ -211,8 +211,8 @@
"id": "build_workflow.AWS", "id": "build_workflow.AWS",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2075, "x": 1730,
"y": 87 "y": 62
}, },
"width": 95, "width": 95,
"height": 77, "height": 77,
@ -276,12 +276,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 357, "x": 332,
"y": 125.5 "y": 100.5
}, },
{ {
"x": 611, "x": 506,
"y": 125.5 "y": 100.5
} }
], ],
"animated": false, "animated": false,
@ -315,12 +315,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 820, "x": 715,
"y": 125.5 "y": 100.5
}, },
{ {
"x": 1158, "x": 973,
"y": 125.5 "y": 100.5
} }
], ],
"animated": false, "animated": false,
@ -354,12 +354,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1229, "x": 1044,
"y": 125.5 "y": 100.5
}, },
{ {
"x": 1548, "x": 1283,
"y": 125.5 "y": 100.5
} }
], ],
"animated": false, "animated": false,
@ -393,12 +393,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1706, "x": 1441,
"y": 125.5 "y": 100.5
}, },
{ {
"x": 2075, "x": 1730,
"y": 125.5 "y": 100.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="2437" height="431" viewBox="-90 -90 2437 431"><style type="text/css"> width="2067" height="381" viewBox="-90 -90 2067 381"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,12 +39,12 @@ width="2437" height="431" viewBox="-90 -90 2437 431"><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="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(#483332612)"/><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(#483332612)"/><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(#483332612)"/><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(#483332612)"/><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="483332612" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2437" height="431"> ]]></script><g id="build_workflow"><g class="shape" ><rect x="12" y="12" width="1863" height="177" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="943.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="62" y="62" width="270" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="197.000000" y="109.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="506" y="62" width="209" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="610.500000" y="109.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">GitHub Actions</text></g><g id="build_workflow.S3"><g class="shape" ><rect x="973" y="62" width="71" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1008.500000" y="109.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">S3</text></g><g id="build_workflow.Terraform"><g class="shape" ><rect x="1283" y="62" width="158" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1362.000000" y="109.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">Terraform</text></g><g id="build_workflow.AWS"><g class="shape" ><rect x="1730" y="62" width="95" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1777.500000" y="109.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 334.000000 100.500000 L 502.000000 100.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3237896491)"/><text class="text-italic" x="419.000000" y="106.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Triggers</text></g><g id="build_workflow.(GHA -&gt; S3)[0]"><path d="M 717.000000 100.500000 L 969.000000 100.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3237896491)"/><text class="text-italic" x="844.000000" y="106.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 1048.000000 100.500000 L 1279.000000 100.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#3237896491)"/><text class="text-italic" x="1163.500000" y="106.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 1443.000000 100.500000 L 1726.000000 100.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3237896491)"/><text class="text-italic" x="1585.500000" y="106.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Changes the live lambdas</text></g><mask id="3237896491" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2067" height="381">
<rect x="-100" y="-100" width="2437" height="431" fill="white"></rect> <rect x="-100" y="-100" width="2067" height="381" fill="white"></rect>
<rect x="457.000000" y="115.000000" width="54" height="21" fill="black"></rect> <rect x="392.000000" y="90.000000" width="54" height="21" fill="black"></rect>
<rect x="920.000000" y="115.000000" width="138" height="21" fill="black"></rect> <rect x="775.000000" y="90.000000" width="138" height="21" fill="black"></rect>
<rect x="1329.000000" y="115.000000" width="119" height="21" fill="black"></rect> <rect x="1104.000000" y="90.000000" width="119" height="21" fill="black"></rect>
<rect x="1806.000000" y="115.000000" width="169" height="21" fill="black"></rect> <rect x="1501.000000" y="90.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

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

@ -171,7 +171,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 475, "x": 475,
"y": 194 "y": 174
}, },
"width": 83, "width": 83,
"height": 66, "height": 66,
@ -322,15 +322,15 @@
}, },
{ {
"x": 403, "x": 403,
"y": 144 "y": 134
}, },
{ {
"x": 496.25, "x": 496.25,
"y": 144 "y": 134
}, },
{ {
"x": 496.25, "x": 496.25,
"y": 194 "y": 174
} }
], ],
"animated": false, "animated": false,
@ -369,7 +369,7 @@
}, },
{ {
"x": 517, "x": 517,
"y": 194 "y": 174
} }
], ],
"animated": false, "animated": false,
@ -408,15 +408,15 @@
}, },
{ {
"x": 631.5, "x": 631.5,
"y": 144 "y": 134
}, },
{ {
"x": 537.75, "x": 537.75,
"y": 144 "y": 134
}, },
{ {
"x": 537.75, "x": 537.75,
"y": 194 "y": 174
} }
], ],
"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="871" height="452" viewBox="-90 -90 871 452"><style type="text/css"> width="871" height="432" viewBox="-90 -90 871 432"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="871" height="452" viewBox="-90 -90 871 452"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="&#34;ninety\nnine&#34;"><g class="shape" ><rect x="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="18.500000">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="18.500000">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(#1355253866)"/></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(#1355253866)"/></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(#1355253866)"/></g><mask id="1355253866" maskUnits="userSpaceOnUse" x="-100" y="-100" width="871" height="452"> ]]></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="18.500000">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="18.500000">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="174" width="83" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="516.500000" y="212.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 124.000000 S 403.000000 134.000000 413.000000 134.000000 L 486.250000 134.000000 S 496.250000 134.000000 496.250000 144.000000 L 496.250000 170.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1719411410)"/></g><g id="(&#39;a\&#34;ode&#39; -&gt; there)[0]"><path d="M 517.000000 96.000000 L 517.000000 170.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1719411410)"/></g><g id="(&#34;a\\node&#34; -&gt; there)[0]"><path d="M 631.500000 96.000000 L 631.500000 124.000000 S 631.500000 134.000000 621.500000 134.000000 L 547.750000 134.000000 S 537.750000 134.000000 537.750000 144.000000 L 537.750000 170.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1719411410)"/></g><mask id="1719411410" maskUnits="userSpaceOnUse" x="-100" y="-100" width="871" height="432">
<rect x="-100" y="-100" width="871" height="452" fill="white"></rect> <rect x="-100" y="-100" width="871" height="432" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 327 KiB

After

Width:  |  Height:  |  Size: 327 KiB

128
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": 420, "width": 370,
"height": 1439, "height": 1069,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -47,8 +47,8 @@
"id": "build_workflow.push", "id": "build_workflow.push",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 87, "x": 62,
"y": 87 "y": 62
}, },
"width": 270, "width": 270,
"height": 77, "height": 77,
@ -88,8 +88,8 @@
"id": "build_workflow.GHA", "id": "build_workflow.GHA",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 117, "x": 92,
"y": 390 "y": 285
}, },
"width": 209, "width": 209,
"height": 77, "height": 77,
@ -129,8 +129,8 @@
"id": "build_workflow.S3", "id": "build_workflow.S3",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 186, "x": 161,
"y": 693 "y": 508
}, },
"width": 71, "width": 71,
"height": 77, "height": 77,
@ -170,8 +170,8 @@
"id": "build_workflow.Terraform", "id": "build_workflow.Terraform",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 143, "x": 118,
"y": 996 "y": 731
}, },
"width": 158, "width": 158,
"height": 77, "height": 77,
@ -211,8 +211,8 @@
"id": "build_workflow.AWS", "id": "build_workflow.AWS",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 174, "x": 149,
"y": 1299 "y": 954
}, },
"width": 95, "width": 95,
"height": 77, "height": 77,
@ -252,11 +252,11 @@
"id": "deploy_workflow", "id": "deploy_workflow",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 452, "x": 402,
"y": 275 "y": 195
}, },
"width": 361, "width": 311,
"height": 913, "height": 703,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -293,8 +293,8 @@
"id": "deploy_workflow.manual", "id": "deploy_workflow.manual",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 527, "x": 452,
"y": 350 "y": 245
}, },
"width": 211, "width": 211,
"height": 77, "height": 77,
@ -334,8 +334,8 @@
"id": "deploy_workflow.GHA", "id": "deploy_workflow.GHA",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 528, "x": 453,
"y": 653 "y": 468
}, },
"width": 209, "width": 209,
"height": 77, "height": 77,
@ -375,8 +375,8 @@
"id": "deploy_workflow.AWS", "id": "deploy_workflow.AWS",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 585, "x": 510,
"y": 1036 "y": 771
}, },
"width": 95, "width": 95,
"height": 77, "height": 77,
@ -416,11 +416,11 @@
"id": "apollo_workflow", "id": "apollo_workflow",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 833, "x": 733,
"y": 315 "y": 235
}, },
"width": 684, "width": 634,
"height": 833, "height": 623,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -457,8 +457,8 @@
"id": "apollo_workflow.apollo", "id": "apollo_workflow.apollo",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1085, "x": 960,
"y": 390 "y": 285
}, },
"width": 178, "width": 178,
"height": 77, "height": 77,
@ -498,8 +498,8 @@
"id": "apollo_workflow.GHA", "id": "apollo_workflow.GHA",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1070, "x": 945,
"y": 693 "y": 508
}, },
"width": 209, "width": 209,
"height": 77, "height": 77,
@ -539,8 +539,8 @@
"id": "apollo_workflow.AWS", "id": "apollo_workflow.AWS",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1127, "x": 1002,
"y": 996 "y": 731
}, },
"width": 95, "width": 95,
"height": 77, "height": 77,
@ -604,12 +604,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 222, "x": 197,
"y": 164 "y": 139
}, },
{ {
"x": 222, "x": 197,
"y": 390 "y": 285
} }
], ],
"animated": false, "animated": false,
@ -643,12 +643,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 222, "x": 197,
"y": 467 "y": 362
}, },
{ {
"x": 222, "x": 197,
"y": 693 "y": 508
} }
], ],
"animated": false, "animated": false,
@ -682,12 +682,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 222, "x": 197,
"y": 770 "y": 585
}, },
{ {
"x": 222, "x": 197,
"y": 996 "y": 731
} }
], ],
"animated": false, "animated": false,
@ -721,12 +721,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 222, "x": 197,
"y": 1073 "y": 808
}, },
{ {
"x": 222, "x": 197,
"y": 1299 "y": 954
} }
], ],
"animated": false, "animated": false,
@ -760,12 +760,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 632.5, "x": 557.5,
"y": 427 "y": 322
}, },
{ {
"x": 632.5, "x": 557.5,
"y": 653 "y": 468
} }
], ],
"animated": false, "animated": false,
@ -799,12 +799,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 632.5, "x": 557.5,
"y": 730 "y": 545
}, },
{ {
"x": 632.5, "x": 557.5,
"y": 1036 "y": 771
} }
], ],
"animated": false, "animated": false,
@ -838,12 +838,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1174.5, "x": 1049.5,
"y": 467 "y": 362
}, },
{ {
"x": 1174.5, "x": 1049.5,
"y": 693 "y": 508
} }
], ],
"animated": false, "animated": false,
@ -877,12 +877,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1174.5, "x": 1049.5,
"y": 770 "y": 585
}, },
{ {
"x": 1174.5, "x": 1049.5,
"y": 996 "y": 731
} }
], ],
"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

28
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": 326, "width": 276,
"height": 216, "height": 166,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -47,8 +47,8 @@
"id": "x.a", "id": "x.a",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 137, "x": 112,
"y": 87 "y": 62
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -88,8 +88,8 @@
"id": "x.b", "id": "x.b",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 210, "x": 185,
"y": 87 "y": 62
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -153,20 +153,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 137, "x": 112,
"y": 109 "y": 84
}, },
{ {
"x": 87, "x": 62,
"y": 109 "y": 84
}, },
{ {
"x": 87, "x": 62,
"y": 131 "y": 106
}, },
{ {
"x": 137, "x": 112,
"y": 131 "y": 106
} }
], ],
"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="530" height="420" viewBox="-90 -90 530 420"><style type="text/css"> width="480" height="370" viewBox="-90 -90 480 370"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="530" height="420" viewBox="-90 -90 530 420"><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="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(#672125111)"/></g><mask id="672125111" maskUnits="userSpaceOnUse" x="-100" y="-100" width="530" height="420"> ]]></script><g id="x"><g class="shape" ><rect x="12" y="12" width="276" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="150.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="112" y="62" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="138.500000" y="100.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="x.b"><g class="shape" ><rect x="185" y="62" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="211.500000" y="100.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 110.000000 84.000000 L 72.000000 84.000000 S 62.000000 84.000000 62.000000 94.000000 L 62.000000 96.000000 S 62.000000 106.000000 72.000000 106.000000 L 108.000000 106.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1087142245)"/></g><mask id="1087142245" maskUnits="userSpaceOnUse" x="-100" y="-100" width="480" height="370">
<rect x="-100" y="-100" width="530" height="420" fill="white"></rect> <rect x="-100" y="-100" width="480" 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

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

@ -7,10 +7,10 @@
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 165 "y": 145
}, },
"width": 726, "width": 676,
"height": 216, "height": 166,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -46,8 +46,8 @@
"id": "queue.M0", "id": "queue.M0",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 87, "x": 62,
"y": 240 "y": 195
}, },
"width": 65, "width": 65,
"height": 66, "height": 66,
@ -87,8 +87,8 @@
"id": "queue.M1", "id": "queue.M1",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 172, "x": 147,
"y": 240 "y": 195
}, },
"width": 65, "width": 65,
"height": 66, "height": 66,
@ -128,8 +128,8 @@
"id": "queue.M2", "id": "queue.M2",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 257, "x": 232,
"y": 240 "y": 195
}, },
"width": 65, "width": 65,
"height": 66, "height": 66,
@ -169,8 +169,8 @@
"id": "queue.M3", "id": "queue.M3",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 342, "x": 317,
"y": 240 "y": 195
}, },
"width": 65, "width": 65,
"height": 66, "height": 66,
@ -210,8 +210,8 @@
"id": "queue.M4", "id": "queue.M4",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 427, "x": 402,
"y": 240 "y": 195
}, },
"width": 66, "width": 66,
"height": 66, "height": 66,
@ -251,8 +251,8 @@
"id": "queue.M5", "id": "queue.M5",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 513, "x": 488,
"y": 240 "y": 195
}, },
"width": 65, "width": 65,
"height": 66, "height": 66,
@ -292,8 +292,8 @@
"id": "queue.M6", "id": "queue.M6",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 598, "x": 573,
"y": 240 "y": 195
}, },
"width": 65, "width": 65,
"height": 66, "height": 66,
@ -333,7 +333,7 @@
"id": "m0_desc", "id": "m0_desc",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 66, "x": 41,
"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": 269, "x": 244,
"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": 450, "x": 425,
"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": 560, "x": 535,
"y": 12 "y": 12
}, },
"width": 140, "width": 140,
@ -517,12 +517,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 119.5, "x": 94.5,
"y": 60 "y": 60
}, },
{ {
"x": 119.5, "x": 94.5,
"y": 240 "y": 195
} }
], ],
"animated": false, "animated": false,
@ -556,12 +556,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 289.5, "x": 264.5,
"y": 60 "y": 60
}, },
{ {
"x": 289.5, "x": 264.5,
"y": 240 "y": 195
} }
], ],
"animated": false, "animated": false,
@ -595,20 +595,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 495.5, "x": 470.5,
"y": 60 "y": 60
}, },
{ {
"x": 495.5, "x": 470.5,
"y": 110 "y": 100
}, },
{ {
"x": 545.5, "x": 520.5,
"y": 110 "y": 100
}, },
{ {
"x": 545.5, "x": 520.5,
"y": 240 "y": 195
} }
], ],
"animated": false, "animated": false,
@ -642,12 +642,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 630.5, "x": 605.5,
"y": 60 "y": 60
}, },
{ {
"x": 630.5, "x": 605.5,
"y": 240 "y": 195
} }
], ],
"animated": false, "animated": false,

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="930" height="573" viewBox="-90 -90 930 573"><style type="text/css"> width="880" height="503" viewBox="-90 -90 880 503"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -796,13 +796,13 @@ width="930" height="573" viewBox="-90 -90 930 573"><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 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> </style><g id="queue"><g class="shape" ><path d="M 36 145 H 664 C 688 145 688 220 688 228 C 688 236 688 311 664 311 H 36 C 12 311 12 236 12 228 C 12 220 12 145 36 145 Z" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:2;"/><path d="M 664 145 C 640 145 640 220 640 228 C 640 236 640 311 664 311" 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="41.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="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="m2_desc"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="244.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="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="m5_desc"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="425.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="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 /> </div></foreignObject></g></g><g id="m6_desc"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="535.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="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(#2142408228)"/></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(#2142408228)"/></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(#2142408228)"/></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(#2142408228)"/></g><mask id="2142408228" maskUnits="userSpaceOnUse" x="-100" y="-100" width="930" height="573"> </div></foreignObject></g></g><g id="queue.M0"><g class="shape" ><rect x="62" y="195" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="94.500000" y="233.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M0</text></g><g id="queue.M1"><g class="shape" ><rect x="147" y="195" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="179.500000" y="233.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M1</text></g><g id="queue.M2"><g class="shape" ><rect x="232" y="195" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="264.500000" y="233.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M2</text></g><g id="queue.M3"><g class="shape" ><rect x="317" y="195" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="349.500000" y="233.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M3</text></g><g id="queue.M4"><g class="shape" ><rect x="402" y="195" width="66" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="435.000000" y="233.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M4</text></g><g id="queue.M5"><g class="shape" ><rect x="488" y="195" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="520.500000" y="233.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">M5</text></g><g id="queue.M6"><g class="shape" ><rect x="573" y="195" width="65" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="605.500000" y="233.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 94.500000 62.000000 L 94.500000 191.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3488592566)"/></g><g id="(m2_desc -&gt; queue.M2)[0]"><path d="M 264.500000 62.000000 L 264.500000 191.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3488592566)"/></g><g id="(m5_desc -&gt; queue.M5)[0]"><path d="M 470.500000 62.000000 L 470.500000 90.000000 S 470.500000 100.000000 480.500000 100.000000 L 510.500000 100.000000 S 520.500000 100.000000 520.500000 110.000000 L 520.500000 191.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3488592566)"/></g><g id="(m6_desc -&gt; queue.M6)[0]"><path d="M 605.500000 62.000000 L 605.500000 191.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3488592566)"/></g><mask id="3488592566" maskUnits="userSpaceOnUse" x="-100" y="-100" width="880" height="503">
<rect x="-100" y="-100" width="930" height="573" fill="white"></rect> <rect x="-100" y="-100" width="880" height="503" 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

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

@ -48,7 +48,7 @@
"type": "sequence_diagram", "type": "sequence_diagram",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 178 "y": 138
}, },
"width": 106, "width": 106,
"height": 66, "height": 66,
@ -117,7 +117,7 @@
}, },
{ {
"x": 65, "x": 65,
"y": 178 "y": 138
} }
], ],
"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="306" height="432" viewBox="-88 -88 306 432"><style type="text/css"> width="306" height="392" viewBox="-88 -88 306 392"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="306" height="432" viewBox="-88 -88 306 432"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="A"><g class="shape" ><rect x="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(#2561647952)"/></g><mask id="2561647952" maskUnits="userSpaceOnUse" x="-100" y="-100" width="306" height="432"> ]]></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="138" width="106" height="66" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text-bold" x="65.000000" y="176.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 135.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#452064192)"/></g><mask id="452064192" maskUnits="userSpaceOnUse" x="-100" y="-100" width="306" height="392">
<rect x="-100" y="-100" width="306" height="432" fill="white"></rect> <rect x="-100" y="-100" width="306" height="392" 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

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

@ -7,7 +7,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 178 "y": 138
}, },
"width": 95, "width": 95,
"height": 115, "height": 115,
@ -88,7 +88,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 33, "x": 33,
"y": 393 "y": 313
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -157,7 +157,7 @@
}, },
{ {
"x": 59.5, "x": 59.5,
"y": 178 "y": 138
} }
], ],
"animated": false, "animated": false,
@ -192,11 +192,11 @@
"route": [ "route": [
{ {
"x": 59.5, "x": 59.5,
"y": 293 "y": 253
}, },
{ {
"x": 59.5, "x": 59.5,
"y": 393 "y": 313
} }
], ],
"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="299" height="651" viewBox="-90 -90 299 651"><style type="text/css"> width="299" height="571" viewBox="-90 -90 299 571"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -796,7 +796,7 @@ width="299" height="651" viewBox="-90 -90 299 651"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="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> </style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="138.000000" width="95" height="115"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>hey</h1>
<ul> <ul>
<li>they <li>they
<ol> <ol>
@ -804,8 +804,8 @@ width="299" height="651" viewBox="-90 -90 299 651"><style type="text/css">
</ol> </ol>
</li> </li>
</ul> </ul>
</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(#500331167)"/></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(#500331167)"/></g><mask id="500331167" maskUnits="userSpaceOnUse" x="-100" y="-100" width="299" height="651"> </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="313" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="59.500000" y="351.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 134.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2769297139)"/></g><g id="(md -&gt; b)[0]"><path d="M 59.500000 255.000000 L 59.500000 309.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2769297139)"/></g><mask id="2769297139" maskUnits="userSpaceOnUse" x="-100" y="-100" width="299" height="571">
<rect x="-100" y="-100" width="299" height="651" fill="white"></rect> <rect x="-100" y="-100" width="299" height="571" 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

10
e2etests/testdata/regression/only_header_class_table/elk/board.exp.json generated vendored
View file

@ -50,7 +50,7 @@
"type": "sql_table", "type": "sql_table",
"pos": { "pos": {
"x": 362, "x": 362,
"y": 204 "y": 164
}, },
"width": 381, "width": 381,
"height": 36, "height": 36,
@ -93,7 +93,7 @@
"type": "sql_table", "type": "sql_table",
"pos": { "pos": {
"x": 362, "x": 362,
"y": 340 "y": 260
}, },
"width": 381, "width": 381,
"height": 72, "height": 72,
@ -193,7 +193,7 @@
}, },
{ {
"x": 553, "x": 553,
"y": 204 "y": 164
} }
], ],
"animated": false, "animated": false,
@ -228,11 +228,11 @@
"route": [ "route": [
{ {
"x": 553, "x": 553,
"y": 240 "y": 200
}, },
{ {
"x": 553, "x": 553,
"y": 340 "y": 260
} }
], ],
"animated": false, "animated": false,

10
e2etests/testdata/regression/only_header_class_table/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="1286" height="604" viewBox="-90 -90 1286 604"><style type="text/css"> width="1286" height="524" viewBox="-90 -90 1286 524"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,10 +39,10 @@ width="1286" height="604" viewBox="-90 -90 1286 604"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="class"><g class="shape" ><rect class="shape" x="12" y="12" width="1082" height="92" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="1082.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="553.000000" y="65.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyProtocolServerSideTranslatorProtocolBuffer</text><line x1="12.000000" y1="104.000000" x2="1094.000000" y2="104.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><g id="table"><g class="shape" ><rect class="shape" x="362" y="204" width="381" height="36" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="362.000000" y="204.000000" width="381.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="372.000000" y="229.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text></g></g><g id="table with short col"><g class="shape" ><rect class="shape" x="362" y="340" width="381" height="72" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="362.000000" y="340.000000" width="381.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="372.000000" y="365.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text><text class="text" x="372.000000" y="399.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">ok</text> ]]></script><g id="class"><g class="shape" ><rect class="shape" x="12" y="12" width="1082" height="92" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="1082.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="553.000000" y="65.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyProtocolServerSideTranslatorProtocolBuffer</text><line x1="12.000000" y1="104.000000" x2="1094.000000" y2="104.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><g id="table"><g class="shape" ><rect class="shape" x="362" y="164" width="381" height="36" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="362.000000" y="164.000000" width="381.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="372.000000" y="189.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text></g></g><g id="table with short col"><g class="shape" ><rect class="shape" x="362" y="260" width="381" height="72" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="362.000000" y="260.000000" width="381.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="372.000000" y="285.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text><text class="text" x="372.000000" y="319.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">ok</text>
<text class="text" x="413.000000" y="399.000000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text> <text class="text" x="413.000000" y="319.000000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text>
<text class="text" x="723.000000" y="399.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="362.000000" y1="412.000000" x2="743.000000" y2="412.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="(class -&gt; table)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 553.000000 106.000000 L 553.000000 200.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3644627139)"/></g><g id="(table -&gt; table with short col)[0]"><path d="M 553.000000 242.000000 L 553.000000 336.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3644627139)"/></g><mask id="3644627139" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1286" height="604"> <text class="text" x="723.000000" y="319.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="362.000000" y1="332.000000" x2="743.000000" y2="332.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="(class -&gt; table)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 553.000000 106.000000 L 553.000000 160.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#855640225)"/></g><g id="(table -&gt; table with short col)[0]"><path d="M 553.000000 202.000000 L 553.000000 256.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#855640225)"/></g><mask id="855640225" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1286" height="524">
<rect x="-100" y="-100" width="1286" height="604" fill="white"></rect> <rect x="-100" y="-100" width="1286" height="524" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 508 KiB

After

Width:  |  Height:  |  Size: 508 KiB

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

@ -88,7 +88,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 146, "x": 146,
"y": 315 "y": 235
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -157,7 +157,7 @@
}, },
{ {
"x": 173, "x": 173,
"y": 315 "y": 235
} }
], ],
"animated": false, "animated": false,

8
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="713" height="573" viewBox="-88 -90 713 573"><style type="text/css"> width="713" height="493" viewBox="-88 -90 713 493"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -797,9 +797,9 @@ width="713" height="573" viewBox="-88 -90 713 573"><style type="text/css">
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="x" style='opacity:0.400000'><g class="shape" ><rect x="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> </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="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(#2435660832)"/><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="2435660832" maskUnits="userSpaceOnUse" x="-100" y="-100" width="713" height="573"> </div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="146" y="235" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="172.500000" y="273.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 231.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3103719276)"/><text class="text-italic" x="173.000000" y="154.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="3103719276" maskUnits="userSpaceOnUse" x="-100" y="-100" width="713" height="493">
<rect x="-100" y="-100" width="713" height="573" fill="white"></rect> <rect x="-100" y="-100" width="713" height="493" fill="white"></rect>
<rect x="12.000000" y="178.000000" width="322" height="37" fill="black"></rect> <rect x="12.000000" y="138.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

98
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": 1045, "width": 995,
"height": 216, "height": 166,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -47,8 +47,8 @@
"id": "k8s.m1", "id": "k8s.m1",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 87, "x": 62,
"y": 87 "y": 62
}, },
"width": 132, "width": 132,
"height": 66, "height": 66,
@ -88,8 +88,8 @@
"id": "k8s.m2", "id": "k8s.m2",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 239, "x": 214,
"y": 87 "y": 62
}, },
"width": 132, "width": 132,
"height": 66, "height": 66,
@ -129,8 +129,8 @@
"id": "k8s.m3", "id": "k8s.m3",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 391, "x": 366,
"y": 87 "y": 62
}, },
"width": 132, "width": 132,
"height": 66, "height": 66,
@ -170,8 +170,8 @@
"id": "k8s.w1", "id": "k8s.w1",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 543, "x": 518,
"y": 87 "y": 62
}, },
"width": 133, "width": 133,
"height": 66, "height": 66,
@ -211,8 +211,8 @@
"id": "k8s.w2", "id": "k8s.w2",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 696, "x": 671,
"y": 87 "y": 62
}, },
"width": 133, "width": 133,
"height": 66, "height": 66,
@ -252,8 +252,8 @@
"id": "k8s.w3", "id": "k8s.w3",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 849, "x": 824,
"y": 87 "y": 62
}, },
"width": 133, "width": 133,
"height": 66, "height": 66,
@ -294,10 +294,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 301, "x": 301,
"y": 499 "y": 389
}, },
"width": 322, "width": 272,
"height": 216, "height": 166,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -334,8 +334,8 @@
"id": "osvc.vm1", "id": "osvc.vm1",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 376, "x": 351,
"y": 574 "y": 439
}, },
"width": 76, "width": 76,
"height": 66, "height": 66,
@ -375,8 +375,8 @@
"id": "osvc.vm2", "id": "osvc.vm2",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 472, "x": 447,
"y": 574 "y": 439
}, },
"width": 76, "width": 76,
"height": 66, "height": 66,
@ -440,20 +440,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 221, "x": 211,
"y": 228 "y": 178
}, },
{ {
"x": 221, "x": 211,
"y": 399 "y": 299
}, },
{ {
"x": 365.6, "x": 355.59999999999997,
"y": 399 "y": 299
}, },
{ {
"x": 365.6, "x": 355.59999999999997,
"y": 499 "y": 389
} }
], ],
"animated": false, "animated": false,
@ -487,12 +487,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 430, "x": 410,
"y": 228 "y": 178
}, },
{ {
"x": 430, "x": 410,
"y": 499 "y": 389
} }
], ],
"animated": false, "animated": false,
@ -526,20 +526,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 639, "x": 609,
"y": 228 "y": 178
}, },
{ {
"x": 639, "x": 609,
"y": 399 "y": 299
}, },
{ {
"x": 494.4, "x": 464.4,
"y": 399 "y": 299
}, },
{ {
"x": 494.4, "x": 464.4,
"y": 499 "y": 389
} }
], ],
"animated": false, "animated": false,
@ -573,20 +573,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 848, "x": 808,
"y": 228 "y": 178
}, },
{ {
"x": 848, "x": 808,
"y": 449 "y": 349
}, },
{ {
"x": 558.8, "x": 518.8,
"y": 449 "y": 349
}, },
{ {
"x": 558.8, "x": 518.8,
"y": 499 "y": 389
} }
], ],
"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="1249" height="907" viewBox="-90 -90 1249 907"><style type="text/css"> width="1199" height="747" viewBox="-90 -90 1199 747"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,12 +39,12 @@ width="1249" height="907" viewBox="-90 -90 1249 907"><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="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(#2381465109)"/><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(#2381465109)"/><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(#2381465109)"/><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(#2381465109)"/><text class="text-italic" x="788.500000" y="455.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">vault</text></g><mask id="2381465109" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1249" height="907"> ]]></script><g id="k8s"><g class="shape" ><rect x="12" y="12" width="995" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="509.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="389" width="272" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="437.000000" y="422.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">opensvc</text></g><g id="k8s.m1"><g class="shape" ><rect x="62" y="62" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="128.000000" y="100.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master1</text></g><g id="k8s.m2"><g class="shape" ><rect x="214" y="62" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="280.000000" y="100.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master2</text></g><g id="k8s.m3"><g class="shape" ><rect x="366" y="62" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="432.000000" y="100.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master3</text></g><g id="k8s.w1"><g class="shape" ><rect x="518" y="62" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="584.500000" y="100.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker1</text></g><g id="k8s.w2"><g class="shape" ><rect x="671" y="62" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="737.500000" y="100.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker2</text></g><g id="k8s.w3"><g class="shape" ><rect x="824" y="62" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="890.500000" y="100.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker3</text></g><g id="osvc.vm1"><g class="shape" ><rect x="351" y="439" width="76" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="389.000000" y="477.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">VM1</text></g><g id="osvc.vm2"><g class="shape" ><rect x="447" y="439" width="76" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="485.000000" y="477.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 211.000000 180.000000 L 211.000000 289.000000 S 211.000000 299.000000 221.000000 299.000000 L 345.600000 299.000000 S 355.600000 299.000000 355.600000 309.000000 L 355.600000 385.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1091220301)"/><text class="text-italic" x="267.500000" y="305.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">keycloak</text></g><g id="(k8s -&gt; osvc)[1]"><path d="M 410.000000 180.000000 L 410.000000 385.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1091220301)"/><text class="text-italic" x="410.500000" y="289.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">heptapod</text></g><g id="(k8s -&gt; osvc)[2]"><path d="M 609.000000 180.000000 L 609.000000 289.000000 S 609.000000 299.000000 599.000000 299.000000 L 474.400000 299.000000 S 464.400000 299.000000 464.400000 309.000000 L 464.400000 385.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1091220301)"/><text class="text-italic" x="552.500000" y="305.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">harbor</text></g><g id="(k8s -&gt; osvc)[3]"><path d="M 808.000000 180.000000 L 808.000000 339.000000 S 808.000000 349.000000 798.000000 349.000000 L 528.800000 349.000000 S 518.800000 349.000000 518.800000 359.000000 L 518.800000 385.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1091220301)"/><text class="text-italic" x="728.500000" y="355.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">vault</text></g><mask id="1091220301" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1199" height="747">
<rect x="-100" y="-100" width="1249" height="907" fill="white"></rect> <rect x="-100" y="-100" width="1199" height="747" fill="white"></rect>
<rect x="228.000000" y="389.000000" width="59" height="21" fill="black"></rect> <rect x="238.000000" y="289.000000" width="59" height="21" fill="black"></rect>
<rect x="398.000000" y="353.000000" width="65" height="21" fill="black"></rect> <rect x="378.000000" y="273.000000" width="65" height="21" fill="black"></rect>
<rect x="579.000000" y="389.000000" width="47" height="21" fill="black"></rect> <rect x="529.000000" y="289.000000" width="47" height="21" fill="black"></rect>
<rect x="771.000000" y="439.000000" width="35" height="21" fill="black"></rect> <rect x="711.000000" y="339.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

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

@ -130,7 +130,7 @@
"type": "sequence_diagram", "type": "sequence_diagram",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 572 "y": 532
}, },
"width": 448, "width": 448,
"height": 460, "height": 460,
@ -171,7 +171,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 36, "x": 36,
"y": 682 "y": 642
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -212,7 +212,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 286, "x": 286,
"y": 682 "y": 642
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -316,11 +316,11 @@
"route": [ "route": [
{ {
"x": 111, "x": 111,
"y": 878 "y": 838
}, },
{ {
"x": 361, "x": 361,
"y": 878 "y": 838
} }
], ],
"animated": false, "animated": false,
@ -359,7 +359,7 @@
}, },
{ {
"x": 236, "x": 236,
"y": 572 "y": 532
} }
], ],
"animated": false, "animated": false,
@ -472,11 +472,11 @@
"route": [ "route": [
{ {
"x": 111, "x": 111,
"y": 748 "y": 708
}, },
{ {
"x": 111, "x": 111,
"y": 1008 "y": 968
} }
], ],
"animated": false, "animated": false,
@ -511,11 +511,11 @@
"route": [ "route": [
{ {
"x": 361, "x": 361,
"y": 748 "y": 708
}, },
{ {
"x": 361, "x": 361,
"y": 1008 "y": 968
} }
], ],
"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="1220" viewBox="-88 -88 648 1220"><style type="text/css"> width="648" height="1180" viewBox="-88 -88 648 1180"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="648" height="1220" viewBox="-88 -88 648 1220"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="foo"><g class="shape" ><rect x="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(#3782604603)"/></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(#3782604603)"/></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(#3782604603)"/></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(#3782604603)"/></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(#3782604603)"/></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(#3782604603)"/></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(#3782604603)"/></g><mask id="3782604603" maskUnits="userSpaceOnUse" x="-100" y="-100" width="648" height="1220"> ]]></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="532" width="448" height="460" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:0;" /></g><text class="text" x="236.000000" y="565.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="642" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="111.000000" y="680.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="foobar.d"><g class="shape" ><rect x="286" y="642" width="150" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="361.000000" y="680.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 529.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3467963691)"/></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(#3467963691)"/></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(#3467963691)"/></g><g id="(foobar.c -- )[0]"><path d="M 111.000000 710.000000 L 111.000000 967.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3467963691)"/></g><g id="(foobar.d -- )[0]"><path d="M 361.000000 710.000000 L 361.000000 967.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#3467963691)"/></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(#3467963691)"/></g><g id="foobar.(c -&gt; d)[0]"><path d="M 113.000000 838.000000 L 357.000000 838.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3467963691)"/></g><mask id="3467963691" maskUnits="userSpaceOnUse" x="-100" y="-100" width="648" height="1180">
<rect x="-100" y="-100" width="648" height="1220" fill="white"></rect> <rect x="-100" y="-100" width="648" height="1180" 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

10
e2etests/testdata/regression/unnamed_class_table_code/elk/board.exp.json generated vendored
View file

@ -82,7 +82,7 @@
"type": "sql_table", "type": "sql_table",
"pos": { "pos": {
"x": 119, "x": 119,
"y": 480 "y": 440
}, },
"width": 208, "width": 208,
"height": 186, "height": 186,
@ -266,7 +266,7 @@
"type": "code", "type": "code",
"pos": { "pos": {
"x": 125, "x": 125,
"y": 766 "y": 686
}, },
"width": 196, "width": 196,
"height": 70, "height": 70,
@ -334,7 +334,7 @@
}, },
{ {
"x": 223, "x": 223,
"y": 480 "y": 440
} }
], ],
"animated": false, "animated": false,
@ -369,11 +369,11 @@
"route": [ "route": [
{ {
"x": 223, "x": 223,
"y": 666 "y": 626
}, },
{ {
"x": 223, "x": 223,
"y": 766 "y": 686
} }
], ],
"animated": false, "animated": false,

28
e2etests/testdata/regression/unnamed_class_table_code/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="626" height="1028" viewBox="-90 -90 626 1028"><style type="text/css"> width="626" height="948" viewBox="-90 -90 626 948"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -51,20 +51,20 @@ width="626" height="1028" viewBox="-90 -90 626 1028"><style type="text/css">
<text class="text-mono" x="42.000000" y="316.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text> <text class="text-mono" x="42.000000" y="316.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
<text class="text-mono" x="414.000000" y="316.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="22.000000" y="362.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text> <text class="text-mono" x="414.000000" y="316.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="22.000000" y="362.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
<text class="text-mono" x="42.000000" y="362.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text> <text class="text-mono" x="42.000000" y="362.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
<text class="text-mono" x="414.000000" y="362.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="119" y="480" width="208" height="186" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="119.000000" y="480.000000" width="208.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="129.000000" y="531.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text> <text class="text-mono" x="414.000000" y="362.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="119" y="440" width="208" height="186" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="119.000000" y="440.000000" width="208.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="129.000000" y="491.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
<text class="text" x="230.000000" y="531.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text> <text class="text" x="230.000000" y="491.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="307.000000" y="531.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="542.000000" x2="327.000000" y2="542.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="562.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text> <text class="text" x="307.000000" y="491.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="502.000000" x2="327.000000" y2="502.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="522.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
<text class="text" x="230.000000" y="562.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text> <text class="text" x="230.000000" y="522.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="307.000000" y="562.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="573.000000" x2="327.000000" y2="573.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="593.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text> <text class="text" x="307.000000" y="522.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="533.000000" x2="327.000000" y2="533.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="553.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
<text class="text" x="230.000000" y="593.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text> <text class="text" x="230.000000" y="553.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="307.000000" y="593.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="604.000000" x2="327.000000" y2="604.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="624.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text> <text class="text" x="307.000000" y="553.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="564.000000" x2="327.000000" y2="564.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="584.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
<text class="text" x="230.000000" y="624.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text> <text class="text" x="230.000000" y="584.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="307.000000" y="624.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="635.000000" x2="327.000000" y2="635.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="655.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text> <text class="text" x="307.000000" y="584.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="595.000000" x2="327.000000" y2="595.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="615.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
<text class="text" x="230.000000" y="655.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text> <text class="text" x="230.000000" y="615.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
<text class="text" x="307.000000" y="655.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="666.000000" x2="327.000000" y2="666.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(125.000000 766.000000)"><rect class="shape" width="196" height="70" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan> <text class="text" x="307.000000" y="615.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="626.000000" x2="327.000000" y2="626.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(125.000000 686.000000)"><rect class="shape" width="196" height="70" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
</text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan> </text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="(class -&gt; users)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 223.000000 382.000000 L 223.000000 476.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3703733958)"/></g><g id="(users -&gt; code)[0]"><path d="M 223.000000 668.000000 L 223.000000 762.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3703733958)"/></g><mask id="3703733958" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="1028"> </text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="(class -&gt; users)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 223.000000 382.000000 L 223.000000 436.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2276385886)"/></g><g id="(users -&gt; code)[0]"><path d="M 223.000000 628.000000 L 223.000000 682.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2276385886)"/></g><mask id="2276385886" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="948">
<rect x="-100" y="-100" width="626" height="1028" fill="white"></rect> <rect x="-100" y="-100" width="626" height="948" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 601 KiB

After

Width:  |  Height:  |  Size: 601 KiB

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

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 178 "y": 158
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 85, "x": 85,
"y": 178 "y": 158
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -158,7 +158,7 @@
}, },
{ {
"x": 38.5, "x": 38.5,
"y": 178 "y": 158
} }
], ],
"animated": false, "animated": false,
@ -197,15 +197,15 @@
}, },
{ {
"x": 56.16666666666667, "x": 56.16666666666667,
"y": 128 "y": 118
}, },
{ {
"x": 111.5, "x": 111.5,
"y": 128 "y": 118
}, },
{ {
"x": 111.5, "x": 111.5,
"y": 178 "y": 158
} }
], ],
"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="330" height="436" viewBox="-90 -90 330 436"><style type="text/css"> width="330" height="416" viewBox="-90 -90 330 416"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="330" height="436" viewBox="-90 -90 330 436"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><rect x="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(#4051694737)"/></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(#4051694737)"/></g><mask id="4051694737" maskUnits="userSpaceOnUse" x="-100" y="-100" width="330" height="436"> ]]></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="158" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="196.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="85" y="158" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="111.500000" y="196.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 154.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1605829925)"/></g><g id="(a -&gt; c)[0]"><path d="M 56.166667 80.000000 L 56.166667 108.000000 S 56.166667 118.000000 66.166667 118.000000 L 101.500000 118.000000 S 111.500000 118.000000 111.500000 128.000000 L 111.500000 154.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1605829925)"/></g><mask id="1605829925" maskUnits="userSpaceOnUse" x="-100" y="-100" width="330" height="416">
<rect x="-100" y="-100" width="330" height="436" fill="white"></rect> <rect x="-100" y="-100" width="330" height="416" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 326 KiB

After

Width:  |  Height:  |  Size: 326 KiB

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

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 178 "y": 138
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -117,7 +117,7 @@
}, },
{ {
"x": 38.5, "x": 38.5,
"y": 178 "y": 138
} }
], ],
"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="257" height="436" viewBox="-90 -90 257 436"><style type="text/css"> width="257" height="396" viewBox="-90 -90 257 396"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="257" height="436" viewBox="-90 -90 257 436"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><rect x="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(#3188901490)"/></g><mask id="3188901490" maskUnits="userSpaceOnUse" x="-100" y="-100" width="257" height="436"> ]]></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="138" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="176.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 134.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1474944634)"/></g><mask id="1474944634" maskUnits="userSpaceOnUse" x="-100" y="-100" width="257" height="396">
<rect x="-100" y="-100" width="257" height="436" fill="white"></rect> <rect x="-100" y="-100" width="257" height="396" 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

26
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": 203, "width": 153,
"height": 216, "height": 166,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -47,8 +47,8 @@
"id": "a.b", "id": "a.b",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 87, "x": 62,
"y": 87 "y": 62
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -89,10 +89,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 338 "y": 248
}, },
"width": 204, "width": 154,
"height": 216, "height": 166,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -129,8 +129,8 @@
"id": "c.d", "id": "c.d",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 87, "x": 62,
"y": 413 "y": 298
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -194,12 +194,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 114, "x": 89,
"y": 153 "y": 128
}, },
{ {
"x": 114, "x": 89,
"y": 413 "y": 298
} }
], ],
"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="408" height="746" viewBox="-90 -90 408 746"><style type="text/css"> width="358" height="606" viewBox="-90 -90 358 606"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="408" height="746" viewBox="-90 -90 408 746"><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="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(#2805388826)"/></g><mask id="2805388826" maskUnits="userSpaceOnUse" x="-100" y="-100" width="408" height="746"> ]]></script><g id="a"><g class="shape" ><rect x="12" y="12" width="153" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="88.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="248" width="154" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="89.000000" y="281.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="a.b"><g class="shape" ><rect x="62" y="62" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="88.500000" y="100.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="62" y="298" width="54" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="89.000000" y="336.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 89.000000 130.000000 L 89.000000 294.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#285717803)"/></g><mask id="285717803" maskUnits="userSpaceOnUse" x="-100" y="-100" width="358" height="606">
<rect x="-100" y="-100" width="408" height="746" fill="white"></rect> <rect x="-100" y="-100" width="358" height="606" 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

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

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 299 "y": 219
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -117,7 +117,7 @@
}, },
{ {
"x": 38.5, "x": 38.5,
"y": 299 "y": 219
} }
], ],
"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="257" height="557" viewBox="-90 -90 257 557"><style type="text/css"> width="257" height="477" viewBox="-90 -90 257 477"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,9 +39,9 @@ width="257" height="557" viewBox="-90 -90 257 557"><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="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(#2116948623)"/><text class="text-italic" x="38.500000" y="194.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">hello</text></g><mask id="2116948623" maskUnits="userSpaceOnUse" x="-100" y="-100" width="257" height="557"> ]]></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="219" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="257.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 215.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3675629375)"/><text class="text-italic" x="38.500000" y="154.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">hello</text></g><mask id="3675629375" maskUnits="userSpaceOnUse" x="-100" y="-100" width="257" height="477">
<rect x="-100" y="-100" width="257" height="557" fill="white"></rect> <rect x="-100" y="-100" width="257" height="477" fill="white"></rect>
<rect x="22.000000" y="178.000000" width="33" height="21" fill="black"></rect> <rect x="22.000000" y="138.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

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

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 20, "x": 20,
"y": 204 "y": 164
}, },
"width": 94, "width": 94,
"height": 94, "height": 94,
@ -89,7 +89,7 @@
"type": "page", "type": "page",
"pos": { "pos": {
"x": 28, "x": 28,
"y": 398 "y": 318
}, },
"width": 79, "width": 79,
"height": 87, "height": 87,
@ -171,7 +171,7 @@
"type": "document", "type": "document",
"pos": { "pos": {
"x": 182, "x": 182,
"y": 213 "y": 173
}, },
"width": 117, "width": 117,
"height": 76, "height": 76,
@ -212,7 +212,7 @@
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 189, "x": 189,
"y": 398 "y": 318
}, },
"width": 104, "width": 104,
"height": 118, "height": 118,
@ -294,7 +294,7 @@
"type": "package", "type": "package",
"pos": { "pos": {
"x": 378, "x": 378,
"y": 214 "y": 174
}, },
"width": 103, "width": 103,
"height": 73, "height": 73,
@ -335,7 +335,7 @@
"type": "step", "type": "step",
"pos": { "pos": {
"x": 371, "x": 371,
"y": 398 "y": 318
}, },
"width": 116, "width": 116,
"height": 101, "height": 101,
@ -417,7 +417,7 @@
"type": "stored_data", "type": "stored_data",
"pos": { "pos": {
"x": 509, "x": 509,
"y": 218 "y": 178
}, },
"width": 151, "width": 151,
"height": 66, "height": 66,
@ -458,7 +458,7 @@
"type": "person", "type": "person",
"pos": { "pos": {
"x": 507, "x": 507,
"y": 398 "y": 318
}, },
"width": 155, "width": 155,
"height": 103, "height": 103,
@ -540,7 +540,7 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 682, "x": 682,
"y": 216 "y": 176
}, },
"width": 97, "width": 97,
"height": 70, "height": 70,
@ -581,7 +581,7 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 685, "x": 685,
"y": 398 "y": 318
}, },
"width": 91, "width": 91,
"height": 91, "height": 91,
@ -663,7 +663,7 @@
"type": "cloud", "type": "cloud",
"pos": { "pos": {
"x": 840, "x": 840,
"y": 204 "y": 164
}, },
"width": 104, "width": 104,
"height": 84, "height": 84,
@ -732,7 +732,7 @@
}, },
{ {
"x": 67.5, "x": 67.5,
"y": 204 "y": 164
} }
], ],
"animated": false, "animated": false,
@ -767,11 +767,11 @@
"route": [ "route": [
{ {
"x": 67.5, "x": 67.5,
"y": 298 "y": 258
}, },
{ {
"x": 68, "x": 68,
"y": 398 "y": 318
} }
], ],
"animated": false, "animated": false,
@ -810,7 +810,7 @@
}, },
{ {
"x": 241, "x": 241,
"y": 213 "y": 173
} }
], ],
"animated": false, "animated": false,
@ -845,11 +845,11 @@
"route": [ "route": [
{ {
"x": 241, "x": 241,
"y": 278 "y": 238
}, },
{ {
"x": 241, "x": 241,
"y": 398 "y": 318
} }
], ],
"animated": false, "animated": false,
@ -888,7 +888,7 @@
}, },
{ {
"x": 430, "x": 430,
"y": 215 "y": 175
} }
], ],
"animated": false, "animated": false,
@ -923,11 +923,11 @@
"route": [ "route": [
{ {
"x": 429, "x": 429,
"y": 288 "y": 248
}, },
{ {
"x": 430, "x": 429,
"y": 398 "y": 318
} }
], ],
"animated": false, "animated": false,
@ -966,7 +966,7 @@
}, },
{ {
"x": 585, "x": 585,
"y": 218 "y": 178
} }
], ],
"animated": false, "animated": false,
@ -1001,11 +1001,11 @@
"route": [ "route": [
{ {
"x": 585, "x": 585,
"y": 284 "y": 244
}, },
{ {
"x": 585, "x": 585,
"y": 398 "y": 318
} }
], ],
"animated": false, "animated": false,
@ -1044,7 +1044,7 @@
}, },
{ {
"x": 731, "x": 731,
"y": 216 "y": 176
} }
], ],
"animated": false, "animated": false,
@ -1079,11 +1079,11 @@
"route": [ "route": [
{ {
"x": 731, "x": 731,
"y": 286 "y": 246
}, },
{ {
"x": 731, "x": 731,
"y": 398 "y": 318
} }
], ],
"animated": false, "animated": false,
@ -1122,7 +1122,7 @@
}, },
{ {
"x": 892, "x": 892,
"y": 206 "y": 166
} }
], ],
"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: 333 KiB

After

Width:  |  Height:  |  Size: 333 KiB

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

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 20, "x": 20,
"y": 204 "y": 164
}, },
"width": 94, "width": 94,
"height": 94, "height": 94,
@ -89,7 +89,7 @@
"type": "page", "type": "page",
"pos": { "pos": {
"x": 28, "x": 28,
"y": 398 "y": 318
}, },
"width": 79, "width": 79,
"height": 87, "height": 87,
@ -171,7 +171,7 @@
"type": "document", "type": "document",
"pos": { "pos": {
"x": 182, "x": 182,
"y": 213 "y": 173
}, },
"width": 117, "width": 117,
"height": 76, "height": 76,
@ -212,7 +212,7 @@
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 189, "x": 189,
"y": 398 "y": 318
}, },
"width": 104, "width": 104,
"height": 118, "height": 118,
@ -294,7 +294,7 @@
"type": "package", "type": "package",
"pos": { "pos": {
"x": 378, "x": 378,
"y": 214 "y": 174
}, },
"width": 103, "width": 103,
"height": 73, "height": 73,
@ -335,7 +335,7 @@
"type": "step", "type": "step",
"pos": { "pos": {
"x": 371, "x": 371,
"y": 398 "y": 318
}, },
"width": 116, "width": 116,
"height": 101, "height": 101,
@ -417,7 +417,7 @@
"type": "stored_data", "type": "stored_data",
"pos": { "pos": {
"x": 509, "x": 509,
"y": 218 "y": 178
}, },
"width": 151, "width": 151,
"height": 66, "height": 66,
@ -458,7 +458,7 @@
"type": "person", "type": "person",
"pos": { "pos": {
"x": 507, "x": 507,
"y": 398 "y": 318
}, },
"width": 155, "width": 155,
"height": 103, "height": 103,
@ -540,7 +540,7 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 682, "x": 682,
"y": 216 "y": 176
}, },
"width": 97, "width": 97,
"height": 70, "height": 70,
@ -581,7 +581,7 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 685, "x": 685,
"y": 398 "y": 318
}, },
"width": 91, "width": 91,
"height": 91, "height": 91,
@ -663,7 +663,7 @@
"type": "cloud", "type": "cloud",
"pos": { "pos": {
"x": 840, "x": 840,
"y": 204 "y": 164
}, },
"width": 104, "width": 104,
"height": 84, "height": 84,
@ -732,7 +732,7 @@
}, },
{ {
"x": 67.5, "x": 67.5,
"y": 204 "y": 164
} }
], ],
"animated": false, "animated": false,
@ -767,11 +767,11 @@
"route": [ "route": [
{ {
"x": 67.5, "x": 67.5,
"y": 298 "y": 258
}, },
{ {
"x": 68, "x": 68,
"y": 398 "y": 318
} }
], ],
"animated": false, "animated": false,
@ -810,7 +810,7 @@
}, },
{ {
"x": 241, "x": 241,
"y": 213 "y": 173
} }
], ],
"animated": false, "animated": false,
@ -845,11 +845,11 @@
"route": [ "route": [
{ {
"x": 241, "x": 241,
"y": 278 "y": 238
}, },
{ {
"x": 241, "x": 241,
"y": 398 "y": 318
} }
], ],
"animated": false, "animated": false,
@ -888,7 +888,7 @@
}, },
{ {
"x": 430, "x": 430,
"y": 215 "y": 175
} }
], ],
"animated": false, "animated": false,
@ -923,11 +923,11 @@
"route": [ "route": [
{ {
"x": 429, "x": 429,
"y": 288 "y": 248
}, },
{ {
"x": 430, "x": 429,
"y": 398 "y": 318
} }
], ],
"animated": false, "animated": false,
@ -966,7 +966,7 @@
}, },
{ {
"x": 585, "x": 585,
"y": 218 "y": 178
} }
], ],
"animated": false, "animated": false,
@ -1001,11 +1001,11 @@
"route": [ "route": [
{ {
"x": 585, "x": 585,
"y": 284 "y": 244
}, },
{ {
"x": 585, "x": 585,
"y": 398 "y": 318
} }
], ],
"animated": false, "animated": false,
@ -1044,7 +1044,7 @@
}, },
{ {
"x": 731, "x": 731,
"y": 216 "y": 176
} }
], ],
"animated": false, "animated": false,
@ -1079,11 +1079,11 @@
"route": [ "route": [
{ {
"x": 731, "x": 731,
"y": 286 "y": 246
}, },
{ {
"x": 731, "x": 731,
"y": 398 "y": 318
} }
], ],
"animated": false, "animated": false,
@ -1122,7 +1122,7 @@
}, },
{ {
"x": 892, "x": 892,
"y": 206 "y": 166
} }
], ],
"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: 336 KiB

After

Width:  |  Height:  |  Size: 336 KiB

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

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 20, "x": 20,
"y": 204 "y": 164
}, },
"width": 94, "width": 94,
"height": 94, "height": 94,
@ -89,7 +89,7 @@
"type": "page", "type": "page",
"pos": { "pos": {
"x": 28, "x": 28,
"y": 398 "y": 318
}, },
"width": 79, "width": 79,
"height": 87, "height": 87,
@ -171,7 +171,7 @@
"type": "document", "type": "document",
"pos": { "pos": {
"x": 182, "x": 182,
"y": 213 "y": 173
}, },
"width": 117, "width": 117,
"height": 76, "height": 76,
@ -212,7 +212,7 @@
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 189, "x": 189,
"y": 398 "y": 318
}, },
"width": 104, "width": 104,
"height": 118, "height": 118,
@ -294,7 +294,7 @@
"type": "package", "type": "package",
"pos": { "pos": {
"x": 378, "x": 378,
"y": 214 "y": 174
}, },
"width": 103, "width": 103,
"height": 73, "height": 73,
@ -335,7 +335,7 @@
"type": "step", "type": "step",
"pos": { "pos": {
"x": 371, "x": 371,
"y": 398 "y": 318
}, },
"width": 116, "width": 116,
"height": 101, "height": 101,
@ -417,7 +417,7 @@
"type": "stored_data", "type": "stored_data",
"pos": { "pos": {
"x": 509, "x": 509,
"y": 218 "y": 178
}, },
"width": 151, "width": 151,
"height": 66, "height": 66,
@ -458,7 +458,7 @@
"type": "person", "type": "person",
"pos": { "pos": {
"x": 507, "x": 507,
"y": 398 "y": 318
}, },
"width": 155, "width": 155,
"height": 103, "height": 103,
@ -540,7 +540,7 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 682, "x": 682,
"y": 216 "y": 176
}, },
"width": 97, "width": 97,
"height": 70, "height": 70,
@ -581,7 +581,7 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 685, "x": 685,
"y": 398 "y": 318
}, },
"width": 91, "width": 91,
"height": 91, "height": 91,
@ -663,7 +663,7 @@
"type": "cloud", "type": "cloud",
"pos": { "pos": {
"x": 840, "x": 840,
"y": 204 "y": 164
}, },
"width": 104, "width": 104,
"height": 84, "height": 84,
@ -732,7 +732,7 @@
}, },
{ {
"x": 67.5, "x": 67.5,
"y": 204 "y": 164
} }
], ],
"animated": false, "animated": false,
@ -767,11 +767,11 @@
"route": [ "route": [
{ {
"x": 67.5, "x": 67.5,
"y": 298 "y": 258
}, },
{ {
"x": 68, "x": 68,
"y": 398 "y": 318
} }
], ],
"animated": false, "animated": false,
@ -810,7 +810,7 @@
}, },
{ {
"x": 241, "x": 241,
"y": 213 "y": 173
} }
], ],
"animated": false, "animated": false,
@ -845,11 +845,11 @@
"route": [ "route": [
{ {
"x": 241, "x": 241,
"y": 278 "y": 238
}, },
{ {
"x": 241, "x": 241,
"y": 398 "y": 318
} }
], ],
"animated": false, "animated": false,
@ -888,7 +888,7 @@
}, },
{ {
"x": 430, "x": 430,
"y": 215 "y": 175
} }
], ],
"animated": false, "animated": false,
@ -923,11 +923,11 @@
"route": [ "route": [
{ {
"x": 429, "x": 429,
"y": 288 "y": 248
}, },
{ {
"x": 430, "x": 429,
"y": 398 "y": 318
} }
], ],
"animated": false, "animated": false,
@ -966,7 +966,7 @@
}, },
{ {
"x": 585, "x": 585,
"y": 218 "y": 178
} }
], ],
"animated": false, "animated": false,
@ -1001,11 +1001,11 @@
"route": [ "route": [
{ {
"x": 585, "x": 585,
"y": 284 "y": 244
}, },
{ {
"x": 585, "x": 585,
"y": 398 "y": 318
} }
], ],
"animated": false, "animated": false,
@ -1044,7 +1044,7 @@
}, },
{ {
"x": 731, "x": 731,
"y": 216 "y": 176
} }
], ],
"animated": false, "animated": false,
@ -1079,11 +1079,11 @@
"route": [ "route": [
{ {
"x": 731, "x": 731,
"y": 286 "y": 246
}, },
{ {
"x": 731, "x": 731,
"y": 398 "y": 318
} }
], ],
"animated": false, "animated": false,
@ -1122,7 +1122,7 @@
}, },
{ {
"x": 892, "x": 892,
"y": 206 "y": 166
} }
], ],
"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: 334 KiB

After

Width:  |  Height:  |  Size: 334 KiB

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

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

Before

Width:  |  Height:  |  Size: 475 KiB

After

Width:  |  Height:  |  Size: 475 KiB

44
e2etests/testdata/stable/animated/elk/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 178 "y": 158
}, },
"width": 89, "width": 89,
"height": 66, "height": 66,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 121, "x": 121,
"y": 178 "y": 158
}, },
"width": 130, "width": 130,
"height": 66, "height": 66,
@ -171,7 +171,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 271, "x": 271,
"y": 178 "y": 158
}, },
"width": 131, "width": 131,
"height": 66, "height": 66,
@ -253,7 +253,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 422, "x": 422,
"y": 178 "y": 158
}, },
"width": 101, "width": 101,
"height": 66, "height": 66,
@ -335,7 +335,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 543, "x": 543,
"y": 178 "y": 158
}, },
"width": 85, "width": 85,
"height": 66, "height": 66,
@ -376,7 +376,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 648, "x": 648,
"y": 178 "y": 158
}, },
"width": 84, "width": 84,
"height": 66, "height": 66,
@ -417,7 +417,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 752, "x": 752,
"y": 178 "y": 158
}, },
"width": 91, "width": 91,
"height": 66, "height": 66,
@ -499,7 +499,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 841, "x": 841,
"y": 344 "y": 284
}, },
"width": 76, "width": 76,
"height": 66, "height": 66,
@ -568,15 +568,15 @@
}, },
{ {
"x": 123.66666666666674, "x": 123.66666666666674,
"y": 128 "y": 118
}, },
{ {
"x": 56.5, "x": 56.5,
"y": 128 "y": 118
}, },
{ {
"x": 56.5, "x": 56.5,
"y": 178 "y": 158
} }
], ],
"animated": true, "animated": true,
@ -615,7 +615,7 @@
}, },
{ {
"x": 186, "x": 186,
"y": 178 "y": 158
} }
], ],
"animated": true, "animated": true,
@ -654,7 +654,7 @@
}, },
{ {
"x": 336.5, "x": 336.5,
"y": 178 "y": 158
} }
], ],
"animated": true, "animated": true,
@ -693,7 +693,7 @@
}, },
{ {
"x": 472.5, "x": 472.5,
"y": 178 "y": 158
} }
], ],
"animated": true, "animated": true,
@ -732,15 +732,15 @@
}, },
{ {
"x": 662.5, "x": 662.5,
"y": 128 "y": 118
}, },
{ {
"x": 585.5, "x": 585.5,
"y": 128 "y": 118
}, },
{ {
"x": 585.5, "x": 585.5,
"y": 178 "y": 158
} }
], ],
"animated": true, "animated": true,
@ -779,7 +779,7 @@
}, },
{ {
"x": 690, "x": 690,
"y": 178 "y": 158
} }
], ],
"animated": true, "animated": true,
@ -818,15 +818,15 @@
}, },
{ {
"x": 717.5, "x": 717.5,
"y": 128 "y": 118
}, },
{ {
"x": 797.5, "x": 797.5,
"y": 128 "y": 118
}, },
{ {
"x": 797.5, "x": 797.5,
"y": 178 "y": 158
} }
], ],
"animated": true, "animated": true,
@ -865,7 +865,7 @@
}, },
{ {
"x": 879, "x": 879,
"y": 344 "y": 284
} }
], ],
"animated": true, "animated": true,

8
e2etests/testdata/stable/animated/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: 475 KiB

After

Width:  |  Height:  |  Size: 475 KiB

36
e2etests/testdata/stable/arrowhead_adjustment/elk/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 88, "x": 88,
"y": 604 "y": 544
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -89,7 +89,7 @@
"type": "document", "type": "document",
"pos": { "pos": {
"x": 97, "x": 97,
"y": 428 "y": 388
}, },
"width": 53, "width": 53,
"height": 76, "height": 76,
@ -130,7 +130,7 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 23, "x": 23,
"y": 228 "y": 208
}, },
"width": 100, "width": 100,
"height": 100, "height": 100,
@ -198,23 +198,23 @@
}, },
{ {
"x": 106.5, "x": 106.5,
"y": 128 "y": 118
}, },
{ {
"x": 12, "x": 12,
"y": 128 "y": 118
}, },
{ {
"x": 12, "x": 12,
"y": 554 "y": 504
}, },
{ {
"x": 106.5, "x": 106.5,
"y": 554 "y": 504
}, },
{ {
"x": 106.5, "x": 106.5,
"y": 604 "y": 544
} }
], ],
"animated": false, "animated": false,
@ -249,11 +249,11 @@
"route": [ "route": [
{ {
"x": 124, "x": 124,
"y": 493 "y": 453
}, },
{ {
"x": 124.16666666666666, "x": 124.16666666666666,
"y": 604 "y": 544
} }
], ],
"animated": false, "animated": false,
@ -292,15 +292,15 @@
}, },
{ {
"x": 119.75, "x": 119.75,
"y": 178 "y": 168
}, },
{ {
"x": 73, "x": 73,
"y": 178 "y": 168
}, },
{ {
"x": 73, "x": 73,
"y": 228 "y": 208
} }
], ],
"animated": false, "animated": false,
@ -335,7 +335,7 @@
"route": [ "route": [
{ {
"x": 133, "x": 133,
"y": 428 "y": 388
}, },
{ {
"x": 133, "x": 133,
@ -374,19 +374,19 @@
"route": [ "route": [
{ {
"x": 73, "x": 73,
"y": 328 "y": 308
}, },
{ {
"x": 73, "x": 73,
"y": 378 "y": 348
}, },
{ {
"x": 115.33333333333333, "x": 115.33333333333333,
"y": 378 "y": 348
}, },
{ {
"x": 115, "x": 115,
"y": 428 "y": 388
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/stable/arrowhead_adjustment/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: 472 KiB

After

Width:  |  Height:  |  Size: 472 KiB

4
e2etests/testdata/stable/arrowhead_labels/elk/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 86, "x": 86,
"y": 299 "y": 219
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -117,7 +117,7 @@
}, },
{ {
"x": 112.5, "x": 112.5,
"y": 299 "y": 219
} }
], ],
"animated": false, "animated": false,

8
e2etests/testdata/stable/arrowhead_labels/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="401" height="557" viewBox="-88 -90 401 557"><style type="text/css"> width="401" height="477" viewBox="-88 -90 401 477"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,9 +39,9 @@ width="401" height="557" viewBox="-88 -90 401 557"><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="86" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="112.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="86" y="299" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="112.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-1247258845" markerWidth="24.200000" markerHeight="18.000000" refX="20.800000" refY="9.000000" viewBox="0.000000 0.000000 24.200000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="white" stroke="#0D32B2" stroke-width="2" points="0.000000,9.000000 11.000000,2.250000 22.000000,9.000000 11.000000,16.200000" /> </marker><path d="M 112.500000 80.000000 L 112.500000 295.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-1247258845)" mask="url(#451131810)"/><text class="text-italic" x="112.500000" y="194.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">To err is human, to moo bovine</text><text class="text-italic" x="127.000000" y="291.000000" style="text-anchor:middle;font-size:16px;fill:black">*</text></g><mask id="451131810" maskUnits="userSpaceOnUse" x="-100" y="-100" width="401" height="557"> ]]></script><g id="a"><g class="shape" ><rect x="86" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="112.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="86" y="219" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="112.500000" y="257.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="(a -&gt; b)[0]"><marker id="mk-1247258845" markerWidth="24.200000" markerHeight="18.000000" refX="20.800000" refY="9.000000" viewBox="0.000000 0.000000 24.200000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="white" stroke="#0D32B2" stroke-width="2" points="0.000000,9.000000 11.000000,2.250000 22.000000,9.000000 11.000000,16.200000" /> </marker><path d="M 112.500000 80.000000 L 112.500000 215.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-1247258845)" mask="url(#2786566434)"/><text class="text-italic" x="112.500000" y="154.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">To err is human, to moo bovine</text><text class="text-italic" x="127.000000" y="211.000000" style="text-anchor:middle;font-size:16px;fill:black">*</text></g><mask id="2786566434" maskUnits="userSpaceOnUse" x="-100" y="-100" width="401" height="477">
<rect x="-100" y="-100" width="401" height="557" fill="white"></rect> <rect x="-100" y="-100" width="401" height="477" fill="white"></rect>
<rect x="12.000000" y="178.000000" width="201" height="21" fill="black"></rect> <rect x="12.000000" y="138.000000" width="201" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {
font-family: "font-bold"; font-family: "font-bold";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 468 KiB

After

Width:  |  Height:  |  Size: 468 KiB

108
e2etests/testdata/stable/binary_tree/elk/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 29, "x": 29,
"y": 178 "y": 158
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 312, "x": 312,
"y": 178 "y": 158
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 20, "x": 20,
"y": 344 "y": 304
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -171,7 +171,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 161, "x": 161,
"y": 344 "y": 304
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -212,7 +212,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 304, "x": 304,
"y": 344 "y": 304
}, },
"width": 51, "width": 51,
"height": 66, "height": 66,
@ -253,7 +253,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 451, "x": 451,
"y": 344 "y": 304
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -294,7 +294,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 510 "y": 450
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -335,7 +335,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 85, "x": 85,
"y": 510 "y": 450
}, },
"width": 49, "width": 49,
"height": 66, "height": 66,
@ -376,7 +376,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 154, "x": 154,
"y": 510 "y": 450
}, },
"width": 50, "width": 50,
"height": 66, "height": 66,
@ -417,7 +417,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 224, "x": 224,
"y": 510 "y": 450
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -458,7 +458,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 297, "x": 297,
"y": 510 "y": 450
}, },
"width": 49, "width": 49,
"height": 66, "height": 66,
@ -499,7 +499,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 366, "x": 366,
"y": 510 "y": 450
}, },
"width": 57, "width": 57,
"height": 66, "height": 66,
@ -540,7 +540,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 443, "x": 443,
"y": 510 "y": 450
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -581,7 +581,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 516, "x": 516,
"y": 510 "y": 450
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -650,7 +650,7 @@
}, },
{ {
"x": 56.33333333333333, "x": 56.33333333333333,
"y": 178 "y": 158
} }
], ],
"animated": false, "animated": false,
@ -689,15 +689,15 @@
}, },
{ {
"x": 74, "x": 74,
"y": 128 "y": 118
}, },
{ {
"x": 338.8333333333333, "x": 338.8333333333333,
"y": 128 "y": 118
}, },
{ {
"x": 338.8333333333333, "x": 338.8333333333333,
"y": 178 "y": 158
} }
], ],
"animated": false, "animated": false,
@ -732,11 +732,11 @@
"route": [ "route": [
{ {
"x": 47.5, "x": 47.5,
"y": 244 "y": 224
}, },
{ {
"x": 47.5, "x": 47.5,
"y": 344 "y": 304
} }
], ],
"animated": false, "animated": false,
@ -771,19 +771,19 @@
"route": [ "route": [
{ {
"x": 65.16666666666667, "x": 65.16666666666667,
"y": 244 "y": 224
}, },
{ {
"x": 65.16666666666667, "x": 65.16666666666667,
"y": 294 "y": 264
}, },
{ {
"x": 187.83333333333334, "x": 187.83333333333334,
"y": 294 "y": 264
}, },
{ {
"x": 187.83333333333334, "x": 187.83333333333334,
"y": 344 "y": 304
} }
], ],
"animated": false, "animated": false,
@ -818,11 +818,11 @@
"route": [ "route": [
{ {
"x": 330, "x": 330,
"y": 244 "y": 224
}, },
{ {
"x": 330, "x": 330,
"y": 344 "y": 304
} }
], ],
"animated": false, "animated": false,
@ -857,19 +857,19 @@
"route": [ "route": [
{ {
"x": 347.66666666666663, "x": 347.66666666666663,
"y": 244 "y": 224
}, },
{ {
"x": 347.66666666666663, "x": 347.66666666666663,
"y": 294 "y": 264
}, },
{ {
"x": 478.5, "x": 478.5,
"y": 294 "y": 264
}, },
{ {
"x": 478.5, "x": 478.5,
"y": 344 "y": 304
} }
], ],
"animated": false, "animated": false,
@ -904,11 +904,11 @@
"route": [ "route": [
{ {
"x": 38.5, "x": 38.5,
"y": 410 "y": 370
}, },
{ {
"x": 38.5, "x": 38.5,
"y": 510 "y": 450
} }
], ],
"animated": false, "animated": false,
@ -943,19 +943,19 @@
"route": [ "route": [
{ {
"x": 56.5, "x": 56.5,
"y": 410 "y": 370
}, },
{ {
"x": 56.5, "x": 56.5,
"y": 460 "y": 410
}, },
{ {
"x": 109.5, "x": 109.5,
"y": 460 "y": 410
}, },
{ {
"x": 109.5, "x": 109.5,
"y": 510 "y": 450
} }
], ],
"animated": false, "animated": false,
@ -990,11 +990,11 @@
"route": [ "route": [
{ {
"x": 179, "x": 179,
"y": 410 "y": 370
}, },
{ {
"x": 179, "x": 179,
"y": 510 "y": 450
} }
], ],
"animated": false, "animated": false,
@ -1029,19 +1029,19 @@
"route": [ "route": [
{ {
"x": 196.66666666666669, "x": 196.66666666666669,
"y": 410 "y": 370
}, },
{ {
"x": 196.66666666666669, "x": 196.66666666666669,
"y": 460 "y": 410
}, },
{ {
"x": 250.5, "x": 250.5,
"y": 460 "y": 410
}, },
{ {
"x": 250.5, "x": 250.5,
"y": 510 "y": 450
} }
], ],
"animated": false, "animated": false,
@ -1076,11 +1076,11 @@
"route": [ "route": [
{ {
"x": 321.5, "x": 321.5,
"y": 410 "y": 370
}, },
{ {
"x": 321.5, "x": 321.5,
"y": 510 "y": 450
} }
], ],
"animated": false, "animated": false,
@ -1115,19 +1115,19 @@
"route": [ "route": [
{ {
"x": 338.5, "x": 338.5,
"y": 410 "y": 370
}, },
{ {
"x": 338.5, "x": 338.5,
"y": 460 "y": 410
}, },
{ {
"x": 394.5, "x": 394.5,
"y": 460 "y": 410
}, },
{ {
"x": 394.5, "x": 394.5,
"y": 510 "y": 450
} }
], ],
"animated": false, "animated": false,
@ -1162,11 +1162,11 @@
"route": [ "route": [
{ {
"x": 469.5, "x": 469.5,
"y": 410 "y": 370
}, },
{ {
"x": 469.5, "x": 469.5,
"y": 510 "y": 450
} }
], ],
"animated": false, "animated": false,
@ -1201,19 +1201,19 @@
"route": [ "route": [
{ {
"x": 487.5, "x": 487.5,
"y": 410 "y": 370
}, },
{ {
"x": 487.5, "x": 487.5,
"y": 460 "y": 410
}, },
{ {
"x": 543, "x": 543,
"y": 460 "y": 410
}, },
{ {
"x": 543, "x": 543,
"y": 510 "y": 450
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/stable/binary_tree/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: 332 KiB

After

Width:  |  Height:  |  Size: 332 KiB

32
e2etests/testdata/stable/chaos1/elk/board.exp.json generated vendored
View file

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 356 "y": 276
}, },
"width": 310, "width": 260,
"height": 362, "height": 272,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -47,8 +47,8 @@
"id": "aaa.bbb", "id": "aaa.bbb",
"type": "callout", "type": "callout",
"pos": { "pos": {
"x": 87, "x": 62,
"y": 431 "y": 326
}, },
"width": 72, "width": 72,
"height": 91, "height": 91,
@ -88,8 +88,8 @@
"id": "aaa.ccc", "id": "aaa.ccc",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 179, "x": 154,
"y": 443 "y": 338
}, },
"width": 68, "width": 68,
"height": 66, "height": 66,
@ -129,7 +129,7 @@
"id": "ddd", "id": "ddd",
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 85, "x": 60,
"y": 12 "y": 12
}, },
"width": 73, "width": 73,
@ -170,7 +170,7 @@
"id": "eee", "id": "eee",
"type": "document", "type": "document",
"pos": { "pos": {
"x": 178, "x": 153,
"y": 54 "y": 54
}, },
"width": 70, "width": 70,
@ -235,12 +235,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 213, "x": 188,
"y": 509.5 "y": 404.5
}, },
{ {
"x": 213, "x": 188,
"y": 718 "y": 548
} }
], ],
"animated": false, "animated": false,
@ -274,12 +274,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 213, "x": 188,
"y": 119 "y": 119
}, },
{ {
"x": 213, "x": 188,
"y": 443.5 "y": 338.5
} }
], ],
"animated": false, "animated": false,

10
e2etests/testdata/stable/chaos1/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="514" height="910" viewBox="-90 -90 514 910"><style type="text/css"> width="464" height="740" viewBox="-90 -90 464 740"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,10 +39,10 @@ width="514" height="910" viewBox="-90 -90 514 910"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="aaa"><g class="shape" ><rect x="12" y="356" width="310" height="362" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="167.000000" y="389.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">aaa</text></g><g id="ddd"><g class="shape" ><path d="M 85 36 C 85 12 118 12 122 12 C 125 12 158 12 158 36 V 106 C 158 130 125 130 122 130 C 118 130 85 130 85 106 V 36 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 85 36 C 85 60 118 60 122 60 C 125 60 158 60 158 36" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="121.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ddd</text></g><g id="eee"><g class="shape" ><path d="M 178 119 L 178 54 L 248 54 L 248 119 C 236 105 225 105 213 119 C 201 134 190 134 178 119 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="213.000000" y="87.610964" style="text-anchor:middle;font-size:16px;fill:#0A0F25">eee</text></g><g id="aaa.bbb"><g class="shape" ><path d="M 87 431 V 477 H 123 V 522 L 153 477 H 159 V 431 H 87 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="123.000000" y="459.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">bbb</text></g><g id="aaa.ccc"><g class="shape" ><rect x="179" y="443" width="68" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="213.000000" y="481.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ccc</text></g><g id="(aaa.ccc -- aaa)[0]"><path d="M 213.000000 511.500000 L 213.000000 716.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" mask="url(#2486154735)"/><text class="text-italic" x="213.500000" y="619.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">111</text></g><g id="(eee &lt;- aaa.ccc)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 213.000000 123.000000 L 213.000000 441.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#2486154735)"/><text class="text-italic" x="213.500000" y="287.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">222</text></g><mask id="2486154735" maskUnits="userSpaceOnUse" x="-100" y="-100" width="514" height="910"> ]]></script><g id="aaa"><g class="shape" ><rect x="12" y="276" width="260" height="272" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="142.000000" y="309.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">aaa</text></g><g id="ddd"><g class="shape" ><path d="M 60 36 C 60 12 93 12 97 12 C 100 12 133 12 133 36 V 106 C 133 130 100 130 97 130 C 93 130 60 130 60 106 V 36 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 60 36 C 60 60 93 60 97 60 C 100 60 133 60 133 36" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="96.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ddd</text></g><g id="eee"><g class="shape" ><path d="M 153 119 L 153 54 L 223 54 L 223 119 C 211 105 200 105 188 119 C 176 134 165 134 153 119 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="188.000000" y="87.610964" style="text-anchor:middle;font-size:16px;fill:#0A0F25">eee</text></g><g id="aaa.bbb"><g class="shape" ><path d="M 62 326 V 372 H 98 V 417 L 128 372 H 134 V 326 H 62 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="98.000000" y="354.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">bbb</text></g><g id="aaa.ccc"><g class="shape" ><rect x="154" y="338" width="68" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="188.000000" y="376.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ccc</text></g><g id="(aaa.ccc -- aaa)[0]"><path d="M 188.000000 406.500000 L 188.000000 546.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" mask="url(#2381857220)"/><text class="text-italic" x="188.500000" y="482.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">111</text></g><g id="(eee &lt;- aaa.ccc)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 188.000000 123.000000 L 188.000000 336.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#2381857220)"/><text class="text-italic" x="188.500000" y="234.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">222</text></g><mask id="2381857220" maskUnits="userSpaceOnUse" x="-100" y="-100" width="464" height="740">
<rect x="-100" y="-100" width="514" height="910" fill="white"></rect> <rect x="-100" y="-100" width="464" height="740" fill="white"></rect>
<rect x="202.000000" y="603.000000" width="23" height="21" fill="black"></rect> <rect x="177.000000" y="466.000000" width="23" height="21" fill="black"></rect>
<rect x="201.000000" y="271.000000" width="25" height="21" fill="black"></rect> <rect x="176.000000" y="218.000000" width="25" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 793 KiB

After

Width:  |  Height:  |  Size: 793 KiB

276
e2etests/testdata/stable/chaos2/elk/board.exp.json generated vendored
View file

@ -9,8 +9,8 @@
"x": 12, "x": 12,
"y": 12 "y": 12
}, },
"width": 894, "width": 694,
"height": 2412, "height": 1932,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -47,11 +47,11 @@
"id": "aa.bb", "id": "aa.bb",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 87, "x": 62,
"y": 847 "y": 762
}, },
"width": 698, "width": 548,
"height": 1397, "height": 1037,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -88,11 +88,11 @@
"id": "aa.bb.cc", "id": "aa.bb.cc",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 306, "x": 256,
"y": 1269 "y": 1089
}, },
"width": 404, "width": 304,
"height": 900, "height": 660,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -129,11 +129,11 @@
"id": "aa.bb.cc.dd", "id": "aa.bb.cc.dd",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 381, "x": 306,
"y": 1344 "y": 1139
}, },
"width": 243, "width": 193,
"height": 216, "height": 166,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -170,8 +170,8 @@
"id": "aa.bb.cc.dd.ee", "id": "aa.bb.cc.dd.ee",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 456, "x": 356,
"y": 1464 "y": 1234
}, },
"width": 16, "width": 16,
"height": 21, "height": 21,
@ -210,8 +210,8 @@
"id": "aa.bb.cc.dd.ff", "id": "aa.bb.cc.dd.ff",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 492, "x": 392,
"y": 1419 "y": 1189
}, },
"width": 57, "width": 57,
"height": 66, "height": 66,
@ -251,8 +251,8 @@
"id": "aa.bb.cc.gg", "id": "aa.bb.cc.gg",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 458, "x": 358,
"y": 1786 "y": 1471
}, },
"width": 17, "width": 17,
"height": 21, "height": 21,
@ -291,8 +291,8 @@
"id": "aa.bb.cc.hh", "id": "aa.bb.cc.hh",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 435, "x": 335,
"y": 2028 "y": 1633
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -332,11 +332,11 @@
"id": "aa.bb.ii", "id": "aa.bb.ii",
"type": "package", "type": "package",
"pos": { "pos": {
"x": 162, "x": 112,
"y": 922 "y": 812
}, },
"width": 200, "width": 150,
"height": 242, "height": 192,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -373,8 +373,8 @@
"id": "aa.bb.ii.jj", "id": "aa.bb.ii.jj",
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 237, "x": 162,
"y": 997 "y": 862
}, },
"width": 50, "width": 50,
"height": 92, "height": 92,
@ -414,8 +414,8 @@
"id": "aa.bb.kk", "id": "aa.bb.kk",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 382, "x": 282,
"y": 1006 "y": 871
}, },
"width": 74, "width": 74,
"height": 74, "height": 74,
@ -455,8 +455,8 @@
"id": "aa.ll", "id": "aa.ll",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 495, "x": 395,
"y": 405 "y": 360
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -496,8 +496,8 @@
"id": "aa.mm", "id": "aa.mm",
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 397, "x": 297,
"y": 87 "y": 62
}, },
"width": 71, "width": 71,
"height": 118, "height": 118,
@ -537,8 +537,8 @@
"id": "aa.nn", "id": "aa.nn",
"type": "text", "type": "text",
"pos": { "pos": {
"x": 488, "x": 388,
"y": 135 "y": 110
}, },
"width": 16, "width": 16,
"height": 21, "height": 21,
@ -577,8 +577,8 @@
"id": "aa.oo", "id": "aa.oo",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 524, "x": 424,
"y": 113 "y": 88
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -642,12 +642,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 464, "x": 364,
"y": 1485 "y": 1255
}, },
{ {
"x": 464, "x": 364,
"y": 1786 "y": 1471
} }
], ],
"animated": false, "animated": false,
@ -681,12 +681,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 466.8333333333333, "x": 366.83333333333337,
"y": 1807 "y": 1492
}, },
{ {
"x": 466.8333333333333, "x": 366.8333333333333,
"y": 2028 "y": 1633
} }
], ],
"animated": false, "animated": false,
@ -720,20 +720,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 295, "x": 212,
"y": 1164 "y": 1004
}, },
{ {
"x": 295.3333333333333, "x": 212,
"y": 1214 "y": 1044
}, },
{ {
"x": 456, "x": 356,
"y": 1214 "y": 1044
}, },
{ {
"x": 455.99999999999994, "x": 356,
"y": 1344 "y": 1139
} }
], ],
"animated": false, "animated": false,
@ -767,20 +767,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 505.8, "x": 405.8,
"y": 471 "y": 426
}, },
{ {
"x": 505.8, "x": 405.8,
"y": 742 "y": 667
}, },
{ {
"x": 476, "x": 376,
"y": 742 "y": 667
}, },
{ {
"x": 476, "x": 376,
"y": 847 "y": 762
} }
], ],
"animated": false, "animated": false,
@ -814,20 +814,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 440, "x": 340,
"y": 205 "y": 180
}, },
{ {
"x": 440.4, "x": 340.4,
"y": 305 "y": 270
}, },
{ {
"x": 466, "x": 366,
"y": 305 "y": 270
}, },
{ {
"x": 466, "x": 366,
"y": 1269 "y": 1089
} }
], ],
"animated": false, "animated": false,
@ -861,20 +861,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 455, "x": 355,
"y": 201 "y": 176
}, },
{ {
"x": 454.6, "x": 354.6,
"y": 255 "y": 220
}, },
{ {
"x": 522, "x": 422,
"y": 255 "y": 220
}, },
{ {
"x": 522, "x": 422,
"y": 405 "y": 360
} }
], ],
"animated": false, "animated": false,
@ -908,28 +908,28 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 426, "x": 326,
"y": 205 "y": 180
}, },
{ {
"x": 426.2, "x": 326.2,
"y": 355 "y": 320
}, },
{ {
"x": 439, "x": 339,
"y": 355 "y": 320
}, },
{ {
"x": 439, "x": 339,
"y": 792 "y": 717
}, },
{ {
"x": 272, "x": 197,
"y": 792 "y": 717
}, },
{ {
"x": 272, "x": 197,
"y": 847 "y": 762
} }
], ],
"animated": false, "animated": false,
@ -963,36 +963,36 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 516.6, "x": 416.6,
"y": 471 "y": 426
}, },
{ {
"x": 516.6, "x": 416.6,
"y": 621 "y": 566
}, },
{ {
"x": 525.3, "x": 425.3,
"y": 621 "y": 566
}, },
{ {
"x": 525.3, "x": 425.3,
"y": 742 "y": 667
}, },
{ {
"x": 634, "x": 509,
"y": 742 "y": 667
}, },
{ {
"x": 634, "x": 509,
"y": 1736 "y": 1431
}, },
{ {
"x": 469.66666666666663, "x": 369.6666666666667,
"y": 1736 "y": 1431
}, },
{ {
"x": 469.66666666666663, "x": 369.6666666666667,
"y": 1786 "y": 1471
} }
], ],
"animated": false, "animated": false,
@ -1026,20 +1026,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 412, "x": 312,
"y": 201 "y": 176
}, },
{ {
"x": 412, "x": 312,
"y": 742 "y": 667
}, },
{ {
"x": 262, "x": 187,
"y": 742 "y": 667
}, },
{ {
"x": 262, "x": 187,
"y": 922 "y": 812
} }
], ],
"animated": false, "animated": false,
@ -1073,28 +1073,28 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 381, "x": 306,
"y": 2169 "y": 1749
}, },
{ {
"x": 381, "x": 306,
"y": 2299 "y": 1844
}, },
{ {
"x": 795, "x": 620,
"y": 2299 "y": 1844
}, },
{ {
"x": 795, "x": 620,
"y": 571 "y": 516
}, },
{ {
"x": 527.4, "x": 427.4,
"y": 571 "y": 516
}, },
{ {
"x": 527.4, "x": 427.4,
"y": 471 "y": 426
} }
], ],
"animated": false, "animated": false,
@ -1128,28 +1128,28 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 229, "x": 162,
"y": 1164 "y": 1004
}, },
{ {
"x": 228.66666666666666, "x": 162,
"y": 2349 "y": 1894
}, },
{ {
"x": 822, "x": 647,
"y": 2349 "y": 1894
}, },
{ {
"x": 822, "x": 647,
"y": 521 "y": 466
}, },
{ {
"x": 538.2, "x": 438.2,
"y": 521 "y": 466
}, },
{ {
"x": 538.2, "x": 438.2,
"y": 471 "y": 426
} }
], ],
"animated": false, "animated": false,

22
e2etests/testdata/stable/chaos2/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: 812 KiB

After

Width:  |  Height:  |  Size: 812 KiB

56
e2etests/testdata/stable/child_parent_edges/elk/board.exp.json generated vendored
View file

@ -9,8 +9,8 @@
"x": 12, "x": 12,
"y": 12 "y": 12
}, },
"width": 514, "width": 364,
"height": 621, "height": 451,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -47,11 +47,11 @@
"id": "a.b", "id": "a.b",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 87, "x": 62,
"y": 87 "y": 62
}, },
"width": 364, "width": 264,
"height": 471, "height": 351,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -88,11 +88,11 @@
"id": "a.b.c", "id": "a.b.c",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 172, "x": 122,
"y": 162 "y": 112
}, },
"width": 204, "width": 154,
"height": 216, "height": 166,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -129,8 +129,8 @@
"id": "a.b.c.d", "id": "a.b.c.d",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 247, "x": 172,
"y": 237 "y": 162
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -194,12 +194,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 162, "x": 112,
"y": 558 "y": 413
}, },
{ {
"x": 162, "x": 112,
"y": 633 "y": 463
} }
], ],
"animated": false, "animated": false,
@ -233,12 +233,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 247, "x": 172,
"y": 87 "y": 62
}, },
{ {
"x": 247, "x": 172,
"y": 162 "y": 112
} }
], ],
"animated": false, "animated": false,
@ -272,20 +272,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 274, "x": 199,
"y": 303 "y": 228
}, },
{ {
"x": 274, "x": 199,
"y": 433 "y": 323
}, },
{ {
"x": 162, "x": 112,
"y": 433 "y": 323
}, },
{ {
"x": 162, "x": 112,
"y": 87 "y": 62
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/stable/child_parent_edges/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="718" height="825" viewBox="-90 -90 718 825"><style type="text/css"> width="568" height="655" viewBox="-90 -90 568 655"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="718" height="825" viewBox="-90 -90 718 825"><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="514" height="621" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="269.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="a.b"><g class="shape" ><rect x="87" y="87" width="364" height="471" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="269.000000" y="116.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">b</text></g><g id="a.b.c"><g class="shape" ><rect x="172" y="162" width="204" height="216" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="274.000000" y="187.000000" style="text-anchor:middle;font-size:20px;fill:#0A0F25">c</text></g><g id="a.b.c.d"><g class="shape" ><rect x="247" y="237" width="54" height="66" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="274.000000" y="275.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a.b -&gt; a)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 162.000000 560.000000 L 162.000000 629.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1465710938)"/></g><g id="a.(b -&gt; b.c)[0]"><path d="M 247.000000 89.000000 L 247.000000 158.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1465710938)"/></g><g id="a.(b.c.d -&gt; b)[0]"><path d="M 274.000000 305.000000 L 274.000000 423.000000 S 274.000000 433.000000 264.000000 433.000000 L 172.000000 433.000000 S 162.000000 433.000000 162.000000 423.000000 L 162.000000 91.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1465710938)"/></g><mask id="1465710938" maskUnits="userSpaceOnUse" x="-100" y="-100" width="718" height="825"> ]]></script><g id="a"><g class="shape" ><rect x="12" y="12" width="364" height="451" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="194.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="a.b"><g class="shape" ><rect x="62" y="62" width="264" height="351" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="194.000000" y="91.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">b</text></g><g id="a.b.c"><g class="shape" ><rect x="122" y="112" width="154" height="166" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="199.000000" y="137.000000" style="text-anchor:middle;font-size:20px;fill:#0A0F25">c</text></g><g id="a.b.c.d"><g class="shape" ><rect x="172" y="162" width="54" height="66" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="199.000000" y="200.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a.b -&gt; a)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 112.000000 415.000000 L 112.000000 459.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2959976070)"/></g><g id="a.(b -&gt; b.c)[0]"><path d="M 172.000000 64.000000 L 172.000000 108.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2959976070)"/></g><g id="a.(b.c.d -&gt; b)[0]"><path d="M 199.000000 230.000000 L 199.000000 313.000000 S 199.000000 323.000000 189.000000 323.000000 L 122.000000 323.000000 S 112.000000 323.000000 112.000000 313.000000 L 112.000000 66.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2959976070)"/></g><mask id="2959976070" maskUnits="userSpaceOnUse" x="-100" y="-100" width="568" height="655">
<rect x="-100" y="-100" width="718" height="825" fill="white"></rect> <rect x="-100" y="-100" width="568" height="655" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 650 KiB

After

Width:  |  Height:  |  Size: 650 KiB

8
e2etests/testdata/stable/circle_arrowhead/elk/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 299 "y": 219
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 85, "x": 85,
"y": 299 "y": 219
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -199,7 +199,7 @@
}, },
{ {
"x": 38.5, "x": 38.5,
"y": 299 "y": 219
} }
], ],
"animated": false, "animated": false,
@ -238,7 +238,7 @@
}, },
{ {
"x": 112, "x": 112,
"y": 299 "y": 219
} }
], ],
"animated": false, "animated": false,

10
e2etests/testdata/stable/circle_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="339" height="557" viewBox="-90 -90 339 557"><style type="text/css"> width="339" height="477" viewBox="-90 -90 339 477"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,10 +39,10 @@ width="339" height="557" viewBox="-90 -90 339 557"><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="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="c"><g class="shape" ><rect x="85" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="111.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="85" y="299" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="112.000000" y="337.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a &lt;-&gt; b)[0]"><marker id="mk-2353508688" markerWidth="24.000000" markerHeight="24.000000" refX="3.000000" refY="12.000000" viewBox="0.000000 0.000000 24.000000 24.000000" orient="auto" markerUnits="userSpaceOnUse"> <circle class="connection" fill="white" stroke="#0D32B2" stroke-width="2" cx="11.000000" cy="12.000000" r="10.000000"/> </marker><marker id="mk-3979614975" markerWidth="24.000000" markerHeight="24.000000" refX="21.000000" refY="12.000000" viewBox="0.000000 0.000000 24.000000 24.000000" orient="auto" markerUnits="userSpaceOnUse"> <circle class="connection" fill="white" stroke="#0D32B2" stroke-width="2" cx="13.000000" cy="12.000000" r="10.000000"/> </marker><path d="M 38.500000 82.000000 L 38.500000 295.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2353508688)" marker-end="url(#mk-3979614975)" mask="url(#3906270847)"/><text class="text-italic" x="39.000000" y="194.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">circle</text></g><g id="(c &lt;-&gt; d)[0]"><marker id="mk-174437403" markerWidth="24.000000" markerHeight="24.000000" refX="3.000000" refY="12.000000" viewBox="0.000000 0.000000 24.000000 24.000000" orient="auto" markerUnits="userSpaceOnUse"> <circle class="connection" fill="#0D32B2" stroke-width="2" cx="11.000000" cy="12.000000" r="11.000000"/> </marker><marker id="mk-211976278" markerWidth="24.000000" markerHeight="24.000000" refX="21.000000" refY="12.000000" viewBox="0.000000 0.000000 24.000000 24.000000" orient="auto" markerUnits="userSpaceOnUse"> <circle class="connection" fill="#0D32B2" stroke-width="2" cx="13.000000" cy="12.000000" r="11.000000"/> </marker><path d="M 112.000000 82.000000 L 112.000000 295.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-174437403)" marker-end="url(#mk-211976278)" mask="url(#3906270847)"/><text class="text-italic" x="112.500000" y="194.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">filled-circle</text></g><mask id="3906270847" maskUnits="userSpaceOnUse" x="-100" y="-100" width="339" height="557"> ]]></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="219" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="257.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="85" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="111.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="85" y="219" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="112.000000" y="257.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a &lt;-&gt; b)[0]"><marker id="mk-2353508688" markerWidth="24.000000" markerHeight="24.000000" refX="3.000000" refY="12.000000" viewBox="0.000000 0.000000 24.000000 24.000000" orient="auto" markerUnits="userSpaceOnUse"> <circle class="connection" fill="white" stroke="#0D32B2" stroke-width="2" cx="11.000000" cy="12.000000" r="10.000000"/> </marker><marker id="mk-3979614975" markerWidth="24.000000" markerHeight="24.000000" refX="21.000000" refY="12.000000" viewBox="0.000000 0.000000 24.000000 24.000000" orient="auto" markerUnits="userSpaceOnUse"> <circle class="connection" fill="white" stroke="#0D32B2" stroke-width="2" cx="13.000000" cy="12.000000" r="10.000000"/> </marker><path d="M 38.500000 82.000000 L 38.500000 215.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2353508688)" marker-end="url(#mk-3979614975)" mask="url(#479701471)"/><text class="text-italic" x="39.000000" y="154.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">circle</text></g><g id="(c &lt;-&gt; d)[0]"><marker id="mk-174437403" markerWidth="24.000000" markerHeight="24.000000" refX="3.000000" refY="12.000000" viewBox="0.000000 0.000000 24.000000 24.000000" orient="auto" markerUnits="userSpaceOnUse"> <circle class="connection" fill="#0D32B2" stroke-width="2" cx="11.000000" cy="12.000000" r="11.000000"/> </marker><marker id="mk-211976278" markerWidth="24.000000" markerHeight="24.000000" refX="21.000000" refY="12.000000" viewBox="0.000000 0.000000 24.000000 24.000000" orient="auto" markerUnits="userSpaceOnUse"> <circle class="connection" fill="#0D32B2" stroke-width="2" cx="13.000000" cy="12.000000" r="11.000000"/> </marker><path d="M 112.000000 82.000000 L 112.000000 215.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-174437403)" marker-end="url(#mk-211976278)" mask="url(#479701471)"/><text class="text-italic" x="112.500000" y="154.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">filled-circle</text></g><mask id="479701471" maskUnits="userSpaceOnUse" x="-100" y="-100" width="339" height="477">
<rect x="-100" y="-100" width="339" height="557" fill="white"></rect> <rect x="-100" y="-100" width="339" height="477" fill="white"></rect>
<rect x="21.000000" y="178.000000" width="36" height="21" fill="black"></rect> <rect x="21.000000" y="138.000000" width="36" height="21" fill="black"></rect>
<rect x="76.000000" y="178.000000" width="73" height="21" fill="black"></rect> <rect x="76.000000" y="138.000000" width="73" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {
font-family: "font-bold"; font-family: "font-bold";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 470 KiB

After

Width:  |  Height:  |  Size: 470 KiB

16
e2etests/testdata/stable/circular_dependency/elk/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 178 "y": 138
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 344 "y": 264
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -158,7 +158,7 @@
}, },
{ {
"x": 29.666666666666668, "x": 29.666666666666668,
"y": 178 "y": 138
} }
], ],
"animated": false, "animated": false,
@ -193,11 +193,11 @@
"route": [ "route": [
{ {
"x": 29.666666666666668, "x": 29.666666666666668,
"y": 244 "y": 204
}, },
{ {
"x": 29.666666666666668, "x": 29.666666666666668,
"y": 344 "y": 264
} }
], ],
"animated": false, "animated": false,
@ -232,11 +232,11 @@
"route": [ "route": [
{ {
"x": 47.333333333333336, "x": 47.333333333333336,
"y": 344 "y": 264
}, },
{ {
"x": 47.333333333333336, "x": 47.333333333333336,
"y": 244 "y": 204
} }
], ],
"animated": false, "animated": false,
@ -271,7 +271,7 @@
"route": [ "route": [
{ {
"x": 47.333333333333336, "x": 47.333333333333336,
"y": 178 "y": 138
}, },
{ {
"x": 47.333333333333336, "x": 47.333333333333336,

6
e2etests/testdata/stable/circular_dependency/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="257" height="602" viewBox="-90 -90 257 602"><style type="text/css"> width="257" height="522" viewBox="-90 -90 257 522"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="257" height="602" viewBox="-90 -90 257 602"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><rect x="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="c"><g class="shape" ><rect x="12" y="344" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="382.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 29.666667 80.000000 L 29.666667 174.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2746429845)"/></g><g id="(b -&gt; c)[0]"><path d="M 29.666667 246.000000 L 29.666667 340.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2746429845)"/></g><g id="(c -&gt; b)[0]"><path d="M 47.333333 342.000000 L 47.333333 248.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2746429845)"/></g><g id="(b -&gt; a)[0]"><path d="M 47.333333 176.000000 L 47.333333 82.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2746429845)"/></g><mask id="2746429845" maskUnits="userSpaceOnUse" x="-100" y="-100" width="257" height="602"> ]]></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="138" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="176.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="12" y="264" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="38.500000" y="302.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 29.666667 80.000000 L 29.666667 134.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3063489204)"/></g><g id="(b -&gt; c)[0]"><path d="M 29.666667 206.000000 L 29.666667 260.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3063489204)"/></g><g id="(c -&gt; b)[0]"><path d="M 47.333333 262.000000 L 47.333333 208.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3063489204)"/></g><g id="(b -&gt; a)[0]"><path d="M 47.333333 136.000000 L 47.333333 82.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3063489204)"/></g><mask id="3063489204" maskUnits="userSpaceOnUse" x="-100" y="-100" width="257" height="522">
<rect x="-100" y="-100" width="257" height="602" fill="white"></rect> <rect x="-100" y="-100" width="257" height="522" 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

10
e2etests/testdata/stable/code_snippet/elk/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "code", "type": "code",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 178 "y": 138
}, },
"width": 755, "width": 755,
"height": 166, "height": 166,
@ -88,7 +88,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 362, "x": 362,
"y": 444 "y": 364
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -157,7 +157,7 @@
}, },
{ {
"x": 389.5, "x": 389.5,
"y": 178 "y": 138
} }
], ],
"animated": false, "animated": false,
@ -192,11 +192,11 @@
"route": [ "route": [
{ {
"x": 389.5, "x": 389.5,
"y": 344 "y": 304
}, },
{ {
"x": 389.5, "x": 389.5,
"y": 444 "y": 364
} }
], ],
"animated": false, "animated": false,

8
e2etests/testdata/stable/code_snippet/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="959" height="702" viewBox="-90 -90 959 702"><style type="text/css"> width="959" height="622" viewBox="-90 -90 959 622"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,7 +39,7 @@ width="959" height="702" viewBox="-90 -90 959 702"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="hey"><g class="shape" ></g><g transform="translate(12.000000 178.000000)"><rect class="shape" width="755" height="166" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve"><tspan fill="#999988" class="text-mono-italic">//&#160;RegisterHash&#160;registers&#160;a&#160;function&#160;that&#160;returns&#160;a&#160;new&#160;instance&#160;of&#160;the&#160;given ]]></script><g id="hey"><g class="shape" ></g><g transform="translate(12.000000 138.000000)"><rect class="shape" width="755" height="166" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve"><tspan fill="#999988" class="text-mono-italic">//&#160;RegisterHash&#160;registers&#160;a&#160;function&#160;that&#160;returns&#160;a&#160;new&#160;instance&#160;of&#160;the&#160;given
</tspan></text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve"><tspan fill="#999988" class="text-mono-italic"></tspan><tspan fill="#999988" class="text-mono-italic">//&#160;hash&#160;function.&#160;This&#160;is&#160;intended&#160;to&#160;be&#160;called&#160;from&#160;the&#160;init&#160;function&#160;in </tspan></text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve"><tspan fill="#999988" class="text-mono-italic"></tspan><tspan fill="#999988" class="text-mono-italic">//&#160;hash&#160;function.&#160;This&#160;is&#160;intended&#160;to&#160;be&#160;called&#160;from&#160;the&#160;init&#160;function&#160;in
</tspan></text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve"><tspan fill="#999988" class="text-mono-italic"></tspan><tspan fill="#999988" class="text-mono-italic">//&#160;packages&#160;that&#160;implement&#160;hash&#160;functions. </tspan></text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve"><tspan fill="#999988" class="text-mono-italic"></tspan><tspan fill="#999988" class="text-mono-italic">//&#160;packages&#160;that&#160;implement&#160;hash&#160;functions.
</tspan></text><text class="text-mono" x="0" y="4.000000em" xml:space="preserve"><tspan fill="#999988" class="text-mono-italic"></tspan><tspan fill="#000000" class="text-mono-bold">func</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">RegisterHash</tspan>(h&#160;Hash,&#160;f&#160;<tspan fill="#000000" class="text-mono-bold">func</tspan>()&#160;hash.Hash)&#160;{ </tspan></text><text class="text-mono" x="0" y="4.000000em" xml:space="preserve"><tspan fill="#999988" class="text-mono-italic"></tspan><tspan fill="#000000" class="text-mono-bold">func</tspan>&#160;<tspan fill="#990000" class="text-mono-bold">RegisterHash</tspan>(h&#160;Hash,&#160;f&#160;<tspan fill="#000000" class="text-mono-bold">func</tspan>()&#160;hash.Hash)&#160;{
@ -47,8 +47,8 @@ width="959" height="702" viewBox="-90 -90 959 702"><style type="text/css">
</text><text class="text-mono" x="0" y="6.000000em" xml:space="preserve">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<tspan fill="#0086b3">panic</tspan>(<tspan fill="#dd1144">&quot;crypto:&#160;RegisterHash&#160;of&#160;unknown&#160;hash&#160;function&quot;</tspan>) </text><text class="text-mono" x="0" y="6.000000em" xml:space="preserve">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<tspan fill="#0086b3">panic</tspan>(<tspan fill="#dd1144">&quot;crypto:&#160;RegisterHash&#160;of&#160;unknown&#160;hash&#160;function&quot;</tspan>)
</text><text class="text-mono" x="0" y="7.000000em" xml:space="preserve">&#160;&#160;&#160;&#160;} </text><text class="text-mono" x="0" y="7.000000em" xml:space="preserve">&#160;&#160;&#160;&#160;}
</text><text class="text-mono" x="0" y="8.000000em" xml:space="preserve">&#160;&#160;&#160;&#160;hashes[h]&#160;=&#160;f </text><text class="text-mono" x="0" y="8.000000em" xml:space="preserve">&#160;&#160;&#160;&#160;hashes[h]&#160;=&#160;f
</text><text class="text-mono" x="0" y="9.000000em" xml:space="preserve">}</text></g></g></g><g id="x"><g class="shape" ><rect x="363" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="389.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">x</text></g><g id="y"><g class="shape" ><rect x="362" y="444" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="389.000000" y="482.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">y</text></g><g id="(x -&gt; hey)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 389.500000 80.000000 L 389.500000 174.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2421718341)"/></g><g id="(hey -&gt; y)[0]"><path d="M 389.500000 346.000000 L 389.500000 440.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2421718341)"/></g><mask id="2421718341" maskUnits="userSpaceOnUse" x="-100" y="-100" width="959" height="702"> </text><text class="text-mono" x="0" y="9.000000em" xml:space="preserve">}</text></g></g></g><g id="x"><g class="shape" ><rect x="363" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="389.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">x</text></g><g id="y"><g class="shape" ><rect x="362" y="364" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="389.000000" y="402.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">y</text></g><g id="(x -&gt; hey)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 389.500000 80.000000 L 389.500000 134.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3211694031)"/></g><g id="(hey -&gt; y)[0]"><path d="M 389.500000 306.000000 L 389.500000 360.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3211694031)"/></g><mask id="3211694031" maskUnits="userSpaceOnUse" x="-100" y="-100" width="959" height="622">
<rect x="-100" y="-100" width="959" height="702" fill="white"></rect> <rect x="-100" y="-100" width="959" height="622" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 673 KiB

After

Width:  |  Height:  |  Size: 673 KiB

24
e2etests/testdata/stable/complex-layers/elk/board.exp.json generated vendored
View file

@ -453,8 +453,8 @@
"x": 12, "x": 12,
"y": 12 "y": 12
}, },
"width": 391, "width": 341,
"height": 216, "height": 166,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -491,8 +491,8 @@
"id": "find contractors.craigslist", "id": "find contractors.craigslist",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 87, "x": 62,
"y": 87 "y": 62
}, },
"width": 110, "width": 110,
"height": 66, "height": 66,
@ -532,8 +532,8 @@
"id": "find contractors.facebook", "id": "find contractors.facebook",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 217, "x": 192,
"y": 87 "y": 62
}, },
"width": 111, "width": 111,
"height": 66, "height": 66,
@ -622,7 +622,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 21, "x": 21,
"y": 178 "y": 138
}, },
"width": 140, "width": 140,
"height": 66, "height": 66,
@ -691,7 +691,7 @@
}, },
{ {
"x": 91.5, "x": 91.5,
"y": 178 "y": 138
} }
], ],
"animated": false, "animated": false,
@ -751,7 +751,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 27, "x": 27,
"y": 178 "y": 138
}, },
"width": 112, "width": 112,
"height": 66, "height": 66,
@ -820,7 +820,7 @@
}, },
{ {
"x": 83.5, "x": 83.5,
"y": 178 "y": 138
} }
], ],
"animated": false, "animated": false,
@ -880,7 +880,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 178 "y": 138
}, },
"width": 167, "width": 167,
"height": 66, "height": 66,
@ -949,7 +949,7 @@
}, },
{ {
"x": 95.5, "x": 95.5,
"y": 178 "y": 138
} }
], ],
"animated": false, "animated": false,

56
e2etests/testdata/stable/connected_container/elk/board.exp.json generated vendored
View file

@ -6,11 +6,11 @@
"id": "a", "id": "a",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 87, "x": 62,
"y": 12 "y": 12
}, },
"width": 203, "width": 153,
"height": 216, "height": 166,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -47,8 +47,8 @@
"id": "a.b", "id": "a.b",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 162, "x": 112,
"y": 87 "y": 62
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -88,11 +88,11 @@
"id": "c", "id": "c",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 87, "x": 62,
"y": 338 "y": 248
}, },
"width": 204, "width": 154,
"height": 216, "height": 166,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -129,8 +129,8 @@
"id": "c.d", "id": "c.d",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 162, "x": 112,
"y": 413 "y": 298
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -171,10 +171,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 664 "y": 484
}, },
"width": 354, "width": 254,
"height": 371, "height": 271,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -211,11 +211,11 @@
"id": "f.h", "id": "f.h",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 87, "x": 62,
"y": 744 "y": 539
}, },
"width": 204, "width": 154,
"height": 216, "height": 166,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -252,8 +252,8 @@
"id": "f.h.g", "id": "f.h.g",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 162, "x": 112,
"y": 819 "y": 589
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -317,12 +317,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 189, "x": 139,
"y": 153 "y": 128
}, },
{ {
"x": 189, "x": 139,
"y": 413 "y": 298
} }
], ],
"animated": false, "animated": false,
@ -356,12 +356,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 189, "x": 139,
"y": 479 "y": 364
}, },
{ {
"x": 189, "x": 139,
"y": 819 "y": 589
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/stable/connected_container/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="558" height="1227" viewBox="-90 -90 558 1227"><style type="text/css"> width="458" height="947" viewBox="-90 -90 458 947"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="558" height="1227" viewBox="-90 -90 558 1227"><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="12" width="203" height="216" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="188.500000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="87" y="338" width="204" height="216" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="189.000000" y="371.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="f"><g class="shape" ><rect x="12" y="664" width="354" height="371" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="189.000000" y="697.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">f</text></g><g id="a.b"><g class="shape" ><rect x="162" y="87" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="188.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="162" y="413" width="54" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="189.000000" y="451.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="f.h"><g class="shape" ><rect x="87" y="744" width="204" height="216" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="189.000000" y="773.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">h</text></g><g id="f.h.g"><g class="shape" ><rect x="162" y="819" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="189.000000" y="857.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">g</text></g><g id="(a.b -&gt; c.d)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 189.000000 155.000000 L 189.000000 409.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#363743452)"/></g><g id="(c.d -&gt; f.h.g)[0]"><path d="M 189.000000 481.000000 L 189.000000 815.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#363743452)"/></g><mask id="363743452" maskUnits="userSpaceOnUse" x="-100" y="-100" width="558" height="1227"> ]]></script><g id="a"><g class="shape" ><rect x="62" y="12" width="153" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="138.500000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="62" y="248" width="154" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="139.000000" y="281.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="f"><g class="shape" ><rect x="12" y="484" width="254" height="271" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="139.000000" y="517.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">f</text></g><g id="a.b"><g class="shape" ><rect x="112" y="62" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="138.500000" y="100.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="112" y="298" width="54" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="139.000000" y="336.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="f.h"><g class="shape" ><rect x="62" y="539" width="154" height="166" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="139.000000" y="568.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">h</text></g><g id="f.h.g"><g class="shape" ><rect x="112" y="589" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="139.000000" y="627.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">g</text></g><g id="(a.b -&gt; c.d)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 139.000000 130.000000 L 139.000000 294.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#527864042)"/></g><g id="(c.d -&gt; f.h.g)[0]"><path d="M 139.000000 366.000000 L 139.000000 585.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#527864042)"/></g><mask id="527864042" maskUnits="userSpaceOnUse" x="-100" y="-100" width="458" height="947">
<rect x="-100" y="-100" width="558" height="1227" fill="white"></rect> <rect x="-100" y="-100" width="458" height="947" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 650 KiB

After

Width:  |  Height:  |  Size: 650 KiB

14
e2etests/testdata/stable/constant_near_stress/elk/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 178 "y": 138
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -130,7 +130,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": -432, "x": -432,
"y": 264 "y": 224
}, },
"width": 943, "width": 943,
"height": 131, "height": 131,
@ -171,7 +171,7 @@
"type": "person", "type": "person",
"pos": { "pos": {
"x": -553, "x": -553,
"y": 94 "y": 74
}, },
"width": 101, "width": 101,
"height": 67, "height": 67,
@ -212,7 +212,7 @@
"type": "person", "type": "person",
"pos": { "pos": {
"x": 530, "x": 530,
"y": 74 "y": 54
}, },
"width": 160, "width": 160,
"height": 107, "height": 107,
@ -335,7 +335,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": -559, "x": -559,
"y": 264 "y": 224
}, },
"width": 107, "width": 107,
"height": 21, "height": 21,
@ -376,7 +376,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 530, "x": 530,
"y": 264 "y": 224
}, },
"width": 117, "width": 117,
"height": 21, "height": 21,
@ -445,7 +445,7 @@
}, },
{ {
"x": 39, "x": 39,
"y": 178 "y": 138
} }
], ],
"animated": false, "animated": false,

8
e2etests/testdata/stable/constant_near_stress/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="1453" height="628" viewBox="-661 -131 1453 628"><style type="text/css"> width="1453" height="588" viewBox="-661 -131 1453 588"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -796,11 +796,11 @@ width="1453" height="628" viewBox="-661 -131 1453 628"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="x"><g class="shape" ><rect x="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">x</text></g><g id="y"><g class="shape" ><rect x="12" y="178" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="39.000000" y="216.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">y</text></g><g id="The top of the mountain"><g class="shape" ></g><text class="text" x="39.000000" y="-13.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">The top of the mountain</text></g><g id="bottom"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="-432.000000" y="264.000000" width="943" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>Cats, no less liquid than their shadows, offer no angles to the wind.</h1> </style><g id="x"><g class="shape" ><rect x="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">x</text></g><g id="y"><g class="shape" ><rect x="12" y="138" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="39.000000" y="176.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">y</text></g><g id="The top of the mountain"><g class="shape" ></g><text class="text" x="39.000000" y="-13.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">The top of the mountain</text></g><g id="bottom"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="-432.000000" y="224.000000" width="943" height="131"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>Cats, no less liquid than their shadows, offer no angles to the wind.</h1>
<p>If we can't fix it, it ain't broke.</p> <p>If we can't fix it, it ain't broke.</p>
<p>Dieters live life in the fasting lane.</p> <p>Dieters live life in the fasting lane.</p>
</div></foreignObject></g></g><g id="Joe"><g class="shape" ><path d="M -452 161 H -553 V 160 C -553 149 -542 138 -524 133 C -534 129 -540 123 -540 116 C -540 104 -523 94 -503 94 C -482 94 -466 104 -466 116 C -466 123 -472 130 -481 134 C -464 139 -452 149 -452 161 V 162 H -452 Z" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="-502.500000" y="133.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">Joe</text></g><g id="Donald"><g class="shape" ><path d="M 690 181 H 530 V 179 C 530 161 548 144 575 136 C 560 131 551 120 551 109 C 551 90 577 74 610 74 C 643 74 669 90 669 109 C 669 120 660 131 645 137 C 673 145 690 161 690 180 V 181 H 690 Z" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="610.000000" y="133.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">Donald</text></g><g id="i am top left"><g class="shape" ></g><text class="text" x="-492.000000" y="-13.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">i am top left</text></g><g id="i am top right"><g class="shape" ></g><text class="text" x="575.000000" y="-13.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">i am top right</text></g><g id="i am bottom left"><g class="shape" ></g><text class="text" x="-505.500000" y="280.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">i am bottom left</text></g><g id="i am bottom right"><g class="shape" ></g><text class="text" x="588.500000" y="280.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">i am bottom right</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 39.000000 80.000000 L 39.000000 174.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1368503971)"/></g><mask id="1368503971" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1453" height="628"> </div></foreignObject></g></g><g id="Joe"><g class="shape" ><path d="M -452 141 H -553 V 140 C -553 129 -542 118 -524 113 C -534 109 -540 103 -540 96 C -540 84 -523 74 -503 74 C -482 74 -466 84 -466 96 C -466 103 -472 110 -481 114 C -464 119 -452 129 -452 141 V 142 H -452 Z" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="-502.500000" y="113.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">Joe</text></g><g id="Donald"><g class="shape" ><path d="M 690 161 H 530 V 159 C 530 141 548 124 575 116 C 560 111 551 100 551 89 C 551 70 577 54 610 54 C 643 54 669 70 669 89 C 669 100 660 111 645 117 C 673 125 690 141 690 160 V 161 H 690 Z" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="610.000000" y="113.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">Donald</text></g><g id="i am top left"><g class="shape" ></g><text class="text" x="-492.000000" y="-13.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">i am top left</text></g><g id="i am top right"><g class="shape" ></g><text class="text" x="575.000000" y="-13.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">i am top right</text></g><g id="i am bottom left"><g class="shape" ></g><text class="text" x="-505.500000" y="240.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">i am bottom left</text></g><g id="i am bottom right"><g class="shape" ></g><text class="text" x="588.500000" y="240.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">i am bottom right</text></g><g id="(x -&gt; y)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 39.000000 80.000000 L 39.000000 134.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#489112839)"/></g><mask id="489112839" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1453" height="588">
<rect x="-100" y="-100" width="1453" height="628" fill="white"></rect> <rect x="-100" y="-100" width="1453" height="588" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 662 KiB

After

Width:  |  Height:  |  Size: 662 KiB

32
e2etests/testdata/stable/constant_near_title/elk/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 64, "x": 64,
"y": 178 "y": 158
}, },
"width": 93, "width": 93,
"height": 66, "height": 66,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 172, "x": 172,
"y": 344 "y": 304
}, },
"width": 131, "width": 131,
"height": 66, "height": 66,
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 39, "x": 39,
"y": 344 "y": 304
}, },
"width": 113, "width": 113,
"height": 66, "height": 66,
@ -171,7 +171,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 510 "y": 430
}, },
"width": 167, "width": 167,
"height": 66, "height": 66,
@ -281,7 +281,7 @@
}, },
{ {
"x": 111, "x": 111,
"y": 178 "y": 158
} }
], ],
"animated": false, "animated": false,
@ -316,19 +316,19 @@
"route": [ "route": [
{ {
"x": 126.5, "x": 126.5,
"y": 244 "y": 224
}, },
{ {
"x": 126.5, "x": 126.5,
"y": 294 "y": 264
}, },
{ {
"x": 215.66666666666666, "x": 215.66666666666666,
"y": 294 "y": 264
}, },
{ {
"x": 215.66666666666666, "x": 215.66666666666666,
"y": 344 "y": 304
} }
], ],
"animated": false, "animated": false,
@ -363,15 +363,15 @@
"route": [ "route": [
{ {
"x": 259.3333333333333, "x": 259.3333333333333,
"y": 344 "y": 304
}, },
{ {
"x": 259.3333333333333, "x": 259.3333333333333,
"y": 128 "y": 118
}, },
{ {
"x": 161, "x": 161,
"y": 128 "y": 118
}, },
{ {
"x": 161, "x": 161,
@ -410,11 +410,11 @@
"route": [ "route": [
{ {
"x": 95.5, "x": 95.5,
"y": 244 "y": 224
}, },
{ {
"x": 95.5, "x": 95.5,
"y": 344 "y": 304
} }
], ],
"animated": false, "animated": false,
@ -449,11 +449,11 @@
"route": [ "route": [
{ {
"x": 95.5, "x": 95.5,
"y": 410 "y": 370
}, },
{ {
"x": 95.5, "x": 95.5,
"y": 510 "y": 430
} }
], ],
"animated": false, "animated": false,

8
e2etests/testdata/stable/constant_near_title/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="495" height="839" viewBox="-90 -161 495 839"><style type="text/css"> width="495" height="759" viewBox="-90 -161 495 759"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -796,9 +796,9 @@ width="495" height="839" viewBox="-90 -161 495 839"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="poll the people"><g class="shape" ><rect x="61" y="12" width="150" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="136.000000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">poll the people</text></g><g id="results"><g class="shape" ><rect x="64" y="178" width="93" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="110.500000" y="216.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">results</text></g><g id="unfavorable"><g class="shape" ><rect x="172" y="344" width="131" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="237.500000" y="382.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">unfavorable</text></g><g id="favorable"><g class="shape" ><rect x="39" y="344" width="113" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="95.500000" y="382.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">favorable</text></g><g id="will of the people"><g class="shape" ><rect x="12" y="510" width="167" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="95.500000" y="548.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">will of the people</text></g><g id="title"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="24.000000" y="-59.000000" width="266" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>A winning strategy</h1> </style><g id="poll the people"><g class="shape" ><rect x="61" y="12" width="150" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="136.000000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">poll the people</text></g><g id="results"><g class="shape" ><rect x="64" y="158" width="93" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="110.500000" y="196.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">results</text></g><g id="unfavorable"><g class="shape" ><rect x="172" y="304" width="131" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="237.500000" y="342.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">unfavorable</text></g><g id="favorable"><g class="shape" ><rect x="39" y="304" width="113" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="95.500000" y="342.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">favorable</text></g><g id="will of the people"><g class="shape" ><rect x="12" y="430" width="167" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="95.500000" y="468.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">will of the people</text></g><g id="title"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="24.000000" y="-59.000000" width="266" height="51"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>A winning strategy</h1>
</div></foreignObject></g></g><g id="(poll the people -&gt; results)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 111.000000 80.000000 L 111.000000 174.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3129785441)"/></g><g id="(results -&gt; unfavorable)[0]"><path d="M 126.500000 246.000000 L 126.500000 284.000000 S 126.500000 294.000000 136.500000 294.000000 L 205.666667 294.000000 S 215.666667 294.000000 215.666667 304.000000 L 215.666667 340.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3129785441)"/></g><g id="(unfavorable -&gt; poll the people)[0]"><path d="M 259.333333 342.000000 L 259.333333 138.000000 S 259.333333 128.000000 249.333333 128.000000 L 171.000000 128.000000 S 161.000000 128.000000 161.000000 118.000000 L 161.000000 82.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3129785441)"/></g><g id="(results -&gt; favorable)[0]"><path d="M 95.500000 246.000000 L 95.500000 340.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3129785441)"/></g><g id="(favorable -&gt; will of the people)[0]"><path d="M 95.500000 412.000000 L 95.500000 506.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3129785441)"/></g><mask id="3129785441" maskUnits="userSpaceOnUse" x="-100" y="-100" width="495" height="839"> </div></foreignObject></g></g><g id="(poll the people -&gt; results)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 111.000000 80.000000 L 111.000000 154.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1655103860)"/></g><g id="(results -&gt; unfavorable)[0]"><path d="M 126.500000 226.000000 L 126.500000 254.000000 S 126.500000 264.000000 136.500000 264.000000 L 205.666667 264.000000 S 215.666667 264.000000 215.666667 274.000000 L 215.666667 300.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1655103860)"/></g><g id="(unfavorable -&gt; poll the people)[0]"><path d="M 259.333333 302.000000 L 259.333333 128.000000 S 259.333333 118.000000 249.333333 118.000000 L 171.000000 118.000000 S 161.000000 118.000000 161.000000 108.000000 L 161.000000 82.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1655103860)"/></g><g id="(results -&gt; favorable)[0]"><path d="M 95.500000 226.000000 L 95.500000 300.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1655103860)"/></g><g id="(favorable -&gt; will of the people)[0]"><path d="M 95.500000 372.000000 L 95.500000 426.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1655103860)"/></g><mask id="1655103860" maskUnits="userSpaceOnUse" x="-100" y="-100" width="495" height="759">
<rect x="-100" y="-100" width="495" height="839" fill="white"></rect> <rect x="-100" y="-100" width="495" height="759" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 662 KiB

After

Width:  |  Height:  |  Size: 662 KiB

118
e2etests/testdata/stable/container_edges/elk/board.exp.json generated vendored
View file

@ -6,7 +6,7 @@
"id": "a", "id": "a",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 162, "x": 112,
"y": 12 "y": 12
}, },
"width": 53, "width": 53,
@ -47,11 +47,11 @@
"id": "g", "id": "g",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 87, "x": 62,
"y": 233 "y": 213
}, },
"width": 276, "width": 226,
"height": 216, "height": 166,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -88,8 +88,8 @@
"id": "g.b", "id": "g.b",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 162, "x": 112,
"y": 308 "y": 263
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -130,10 +130,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 559 "y": 469
}, },
"width": 353, "width": 253,
"height": 371, "height": 271,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -170,11 +170,11 @@
"id": "d.h", "id": "d.h",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 87, "x": 62,
"y": 639 "y": 524
}, },
"width": 203, "width": 153,
"height": 216, "height": 166,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -211,8 +211,8 @@
"id": "d.h.c", "id": "d.h.c",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 162, "x": 112,
"y": 714 "y": 574
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -252,8 +252,8 @@
"id": "g.e", "id": "g.e",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 235, "x": 185,
"y": 308 "y": 263
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -293,8 +293,8 @@
"id": "f", "id": "f",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 385, "x": 285,
"y": 559 "y": 469
}, },
"width": 51, "width": 51,
"height": 66, "height": 66,
@ -358,12 +358,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 188.5, "x": 138.5,
"y": 78 "y": 78
}, },
{ {
"x": 188.5, "x": 138.5,
"y": 308 "y": 263
} }
], ],
"animated": false, "animated": false,
@ -397,12 +397,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 188.5, "x": 138.5,
"y": 374 "y": 329
}, },
{ {
"x": 188.5, "x": 138.5,
"y": 714 "y": 574
} }
], ],
"animated": false, "animated": false,
@ -436,28 +436,28 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 87, "x": 62,
"y": 930 "y": 740
}, },
{ {
"x": 87, "x": 62,
"y": 980 "y": 780
}, },
{ {
"x": 446, "x": 346,
"y": 980 "y": 780
}, },
{ {
"x": 446, "x": 346,
"y": 128 "y": 118
}, },
{ {
"x": 261.5, "x": 211.5,
"y": 128 "y": 118
}, },
{ {
"x": 261.5, "x": 211.5,
"y": 308 "y": 263
} }
], ],
"animated": false, "animated": false,
@ -491,20 +491,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 261.5, "x": 211.5,
"y": 374 "y": 329
}, },
{ {
"x": 261.5, "x": 211.5,
"y": 504 "y": 424
}, },
{ {
"x": 402, "x": 302,
"y": 504 "y": 424
}, },
{ {
"x": 402, "x": 302,
"y": 559 "y": 469
} }
], ],
"animated": false, "animated": false,
@ -538,20 +538,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 419, "x": 319,
"y": 559 "y": 469
}, },
{ {
"x": 419, "x": 319,
"y": 178 "y": 168
}, },
{ {
"x": 271.5, "x": 221.5,
"y": 178 "y": 168
}, },
{ {
"x": 271.5, "x": 221.5,
"y": 233 "y": 213
} }
], ],
"animated": false, "animated": false,
@ -585,12 +585,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 198.5, "x": 148.5,
"y": 449 "y": 379
}, },
{ {
"x": 198.5, "x": 148.5,
"y": 639 "y": 524
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/stable/container_edges/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="636" height="1170" viewBox="-90 -90 636 1170"><style type="text/css"> width="536" height="970" viewBox="-90 -90 536 970"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="636" height="1170" viewBox="-90 -90 636 1170"><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="162" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="188.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="g"><g class="shape" ><rect x="87" y="233" width="276" height="216" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="225.000000" y="266.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">g</text></g><g id="d"><g class="shape" ><rect x="12" y="559" width="353" height="371" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="188.500000" y="592.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">d</text></g><g id="f"><g class="shape" ><rect x="385" y="559" width="51" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="410.500000" y="597.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">f</text></g><g id="g.b"><g class="shape" ><rect x="162" y="308" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="188.500000" y="346.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="d.h"><g class="shape" ><rect x="87" y="639" width="203" height="216" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="188.500000" y="668.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">h</text></g><g id="g.e"><g class="shape" ><rect x="235" y="308" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="261.500000" y="346.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">e</text></g><g id="d.h.c"><g class="shape" ><rect x="162" y="714" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="188.500000" y="752.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="(a -&gt; g.b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 188.500000 80.000000 L 188.500000 304.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1440206251)"/></g><g id="(g.b -&gt; d.h.c)[0]"><path d="M 188.500000 376.000000 L 188.500000 710.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1440206251)"/></g><g id="(d -&gt; g.e)[0]"><path d="M 87.000000 932.000000 L 87.000000 970.000000 S 87.000000 980.000000 97.000000 980.000000 L 436.000000 980.000000 S 446.000000 980.000000 446.000000 970.000000 L 446.000000 138.000000 S 446.000000 128.000000 436.000000 128.000000 L 271.500000 128.000000 S 261.500000 128.000000 261.500000 138.000000 L 261.500000 304.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1440206251)"/></g><g id="(g.e -&gt; f)[0]"><path d="M 261.500000 376.000000 L 261.500000 494.000000 S 261.500000 504.000000 271.500000 504.000000 L 392.000000 504.000000 S 402.000000 504.000000 402.000000 514.000000 L 402.000000 555.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1440206251)"/></g><g id="(f -&gt; g)[0]"><path d="M 419.000000 557.000000 L 419.000000 188.000000 S 419.000000 178.000000 409.000000 178.000000 L 281.500000 178.000000 S 271.500000 178.000000 271.500000 188.000000 L 271.500000 229.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1440206251)"/></g><g id="(g -&gt; d.h)[0]"><path d="M 198.500000 451.000000 L 198.500000 635.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1440206251)"/></g><mask id="1440206251" maskUnits="userSpaceOnUse" x="-100" y="-100" width="636" height="1170"> ]]></script><g id="a"><g class="shape" ><rect x="112" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="138.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="g"><g class="shape" ><rect x="62" y="213" width="226" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="175.000000" y="246.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">g</text></g><g id="d"><g class="shape" ><rect x="12" y="469" width="253" height="271" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="138.500000" y="502.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">d</text></g><g id="f"><g class="shape" ><rect x="285" y="469" width="51" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="310.500000" y="507.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">f</text></g><g id="g.b"><g class="shape" ><rect x="112" y="263" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="138.500000" y="301.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="d.h"><g class="shape" ><rect x="62" y="524" width="153" height="166" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="138.500000" y="553.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">h</text></g><g id="g.e"><g class="shape" ><rect x="185" y="263" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="211.500000" y="301.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">e</text></g><g id="d.h.c"><g class="shape" ><rect x="112" y="574" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="138.500000" y="612.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="(a -&gt; g.b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 138.500000 80.000000 L 138.500000 259.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3033507367)"/></g><g id="(g.b -&gt; d.h.c)[0]"><path d="M 138.500000 331.000000 L 138.500000 570.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3033507367)"/></g><g id="(d -&gt; g.e)[0]"><path d="M 62.000000 742.000000 L 62.000000 770.000000 S 62.000000 780.000000 72.000000 780.000000 L 336.000000 780.000000 S 346.000000 780.000000 346.000000 770.000000 L 346.000000 128.000000 S 346.000000 118.000000 336.000000 118.000000 L 221.500000 118.000000 S 211.500000 118.000000 211.500000 128.000000 L 211.500000 259.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3033507367)"/></g><g id="(g.e -&gt; f)[0]"><path d="M 211.500000 331.000000 L 211.500000 414.000000 S 211.500000 424.000000 221.500000 424.000000 L 292.000000 424.000000 S 302.000000 424.000000 302.000000 434.000000 L 302.000000 465.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3033507367)"/></g><g id="(f -&gt; g)[0]"><path d="M 319.000000 467.000000 L 319.000000 178.000000 S 319.000000 168.000000 309.000000 168.000000 L 231.500000 168.000000 S 221.500000 168.000000 221.500000 178.000000 L 221.500000 209.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3033507367)"/></g><g id="(g -&gt; d.h)[0]"><path d="M 148.500000 381.000000 L 148.500000 520.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3033507367)"/></g><mask id="3033507367" maskUnits="userSpaceOnUse" x="-100" y="-100" width="536" height="970">
<rect x="-100" y="-100" width="636" height="1170" fill="white"></rect> <rect x="-100" y="-100" width="536" height="970" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 652 KiB

After

Width:  |  Height:  |  Size: 652 KiB

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

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

Before

Width:  |  Height:  |  Size: 332 KiB

After

Width:  |  Height:  |  Size: 332 KiB

28
e2etests/testdata/stable/crow_foot_arrowhead/elk/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 178 "y": 138
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 85, "x": 85,
"y": 178 "y": 138
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -171,7 +171,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 95, "x": 95,
"y": 344 "y": 284
}, },
"width": 51, "width": 51,
"height": 66, "height": 66,
@ -253,7 +253,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 159, "x": 159,
"y": 178 "y": 138
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -294,7 +294,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 232, "x": 232,
"y": 178 "y": 138
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -363,7 +363,7 @@
}, },
{ {
"x": 38.5, "x": 38.5,
"y": 178 "y": 138
} }
], ],
"animated": false, "animated": false,
@ -402,7 +402,7 @@
}, },
{ {
"x": 112, "x": 112,
"y": 178 "y": 138
} }
], ],
"animated": false, "animated": false,
@ -437,11 +437,11 @@
"route": [ "route": [
{ {
"x": 112, "x": 112,
"y": 244 "y": 204
}, },
{ {
"x": 112, "x": 112,
"y": 344 "y": 284
} }
], ],
"animated": false, "animated": false,
@ -480,7 +480,7 @@
}, },
{ {
"x": 185.5, "x": 185.5,
"y": 178 "y": 138
} }
], ],
"animated": false, "animated": false,
@ -515,19 +515,19 @@
"route": [ "route": [
{ {
"x": 258.5, "x": 258.5,
"y": 244 "y": 204
}, },
{ {
"x": 258.5, "x": 258.5,
"y": 294 "y": 244
}, },
{ {
"x": 129, "x": 129,
"y": 294 "y": 244
}, },
{ {
"x": 129, "x": 129,
"y": 344 "y": 284
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/stable/crow_foot_arrowhead/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: 332 KiB

After

Width:  |  Height:  |  Size: 332 KiB

206
e2etests/testdata/stable/dense/elk/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 313, "x": 313,
"y": 228 "y": 208
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 313, "x": 313,
"y": 394 "y": 354
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 240, "x": 240,
"y": 228 "y": 208
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 258, "x": 258,
"y": 760 "y": 700
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -171,7 +171,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 236, "x": 236,
"y": 1292 "y": 1192
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -212,7 +212,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 89, "x": 89,
"y": 1026 "y": 946
}, },
"width": 51, "width": 51,
"height": 66, "height": 66,
@ -253,7 +253,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 96, "x": 96,
"y": 760 "y": 700
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -294,7 +294,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 23, "x": 23,
"y": 760 "y": 700
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -335,7 +335,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 157, "x": 157,
"y": 1458 "y": 1338
}, },
"width": 49, "width": 49,
"height": 66, "height": 66,
@ -417,7 +417,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 155, "x": 155,
"y": 1624 "y": 1464
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -458,7 +458,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 274, "x": 274,
"y": 1026 "y": 946
}, },
"width": 49, "width": 49,
"height": 66, "height": 66,
@ -499,7 +499,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 170, "x": 170,
"y": 760 "y": 700
}, },
"width": 57, "width": 57,
"height": 66, "height": 66,
@ -540,7 +540,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 163, "x": 163,
"y": 1292 "y": 1192
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -581,7 +581,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 332, "x": 332,
"y": 760 "y": 700
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -622,7 +622,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 406, "x": 406,
"y": 760 "y": 700
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -663,7 +663,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 235, "x": 235,
"y": 1458 "y": 1338
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -728,11 +728,11 @@
"route": [ "route": [
{ {
"x": 340.07142857142856, "x": 340.07142857142856,
"y": 294 "y": 274
}, },
{ {
"x": 340.07142857142856, "x": 340.07142857142856,
"y": 394 "y": 354
} }
], ],
"animated": false, "animated": false,
@ -767,19 +767,19 @@
"route": [ "route": [
{ {
"x": 267.07142857142856, "x": 267.07142857142856,
"y": 294 "y": 274
}, },
{ {
"x": 267.07142857142856, "x": 267.07142857142856,
"y": 344 "y": 314
}, },
{ {
"x": 326.82142857142856, "x": 326.82142857142856,
"y": 344 "y": 314
}, },
{ {
"x": 326.82142857142856, "x": 326.82142857142856,
"y": 394 "y": 354
} }
], ],
"animated": false, "animated": false,
@ -814,19 +814,19 @@
"route": [ "route": [
{ {
"x": 285, "x": 285,
"y": 826 "y": 766
}, },
{ {
"x": 285, "x": 285,
"y": 926 "y": 856
}, },
{ {
"x": 263, "x": 263,
"y": 926 "y": 856
}, },
{ {
"x": 263, "x": 263,
"y": 1292 "y": 1192
} }
], ],
"animated": false, "animated": false,
@ -861,19 +861,19 @@
"route": [ "route": [
{ {
"x": 123.99999999999997, "x": 123.99999999999997,
"y": 1092 "y": 1012
}, },
{ {
"x": 123.99999999999997, "x": 123.99999999999997,
"y": 1192 "y": 1102
},
{
"x": 249.74999999999997,
"y": 1102
}, },
{ {
"x": 249.74999999999997, "x": 249.74999999999997,
"y": 1192 "y": 1192
},
{
"x": 249.74999999999997,
"y": 1292
} }
], ],
"animated": false, "animated": false,
@ -908,27 +908,27 @@
"route": [ "route": [
{ {
"x": 336.2857142857143, "x": 336.2857142857143,
"y": 460 "y": 420
}, },
{ {
"x": 336.2857142857143, "x": 336.2857142857143,
"y": 610 "y": 560
}, },
{ {
"x": 85.99999999999997, "x": 85.99999999999997,
"y": 610 "y": 560
}, },
{ {
"x": 85.99999999999997, "x": 85.99999999999997,
"y": 876 "y": 806
}, },
{ {
"x": 106.99999999999997, "x": 106.99999999999997,
"y": 876 "y": 806
}, },
{ {
"x": 106.99999999999997, "x": 106.99999999999997,
"y": 1026 "y": 946
} }
], ],
"animated": false, "animated": false,
@ -963,19 +963,19 @@
"route": [ "route": [
{ {
"x": 343.85714285714283, "x": 343.85714285714283,
"y": 460 "y": 420
}, },
{ {
"x": 343.85714285714283, "x": 343.85714285714283,
"y": 660 "y": 610
}, },
{ {
"x": 123.99999999999997, "x": 123.99999999999997,
"y": 660 "y": 610
}, },
{ {
"x": 123.99999999999997, "x": 123.99999999999997,
"y": 760 "y": 700
} }
], ],
"animated": false, "animated": false,
@ -1010,11 +1010,11 @@
"route": [ "route": [
{ {
"x": 123.99999999999997, "x": 123.99999999999997,
"y": 826 "y": 766
}, },
{ {
"x": 123.99999999999997, "x": 123.99999999999997,
"y": 1026 "y": 946
} }
], ],
"animated": false, "animated": false,
@ -1049,19 +1049,19 @@
"route": [ "route": [
{ {
"x": 328.7142857142857, "x": 328.7142857142857,
"y": 460 "y": 420
}, },
{ {
"x": 328.7142857142857, "x": 328.7142857142857,
"y": 560 "y": 510
}, },
{ {
"x": 49.5, "x": 49.5,
"y": 560 "y": 510
}, },
{ {
"x": 49.5, "x": 49.5,
"y": 760 "y": 700
} }
], ],
"animated": false, "animated": false,
@ -1096,27 +1096,27 @@
"route": [ "route": [
{ {
"x": 321.1428571428571, "x": 321.1428571428571,
"y": 460 "y": 420
}, },
{ {
"x": 321.1428571428571, "x": 321.1428571428571,
"y": 510 "y": 460
}, },
{ {
"x": 12, "x": 12,
"y": 510 "y": 460
}, },
{ {
"x": 12, "x": 12,
"y": 1408 "y": 1298
}, },
{ {
"x": 173.66666666666666, "x": 173.66666666666666,
"y": 1408 "y": 1298
}, },
{ {
"x": 173.66666666666666, "x": 173.66666666666666,
"y": 1458 "y": 1338
} }
], ],
"animated": false, "animated": false,
@ -1151,19 +1151,19 @@
"route": [ "route": [
{ {
"x": 351.4285714285714, "x": 351.4285714285714,
"y": 460 "y": 420
}, },
{ {
"x": 351.4285714285714, "x": 351.4285714285714,
"y": 710 "y": 660
}, },
{ {
"x": 285, "x": 285,
"y": 710 "y": 660
}, },
{ {
"x": 285, "x": 285,
"y": 760 "y": 700
} }
], ],
"animated": false, "animated": false,
@ -1202,15 +1202,15 @@
}, },
{ {
"x": 351.57142857142856, "x": 351.57142857142856,
"y": 128 "y": 118
}, },
{ {
"x": 267.07142857142856, "x": 267.07142857142856,
"y": 128 "y": 118
}, },
{ {
"x": 267.07142857142856, "x": 267.07142857142856,
"y": 228 "y": 208
} }
], ],
"animated": false, "animated": false,
@ -1249,15 +1249,15 @@
}, },
{ {
"x": 364.07142857142856, "x": 364.07142857142856,
"y": 178 "y": 168
}, },
{ {
"x": 340.07142857142856, "x": 340.07142857142856,
"y": 178 "y": 168
}, },
{ {
"x": 340.07142857142856, "x": 340.07142857142856,
"y": 228 "y": 208
} }
], ],
"animated": false, "animated": false,
@ -1292,15 +1292,15 @@
"route": [ "route": [
{ {
"x": 353.32142857142856, "x": 353.32142857142856,
"y": 394 "y": 354
}, },
{ {
"x": 353.32142857142856, "x": 353.32142857142856,
"y": 344 "y": 314
}, },
{ {
"x": 376.57142857142856, "x": 376.57142857142856,
"y": 344 "y": 314
}, },
{ {
"x": 376.57142857142856, "x": 376.57142857142856,
@ -1339,11 +1339,11 @@
"route": [ "route": [
{ {
"x": 181.83333333333331, "x": 181.83333333333331,
"y": 1524 "y": 1404
}, },
{ {
"x": 181.83333333333331, "x": 181.83333333333331,
"y": 1624 "y": 1464
} }
], ],
"animated": false, "animated": false,
@ -1378,11 +1378,11 @@
"route": [ "route": [
{ {
"x": 298.5, "x": 298.5,
"y": 826 "y": 766
}, },
{ {
"x": 298.5, "x": 298.5,
"y": 1026 "y": 946
} }
], ],
"animated": false, "animated": false,
@ -1417,19 +1417,19 @@
"route": [ "route": [
{ {
"x": 298.5, "x": 298.5,
"y": 1092 "y": 1012
}, },
{ {
"x": 298.5, "x": 298.5,
"y": 1192 "y": 1102
},
{
"x": 276.25,
"y": 1102
}, },
{ {
"x": 276.25, "x": 276.25,
"y": 1192 "y": 1192
},
{
"x": 276.25,
"y": 1292
} }
], ],
"animated": false, "animated": false,
@ -1464,19 +1464,19 @@
"route": [ "route": [
{ {
"x": 208.99999999999997, "x": 208.99999999999997,
"y": 826 "y": 766
}, },
{ {
"x": 208.99999999999997, "x": 208.99999999999997,
"y": 976 "y": 906
}, },
{ {
"x": 286.25, "x": 286.25,
"y": 976 "y": 906
}, },
{ {
"x": 286.25, "x": 286.25,
"y": 1026 "y": 946
} }
], ],
"animated": false, "animated": false,
@ -1511,11 +1511,11 @@
"route": [ "route": [
{ {
"x": 189.99999999999997, "x": 189.99999999999997,
"y": 826 "y": 766
}, },
{ {
"x": 189.99999999999997, "x": 189.99999999999997,
"y": 1292 "y": 1192
} }
], ],
"animated": false, "animated": false,
@ -1550,11 +1550,11 @@
"route": [ "route": [
{ {
"x": 189.99999999999997, "x": 189.99999999999997,
"y": 1358 "y": 1258
}, },
{ {
"x": 189.99999999999997, "x": 189.99999999999997,
"y": 1458 "y": 1338
} }
], ],
"animated": false, "animated": false,
@ -1589,27 +1589,27 @@
"route": [ "route": [
{ {
"x": 271.5, "x": 271.5,
"y": 826 "y": 766
}, },
{ {
"x": 271.5, "x": 271.5,
"y": 876 "y": 806
}, },
{ {
"x": 251.99999999999997, "x": 251.99999999999997,
"y": 876 "y": 806
}, },
{ {
"x": 251.99999999999997, "x": 251.99999999999997,
"y": 1142 "y": 1052
}, },
{ {
"x": 203.24999999999997, "x": 203.24999999999997,
"y": 1142 "y": 1052
}, },
{ {
"x": 203.24999999999997, "x": 203.24999999999997,
"y": 1292 "y": 1192
} }
], ],
"animated": false, "animated": false,
@ -1644,19 +1644,19 @@
"route": [ "route": [
{ {
"x": 106.99999999999997, "x": 106.99999999999997,
"y": 1092 "y": 1012
}, },
{ {
"x": 106.99999999999997, "x": 106.99999999999997,
"y": 1242 "y": 1152
}, },
{ {
"x": 176.74999999999997, "x": 176.74999999999997,
"y": 1242 "y": 1152
}, },
{ {
"x": 176.74999999999997, "x": 176.74999999999997,
"y": 1292 "y": 1192
} }
], ],
"animated": false, "animated": false,
@ -1691,11 +1691,11 @@
"route": [ "route": [
{ {
"x": 359, "x": 359,
"y": 460 "y": 420
}, },
{ {
"x": 359, "x": 359,
"y": 760 "y": 700
} }
], ],
"animated": false, "animated": false,
@ -1730,19 +1730,19 @@
"route": [ "route": [
{ {
"x": 432.5, "x": 432.5,
"y": 826 "y": 766
}, },
{ {
"x": 432.5, "x": 432.5,
"y": 876 "y": 806
}, },
{ {
"x": 310.75, "x": 310.75,
"y": 876 "y": 806
}, },
{ {
"x": 310.75, "x": 310.75,
"y": 1026 "y": 946
} }
], ],
"animated": false, "animated": false,
@ -1777,11 +1777,11 @@
"route": [ "route": [
{ {
"x": 263, "x": 263,
"y": 1358 "y": 1258
}, },
{ {
"x": 263, "x": 263,
"y": 1458 "y": 1338
} }
], ],
"animated": false, "animated": false,

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

After

Width:  |  Height:  |  Size: 336 KiB

200
e2etests/testdata/stable/different_subgraphs/elk/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 319, "x": 319,
"y": 660 "y": 510
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 106, "x": 106,
"y": 876 "y": 706
}, },
"width": 74, "width": 74,
"height": 66, "height": 66,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 223, "x": 223,
"y": 876 "y": 706
}, },
"width": 72, "width": 72,
"height": 66, "height": 66,
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 315, "x": 315,
"y": 876 "y": 706
}, },
"width": 87, "width": 87,
"height": 66, "height": 66,
@ -171,7 +171,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 218, "x": 218,
"y": 1042 "y": 852
}, },
"width": 83, "width": 83,
"height": 66, "height": 66,
@ -212,7 +212,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 1042 "y": 852
}, },
"width": 81, "width": 81,
"height": 66, "height": 66,
@ -253,7 +253,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 113, "x": 113,
"y": 1042 "y": 852
}, },
"width": 85, "width": 85,
"height": 66, "height": 66,
@ -294,7 +294,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 434, "x": 434,
"y": 660 "y": 510
}, },
"width": 78, "width": 78,
"height": 66, "height": 66,
@ -335,7 +335,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 422, "x": 422,
"y": 876 "y": 706
}, },
"width": 76, "width": 76,
"height": 66, "height": 66,
@ -376,7 +376,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 424, "x": 424,
"y": 1042 "y": 852
}, },
"width": 72, "width": 72,
"height": 66, "height": 66,
@ -417,7 +417,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 554, "x": 554,
"y": 660 "y": 510
}, },
"width": 78, "width": 78,
"height": 66, "height": 66,
@ -458,7 +458,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 518, "x": 518,
"y": 876 "y": 706
}, },
"width": 113, "width": 113,
"height": 66, "height": 66,
@ -501,8 +501,8 @@
"x": 652, "x": 652,
"y": 12 "y": 12
}, },
"width": 338, "width": 288,
"height": 714, "height": 564,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -539,8 +539,8 @@
"id": "another", "id": "another",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 714, "x": 697,
"y": 876 "y": 706
}, },
"width": 103, "width": 103,
"height": 66, "height": 66,
@ -580,8 +580,8 @@
"id": "of", "id": "of",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 735, "x": 719,
"y": 1042 "y": 852
}, },
"width": 60, "width": 60,
"height": 66, "height": 66,
@ -621,8 +621,8 @@
"id": "nesting", "id": "nesting",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1011, "x": 961,
"y": 660 "y": 510
}, },
"width": 98, "width": 98,
"height": 66, "height": 66,
@ -662,8 +662,8 @@
"id": "trees", "id": "trees",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1005, "x": 955,
"y": 876 "y": 706
}, },
"width": 82, "width": 82,
"height": 66, "height": 66,
@ -703,8 +703,8 @@
"id": "finally.a", "id": "finally.a",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 766, "x": 741,
"y": 253 "y": 188
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -744,8 +744,8 @@
"id": "finally.tree", "id": "finally.tree",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 747, "x": 722,
"y": 419 "y": 334
}, },
"width": 74, "width": 74,
"height": 66, "height": 66,
@ -785,8 +785,8 @@
"id": "finally.inside", "id": "finally.inside",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 749, "x": 724,
"y": 87 "y": 62
}, },
"width": 88, "width": 88,
"height": 66, "height": 66,
@ -826,8 +826,8 @@
"id": "finally.hierarchy", "id": "finally.hierarchy",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 727, "x": 702,
"y": 585 "y": 460
}, },
"width": 113, "width": 113,
"height": 66, "height": 66,
@ -867,8 +867,8 @@
"id": "finally.root", "id": "finally.root",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 841, "x": 816,
"y": 419 "y": 334
}, },
"width": 75, "width": 75,
"height": 66, "height": 66,
@ -933,19 +933,19 @@
"route": [ "route": [
{ {
"x": 332.5, "x": 332.5,
"y": 726 "y": 576
}, },
{ {
"x": 332.5, "x": 332.5,
"y": 776 "y": 616
}, },
{ {
"x": 143.16666666666663, "x": 143.16666666666663,
"y": 776 "y": 616
}, },
{ {
"x": 143.16666666666663, "x": 143.16666666666663,
"y": 876 "y": 706
} }
], ],
"animated": false, "animated": false,
@ -980,19 +980,19 @@
"route": [ "route": [
{ {
"x": 345.75, "x": 345.75,
"y": 726 "y": 576
}, },
{ {
"x": 345.75, "x": 345.75,
"y": 826 "y": 666
}, },
{ {
"x": 259.5, "x": 259.5,
"y": 826 "y": 666
}, },
{ {
"x": 259.5, "x": 259.5,
"y": 876 "y": 706
} }
], ],
"animated": false, "animated": false,
@ -1027,11 +1027,11 @@
"route": [ "route": [
{ {
"x": 359, "x": 359,
"y": 726 "y": 576
}, },
{ {
"x": 359, "x": 359,
"y": 876 "y": 706
} }
], ],
"animated": false, "animated": false,
@ -1066,11 +1066,11 @@
"route": [ "route": [
{ {
"x": 259.5, "x": 259.5,
"y": 942 "y": 772
}, },
{ {
"x": 259.5, "x": 259.5,
"y": 1042 "y": 852
} }
], ],
"animated": false, "animated": false,
@ -1105,19 +1105,19 @@
"route": [ "route": [
{ {
"x": 130.83333333333326, "x": 130.83333333333326,
"y": 942 "y": 772
}, },
{ {
"x": 130.83333333333326, "x": 130.83333333333326,
"y": 992 "y": 812
}, },
{ {
"x": 52.5, "x": 52.5,
"y": 992 "y": 812
}, },
{ {
"x": 52.5, "x": 52.5,
"y": 1042 "y": 852
} }
], ],
"animated": false, "animated": false,
@ -1152,11 +1152,11 @@
"route": [ "route": [
{ {
"x": 155.5, "x": 155.5,
"y": 942 "y": 772
}, },
{ {
"x": 155.5, "x": 155.5,
"y": 1042 "y": 852
} }
], ],
"animated": false, "animated": false,
@ -1191,11 +1191,11 @@
"route": [ "route": [
{ {
"x": 460.5, "x": 460.5,
"y": 726 "y": 576
}, },
{ {
"x": 460.5, "x": 460.5,
"y": 876 "y": 706
} }
], ],
"animated": false, "animated": false,
@ -1230,11 +1230,11 @@
"route": [ "route": [
{ {
"x": 460.5, "x": 460.5,
"y": 942 "y": 772
}, },
{ {
"x": 460.5, "x": 460.5,
"y": 1042 "y": 852
} }
], ],
"animated": false, "animated": false,
@ -1269,11 +1269,11 @@
"route": [ "route": [
{ {
"x": 593.8333333333334, "x": 593.8333333333334,
"y": 726 "y": 576
}, },
{ {
"x": 593.8333333333334, "x": 593.8333333333334,
"y": 876 "y": 706
} }
], ],
"animated": false, "animated": false,
@ -1308,19 +1308,19 @@
"route": [ "route": [
{ {
"x": 486.5, "x": 486.5,
"y": 726 "y": 576
}, },
{ {
"x": 486.5, "x": 486.5,
"y": 776 "y": 616
}, },
{ {
"x": 556.1666666666667, "x": 556.1666666666667,
"y": 776 "y": 616
}, },
{ {
"x": 556.1666666666667, "x": 556.1666666666667,
"y": 876 "y": 706
} }
], ],
"animated": false, "animated": false,
@ -1354,12 +1354,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 765.6666666666666, "x": 749,
"y": 726 "y": 576
}, },
{ {
"x": 765.6666666666666, "x": 749,
"y": 876 "y": 706
} }
], ],
"animated": false, "animated": false,
@ -1393,12 +1393,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 765.6666666666666, "x": 749,
"y": 942 "y": 772
}, },
{ {
"x": 765.6666666666666, "x": 749,
"y": 1042 "y": 852
} }
], ],
"animated": false, "animated": false,
@ -1432,12 +1432,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 1060.3333333333333, "x": 1010.3333333333333,
"y": 726 "y": 576
}, },
{ {
"x": 1060.3333333333333, "x": 1010.3333333333333,
"y": 876 "y": 706
} }
], ],
"animated": false, "animated": false,
@ -1471,20 +1471,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 878.5, "x": 845.1666666666666,
"y": 726 "y": 576
}, },
{ {
"x": 878.5, "x": 845.1666666666666,
"y": 776 "y": 616
}, },
{ {
"x": 1033, "x": 983,
"y": 776 "y": 616
}, },
{ {
"x": 1033, "x": 983,
"y": 876 "y": 706
} }
], ],
"animated": false, "animated": false,
@ -1518,12 +1518,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 784.3333333333333, "x": 759.3333333333333,
"y": 319 "y": 254
}, },
{ {
"x": 784.3333333333333, "x": 759.3333333333333,
"y": 419 "y": 334
} }
], ],
"animated": false, "animated": false,
@ -1557,12 +1557,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 793.1666666666665, "x": 768.1666666666666,
"y": 153 "y": 128
}, },
{ {
"x": 793.1666666666665, "x": 768.1666666666666,
"y": 253 "y": 188
} }
], ],
"animated": false, "animated": false,
@ -1596,12 +1596,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 784.3333333333333, "x": 759.3333333333333,
"y": 485 "y": 400
}, },
{ {
"x": 784.3333333333333, "x": 759.3333333333333,
"y": 585 "y": 460
} }
], ],
"animated": false, "animated": false,
@ -1635,20 +1635,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 801.9999999999999, "x": 776.9999999999999,
"y": 319 "y": 254
}, },
{ {
"x": 801.9999999999999, "x": 776.9999999999999,
"y": 369 "y": 294
}, },
{ {
"x": 878.8333333333333, "x": 853.8333333333333,
"y": 369 "y": 294
}, },
{ {
"x": 878.8333333333333, "x": 853.8333333333333,
"y": 419 "y": 334
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/stable/different_subgraphs/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: 658 KiB

After

Width:  |  Height:  |  Size: 658 KiB

158
e2etests/testdata/stable/direction/elk/board.exp.json generated vendored
View file

@ -6,7 +6,7 @@
"id": "a", "id": "a",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 162, "x": 112,
"y": 12 "y": 12
}, },
"width": 53, "width": 53,
@ -48,10 +48,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 178 "y": 138
}, },
"width": 354, "width": 254,
"height": 1694, "height": 1274,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -88,8 +88,8 @@
"id": "c", "id": "c",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 162, "x": 112,
"y": 1972 "y": 1472
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -129,8 +129,8 @@
"id": "d", "id": "d",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 162, "x": 112,
"y": 2138 "y": 1598
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -170,8 +170,8 @@
"id": "e", "id": "e",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 162, "x": 112,
"y": 2304 "y": 1724
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -211,8 +211,8 @@
"id": "b.1", "id": "b.1",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 163, "x": 113,
"y": 253 "y": 188
}, },
"width": 52, "width": 52,
"height": 66, "height": 66,
@ -252,11 +252,11 @@
"id": "b.2", "id": "b.2",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 87, "x": 62,
"y": 419 "y": 314
}, },
"width": 204, "width": 154,
"height": 880, "height": 670,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -293,8 +293,8 @@
"id": "b.3", "id": "b.3",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 162, "x": 112,
"y": 1399 "y": 1044
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -334,8 +334,8 @@
"id": "b.4", "id": "b.4",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 162, "x": 112,
"y": 1565 "y": 1170
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -375,8 +375,8 @@
"id": "b.5", "id": "b.5",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 162, "x": 112,
"y": 1731 "y": 1296
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -416,8 +416,8 @@
"id": "b.2.a", "id": "b.2.a",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 162, "x": 112,
"y": 494 "y": 364
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -457,8 +457,8 @@
"id": "b.2.b", "id": "b.2.b",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 162, "x": 112,
"y": 660 "y": 490
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -498,8 +498,8 @@
"id": "b.2.c", "id": "b.2.c",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 162, "x": 112,
"y": 826 "y": 616
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -539,8 +539,8 @@
"id": "b.2.d", "id": "b.2.d",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 162, "x": 112,
"y": 992 "y": 742
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -580,8 +580,8 @@
"id": "b.2.e", "id": "b.2.e",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 162, "x": 112,
"y": 1158 "y": 868
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -645,12 +645,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 189, "x": 139,
"y": 78 "y": 78
}, },
{ {
"x": 189, "x": 139,
"y": 178 "y": 138
} }
], ],
"animated": false, "animated": false,
@ -684,12 +684,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 189, "x": 139,
"y": 1872 "y": 1412
}, },
{ {
"x": 189, "x": 139,
"y": 1972 "y": 1472
} }
], ],
"animated": false, "animated": false,
@ -723,12 +723,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 189, "x": 139,
"y": 2038 "y": 1538
}, },
{ {
"x": 189, "x": 139,
"y": 2138 "y": 1598
} }
], ],
"animated": false, "animated": false,
@ -762,12 +762,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 189, "x": 139,
"y": 2204 "y": 1664
}, },
{ {
"x": 189, "x": 139,
"y": 2304 "y": 1724
} }
], ],
"animated": false, "animated": false,
@ -801,12 +801,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 189, "x": 139,
"y": 319 "y": 254
}, },
{ {
"x": 189, "x": 139,
"y": 419 "y": 314
} }
], ],
"animated": false, "animated": false,
@ -840,12 +840,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 189, "x": 139,
"y": 1299 "y": 984
}, },
{ {
"x": 189, "x": 139,
"y": 1399 "y": 1044
} }
], ],
"animated": false, "animated": false,
@ -879,12 +879,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 189, "x": 139,
"y": 1465 "y": 1110
}, },
{ {
"x": 189, "x": 139,
"y": 1565 "y": 1170
} }
], ],
"animated": false, "animated": false,
@ -918,12 +918,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 189, "x": 139,
"y": 1631 "y": 1236
}, },
{ {
"x": 189, "x": 139,
"y": 1731 "y": 1296
} }
], ],
"animated": false, "animated": false,
@ -957,12 +957,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 189, "x": 139,
"y": 560 "y": 430
}, },
{ {
"x": 189, "x": 139,
"y": 660 "y": 490
} }
], ],
"animated": false, "animated": false,
@ -996,12 +996,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 189, "x": 139,
"y": 726 "y": 556
}, },
{ {
"x": 189, "x": 139,
"y": 826 "y": 616
} }
], ],
"animated": false, "animated": false,
@ -1035,12 +1035,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 189, "x": 139,
"y": 892 "y": 682
}, },
{ {
"x": 189, "x": 139,
"y": 992 "y": 742
} }
], ],
"animated": false, "animated": false,
@ -1074,12 +1074,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 189, "x": 139,
"y": 1058 "y": 808
}, },
{ {
"x": 189, "x": 139,
"y": 1158 "y": 868
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/stable/direction/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: 654 KiB

After

Width:  |  Height:  |  Size: 654 KiB

4
e2etests/testdata/stable/font_colors/elk/board.exp.json generated vendored
View file

@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 16, "x": 16,
"y": 299 "y": 219
}, },
"width": 76, "width": 76,
"height": 66, "height": 66,
@ -117,7 +117,7 @@
}, },
{ {
"x": 54.5, "x": 54.5,
"y": 299 "y": 219
} }
], ],
"animated": false, "animated": false,

8
e2etests/testdata/stable/font_colors/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="289" height="557" viewBox="-90 -90 289 557"><style type="text/css"> width="289" height="477" viewBox="-90 -90 289 477"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,9 +39,9 @@ width="289" height="557" viewBox="-90 -90 289 557"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="alpha"><g class="shape" ><rect x="12" y="12" width="85" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="54.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#4A6FF3">alpha</text></g><g id="beta"><g class="shape" ><rect x="16" y="299" width="76" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="54.000000" y="337.500000" style="text-anchor:middle;font-size:16px;fill:red">beta</text></g><g id="(alpha -&gt; beta)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 54.500000 80.000000 L 54.500000 295.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1738124807)"/><text class="text-italic" x="55.000000" y="194.000000" style="text-anchor:middle;font-size:16px;fill:green">gamma</text></g><mask id="1738124807" maskUnits="userSpaceOnUse" x="-100" y="-100" width="289" height="557"> ]]></script><g id="alpha"><g class="shape" ><rect x="12" y="12" width="85" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="54.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#4A6FF3">alpha</text></g><g id="beta"><g class="shape" ><rect x="16" y="219" width="76" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="54.000000" y="257.500000" style="text-anchor:middle;font-size:16px;fill:red">beta</text></g><g id="(alpha -&gt; beta)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 54.500000 80.000000 L 54.500000 215.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4085908023)"/><text class="text-italic" x="55.000000" y="154.000000" style="text-anchor:middle;font-size:16px;fill:green">gamma</text></g><mask id="4085908023" maskUnits="userSpaceOnUse" x="-100" y="-100" width="289" height="477">
<rect x="-100" y="-100" width="289" height="557" fill="white"></rect> <rect x="-100" y="-100" width="289" height="477" fill="white"></rect>
<rect x="29.000000" y="178.000000" width="52" height="21" fill="black"></rect> <rect x="29.000000" y="138.000000" width="52" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {
font-family: "font-bold"; font-family: "font-bold";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 468 KiB

After

Width:  |  Height:  |  Size: 468 KiB

12
e2etests/testdata/stable/font_sizes/elk/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 804, "x": 804,
"y": 359 "y": 279
}, },
"width": 85, "width": 85,
"height": 62, "height": 62,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 359 "y": 279
}, },
"width": 87, "width": 87,
"height": 66, "height": 66,
@ -458,7 +458,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 451, "x": 451,
"y": 359 "y": 279
}, },
"width": 333, "width": 333,
"height": 126, "height": 126,
@ -527,7 +527,7 @@
}, },
{ {
"x": 847, "x": 847,
"y": 359 "y": 279
} }
], ],
"animated": false, "animated": false,
@ -566,7 +566,7 @@
}, },
{ {
"x": 55.5, "x": 55.5,
"y": 359 "y": 279
} }
], ],
"animated": false, "animated": false,
@ -606,7 +606,7 @@
}, },
{ {
"x": 618, "x": 618,
"y": 359 "y": 279
} }
], ],
"animated": false, "animated": false,

12
e2etests/testdata/stable/font_sizes/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="1503" height="677" viewBox="-90 -90 1503 677"><style type="text/css"> width="1503" height="597" viewBox="-90 -90 1503 597"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,11 +39,11 @@ width="1503" height="677" viewBox="-90 -90 1503 677"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="size XS"><g class="shape" ><rect x="804" y="359" width="85" height="62" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="846.500000" y="394.500000" style="text-anchor:middle;font-size:13px;fill:#0A0F25">size XS</text></g><g id="size S"><g class="shape" ><rect x="15" y="35" width="80" height="63" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="55.000000" y="71.500000" style="text-anchor:middle;font-size:14px;fill:#0A0F25">size S</text></g><g id="size M"><g class="shape" ><rect x="12" y="359" width="87" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="55.500000" y="397.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">size M</text></g><g id="size L"><g class="shape" ><rect x="115" y="19" width="93" height="71" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="161.500000" y="61.500000" style="text-anchor:middle;font-size:20px;fill:#0A0F25">size L</text></g><g id="size XL"><g class="shape" ><rect x="228" y="17" width="117" height="76" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="286.500000" y="63.500000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">size XL</text></g><g id="size XXL"><g class="shape" ><rect x="365" y="14" width="144" height="81" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="437.000000" y="64.500000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">size XXL</text></g><g id="size XXXL"><g class="shape" ><rect x="529" y="12" width="177" height="86" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="617.500000" y="66.500000" style="text-anchor:middle;font-size:32px;fill:#0A0F25">size XXXL</text></g><g id="custom 8"><g class="shape" ><rect x="808" y="42" width="77" height="56" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="846.500000" y="72.500000" style="text-anchor:middle;font-size:8px;fill:#0A0F25">custom 8</text></g><g id="custom 12"><g class="shape" ><rect x="905" y="24" width="100" height="61" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="955.000000" y="58.500000" style="text-anchor:middle;font-size:12px;fill:#0A0F25">custom 12</text></g><g id="custom 18"><g class="shape" ><rect x="1025" y="21" width="126" height="68" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1088.000000" y="61.500000" style="text-anchor:middle;font-size:18px;fill:#0A0F25">custom 18</text></g><g id="custom 21"><g class="shape" ><rect x="1171" y="19" width="140" height="72" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1241.000000" y="62.500000" style="text-anchor:middle;font-size:21px;fill:#0A0F25">custom 21</text></g><g id="custom 64"><g class="shape" ><rect x="451" y="359" width="333" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="617.500000" y="445.500000" style="text-anchor:middle;font-size:64px;fill:#0A0F25">custom 64</text></g><g id="(custom 8 -&gt; size XS)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 847.000000 100.000000 L 847.000000 355.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#775359063)"/><text class="text-italic" x="847.000000" y="232.000000" style="text-anchor:middle;font-size:10px;fill:#676C7E">custom 10</text></g><g id="(size S -&gt; size M)[0]"><path d="M 55.500000 100.000000 L 55.500000 355.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#775359063)"/><text class="text-italic" x="56.000000" y="234.000000" style="text-anchor:middle;font-size:15px;fill:#676C7E">custom 15</text></g><g id="(size XXXL -&gt; custom 64)[0]"><path d="M 618.000000 100.000000 L 618.000000 355.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#775359063)"/><rect x="519.000000" y="198.000000" width="199" height="61" style="fill:lavender" /><text class="text-italic" x="618.500000" y="246.000000" style="text-anchor:middle;font-size:48px;fill:#676C7E">custom 48</text></g><mask id="775359063" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1503" height="677"> ]]></script><g id="size XS"><g class="shape" ><rect x="804" y="279" width="85" height="62" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="846.500000" y="314.500000" style="text-anchor:middle;font-size:13px;fill:#0A0F25">size XS</text></g><g id="size S"><g class="shape" ><rect x="15" y="35" width="80" height="63" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="55.000000" y="71.500000" style="text-anchor:middle;font-size:14px;fill:#0A0F25">size S</text></g><g id="size M"><g class="shape" ><rect x="12" y="279" width="87" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="55.500000" y="317.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">size M</text></g><g id="size L"><g class="shape" ><rect x="115" y="19" width="93" height="71" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="161.500000" y="61.500000" style="text-anchor:middle;font-size:20px;fill:#0A0F25">size L</text></g><g id="size XL"><g class="shape" ><rect x="228" y="17" width="117" height="76" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="286.500000" y="63.500000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">size XL</text></g><g id="size XXL"><g class="shape" ><rect x="365" y="14" width="144" height="81" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="437.000000" y="64.500000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">size XXL</text></g><g id="size XXXL"><g class="shape" ><rect x="529" y="12" width="177" height="86" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="617.500000" y="66.500000" style="text-anchor:middle;font-size:32px;fill:#0A0F25">size XXXL</text></g><g id="custom 8"><g class="shape" ><rect x="808" y="42" width="77" height="56" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="846.500000" y="72.500000" style="text-anchor:middle;font-size:8px;fill:#0A0F25">custom 8</text></g><g id="custom 12"><g class="shape" ><rect x="905" y="24" width="100" height="61" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="955.000000" y="58.500000" style="text-anchor:middle;font-size:12px;fill:#0A0F25">custom 12</text></g><g id="custom 18"><g class="shape" ><rect x="1025" y="21" width="126" height="68" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1088.000000" y="61.500000" style="text-anchor:middle;font-size:18px;fill:#0A0F25">custom 18</text></g><g id="custom 21"><g class="shape" ><rect x="1171" y="19" width="140" height="72" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1241.000000" y="62.500000" style="text-anchor:middle;font-size:21px;fill:#0A0F25">custom 21</text></g><g id="custom 64"><g class="shape" ><rect x="451" y="279" width="333" height="126" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="617.500000" y="365.500000" style="text-anchor:middle;font-size:64px;fill:#0A0F25">custom 64</text></g><g id="(custom 8 -&gt; size XS)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 847.000000 100.000000 L 847.000000 275.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4231140705)"/><text class="text-italic" x="847.000000" y="192.000000" style="text-anchor:middle;font-size:10px;fill:#676C7E">custom 10</text></g><g id="(size S -&gt; size M)[0]"><path d="M 55.500000 100.000000 L 55.500000 275.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4231140705)"/><text class="text-italic" x="56.000000" y="194.000000" style="text-anchor:middle;font-size:15px;fill:#676C7E">custom 15</text></g><g id="(size XXXL -&gt; custom 64)[0]"><path d="M 618.000000 100.000000 L 618.000000 275.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4231140705)"/><rect x="519.000000" y="158.000000" width="199" height="61" style="fill:lavender" /><text class="text-italic" x="618.500000" y="206.000000" style="text-anchor:middle;font-size:48px;fill:#676C7E">custom 48</text></g><mask id="4231140705" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1503" height="597">
<rect x="-100" y="-100" width="1503" height="677" fill="white"></rect> <rect x="-100" y="-100" width="1503" height="597" fill="white"></rect>
<rect x="826.000000" y="222.000000" width="42" height="13" fill="black"></rect> <rect x="826.000000" y="182.000000" width="42" height="13" fill="black"></rect>
<rect x="24.000000" y="219.000000" width="64" height="19" fill="black"></rect> <rect x="24.000000" y="179.000000" width="64" height="19" fill="black"></rect>
<rect x="519.000000" y="198.000000" width="199" height="61" fill="black"></rect> <rect x="519.000000" y="158.000000" width="199" height="61" fill="black"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {
font-family: "font-bold"; font-family: "font-bold";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 472 KiB

After

Width:  |  Height:  |  Size: 472 KiB

10
e2etests/testdata/stable/giant_markdown_test/elk/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 178 "y": 138
}, },
"width": 3051, "width": 3051,
"height": 4853, "height": 4853,
@ -88,7 +88,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1511, "x": 1511,
"y": 5131 "y": 5051
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -157,7 +157,7 @@
}, },
{ {
"x": 1537.5, "x": 1537.5,
"y": 178 "y": 138
} }
], ],
"animated": false, "animated": false,
@ -192,11 +192,11 @@
"route": [ "route": [
{ {
"x": 1537.5, "x": 1537.5,
"y": 5031 "y": 4991
}, },
{ {
"x": 1537.5, "x": 1537.5,
"y": 5131 "y": 5051
} }
], ],
"animated": false, "animated": false,

8
e2etests/testdata/stable/giant_markdown_test/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="3255" height="5389" viewBox="-90 -90 3255 5389"><style type="text/css"> width="3255" height="5309" viewBox="-90 -90 3255 5309"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -796,7 +796,7 @@ width="3255" height="5389" viewBox="-90 -90 3255 5389"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="178.000000" width="3051" height="4853"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>Markdown: Syntax</h1> </style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="138.000000" width="3051" height="4853"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><h1>Markdown: Syntax</h1>
<ul> <ul>
<li><a href="#overview">Overview</a> <li><a href="#overview">Overview</a>
<ul> <ul>
@ -1053,8 +1053,8 @@ title for the link, surrounded in quotes. For example:</p>
<h3>Code</h3> <h3>Code</h3>
<p>Unlike a pre-formatted code block, a code span indicates code within a <p>Unlike a pre-formatted code block, a code span indicates code within a
normal paragraph. For example:</p> normal paragraph. For example:</p>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="1511" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1537.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="1511" y="5131" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1537.500000" y="5169.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 1537.500000 80.000000 L 1537.500000 174.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2246835323)"/></g><g id="(md -&gt; b)[0]"><path d="M 1537.500000 5033.000000 L 1537.500000 5127.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2246835323)"/></g><mask id="2246835323" maskUnits="userSpaceOnUse" x="-100" y="-100" width="3255" height="5389"> </div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="1511" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1537.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="1511" y="5051" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1537.500000" y="5089.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 1537.500000 80.000000 L 1537.500000 134.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#6850821)"/></g><g id="(md -&gt; b)[0]"><path d="M 1537.500000 4993.000000 L 1537.500000 5047.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#6850821)"/></g><mask id="6850821" maskUnits="userSpaceOnUse" x="-100" y="-100" width="3255" height="5309">
<rect x="-100" y="-100" width="3255" height="5389" fill="white"></rect> <rect x="-100" y="-100" width="3255" height="5309" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 994 KiB

After

Width:  |  Height:  |  Size: 994 KiB

10
e2etests/testdata/stable/hr/elk/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 178 "y": 138
}, },
"width": 738, "width": 738,
"height": 135, "height": 135,
@ -88,7 +88,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 354, "x": 354,
"y": 413 "y": 333
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -157,7 +157,7 @@
}, },
{ {
"x": 381, "x": 381,
"y": 178 "y": 138
} }
], ],
"animated": false, "animated": false,
@ -192,11 +192,11 @@
"route": [ "route": [
{ {
"x": 381, "x": 381,
"y": 313 "y": 273
}, },
{ {
"x": 381, "x": 381,
"y": 413 "y": 333
} }
], ],
"animated": false, "animated": false,

8
e2etests/testdata/stable/hr/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="942" height="671" viewBox="-90 -90 942 671"><style type="text/css"> width="942" height="591" viewBox="-90 -90 942 591"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -796,12 +796,12 @@ width="942" height="671" viewBox="-90 -90 942 671"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="178.000000" width="738" height="135"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p><strong>Note:</strong> This document is itself written using Markdown; you </style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="138.000000" width="738" height="135"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p><strong>Note:</strong> This document is itself written using Markdown; you
can <a href="/projects/markdown/syntax.text">see the source for it by adding '.text' to the URL</a>.</p> can <a href="/projects/markdown/syntax.text">see the source for it by adding '.text' to the URL</a>.</p>
<hr /> <hr />
<h2>Overview</h2> <h2>Overview</h2>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="354" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="380.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="354" y="413" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="380.500000" y="451.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 381.000000 80.000000 L 381.000000 174.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4014370819)"/></g><g id="(md -&gt; b)[0]"><path d="M 381.000000 315.000000 L 381.000000 409.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4014370819)"/></g><mask id="4014370819" maskUnits="userSpaceOnUse" x="-100" y="-100" width="942" height="671"> </div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="354" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="380.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="354" y="333" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="380.500000" y="371.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 381.000000 80.000000 L 381.000000 134.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1960857498)"/></g><g id="(md -&gt; b)[0]"><path d="M 381.000000 275.000000 L 381.000000 329.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1960857498)"/></g><mask id="1960857498" maskUnits="userSpaceOnUse" x="-100" y="-100" width="942" height="591">
<rect x="-100" y="-100" width="942" height="671" fill="white"></rect> <rect x="-100" y="-100" width="942" height="591" 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

4
e2etests/testdata/stable/images/elk/board.exp.json generated vendored
View file

@ -59,7 +59,7 @@
"type": "image", "type": "image",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 266 "y": 226
}, },
"width": 128, "width": 128,
"height": 128, "height": 128,
@ -139,7 +139,7 @@
}, },
{ {
"x": 76, "x": 76,
"y": 266 "y": 226
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/stable/images/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="332" height="610" viewBox="-90 -90 332 610"><style type="text/css"> width="332" height="570" viewBox="-90 -90 332 570"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="332" height="610" viewBox="-90 -90 332 610"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16); svgEl.setAttribute("height", height * ratio - 16);
} }
}); });
]]></script><g id="a"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="12" y="12" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="76.000000" y="161.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="12" y="266" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="76.000000" y="415.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 76.000000 168.000000 L 76.000000 262.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4060104976)"/></g><mask id="4060104976" maskUnits="userSpaceOnUse" x="-100" y="-100" width="332" height="610"> ]]></script><g id="a"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="12" y="12" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="76.000000" y="161.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><image href="https://icons.terrastruct.com/essentials/004-picture.svg" x="12" y="226" width="128" height="128" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="76.000000" y="375.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 76.000000 168.000000 L 76.000000 222.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1341471120)"/></g><mask id="1341471120" maskUnits="userSpaceOnUse" x="-100" y="-100" width="332" height="570">
<rect x="-100" y="-100" width="332" height="610" fill="white"></rect> <rect x="-100" y="-100" width="332" height="570" 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

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

@ -6,7 +6,7 @@
"id": "aa", "id": "aa",
"type": "step", "type": "step",
"pos": { "pos": {
"x": 92, "x": 67,
"y": 12 "y": 12
}, },
"width": 102, "width": 102,
@ -47,8 +47,8 @@
"id": "bb", "id": "bb",
"type": "step", "type": "step",
"pos": { "pos": {
"x": 177, "x": 152,
"y": 213 "y": 193
}, },
"width": 103, "width": 103,
"height": 101, "height": 101,
@ -88,8 +88,8 @@
"id": "cc", "id": "cc",
"type": "step", "type": "step",
"pos": { "pos": {
"x": 161, "x": 136,
"y": 414 "y": 374
}, },
"width": 101, "width": 101,
"height": 101, "height": 101,
@ -130,10 +130,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 19, "x": 19,
"y": 741 "y": 621
}, },
"width": 300, "width": 250,
"height": 342, "height": 272,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -170,8 +170,8 @@
"id": "dd.ee", "id": "dd.ee",
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 94, "x": 69,
"y": 816 "y": 671
}, },
"width": 64, "width": 64,
"height": 92, "height": 92,
@ -211,11 +211,11 @@
"id": "ff", "id": "ff",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 304, "x": 279,
"y": 2229 "y": 1799
}, },
"width": 326, "width": 276,
"height": 408, "height": 338,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -252,8 +252,8 @@
"id": "ff.gg", "id": "ff.gg",
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 388, "x": 338,
"y": 2304 "y": 1849
}, },
"width": 66, "width": 66,
"height": 92, "height": 92,
@ -293,8 +293,8 @@
"id": "dd.hh", "id": "dd.hh",
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 178, "x": 153,
"y": 816 "y": 671
}, },
"width": 66, "width": 66,
"height": 92, "height": 92,
@ -334,8 +334,8 @@
"id": "ii", "id": "ii",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 342, "x": 292,
"y": 1188 "y": 978
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -375,8 +375,8 @@
"id": "jj", "id": "jj",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 341, "x": 291,
"y": 1434 "y": 1159
}, },
"width": 55, "width": 55,
"height": 66, "height": 66,
@ -416,8 +416,8 @@
"id": "kk", "id": "kk",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 338, "x": 288,
"y": 1785 "y": 1411
}, },
"width": 62, "width": 62,
"height": 66, "height": 66,
@ -457,11 +457,11 @@
"id": "ll", "id": "ll",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 263, "x": 238,
"y": 2868 "y": 2308
}, },
"width": 315, "width": 265,
"height": 397, "height": 307,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -498,8 +498,8 @@
"id": "ll.mm", "id": "ll.mm",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 338, "x": 288,
"y": 2943 "y": 2358
}, },
"width": 81, "width": 81,
"height": 81, "height": 81,
@ -539,8 +539,8 @@
"id": "ff.mm", "id": "ff.mm",
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 474, "x": 424,
"y": 2309 "y": 1854
}, },
"width": 81, "width": 81,
"height": 81, "height": 81,
@ -581,10 +581,10 @@
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 3969 "y": 3189
}, },
"width": 377, "width": 327,
"height": 216, "height": 166,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -621,8 +621,8 @@
"id": "nn.oo", "id": "nn.oo",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 87, "x": 62,
"y": 4044 "y": 3239
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -662,8 +662,8 @@
"id": "ff.pp", "id": "ff.pp",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 390, "x": 340,
"y": 2496 "y": 2021
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -703,8 +703,8 @@
"id": "ll.qq", "id": "ll.qq",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 439, "x": 389,
"y": 2950 "y": 2365
}, },
"width": 64, "width": 64,
"height": 66, "height": 66,
@ -744,8 +744,8 @@
"id": "ll.rr", "id": "ll.rr",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 442, "x": 392,
"y": 3124 "y": 2499
}, },
"width": 58, "width": 58,
"height": 66, "height": 66,
@ -786,10 +786,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 107, "x": 107,
"y": 1359 "y": 1109
}, },
"width": 208, "width": 158,
"height": 216, "height": 166,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -826,8 +826,8 @@
"id": "ss.tt", "id": "ss.tt",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 182, "x": 157,
"y": 1434 "y": 1159
}, },
"width": 58, "width": 58,
"height": 66, "height": 66,
@ -868,10 +868,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 105, "x": 105,
"y": 1685 "y": 1345
}, },
"width": 213, "width": 163,
"height": 216, "height": 166,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -908,8 +908,8 @@
"id": "uu.vv", "id": "uu.vv",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 180, "x": 155,
"y": 1760 "y": 1395
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -949,8 +949,8 @@
"id": "ww", "id": "ww",
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 162, "x": 137,
"y": 2006 "y": 1596
}, },
"width": 149, "width": 149,
"height": 118, "height": 118,
@ -1001,8 +1001,8 @@
"id": "rm", "id": "rm",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 179, "x": 154,
"y": 3088 "y": 2468
}, },
"width": 64, "width": 64,
"height": 66, "height": 66,
@ -1042,8 +1042,8 @@
"id": "nn.xx", "id": "nn.xx",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 170, "x": 145,
"y": 4044 "y": 3239
}, },
"width": 62, "width": 62,
"height": 66, "height": 66,
@ -1083,11 +1083,11 @@
"id": "yy", "id": "yy",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 304, "x": 279,
"y": 3425 "y": 2755
}, },
"width": 288, "width": 238,
"height": 434, "height": 344,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -1124,8 +1124,8 @@
"id": "yy.zz", "id": "yy.zz",
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 379, "x": 329,
"y": 3500 "y": 2805
}, },
"width": 138, "width": 138,
"height": 118, "height": 118,
@ -1176,8 +1176,8 @@
"id": "yy.ab", "id": "yy.ab",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 417, "x": 367,
"y": 3718 "y": 2983
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -1217,8 +1217,8 @@
"id": "nn.ac", "id": "nn.ac",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 252, "x": 227,
"y": 4044 "y": 3239
}, },
"width": 62, "width": 62,
"height": 66, "height": 66,
@ -1258,8 +1258,8 @@
"id": "ad", "id": "ad",
"type": "parallelogram", "type": "parallelogram",
"pos": { "pos": {
"x": 225, "x": 200,
"y": 4290 "y": 3420
}, },
"width": 115, "width": 115,
"height": 66, "height": 66,
@ -1323,20 +1323,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 161, "x": 136,
"y": 112 "y": 112
}, },
{ {
"x": 160.66666666666666, "x": 135.66666666666666,
"y": 163 "y": 153
}, },
{ {
"x": 228.83333333333331, "x": 203.83333333333331,
"y": 163 "y": 153
}, },
{ {
"x": 229, "x": 204,
"y": 213 "y": 193
} }
], ],
"animated": false, "animated": false,
@ -1370,12 +1370,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 212, "x": 187,
"y": 314 "y": 294
}, },
{ {
"x": 212, "x": 187,
"y": 414 "y": 374
} }
], ],
"animated": false, "animated": false,
@ -1409,12 +1409,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 127, "x": 102,
"y": 113 "y": 113
}, },
{ {
"x": 127, "x": 102,
"y": 816 "y": 671
} }
], ],
"animated": false, "animated": false,
@ -1448,20 +1448,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 246, "x": 221,
"y": 313 "y": 293
}, },
{ {
"x": 245.99999999999997, "x": 220.99999999999997,
"y": 364 "y": 334
}, },
{ {
"x": 432.66666666666663, "x": 382.66666666666663,
"y": 364 "y": 334
}, },
{ {
"x": 433, "x": 383,
"y": 2319 "y": 1864
} }
], ],
"animated": false, "animated": false,
@ -1495,12 +1495,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 212, "x": 187,
"y": 515 "y": 475
}, },
{ {
"x": 212, "x": 187,
"y": 816 "y": 671
} }
], ],
"animated": false, "animated": false,
@ -1534,28 +1534,28 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 127, "x": 102,
"y": 908 "y": 763
}, },
{ {
"x": 126.66666666666666, "x": 101.66666666666666,
"y": 958 "y": 803
}, },
{ {
"x": 221.66666666666666, "x": 196.66666666666666,
"y": 958 "y": 803
}, },
{ {
"x": 221.66666666666666, "x": 196.66666666666666,
"y": 1138 "y": 938
}, },
{ {
"x": 369.16666666666663, "x": 319.16666666666663,
"y": 1138 "y": 938
}, },
{ {
"x": 369.16666666666663, "x": 319.16666666666663,
"y": 1188 "y": 978
} }
], ],
"animated": false, "animated": false,
@ -1589,12 +1589,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 369.16666666666663, "x": 319.16666666666663,
"y": 1254 "y": 1044
}, },
{ {
"x": 369.16666666666663, "x": 319.16666666666663,
"y": 1434 "y": 1159
} }
], ],
"animated": false, "animated": false,
@ -1628,12 +1628,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 369.16666666666663, "x": 319.16666666666663,
"y": 1500 "y": 1225
}, },
{ {
"x": 369.16666666666663, "x": 319.16666666666663,
"y": 1785 "y": 1411.6666666666667
} }
], ],
"animated": false, "animated": false,
@ -1667,20 +1667,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 379.49999999999994, "x": 329.49999999999994,
"y": 1851 "y": 1477.6666666666667
}, },
{ {
"x": 379.49999999999994, "x": 329.49999999999994,
"y": 1956 "y": 1556
}, },
{ {
"x": 515.1666666666666, "x": 465.16666666666663,
"y": 1956 "y": 1556
}, },
{ {
"x": 515, "x": 465,
"y": 2310 "y": 1855
} }
], ],
"animated": false, "animated": false,
@ -1714,20 +1714,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 515, "x": 465,
"y": 2391 "y": 1936
}, },
{ {
"x": 515.1666666666666, "x": 465.16666666666663,
"y": 2446 "y": 1981
}, },
{ {
"x": 379.16666666666663, "x": 329.16666666666663,
"y": 2446 "y": 1981
}, },
{ {
"x": 379, "x": 329,
"y": 2943 "y": 2358
} }
], ],
"animated": false, "animated": false,
@ -1761,20 +1761,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 379, "x": 329,
"y": 3024 "y": 2439
}, },
{ {
"x": 379.16666666666663, "x": 329.16666666666663,
"y": 3320 "y": 2660
}, },
{ {
"x": 118.5, "x": 93.5,
"y": 3320 "y": 2660
}, },
{ {
"x": 118.49999999999997, "x": 93.49999999999997,
"y": 4044 "y": 3239
} }
], ],
"animated": false, "animated": false,
@ -1808,12 +1808,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 422, "x": 372,
"y": 2396 "y": 1941
}, },
{ {
"x": 421.66666666666663, "x": 371.66666666666663,
"y": 2496 "y": 2021
} }
], ],
"animated": false, "animated": false,
@ -1847,20 +1847,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 421.66666666666663, "x": 371.66666666666663,
"y": 2562 "y": 2087
},
{
"x": 371.66666666666663,
"y": 2182
}, },
{ {
"x": 421.66666666666663, "x": 421.66666666666663,
"y": 2692 "y": 2182
}, },
{ {
"x": 471.66666666666663, "x": 421.66666666666663,
"y": 2692 "y": 2365.5
},
{
"x": 471.66666666666663,
"y": 2950.5
} }
], ],
"animated": false, "animated": false,
@ -1894,12 +1894,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 471.66666666666663, "x": 421.66666666666663,
"y": 3016.5 "y": 2431.5
}, },
{ {
"x": 471.66666666666663, "x": 421.66666666666663,
"y": 3124 "y": 2499
} }
], ],
"animated": false, "animated": false,
@ -1933,12 +1933,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 212, "x": 187,
"y": 908 "y": 763
}, },
{ {
"x": 211.66666666666666, "x": 186.66666666666666,
"y": 1434 "y": 1159
} }
], ],
"animated": false, "animated": false,
@ -1972,12 +1972,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 211.66666666666666, "x": 186.66666666666666,
"y": 1500 "y": 1225
}, },
{ {
"x": 211.66666666666666, "x": 186.66666666666666,
"y": 1760 "y": 1395
} }
], ],
"animated": false, "animated": false,
@ -2011,20 +2011,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 358.8333333333333, "x": 308.8333333333333,
"y": 1851 "y": 1477.6666666666667
}, },
{ {
"x": 358.8333333333333, "x": 308.8333333333333,
"y": 1956 "y": 1556
}, },
{ {
"x": 261.3333333333333, "x": 236.33333333333331,
"y": 1956 "y": 1556
}, },
{ {
"x": 261, "x": 236,
"y": 2006 "y": 1596
} }
], ],
"animated": false, "animated": false,
@ -2058,12 +2058,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 211.66666666666666, "x": 186.66666666666666,
"y": 1826 "y": 1461
}, },
{ {
"x": 212, "x": 187,
"y": 2006 "y": 1596
} }
], ],
"animated": false, "animated": false,
@ -2097,12 +2097,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 212, "x": 187,
"y": 2124 "y": 1714
}, },
{ {
"x": 211.66666666666666, "x": 186.66666666666666,
"y": 3088.6666666666665 "y": 2468.6666666666665
} }
], ],
"animated": false, "animated": false,
@ -2136,12 +2136,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 201, "x": 176,
"y": 3154.6666666666665 "y": 2534.6666666666665
}, },
{ {
"x": 201, "x": 176,
"y": 4044 "y": 3239
} }
], ],
"animated": false, "animated": false,
@ -2175,12 +2175,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 471.66666666666663, "x": 421.66666666666663,
"y": 3190 "y": 2565
}, },
{ {
"x": 472, "x": 422,
"y": 3500 "y": 2805
} }
], ],
"animated": false, "animated": false,
@ -2214,20 +2214,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 222.33333333333331, "x": 197.33333333333331,
"y": 3154.6666666666665 "y": 2534.6666666666665
}, },
{ {
"x": 222.33333333333331, "x": 197.33333333333331,
"y": 3370 "y": 2710
}, },
{ {
"x": 425.66666666666663, "x": 375.66666666666663,
"y": 3370 "y": 2710
}, },
{ {
"x": 426, "x": 376,
"y": 3500 "y": 2805
} }
], ],
"animated": false, "animated": false,
@ -2261,12 +2261,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 449, "x": 399,
"y": 3618 "y": 2923
}, },
{ {
"x": 448.66666666666663, "x": 398.66666666666663,
"y": 3718 "y": 2983
} }
], ],
"animated": false, "animated": false,
@ -2300,20 +2300,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 448.66666666666663, "x": 398.66666666666663,
"y": 3784 "y": 3049
}, },
{ {
"x": 448.66666666666663, "x": 398.66666666666663,
"y": 3914 "y": 3144
}, },
{ {
"x": 283, "x": 258,
"y": 3914 "y": 3144
}, },
{ {
"x": 283, "x": 258,
"y": 4044 "y": 3239
} }
], ],
"animated": false, "animated": false,
@ -2347,12 +2347,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 283, "x": 258,
"y": 4110 "y": 3305
}, },
{ {
"x": 283, "x": 258,
"y": 4290 "y": 3420
} }
], ],
"animated": false, "animated": false,
@ -2386,20 +2386,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 261, "x": 236,
"y": 2124 "y": 1714
}, },
{ {
"x": 261.3333333333333, "x": 236.33333333333331,
"y": 2174 "y": 1754
}, },
{ {
"x": 410.66666666666663, "x": 360.66666666666663,
"y": 2174 "y": 1754
}, },
{ {
"x": 411, "x": 361,
"y": 2319 "y": 1864
} }
], ],
"animated": false, "animated": false,

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

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

Before

Width:  |  Height:  |  Size: 808 KiB

After

Width:  |  Height:  |  Size: 808 KiB

418
e2etests/testdata/stable/large_arch/elk/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 571 "y": 431
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -47,8 +47,8 @@
"id": "b", "id": "b",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 983, "x": 833,
"y": 571 "y": 431
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -88,8 +88,8 @@
"id": "c", "id": "c",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 537, "x": 437,
"y": 2498 "y": 1988
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -129,8 +129,8 @@
"id": "d", "id": "d",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 610, "x": 510,
"y": 2498 "y": 1988
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -170,8 +170,8 @@
"id": "e", "id": "e",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 611, "x": 511,
"y": 2664 "y": 2114
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -211,8 +211,8 @@
"id": "f", "id": "f",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 684, "x": 584,
"y": 2498 "y": 1988
}, },
"width": 51, "width": 51,
"height": 66, "height": 66,
@ -252,8 +252,8 @@
"id": "g", "id": "g",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 234, "x": 184,
"y": 2498 "y": 1988
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -293,8 +293,8 @@
"id": "h", "id": "h",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 263, "x": 213,
"y": 1301 "y": 1001
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -334,11 +334,11 @@
"id": "i", "id": "i",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 469, "x": 394,
"y": 1301 "y": 1001
}, },
"width": 503, "width": 403,
"height": 942, "height": 752,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -375,11 +375,11 @@
"id": "i.j", "id": "i.j",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 623, "x": 523,
"y": 1376 "y": 1051
}, },
"width": 272, "width": 222,
"height": 216, "height": 166,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -416,8 +416,8 @@
"id": "i.j.k", "id": "i.j.k",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 698, "x": 573,
"y": 1451 "y": 1101
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -457,8 +457,8 @@
"id": "i.j.l", "id": "i.j.l",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 771, "x": 646,
"y": 1451 "y": 1101
}, },
"width": 49, "width": 49,
"height": 66, "height": 66,
@ -498,8 +498,8 @@
"id": "i.m", "id": "i.m",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 544, "x": 444,
"y": 1793 "y": 1367
}, },
"width": 57, "width": 57,
"height": 66, "height": 66,
@ -539,8 +539,8 @@
"id": "i.n", "id": "i.n",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 621, "x": 521,
"y": 1852 "y": 1407
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -580,11 +580,11 @@
"id": "i.o", "id": "i.o",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 694, "x": 594,
"y": 1702 "y": 1307
}, },
"width": 203, "width": 153,
"height": 216, "height": 166,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -621,8 +621,8 @@
"id": "i.o.p", "id": "i.o.p",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 769, "x": 644,
"y": 1777 "y": 1357
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -662,8 +662,8 @@
"id": "q", "id": "q",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 942, "x": 767,
"y": 2498 "y": 1988
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -706,8 +706,8 @@
"x": 85, "x": 85,
"y": 12 "y": 12
}, },
"width": 878, "width": 728,
"height": 1179, "height": 899,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -744,11 +744,11 @@
"id": "r.s", "id": "r.s",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 160, "x": 135,
"y": 408 "y": 313
}, },
"width": 565, "width": 465,
"height": 537, "height": 417,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -785,8 +785,8 @@
"id": "r.s.t", "id": "r.s.t",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 235, "x": 185,
"y": 711 "y": 551
}, },
"width": 51, "width": 51,
"height": 66, "height": 66,
@ -826,11 +826,11 @@
"id": "r.s.u", "id": "r.s.u",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 306, "x": 256,
"y": 649 "y": 509
}, },
"width": 204, "width": 154,
"height": 216, "height": 166,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -867,8 +867,8 @@
"id": "r.s.u.v", "id": "r.s.u.v",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 381, "x": 306,
"y": 724 "y": 559
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -908,8 +908,8 @@
"id": "r.s.w", "id": "r.s.w",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 530, "x": 430,
"y": 726 "y": 561
}, },
"width": 58, "width": 58,
"height": 66, "height": 66,
@ -949,8 +949,8 @@
"id": "r.s.x", "id": "r.s.x",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 523, "x": 423,
"y": 483 "y": 363
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -990,8 +990,8 @@
"id": "r.s.y", "id": "r.s.y",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 596, "x": 496,
"y": 483 "y": 363
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -1031,8 +1031,8 @@
"id": "r.z", "id": "r.z",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 382, "x": 307,
"y": 1050 "y": 795
}, },
"width": 52, "width": 52,
"height": 66, "height": 66,
@ -1072,8 +1072,8 @@
"id": "r.aa", "id": "r.aa",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 216, "x": 166,
"y": 237 "y": 162
}, },
"width": 62, "width": 62,
"height": 66, "height": 66,
@ -1113,11 +1113,11 @@
"id": "r.bb", "id": "r.bb",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 298, "x": 248,
"y": 87 "y": 62
}, },
"width": 295, "width": 245,
"height": 216, "height": 166,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -1154,8 +1154,8 @@
"id": "r.bb.cc", "id": "r.bb.cc",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 373, "x": 298,
"y": 162 "y": 112
}, },
"width": 61, "width": 61,
"height": 66, "height": 66,
@ -1195,8 +1195,8 @@
"id": "r.bb.dd", "id": "r.bb.dd",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 454, "x": 379,
"y": 162 "y": 112
}, },
"width": 64, "width": 64,
"height": 66, "height": 66,
@ -1236,8 +1236,8 @@
"id": "r.ee", "id": "r.ee",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 743, "x": 618,
"y": 237 "y": 162
}, },
"width": 62, "width": 62,
"height": 66, "height": 66,
@ -1277,8 +1277,8 @@
"id": "r.ff", "id": "r.ff",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 745, "x": 620,
"y": 408 "y": 313
}, },
"width": 57, "width": 57,
"height": 66, "height": 66,
@ -1318,8 +1318,8 @@
"id": "r.gg", "id": "r.gg",
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 825, "x": 700,
"y": 237 "y": 162
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -1383,20 +1383,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 725.25, "x": 600.25,
"y": 1517 "y": 1167
}, },
{ {
"x": 725.25, "x": 600.25,
"y": 1647 "y": 1262
}, },
{ {
"x": 587.5, "x": 487.5,
"y": 1647 "y": 1262
}, },
{ {
"x": 587.5, "x": 487.5,
"y": 1793.875 "y": 1367.625
} }
], ],
"animated": false, "animated": false,
@ -1430,12 +1430,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 796.25, "x": 671.25,
"y": 1517 "y": 1167
}, },
{ {
"x": 796.25, "x": 671.25,
"y": 1777 "y": 1357
} }
], ],
"animated": false, "animated": false,
@ -1469,20 +1469,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 982.75, "x": 807.75,
"y": 2498 "y": 1988
}, },
{ {
"x": 982.75, "x": 807.75,
"y": 1246 "y": 956
}, },
{ {
"x": 573.25, "x": 473.25,
"y": 1246 "y": 956
}, },
{ {
"x": 573.25, "x": 473.25,
"y": 1793.875 "y": 1367.625
} }
], ],
"animated": false, "animated": false,
@ -1516,28 +1516,28 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 592.25, "x": 492.25,
"y": 1859.875 "y": 1433.625
}, },
{ {
"x": 592.25, "x": 492.25,
"y": 1968 "y": 1513
}, },
{ {
"x": 594.25, "x": 494.25,
"y": 1968 "y": 1513
}, },
{ {
"x": 594.25, "x": 494.25,
"y": 2348 "y": 1848
}, },
{ {
"x": 955.75, "x": 780.75,
"y": 2348 "y": 1848
}, },
{ {
"x": 955.75, "x": 780.75,
"y": 2498 "y": 1988
} }
], ],
"animated": false, "animated": false,
@ -1571,20 +1571,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 648.25, "x": 548.25,
"y": 1918 "y": 1473
}, },
{ {
"x": 648.25, "x": 548.25,
"y": 2298 "y": 1798
}, },
{ {
"x": 969.25, "x": 794.25,
"y": 2298 "y": 1798
}, },
{ {
"x": 969.25, "x": 794.25,
"y": 2498 "y": 1988
} }
], ],
"animated": false, "animated": false,
@ -1618,20 +1618,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 563.75, "x": 463.75,
"y": 1859.875 "y": 1433.625
}, },
{ {
"x": 563.75, "x": 463.75,
"y": 2118 "y": 1663
}, },
{ {
"x": 564.25, "x": 464.25,
"y": 2118 "y": 1663
}, },
{ {
"x": 564.25, "x": 464.25,
"y": 2498 "y": 1988
} }
], ],
"animated": false, "animated": false,
@ -1665,28 +1665,28 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 573.25, "x": 473.25,
"y": 1859.875 "y": 1433.625
}, },
{ {
"x": 573.25, "x": 473.25,
"y": 2068 "y": 1613
}, },
{ {
"x": 574.25, "x": 474.25,
"y": 2068 "y": 1613
}, },
{ {
"x": 574.25, "x": 474.25,
"y": 2448 "y": 1948
}, },
{ {
"x": 637.75, "x": 537.75,
"y": 2448 "y": 1948
}, },
{ {
"x": 637.75, "x": 537.75,
"y": 2498 "y": 1988
} }
], ],
"animated": false, "animated": false,
@ -1720,20 +1720,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 554.25, "x": 454.25,
"y": 1859.875 "y": 1433.625
}, },
{ {
"x": 554.25, "x": 454.25,
"y": 2298 "y": 1798
}, },
{ {
"x": 270, "x": 220,
"y": 2298 "y": 1798
}, },
{ {
"x": 270, "x": 220,
"y": 2498 "y": 1988
} }
], ],
"animated": false, "animated": false,
@ -1767,28 +1767,28 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 582.75, "x": 482.75,
"y": 1859.875 "y": 1433.625
}, },
{ {
"x": 582.75, "x": 482.75,
"y": 2018 "y": 1563
}, },
{ {
"x": 584.25, "x": 484.25,
"y": 2018 "y": 1563
}, },
{ {
"x": 584.25, "x": 484.25,
"y": 2398 "y": 1898
}, },
{ {
"x": 710.25, "x": 610.25,
"y": 2398 "y": 1898
}, },
{ {
"x": 710.25, "x": 610.25,
"y": 2498 "y": 1988
} }
], ],
"animated": false, "animated": false,
@ -1822,12 +1822,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 637.75, "x": 537.75,
"y": 2564 "y": 2054
}, },
{ {
"x": 637.75, "x": 537.75,
"y": 2664 "y": 2114
} }
], ],
"animated": false, "animated": false,
@ -1861,20 +1861,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 541.3333333333333, "x": 441.3333333333333,
"y": 549 "y": 429
}, },
{ {
"x": 541.3333333333333, "x": 441.3333333333333,
"y": 599 "y": 469
}, },
{ {
"x": 273.25, "x": 223.25,
"y": 599 "y": 469
}, },
{ {
"x": 273.25, "x": 223.25,
"y": 711 "y": 551
} }
], ],
"animated": false, "animated": false,
@ -1908,12 +1908,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 559, "x": 459,
"y": 549 "y": 429
}, },
{ {
"x": 559, "x": 459,
"y": 726.5 "y": 561.5
} }
], ],
"animated": false, "animated": false,
@ -1947,20 +1947,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 856.6666666666666, "x": 731.6666666666666,
"y": 303 "y": 228
}, },
{ {
"x": 856.6666666666666, "x": 731.6666666666666,
"y": 353 "y": 268
}, },
{ {
"x": 260.5, "x": 210.5,
"y": 353 "y": 268
}, },
{ {
"x": 260.5, "x": 210.5,
"y": 711 "y": 551
} }
], ],
"animated": false, "animated": false,
@ -1994,12 +1994,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 408, "x": 333,
"y": 790 "y": 625
}, },
{ {
"x": 408, "x": 333,
"y": 1050 "y": 795
} }
], ],
"animated": false, "animated": false,
@ -2033,12 +2033,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 247.75, "x": 197.75,
"y": 303 "y": 228
}, },
{ {
"x": 247.75, "x": 197.75,
"y": 711 "y": 551
} }
], ],
"animated": false, "animated": false,
@ -2072,12 +2072,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 559, "x": 459,
"y": 792.5 "y": 627.5
}, },
{ {
"x": 559, "x": 459,
"y": 1793.875 "y": 1367.625
} }
], ],
"animated": false, "animated": false,
@ -2111,12 +2111,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 252, "x": 202,
"y": 777 "y": 617
}, },
{ {
"x": 252, "x": 202,
"y": 2498 "y": 1988
} }
], ],
"animated": false, "animated": false,
@ -2150,20 +2150,20 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 269, "x": 219,
"y": 777 "y": 617
}, },
{ {
"x": 269, "x": 219,
"y": 1246 "y": 956
}, },
{ {
"x": 289.5, "x": 239.5,
"y": 1246 "y": 956
}, },
{ {
"x": 289.5, "x": 239.5,
"y": 1301 "y": 1001
} }
], ],
"animated": false, "animated": false,
@ -2197,12 +2197,12 @@
"labelPercentage": 0, "labelPercentage": 0,
"route": [ "route": [
{ {
"x": 774.1666666666666, "x": 649.1666666666666,
"y": 303 "y": 228
}, },
{ {
"x": 774.1666666666666, "x": 649.1666666666666,
"y": 408 "y": 313
} }
], ],
"animated": false, "animated": false,

6
e2etests/testdata/stable/large_arch/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: 662 KiB

After

Width:  |  Height:  |  Size: 662 KiB

42
e2etests/testdata/stable/latex/elk/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 163 "y": 143
}, },
"width": 382, "width": 382,
"height": 101, "height": 101,
@ -47,7 +47,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 414, "x": 414,
"y": 204 "y": 184
}, },
"width": 65, "width": 65,
"height": 18, "height": 18,
@ -127,7 +127,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 369, "x": 369,
"y": 364 "y": 324
}, },
"width": 154, "width": 154,
"height": 66, "height": 66,
@ -168,7 +168,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 499, "x": 499,
"y": 198 "y": 178
}, },
"width": 86, "width": 86,
"height": 66, "height": 66,
@ -209,7 +209,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 394, "x": 394,
"y": 651 "y": 531
}, },
"width": 104, "width": 104,
"height": 66, "height": 66,
@ -278,7 +278,7 @@
}, },
{ {
"x": 203, "x": 203,
"y": 163 "y": 143
} }
], ],
"animated": false, "animated": false,
@ -317,15 +317,15 @@
}, },
{ {
"x": 262.6666666666667, "x": 262.6666666666667,
"y": 113 "y": 103
}, },
{ {
"x": 446.5, "x": 446.5,
"y": 113 "y": 103
}, },
{ {
"x": 446.5, "x": 446.5,
"y": 204.5 "y": 184.5
} }
], ],
"animated": false, "animated": false,
@ -360,19 +360,19 @@
"route": [ "route": [
{ {
"x": 203, "x": 203,
"y": 264 "y": 244
}, },
{ {
"x": 203, "x": 203,
"y": 314 "y": 284
}, },
{ {
"x": 408, "x": 408,
"y": 314 "y": 284
}, },
{ {
"x": 408, "x": 408,
"y": 364 "y": 324
} }
], ],
"animated": false, "animated": false,
@ -407,11 +407,11 @@
"route": [ "route": [
{ {
"x": 446.5, "x": 446.5,
"y": 222.5 "y": 202.5
}, },
{ {
"x": 446.5, "x": 446.5,
"y": 364 "y": 324
} }
], ],
"animated": false, "animated": false,
@ -446,19 +446,19 @@
"route": [ "route": [
{ {
"x": 542, "x": 542,
"y": 264 "y": 244
}, },
{ {
"x": 542, "x": 542,
"y": 314 "y": 284
}, },
{ {
"x": 485, "x": 485,
"y": 314 "y": 284
}, },
{ {
"x": 485, "x": 485,
"y": 364 "y": 324
} }
], ],
"animated": false, "animated": false,
@ -493,11 +493,11 @@
"route": [ "route": [
{ {
"x": 446.5, "x": 446.5,
"y": 430 "y": 390
}, },
{ {
"x": 446.5, "x": 446.5,
"y": 651 "y": 531
} }
], ],
"animated": false, "animated": false,

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

After

Width:  |  Height:  |  Size: 507 KiB

10
e2etests/testdata/stable/li1/elk/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 178 "y": 138
}, },
"width": 379, "width": 379,
"height": 100, "height": 100,
@ -88,7 +88,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 175, "x": 175,
"y": 378 "y": 298
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -157,7 +157,7 @@
}, },
{ {
"x": 201.5, "x": 201.5,
"y": 178 "y": 138
} }
], ],
"animated": false, "animated": false,
@ -192,11 +192,11 @@
"route": [ "route": [
{ {
"x": 201.5, "x": 201.5,
"y": 278 "y": 238
}, },
{ {
"x": 201.5, "x": 201.5,
"y": 378 "y": 298
} }
], ],
"animated": false, "animated": false,

8
e2etests/testdata/stable/li1/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="583" height="636" viewBox="-90 -90 583 636"><style type="text/css"> width="583" height="556" viewBox="-90 -90 583 556"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -796,7 +796,7 @@ width="583" height="636" viewBox="-90 -90 583 636"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="178.000000" width="379" height="100"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><ul> </style><g id="md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="12.000000" y="138.000000" width="379" height="100"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><ul>
<li><a href="#overview">Overview</a> <li><a href="#overview">Overview</a>
<ul> <ul>
<li><a href="#philosophy">Philosophy</a></li> <li><a href="#philosophy">Philosophy</a></li>
@ -808,8 +808,8 @@ width="583" height="636" viewBox="-90 -90 583 636"><style type="text/css">
</ul> </ul>
</li> </li>
</ul> </ul>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="175" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="201.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="175" y="378" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="201.500000" y="416.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 201.500000 80.000000 L 201.500000 174.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#731869501)"/></g><g id="(md -&gt; b)[0]"><path d="M 201.500000 280.000000 L 201.500000 374.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#731869501)"/></g><mask id="731869501" maskUnits="userSpaceOnUse" x="-100" y="-100" width="583" height="636"> </div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="175" y="12" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="201.500000" y="50.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="175" y="298" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="201.500000" y="336.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 201.500000 80.000000 L 201.500000 134.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4254126287)"/></g><g id="(md -&gt; b)[0]"><path d="M 201.500000 240.000000 L 201.500000 294.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4254126287)"/></g><mask id="4254126287" maskUnits="userSpaceOnUse" x="-100" y="-100" width="583" height="556">
<rect x="-100" y="-100" width="583" height="636" fill="white"></rect> <rect x="-100" y="-100" width="583" height="556" 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

10
e2etests/testdata/stable/li2/elk/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 12, "x": 12,
"y": 178 "y": 138
}, },
"width": 245, "width": 245,
"height": 76, "height": 76,
@ -88,7 +88,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 108, "x": 108,
"y": 354 "y": 274
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -157,7 +157,7 @@
}, },
{ {
"x": 134.5, "x": 134.5,
"y": 178 "y": 138
} }
], ],
"animated": false, "animated": false,
@ -192,11 +192,11 @@
"route": [ "route": [
{ {
"x": 134.5, "x": 134.5,
"y": 254 "y": 214
}, },
{ {
"x": 134.5, "x": 134.5,
"y": 354 "y": 274
} }
], ],
"animated": false, "animated": false,

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