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

fix padding

Browse source
This commit is contained in:
Alexander Wang 2023-02-10 13:47:22 -08:00
parent 9463c67555
commit 9fad105822
No known key found for this signature in database
GPG key ID: D89FA31966BDBECE
58 changed files with 976 additions and 976 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
d2layouts/d2dagrelayout/layout.go
View file

@ -110,7 +110,7 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
continue
}
if obj.LabelHeight != nil {
maxContainerLabelHeight = go2.Max(maxContainerLabelHeight, *obj.LabelHeight)
maxContainerLabelHeight = go2.Max(maxContainerLabelHeight, *obj.LabelHeight+label.PADDING)
}
}
@ -141,7 +141,7 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
height += float64(*obj.LabelHeight) + label.PADDING
}
if len(obj.ChildrenArray) > 0 {
obj.Height += float64(*obj.LabelHeight)
height += float64(*obj.LabelHeight) + label.PADDING
}
}
loadScript += generateAddNodeLine(id, int(obj.Width), int(height))
@ -346,7 +346,7 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
}
// This was artifically added to make dagre consider label height
obj.Height -= float64(*obj.LabelHeight)
obj.Height -= (float64(*obj.LabelHeight) + label.PADDING)
movedEdges := make(map[*d2graph.Edge]struct{})
for _, e := range g.Edges {
@ -371,7 +371,7 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
currDst = currDst.Parent
}
if isSrcDesc && isDstDesc {
stepSize := float64(*obj.LabelHeight)
stepSize := float64(*obj.LabelHeight) + label.PADDING
if e.Src != obj || e.Dst != obj {
stepSize /= 2.
}
@ -388,7 +388,7 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
curr := q[0]
q = q[1:]
stepSize := float64(*obj.LabelHeight)
stepSize := float64(*obj.LabelHeight) + label.PADDING
if curr != obj {
stepSize /= 2.
}

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

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

Before

Width:  |  Height:  |  Size: 253 KiB

After

Width:  |  Height:  |  Size: 253 KiB

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

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

Before

Width:  |  Height:  |  Size: 248 KiB

After

Width:  |  Height:  |  Size: 248 KiB

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

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 36
"y": 41
},
"width": 425,
"height": 492,
"height": 487,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 94,
"y": 73
"y": 75
},
"width": 53,
"height": 66,
@ -89,10 +89,10 @@
"type": "rectangle",
"pos": {
"x": 40,
"y": 348
"y": 355
},
"width": 345,
"height": 144,
"height": 139,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -130,7 +130,7 @@
"type": "rectangle",
"pos": {
"x": 207,
"y": 73
"y": 75
},
"width": 52,
"height": 66,
@ -171,7 +171,7 @@
"type": "rectangle",
"pos": {
"x": 319,
"y": 73
"y": 75
},
"width": 53,
"height": 66,
@ -212,7 +212,7 @@
"type": "rectangle",
"pos": {
"x": 206,
"y": 386
"y": 391
},
"width": 54,
"height": 66,
@ -277,19 +277,19 @@
"route": [
{
"x": 120,
"y": 139.5
"y": 142
},
{
"x": 120,
"y": 209.9
"y": 212.4
},
{
"x": 120,
"y": 245.5
"y": 248
},
{
"x": 120,
"y": 317.5
"y": 320
}
],
"isCurve": true,
@ -325,19 +325,19 @@
"route": [
{
"x": 232.5,
"y": 139.5
"y": 142
},
{
"x": 232.5,
"y": 209.9
"y": 212.4
},
{
"x": 232.5,
"y": 245.5
"y": 248
},
{
"x": 232.5,
"y": 317.5
"y": 320
}
],
"isCurve": true,
@ -373,19 +373,19 @@
"route": [
{
"x": 345,
"y": 139.5
"y": 142
},
{
"x": 345,
"y": 209.9
"y": 212.4
},
{
"x": 345,
"y": 245.5
"y": 248
},
{
"x": 345,
"y": 317.5
"y": 320
}
],
"isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="629" height="735" viewBox="-102 -105 629 735"><style type="text/css">
width="629" height="730" viewBox="-102 -100 629 730"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,9 +39,9 @@ width="629" height="735" viewBox="-102 -105 629 735"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="a"><g class="shape" ><rect x="0" y="36" width="425" height="492" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="212.500000" y="23.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="a.b"><g class="shape" ><rect x="94" y="73" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.500000" y="111.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.c"><g class="shape" ><rect x="40" y="348" width="345" height="144" style="fill:#EDF0FD;stroke:white;stroke-width:2;" /></g><text class="text" x="212.500000" y="336.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">c</text></g><g id="a.1"><g class="shape" ><rect x="207" y="73" width="52" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="233.000000" y="111.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">1</text></g><g id="a.2"><g class="shape" ><rect x="319" y="73" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="345.500000" y="111.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">2</text></g><g id="a.c.d"><g class="shape" ><rect x="206" y="386" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="233.000000" y="424.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="a.(b -&gt; c)[0]"><marker id="mk-1065319532" markerWidth="24.200000" markerHeight="18.000000" refX="20.800000" refY="9.000000" viewBox="0.000000 0.000000 24.200000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="white" stroke="red" stroke-width="2" points="0.000000,9.000000 11.000000,2.250000 22.000000,9.000000 11.000000,16.200000" /> </marker><path d="M 120.000000 141.500000 C 120.000000 209.900000 120.000000 245.500000 120.000000 313.500000" class="connection" style="fill:none;stroke:red;stroke-width:2;" marker-end="url(#mk-1065319532)" mask="url(#3754327367)"/><text class="text-italic" x="120.000000" y="210.000000" style="text-anchor:middle;font-size:16px;fill:red"><tspan x="120.000000" dy="0.000000">line 1</tspan><tspan x="120.000000" dy="17.250000">line 2</tspan><tspan x="120.000000" dy="17.250000">line 3</tspan><tspan x="120.000000" dy="17.250000">line 4</tspan></text></g><g id="a.(1 -&gt; c)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 232.500000 141.500000 C 232.500000 209.900000 232.500000 245.500000 232.500000 313.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3754327367)"/></g><g id="a.(2 &lt;-&gt; c)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 345.000000 143.500000 C 345.000000 209.900000 345.000000 245.500000 345.000000 313.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#3754327367)"/></g><mask id="3754327367" maskUnits="userSpaceOnUse" x="-100" y="-100" width="629" height="735">
<rect x="-100" y="-100" width="629" height="735" fill="white"></rect>
<rect x="102.000000" y="194.000000" width="36" height="69" fill="black"></rect>
]]></script><g id="a"><g class="shape" ><rect x="0" y="41" width="425" height="487" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="212.500000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="a.b"><g class="shape" ><rect x="94" y="75" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.500000" y="113.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.c"><g class="shape" ><rect x="40" y="355" width="345" height="139" style="fill:#EDF0FD;stroke:white;stroke-width:2;" /></g><text class="text" x="212.500000" y="343.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">c</text></g><g id="a.1"><g class="shape" ><rect x="207" y="75" width="52" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="233.000000" y="113.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">1</text></g><g id="a.2"><g class="shape" ><rect x="319" y="75" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="345.500000" y="113.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">2</text></g><g id="a.c.d"><g class="shape" ><rect x="206" y="391" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="233.000000" y="429.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="a.(b -&gt; c)[0]"><marker id="mk-1065319532" markerWidth="24.200000" markerHeight="18.000000" refX="20.800000" refY="9.000000" viewBox="0.000000 0.000000 24.200000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="white" stroke="red" stroke-width="2" points="0.000000,9.000000 11.000000,2.250000 22.000000,9.000000 11.000000,16.200000" /> </marker><path d="M 120.000000 144.000000 C 120.000000 212.400000 120.000000 248.000000 120.000000 316.000000" class="connection" style="fill:none;stroke:red;stroke-width:2;" marker-end="url(#mk-1065319532)" mask="url(#1089124812)"/><text class="text-italic" x="120.000000" y="213.000000" style="text-anchor:middle;font-size:16px;fill:red"><tspan x="120.000000" dy="0.000000">line 1</tspan><tspan x="120.000000" dy="17.250000">line 2</tspan><tspan x="120.000000" dy="17.250000">line 3</tspan><tspan x="120.000000" dy="17.250000">line 4</tspan></text></g><g id="a.(1 -&gt; c)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 232.500000 144.000000 C 232.500000 212.400000 232.500000 248.000000 232.500000 316.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1089124812)"/></g><g id="a.(2 &lt;-&gt; c)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 345.000000 146.000000 C 345.000000 212.400000 345.000000 248.000000 345.000000 316.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#1089124812)"/></g><mask id="1089124812" maskUnits="userSpaceOnUse" x="-100" y="-100" width="629" height="730">
<rect x="-100" y="-100" width="629" height="730" fill="white"></rect>
<rect x="102.000000" y="197.000000" width="36" height="69" fill="black"></rect>
</mask><style type="text/css"><![CDATA[
.text {
font-family: "font-regular";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 794 KiB

After

Width:  |  Height:  |  Size: 794 KiB

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

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

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

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="2532" height="384" viewBox="-102 -105 2532 384"><style type="text/css">
width="2532" height="379" viewBox="-102 -100 2532 379"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,12 +39,12 @@ width="2532" height="384" viewBox="-102 -105 2532 384"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="build_workflow"><g class="shape" ><rect x="0" y="36" width="2328" height="141" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1164.000000" y="23.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">lambda-build.yaml</text></g><g id="build_workflow.push"><g class="shape" ><rect x="105" y="68" width="270" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="240.000000" y="115.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">Push to main branch</text></g><g id="build_workflow.GHA"><g class="shape" ><rect x="638" y="68" width="209" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="742.500000" y="115.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">GitHub Actions</text></g><g id="build_workflow.S3"><g class="shape" ><rect x="1194" y="68" width="71" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1229.500000" y="115.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">S3</text></g><g id="build_workflow.Terraform"><g class="shape" ><rect x="1593" y="68" width="158" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1672.000000" y="115.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">Terraform</text></g><g id="build_workflow.AWS"><g class="shape" ><rect x="2129" y="68" width="95" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="2176.500000" y="115.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">AWS</text></g><g id="build_workflow.(push -&gt; GHA)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 377.500000 106.500000 C 479.900000 106.500000 532.300000 106.500000 633.500000 106.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2597282443)"/><text class="text-italic" x="507.000000" y="112.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Triggers</text></g><g id="build_workflow.(GHA -&gt; S3)[0]"><path d="M 848.500000 106.500000 C 985.300000 106.500000 1054.700000 106.500000 1189.500000 106.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2597282443)"/><text class="text-italic" x="1020.000000" y="112.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Builds zip &amp; pushes it</text></g><g id="build_workflow.(S3 &lt;-&gt; Terraform)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 1269.500000 106.500000 C 1395.900000 106.500000 1461.300000 106.500000 1588.500000 106.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2597282443)"/><text class="text-italic" x="1429.500000" y="112.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Pulls zip to deploy</text></g><g id="build_workflow.(Terraform -&gt; AWS)[0]"><path d="M 1753.500000 106.500000 C 1901.900000 106.500000 1977.300000 106.500000 2124.500000 106.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2597282443)"/><text class="text-italic" x="1940.500000" y="112.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Changes the live lambdas</text></g><mask id="2597282443" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2532" height="384">
<rect x="-100" y="-100" width="2532" height="384" fill="white"></rect>
<rect x="480.000000" y="96.000000" width="54" height="21" fill="black"></rect>
<rect x="951.000000" y="96.000000" width="138" height="21" fill="black"></rect>
<rect x="1370.000000" y="96.000000" width="119" height="21" fill="black"></rect>
<rect x="1856.000000" y="96.000000" width="169" height="21" fill="black"></rect>
]]></script><g id="build_workflow"><g class="shape" ><rect x="0" y="41" width="2328" height="136" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1164.000000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">lambda-build.yaml</text></g><g id="build_workflow.push"><g class="shape" ><rect x="105" y="70" width="270" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="240.000000" y="117.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">Push to main branch</text></g><g id="build_workflow.GHA"><g class="shape" ><rect x="638" y="70" width="209" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="742.500000" y="117.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">GitHub Actions</text></g><g id="build_workflow.S3"><g class="shape" ><rect x="1194" y="70" width="71" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1229.500000" y="117.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">S3</text></g><g id="build_workflow.Terraform"><g class="shape" ><rect x="1593" y="70" width="158" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1672.000000" y="117.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">Terraform</text></g><g id="build_workflow.AWS"><g class="shape" ><rect x="2129" y="70" width="95" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="2176.500000" y="117.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">AWS</text></g><g id="build_workflow.(push -&gt; GHA)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 377.500000 109.000000 C 479.900000 109.000000 532.300000 109.000000 633.500000 109.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2865405460)"/><text class="text-italic" x="507.000000" y="115.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Triggers</text></g><g id="build_workflow.(GHA -&gt; S3)[0]"><path d="M 848.500000 109.000000 C 985.300000 109.000000 1054.700000 109.000000 1189.500000 109.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2865405460)"/><text class="text-italic" x="1020.000000" y="115.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Builds zip &amp; pushes it</text></g><g id="build_workflow.(S3 &lt;-&gt; Terraform)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 1269.500000 109.000000 C 1395.900000 109.000000 1461.300000 109.000000 1588.500000 109.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2865405460)"/><text class="text-italic" x="1429.500000" y="115.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Pulls zip to deploy</text></g><g id="build_workflow.(Terraform -&gt; AWS)[0]"><path d="M 1753.500000 109.000000 C 1901.900000 109.000000 1977.300000 109.000000 2124.500000 109.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2865405460)"/><text class="text-italic" x="1940.500000" y="115.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Changes the live lambdas</text></g><mask id="2865405460" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2532" height="379">
<rect x="-100" y="-100" width="2532" height="379" fill="white"></rect>
<rect x="480.000000" y="99.000000" width="54" height="21" fill="black"></rect>
<rect x="951.000000" y="99.000000" width="138" height="21" fill="black"></rect>
<rect x="1370.000000" y="99.000000" width="119" height="21" fill="black"></rect>
<rect x="1856.000000" y="99.000000" width="169" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[
.text {
font-family: "font-regular";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 795 KiB

After

Width:  |  Height:  |  Size: 795 KiB

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

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 36
"y": 41
},
"width": 370,
"height": 1336,
"height": 1331,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 50,
"y": 91
"y": 93
},
"width": 270,
"height": 77,
@ -89,7 +89,7 @@
"type": "rectangle",
"pos": {
"x": 81,
"y": 340
"y": 342
},
"width": 209,
"height": 77,
@ -130,7 +130,7 @@
"type": "rectangle",
"pos": {
"x": 150,
"y": 669
"y": 671
},
"width": 71,
"height": 77,
@ -171,7 +171,7 @@
"type": "rectangle",
"pos": {
"x": 106,
"y": 991
"y": 993
},
"width": 158,
"height": 77,
@ -212,7 +212,7 @@
"type": "rectangle",
"pos": {
"x": 138,
"y": 1240
"y": 1242
},
"width": 95,
"height": 77,
@ -253,10 +253,10 @@
"type": "rectangle",
"pos": {
"x": 410,
"y": 36
"y": 41
},
"width": 311,
"height": 765,
"height": 760,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -294,7 +294,7 @@
"type": "rectangle",
"pos": {
"x": 460,
"y": 91
"y": 93
},
"width": 211,
"height": 77,
@ -335,7 +335,7 @@
"type": "rectangle",
"pos": {
"x": 461,
"y": 340
"y": 342
},
"width": 209,
"height": 77,
@ -376,7 +376,7 @@
"type": "rectangle",
"pos": {
"x": 518,
"y": 669
"y": 671
},
"width": 95,
"height": 77,
@ -417,10 +417,10 @@
"type": "rectangle",
"pos": {
"x": 761,
"y": 36
"y": 41
},
"width": 613,
"height": 765,
"height": 760,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -458,7 +458,7 @@
"type": "rectangle",
"pos": {
"x": 979,
"y": 91
"y": 93
},
"width": 178,
"height": 77,
@ -499,7 +499,7 @@
"type": "rectangle",
"pos": {
"x": 963,
"y": 340
"y": 342
},
"width": 209,
"height": 77,
@ -540,7 +540,7 @@
"type": "rectangle",
"pos": {
"x": 1020,
"y": 669
"y": 671
},
"width": 95,
"height": 77,
@ -605,19 +605,19 @@
"route": [
{
"x": 185,
"y": 168
"y": 170.5
},
{
"x": 185,
"y": 236.8
"y": 239.3
},
{
"x": 185,
"y": 271.2
"y": 273.7
},
{
"x": 185,
"y": 340
"y": 342.5
}
],
"isCurve": true,
@ -653,19 +653,19 @@
"route": [
{
"x": 185,
"y": 417
"y": 419.5
},
{
"x": 185,
"y": 517.8
"y": 520.3
},
{
"x": 185,
"y": 568.2
"y": 570.7
},
{
"x": 185,
"y": 669
"y": 671.5
}
],
"isCurve": true,
@ -701,19 +701,19 @@
"route": [
{
"x": 185,
"y": 746
"y": 748.5
},
{
"x": 185,
"y": 804.4
"y": 806.9
},
{
"x": 185,
"y": 922.2
"y": 924.7
},
{
"x": 185,
"y": 991
"y": 993.5
}
],
"isCurve": true,
@ -749,19 +749,19 @@
"route": [
{
"x": 185,
"y": 1068
"y": 1070.5
},
{
"x": 185,
"y": 1136.8
"y": 1139.3
},
{
"x": 185,
"y": 1171.2
"y": 1173.7
},
{
"x": 185,
"y": 1240
"y": 1242.5
}
],
"isCurve": true,
@ -797,19 +797,19 @@
"route": [
{
"x": 565.5,
"y": 168
"y": 170.5
},
{
"x": 565.5,
"y": 236.8
"y": 239.3
},
{
"x": 565.5,
"y": 271.2
"y": 273.7
},
{
"x": 565.5,
"y": 340
"y": 342.5
}
],
"isCurve": true,
@ -845,19 +845,19 @@
"route": [
{
"x": 565.5,
"y": 417
"y": 419.5
},
{
"x": 565.5,
"y": 517.8
"y": 520.3
},
{
"x": 565.5,
"y": 568.2
"y": 570.7
},
{
"x": 565.5,
"y": 669
"y": 671.5
}
],
"isCurve": true,
@ -893,19 +893,19 @@
"route": [
{
"x": 1067.5,
"y": 168
"y": 170.5
},
{
"x": 1067.5,
"y": 236.8
"y": 239.3
},
{
"x": 1067.5,
"y": 271.2
"y": 273.7
},
{
"x": 1067.5,
"y": 340
"y": 342.5
}
],
"isCurve": true,
@ -941,19 +941,19 @@
"route": [
{
"x": 1067.5,
"y": 417
"y": 419.5
},
{
"x": 1067.5,
"y": 517.8
"y": 520.3
},
{
"x": 1067.5,
"y": 568.2
"y": 570.7
},
{
"x": 1067.5,
"y": 669
"y": 671.5
}
],
"isCurve": true,

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

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

Before

Width:  |  Height:  |  Size: 799 KiB

After

Width:  |  Height:  |  Size: 799 KiB

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

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 36
"y": 41
},
"width": 306,
"height": 130,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 50,
"y": 68
"y": 70
},
"width": 53,
"height": 66,
@ -89,7 +89,7 @@
"type": "rectangle",
"pos": {
"x": 203,
"y": 68
"y": 70
},
"width": 53,
"height": 66,
@ -154,55 +154,55 @@
"route": [
{
"x": 103,
"y": 86.38440111420613
"y": 88.88440111420613
},
{
"x": 129.66666666666669,
"y": 71.67688022284122
"y": 74.17688022284122
},
{
"x": 138,
"y": 68
"y": 70.5
},
{
"x": 140.5,
"y": 68
"y": 70.5
},
{
"x": 143,
"y": 68
"y": 70.5
},
{
"x": 146.33333333333331,
"y": 74.6
"y": 77.1
},
{
"x": 148.83333333333331,
"y": 84.5
"y": 87
},
{
"x": 151.33333333333334,
"y": 94.4
"y": 96.9
},
{
"x": 151.33333333333334,
"y": 107.6
"y": 110.1
},
{
"x": 148.83333333333331,
"y": 117.5
"y": 120
},
{
"x": 146.33333333333331,
"y": 127.4
"y": 129.9
},
{
"x": 129.66666666666669,
"y": 130.32311977715878
"y": 132.82311977715878
},
{
"x": 103,
"y": 115.61559888579387
"y": 118.11559888579387
}
],
"isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="510" height="373" viewBox="-102 -105 510 373"><style type="text/css">
width="510" height="368" viewBox="-102 -100 510 368"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="510" height="373" viewBox="-102 -105 510 373"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="x"><g class="shape" ><rect x="0" y="36" width="306" height="130" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="153.000000" y="23.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">x</text></g><g id="x.a"><g class="shape" ><rect x="50" y="68" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="76.500000" y="106.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="x.b"><g class="shape" ><rect x="203" y="68" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="229.500000" y="106.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="x.(a -&gt; a)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 104.751298 85.418504 C 129.666667 71.676880 138.000000 68.000000 140.500000 68.000000 C 143.000000 68.000000 146.333333 74.600000 148.833333 84.500000 C 151.333333 94.400000 151.333333 107.600000 148.833333 117.500000 C 146.333333 127.400000 129.666667 130.323120 106.502595 117.547392" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3251023082)"/></g><mask id="3251023082" maskUnits="userSpaceOnUse" x="-100" y="-100" width="510" height="373">
<rect x="-100" y="-100" width="510" height="373" fill="white"></rect>
]]></script><g id="x"><g class="shape" ><rect x="0" y="41" width="306" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="153.000000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">x</text></g><g id="x.a"><g class="shape" ><rect x="50" y="70" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="76.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="x.b"><g class="shape" ><rect x="203" y="70" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="229.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="x.(a -&gt; a)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 104.751298 87.918504 C 129.666667 74.176880 138.000000 70.500000 140.500000 70.500000 C 143.000000 70.500000 146.333333 77.100000 148.833333 87.000000 C 151.333333 96.900000 151.333333 110.100000 148.833333 120.000000 C 146.333333 129.900000 129.666667 132.823120 106.502595 120.047392" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3783909634)"/></g><mask id="3783909634" maskUnits="userSpaceOnUse" x="-100" y="-100" width="510" height="368">
<rect x="-100" y="-100" width="510" height="368" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 649 KiB

After

Width:  |  Height:  |  Size: 649 KiB

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

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 36
"y": 41
},
"width": 1276,
"height": 130,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 131,
"y": 68
"y": 70
},
"width": 132,
"height": 66,
@ -89,7 +89,7 @@
"type": "rectangle",
"pos": {
"x": 323,
"y": 68
"y": 70
},
"width": 132,
"height": 66,
@ -130,7 +130,7 @@
"type": "rectangle",
"pos": {
"x": 515,
"y": 68
"y": 70
},
"width": 132,
"height": 66,
@ -171,7 +171,7 @@
"type": "rectangle",
"pos": {
"x": 707,
"y": 68
"y": 70
},
"width": 133,
"height": 66,
@ -212,7 +212,7 @@
"type": "rectangle",
"pos": {
"x": 900,
"y": 68
"y": 70
},
"width": 133,
"height": 66,
@ -253,7 +253,7 @@
"type": "rectangle",
"pos": {
"x": 1093,
"y": 68
"y": 70
},
"width": 133,
"height": 66,
@ -294,10 +294,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 323
"y": 328
},
"width": 495,
"height": 130,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -335,7 +335,7 @@
"type": "rectangle",
"pos": {
"x": 186,
"y": 355
"y": 357
},
"width": 76,
"height": 66,
@ -376,7 +376,7 @@
"type": "rectangle",
"pos": {
"x": 369,
"y": 355
"y": 357
},
"width": 76,
"height": 66,

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

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1480" height="660" viewBox="-102 -105 1480 660"><style type="text/css">
width="1480" height="655" viewBox="-102 -100 1480 655"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="1480" height="660" viewBox="-102 -105 1480 660"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="k8s"><g class="shape" ><rect x="0" y="36" width="1276" height="130" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="638.000000" y="23.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">Kubernetes</text></g><g id="osvc"><g class="shape" ><rect x="0" y="323" width="495" height="130" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="247.500000" y="310.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">opensvc</text></g><g id="k8s.m1"><g class="shape" ><rect x="131" y="68" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="197.000000" y="106.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master1</text></g><g id="k8s.m2"><g class="shape" ><rect x="323" y="68" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="389.000000" y="106.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master2</text></g><g id="k8s.m3"><g class="shape" ><rect x="515" y="68" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="581.000000" y="106.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master3</text></g><g id="k8s.w1"><g class="shape" ><rect x="707" y="68" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="773.500000" y="106.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker1</text></g><g id="k8s.w2"><g class="shape" ><rect x="900" y="68" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="966.500000" y="106.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker2</text></g><g id="k8s.w3"><g class="shape" ><rect x="1093" y="68" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1159.500000" y="106.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker3</text></g><g id="osvc.vm1"><g class="shape" ><rect x="186" y="355" width="76" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="224.000000" y="393.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">VM1</text></g><g id="osvc.vm2"><g class="shape" ><rect x="369" y="355" width="76" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="407.000000" y="393.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">VM2</text></g><g id="(k8s -&gt; osvc)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 84.000000 168.000000 C 84.000000 214.400000 84.000000 238.700000 84.000000 283.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3676293611)"/><text class="text-italic" x="84.500000" y="232.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">keycloak</text></g><g id="(k8s -&gt; osvc)[1]"><path d="M 186.000000 168.000000 C 186.000000 214.400000 186.000000 238.700000 186.000000 283.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3676293611)"/><text class="text-italic" x="186.500000" y="232.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">heptapod</text></g><g id="(k8s -&gt; osvc)[2]"><path d="M 282.000000 168.000000 C 282.000000 214.400000 282.000000 238.700000 282.000000 283.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3676293611)"/><text class="text-italic" x="282.500000" y="232.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">harbor</text></g><g id="(k8s -&gt; osvc)[3]"><path d="M 363.000000 168.000000 C 363.000000 214.400000 363.000000 238.700000 363.000000 283.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3676293611)"/><text class="text-italic" x="363.500000" y="232.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">vault</text></g><mask id="3676293611" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1480" height="660">
<rect x="-100" y="-100" width="1480" height="660" fill="white"></rect>
]]></script><g id="k8s"><g class="shape" ><rect x="0" y="41" width="1276" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="638.000000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">Kubernetes</text></g><g id="osvc"><g class="shape" ><rect x="0" y="328" width="495" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="247.500000" y="315.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">opensvc</text></g><g id="k8s.m1"><g class="shape" ><rect x="131" y="70" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="197.000000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master1</text></g><g id="k8s.m2"><g class="shape" ><rect x="323" y="70" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="389.000000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master2</text></g><g id="k8s.m3"><g class="shape" ><rect x="515" y="70" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="581.000000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master3</text></g><g id="k8s.w1"><g class="shape" ><rect x="707" y="70" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="773.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker1</text></g><g id="k8s.w2"><g class="shape" ><rect x="900" y="70" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="966.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker2</text></g><g id="k8s.w3"><g class="shape" ><rect x="1093" y="70" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1159.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker3</text></g><g id="osvc.vm1"><g class="shape" ><rect x="186" y="357" width="76" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="224.000000" y="395.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">VM1</text></g><g id="osvc.vm2"><g class="shape" ><rect x="369" y="357" width="76" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="407.000000" y="395.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">VM2</text></g><g id="(k8s -&gt; osvc)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 84.000000 168.000000 C 84.000000 214.400000 84.000000 238.700000 84.000000 283.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1756601504)"/><text class="text-italic" x="84.500000" y="232.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">keycloak</text></g><g id="(k8s -&gt; osvc)[1]"><path d="M 186.000000 168.000000 C 186.000000 214.400000 186.000000 238.700000 186.000000 283.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1756601504)"/><text class="text-italic" x="186.500000" y="232.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">heptapod</text></g><g id="(k8s -&gt; osvc)[2]"><path d="M 282.000000 168.000000 C 282.000000 214.400000 282.000000 238.700000 282.000000 283.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1756601504)"/><text class="text-italic" x="282.500000" y="232.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">harbor</text></g><g id="(k8s -&gt; osvc)[3]"><path d="M 363.000000 168.000000 C 363.000000 214.400000 363.000000 238.700000 363.000000 283.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1756601504)"/><text class="text-italic" x="363.500000" y="232.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">vault</text></g><mask id="1756601504" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1480" height="655">
<rect x="-100" y="-100" width="1480" height="655" fill="white"></rect>
<rect x="55.000000" y="216.000000" width="59" height="21" fill="black"></rect>
<rect x="154.000000" y="216.000000" width="65" height="21" fill="black"></rect>
<rect x="259.000000" y="216.000000" width="47" height="21" fill="black"></rect>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 795 KiB

After

Width:  |  Height:  |  Size: 795 KiB

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

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 36
"y": 41
},
"width": 156,
"height": 130,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 54,
"y": 68
"y": 70
},
"width": 53,
"height": 66,
@ -89,10 +89,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 302
"y": 307
},
"width": 157,
"height": 130,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -130,7 +130,7 @@
"type": "rectangle",
"pos": {
"x": 53,
"y": 334
"y": 336
},
"width": 54,
"height": 66,
@ -195,7 +195,7 @@
"route": [
{
"x": 80,
"y": 134
"y": 136.5
},
{
"x": 80,
@ -219,7 +219,7 @@
},
{
"x": 80,
"y": 334
"y": 336.5
}
],
"isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="361" height="639" viewBox="-102 -105 361 639"><style type="text/css">
width="361" height="634" viewBox="-102 -100 361 634"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="361" height="639" viewBox="-102 -105 361 639"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="a"><g class="shape" ><rect x="0" y="36" width="156" height="130" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="78.000000" y="23.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="0" y="302" width="157" height="130" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="78.500000" y="289.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="a.b"><g class="shape" ><rect x="54" y="68" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="80.500000" y="106.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="53" y="334" width="54" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="80.000000" y="372.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a.b -&gt; c.d)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 80.000000 136.000000 C 80.000000 156.000000 80.000000 176.000000 80.000000 191.000000 C 80.000000 206.000000 80.000000 276.000000 80.000000 330.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2480378180)"/></g><mask id="2480378180" maskUnits="userSpaceOnUse" x="-100" y="-100" width="361" height="639">
<rect x="-100" y="-100" width="361" height="639" fill="white"></rect>
]]></script><g id="a"><g class="shape" ><rect x="0" y="41" width="156" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="78.000000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="0" y="307" width="157" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="78.500000" y="294.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="a.b"><g class="shape" ><rect x="54" y="70" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="80.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="53" y="336" width="54" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="80.000000" y="374.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a.b -&gt; c.d)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 80.000000 138.500000 C 80.000000 156.000000 80.000000 176.000000 80.000000 191.000000 C 80.000000 206.000000 80.000000 276.000000 80.000000 332.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3706172476)"/></g><mask id="3706172476" maskUnits="userSpaceOnUse" x="-100" y="-100" width="361" height="634">
<rect x="-100" y="-100" width="361" height="634" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 649 KiB

After

Width:  |  Height:  |  Size: 649 KiB

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

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 36
"y": 41
},
"width": 218,
"height": 394,
"height": 389,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "callout",
"pos": {
"x": 50,
"y": 307
"y": 309
},
"width": 72,
"height": 91,
@ -89,7 +89,7 @@
"type": "rectangle",
"pos": {
"x": 84,
"y": 94
"y": 96
},
"width": 68,
"height": 66,
@ -236,19 +236,19 @@
"route": [
{
"x": 109.16317991631799,
"y": 160
"y": 162.5
},
{
"x": 90.6326359832636,
"y": 229.2
"y": 231.7
},
{
"x": 86,
"y": 258.6
"y": 261.1
},
{
"x": 86,
"y": 307
"y": 309.5
}
],
"isCurve": true,
@ -296,7 +296,7 @@
},
{
"x": 127,
"y": 159.5
"y": 162
}
],
"isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="545" height="637" viewBox="-102 -105 545 637"><style type="text/css">
width="545" height="632" viewBox="-102 -100 545 632"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,10 +39,10 @@ width="545" height="637" viewBox="-102 -105 545 637"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="aaa"><g class="shape" ><rect x="0" y="36" width="218" height="394" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="109.000000" y="23.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">aaa</text></g><g id="ddd"><g class="shape" ><path d="M 268 74 C 268 50 301 50 305 50 C 308 50 341 50 341 74 V 144 C 341 168 308 168 305 168 C 301 168 268 168 268 144 V 74 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 268 74 C 268 98 301 98 305 98 C 308 98 341 98 341 74" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="304.500000" y="126.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ddd</text></g><g id="eee"><g class="shape" ><path d="M 268 362 L 268 297 L 338 297 L 338 362 C 326 348 315 348 303 362 C 291 377 280 377 268 362 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="303.000000" y="330.610964" style="text-anchor:middle;font-size:16px;fill:#0A0F25">eee</text></g><g id="aaa.bbb"><g class="shape" ><path d="M 50 307 V 353 H 86 V 398 L 116 353 H 122 V 307 H 50 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="86.000000" y="335.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">bbb</text></g><g id="aaa.ccc"><g class="shape" ><rect x="84" y="94" width="68" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="118.000000" y="132.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ccc</text></g><g id="(aaa.ccc -- aaa)[0]"><path d="M 108.645842 161.931932 C 90.632636 229.200000 86.000000 258.600000 86.000000 305.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" mask="url(#235194521)"/><text class="text-italic" x="90.500000" y="238.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">111</text></g><g id="(eee &lt;- aaa.ccc)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 264.708723 307.726787 C 173.600000 244.800000 145.400000 211.100000 127.671748 161.383814" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#235194521)"/><text class="text-italic" x="180.500000" y="255.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">222</text></g><mask id="235194521" maskUnits="userSpaceOnUse" x="-100" y="-100" width="545" height="637">
<rect x="-100" y="-100" width="545" height="637" fill="white"></rect>
<rect x="79.000000" y="222.000000" width="23" height="21" fill="black"></rect>
<rect x="168.000000" y="239.000000" width="25" height="21" fill="black"></rect>
]]></script><g id="aaa"><g class="shape" ><rect x="0" y="41" width="218" height="389" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="109.000000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">aaa</text></g><g id="ddd"><g class="shape" ><path d="M 268 74 C 268 50 301 50 305 50 C 308 50 341 50 341 74 V 144 C 341 168 308 168 305 168 C 301 168 268 168 268 144 V 74 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 268 74 C 268 98 301 98 305 98 C 308 98 341 98 341 74" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="304.500000" y="126.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ddd</text></g><g id="eee"><g class="shape" ><path d="M 268 362 L 268 297 L 338 297 L 338 362 C 326 348 315 348 303 362 C 291 377 280 377 268 362 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="303.000000" y="330.610964" style="text-anchor:middle;font-size:16px;fill:#0A0F25">eee</text></g><g id="aaa.bbb"><g class="shape" ><path d="M 50 309 V 355 H 86 V 400 L 116 355 H 122 V 309 H 50 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="86.000000" y="337.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">bbb</text></g><g id="aaa.ccc"><g class="shape" ><rect x="84" y="96" width="68" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="118.000000" y="134.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ccc</text></g><g id="(aaa.ccc -- aaa)[0]"><path d="M 108.645842 164.431932 C 90.632636 231.700000 86.000000 261.100000 86.000000 307.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" mask="url(#1902870529)"/><text class="text-italic" x="90.500000" y="240.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">111</text></g><g id="(eee &lt;- aaa.ccc)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 264.708723 307.726787 C 173.600000 244.800000 145.400000 211.100000 127.701829 163.872815" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#1902870529)"/><text class="text-italic" x="181.500000" y="256.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">222</text></g><mask id="1902870529" maskUnits="userSpaceOnUse" x="-100" y="-100" width="545" height="632">
<rect x="-100" y="-100" width="545" height="632" fill="white"></rect>
<rect x="79.000000" y="224.000000" width="23" height="21" fill="black"></rect>
<rect x="169.000000" y="240.000000" width="25" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[
.text {
font-family: "font-regular";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 793 KiB

After

Width:  |  Height:  |  Size: 793 KiB

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

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 36
"y": 41
},
"width": 970,
"height": 1485,
"height": 1480,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -48,10 +48,10 @@
"type": "rectangle",
"pos": {
"x": 40,
"y": 99
"y": 106
},
"width": 691,
"height": 1390,
"height": 1385,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -89,10 +89,10 @@
"type": "rectangle",
"pos": {
"x": 80,
"y": 877
"y": 887
},
"width": 477,
"height": 577,
"height": 572,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -130,10 +130,10 @@
"type": "rectangle",
"pos": {
"x": 120,
"y": 935
"y": 948
},
"width": 336,
"height": 145,
"height": 140,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -171,7 +171,7 @@
"type": "text",
"pos": {
"x": 253,
"y": 998
"y": 1008
},
"width": 16,
"height": 21,
@ -211,7 +211,7 @@
"type": "rectangle",
"pos": {
"x": 350,
"y": 975
"y": 985
},
"width": 57,
"height": 66,
@ -252,7 +252,7 @@
"type": "text",
"pos": {
"x": 396,
"y": 1201
"y": 1209
},
"width": 17,
"height": 21,
@ -292,7 +292,7 @@
"type": "rectangle",
"pos": {
"x": 373,
"y": 1347
"y": 1355
},
"width": 63,
"height": 66,
@ -333,10 +333,10 @@
"type": "package",
"pos": {
"x": 120,
"y": 159
"y": 169
},
"width": 378,
"height": 166,
"height": 161,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -374,7 +374,7 @@
"type": "diamond",
"pos": {
"x": 304,
"y": 196
"y": 204
},
"width": 50,
"height": 92,
@ -415,7 +415,7 @@
"type": "oval",
"pos": {
"x": 607,
"y": 1330
"y": 1335
},
"width": 74,
"height": 74,
@ -456,7 +456,7 @@
"type": "rectangle",
"pos": {
"x": 828,
"y": 649
"y": 651
},
"width": 54,
"height": 66,
@ -497,7 +497,7 @@
"type": "cylinder",
"pos": {
"x": 815,
"y": 431
"y": 433
},
"width": 71,
"height": 118,
@ -538,7 +538,7 @@
"type": "text",
"pos": {
"x": 781,
"y": 1342
"y": 1344
},
"width": 16,
"height": 21,
@ -578,7 +578,7 @@
"type": "rectangle",
"pos": {
"x": 857,
"y": 1319
"y": 1321
},
"width": 63,
"height": 66,
@ -643,19 +643,19 @@
"route": [
{
"x": 260.75,
"y": 1019.5
"y": 1029.5
},
{
"x": 260.75,
"y": 1066.2
"y": 1073.7
},
{
"x": 287.75,
"y": 1154.4
"y": 1161.9
},
{
"x": 395.75,
"y": 1208
"y": 1215.5
}
],
"isCurve": true,
@ -691,19 +691,19 @@
"route": [
{
"x": 404.5,
"y": 1222.5
"y": 1230
},
{
"x": 404.5,
"y": 1270.9
"y": 1278.4
},
{
"x": 404.5,
"y": 1296
"y": 1303.5
},
{
"x": 404.5,
"y": 1348
"y": 1355.5
}
],
"isCurve": true,
@ -739,67 +739,67 @@
"route": [
{
"x": 200,
"y": 325.5
"y": 330.5
},
{
"x": 200,
"y": 373.9
"y": 378.9
},
{
"x": 200,
"y": 409.9
"y": 414.9
},
{
"x": 200,
"y": 445.75
"y": 450.75
},
{
"x": 200,
"y": 481.6
"y": 486.6
},
{
"x": 200,
"y": 527.3
"y": 532.3
},
{
"x": 200,
"y": 560
"y": 565
},
{
"x": 200,
"y": 592.7
"y": 597.7
},
{
"x": 200,
"y": 631.1
"y": 636.1
},
{
"x": 200,
"y": 656
"y": 661
},
{
"x": 200,
"y": 680.9
"y": 685.9
},
{
"x": 200,
"y": 716.2
"y": 721.2
},
{
"x": 200,
"y": 744.25
"y": 749.25
},
{
"x": 200,
"y": 772.3
"y": 777.3
},
{
"x": 200,
"y": 861.5
"y": 866.5
},
{
"x": 200,
"y": 914.5
"y": 922
}
],
"isCurve": true,
@ -835,11 +835,11 @@
"route": [
{
"x": 828,
"y": 686.1624072547403
"y": 688.6624072547403
},
{
"x": 731,
"y": 701.1624072547403
"y": 703.6624072547403
}
],
"animated": false,
@ -874,31 +874,31 @@
"route": [
{
"x": 815,
"y": 497
"y": 499.5
},
{
"x": 400.59999999999997,
"y": 578.6
"y": 581.1
},
{
"x": 297,
"y": 615.6
"y": 618.1
},
{
"x": 297,
"y": 640.5
"y": 643
},
{
"x": 297,
"y": 665.4
"y": 667.9
},
{
"x": 297,
"y": 787.7
"y": 790.2
},
{
"x": 297,
"y": 852
"y": 857
}
],
"isCurve": true,
@ -934,19 +934,19 @@
"route": [
{
"x": 853,
"y": 549
"y": 551.5
},
{
"x": 854.6,
"y": 589
"y": 591.5
},
{
"x": 855,
"y": 609
"y": 611.5
},
{
"x": 855,
"y": 649
"y": 651.5
}
],
"isCurve": true,
@ -982,11 +982,11 @@
"route": [
{
"x": 815,
"y": 498
"y": 500.5
},
{
"x": 731.25,
"y": 515.7739829231542
"y": 518.2739829231542
}
],
"animated": false,
@ -1021,67 +1021,67 @@
"route": [
{
"x": 828,
"y": 689.0418410041841
"y": 691.5418410041841
},
{
"x": 562.8,
"y": 758.2083682008368
"y": 760.7083682008368
},
{
"x": 496.5,
"y": 787.6
"y": 790.1
},
{
"x": 496.5,
"y": 805.75
"y": 808.25
},
{
"x": 496.5,
"y": 823.9
"y": 826.4
},
{
"x": 496.5,
"y": 846
"y": 848.5
},
{
"x": 496.5,
"y": 861
"y": 863.5
},
{
"x": 496.5,
"y": 876
"y": 878.5
},
{
"x": 496.5,
"y": 902.6
"y": 905.1
},
{
"x": 496.5,
"y": 927.5
"y": 930
},
{
"x": 496.5,
"y": 952.4
"y": 954.9
},
{
"x": 496.5,
"y": 985.6
"y": 988.1
},
{
"x": 496.5,
"y": 1010.5
"y": 1013
},
{
"x": 496.5,
"y": 1035.4
"y": 1037.9
},
{
"x": 479.7,
"y": 1125.3
"y": 1127.8
},
{
"x": 412.5,
"y": 1205
"y": 1212.5
}
],
"isCurve": true,
@ -1117,19 +1117,19 @@
"route": [
{
"x": 815,
"y": 480
"y": 482.5
},
{
"x": 515.8,
"y": 392.4
"y": 394.9
},
{
"x": 441,
"y": 358.4
"y": 360.9
},
{
"x": 441,
"y": 325.5
"y": 330.5
}
],
"isCurve": true,
@ -1165,19 +1165,19 @@
"route": [
{
"x": 401,
"y": 851.5
"y": 856.5
},
{
"x": 401,
"y": 787.6
"y": 790.1
},
{
"x": 486.4,
"y": 757.9
"y": 760.4
},
{
"x": 828,
"y": 687.5
"y": 690
}
],
"isCurve": true,
@ -1213,31 +1213,31 @@
"route": [
{
"x": 393,
"y": 325.5
"y": 330.5
},
{
"x": 393,
"y": 358.4
"y": 360.9
},
{
"x": 393,
"y": 394.4
"y": 396.9
},
{
"x": 393,
"y": 430.25
"y": 432.75
},
{
"x": 393,
"y": 466.1
"y": 468.6
},
{
"x": 480,
"y": 614.6
"y": 617.1
},
{
"x": 828,
"y": 677
"y": 679.5
}
],
"isCurve": true,

22
e2etests/testdata/stable/chaos2/dagre/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 811 KiB

After

Width:  |  Height:  |  Size: 811 KiB

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

@ -451,10 +451,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 36
"y": 41
},
"width": 381,
"height": 130,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -492,7 +492,7 @@
"type": "rectangle",
"pos": {
"x": 50,
"y": 68
"y": 70
},
"width": 110,
"height": 66,
@ -533,7 +533,7 @@
"type": "rectangle",
"pos": {
"x": 220,
"y": 68
"y": 70
},
"width": 111,
"height": 66,

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

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 40,
"y": 36
"y": 41
},
"width": 156,
"height": 130,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 94,
"y": 68
"y": 70
},
"width": 53,
"height": 66,
@ -89,10 +89,10 @@
"type": "rectangle",
"pos": {
"x": 40,
"y": 302
"y": 307
},
"width": 157,
"height": 130,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -130,7 +130,7 @@
"type": "rectangle",
"pos": {
"x": 93,
"y": 334
"y": 336
},
"width": 54,
"height": 66,
@ -171,10 +171,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 568
"y": 573
},
"width": 237,
"height": 230,
"height": 225,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -212,10 +212,10 @@
"type": "rectangle",
"pos": {
"x": 40,
"y": 631
"y": 638
},
"width": 157,
"height": 135,
"height": 130,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -253,7 +253,7 @@
"type": "rectangle",
"pos": {
"x": 93,
"y": 665
"y": 670
},
"width": 54,
"height": 66,
@ -318,7 +318,7 @@
"route": [
{
"x": 120,
"y": 134
"y": 136.5
},
{
"x": 120,
@ -342,7 +342,7 @@
},
{
"x": 120,
"y": 334
"y": 336.5
}
],
"isCurve": true,
@ -378,7 +378,7 @@
"route": [
{
"x": 120,
"y": 400
"y": 402.5
},
{
"x": 120,
@ -414,7 +414,7 @@
},
{
"x": 120,
"y": 665.5
"y": 670.5
}
],
"isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="441" height="1005" viewBox="-102 -105 441 1005"><style type="text/css">
width="441" height="1000" viewBox="-102 -100 441 1000"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="441" height="1005" viewBox="-102 -105 441 1005"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="a"><g class="shape" ><rect x="40" y="36" width="156" height="130" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.000000" y="23.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="40" y="302" width="157" height="130" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.500000" y="289.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="f"><g class="shape" ><rect x="0" y="568" width="237" height="230" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.500000" y="555.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">f</text></g><g id="a.b"><g class="shape" ><rect x="94" y="68" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.500000" y="106.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="93" y="334" width="54" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.000000" y="372.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="f.h"><g class="shape" ><rect x="40" y="631" width="157" height="135" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.500000" y="619.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">h</text></g><g id="f.h.g"><g class="shape" ><rect x="93" y="665" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.000000" y="703.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">g</text></g><g id="(a.b -&gt; c.d)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 120.000000 136.000000 C 120.000000 156.000000 120.000000 176.000000 120.000000 191.000000 C 120.000000 206.000000 120.000000 276.000000 120.000000 330.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2497186332)"/></g><g id="(c.d -&gt; f.h.g)[0]"><path d="M 120.000000 402.000000 C 120.000000 422.000000 120.000000 442.000000 120.000000 457.000000 C 120.000000 472.000000 120.000000 492.000000 120.000000 507.000000 C 120.000000 522.000000 120.000000 592.000000 120.000000 661.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2497186332)"/></g><mask id="2497186332" maskUnits="userSpaceOnUse" x="-100" y="-100" width="441" height="1005">
<rect x="-100" y="-100" width="441" height="1005" fill="white"></rect>
]]></script><g id="a"><g class="shape" ><rect x="40" y="41" width="156" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.000000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="40" y="307" width="157" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.500000" y="294.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="f"><g class="shape" ><rect x="0" y="573" width="237" height="225" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.500000" y="560.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">f</text></g><g id="a.b"><g class="shape" ><rect x="94" y="70" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="93" y="336" width="54" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.000000" y="374.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="f.h"><g class="shape" ><rect x="40" y="638" width="157" height="130" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.500000" y="626.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">h</text></g><g id="f.h.g"><g class="shape" ><rect x="93" y="670" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.000000" y="708.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">g</text></g><g id="(a.b -&gt; c.d)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 120.000000 138.500000 C 120.000000 156.000000 120.000000 176.000000 120.000000 191.000000 C 120.000000 206.000000 120.000000 276.000000 120.000000 332.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2812858603)"/></g><g id="(c.d -&gt; f.h.g)[0]"><path d="M 120.000000 404.500000 C 120.000000 422.000000 120.000000 442.000000 120.000000 457.000000 C 120.000000 472.000000 120.000000 492.000000 120.000000 507.000000 C 120.000000 522.000000 120.000000 592.000000 120.000000 666.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2812858603)"/></g><mask id="2812858603" maskUnits="userSpaceOnUse" x="-100" y="-100" width="441" height="1000">
<rect x="-100" y="-100" width="441" height="1000" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 651 KiB

After

Width:  |  Height:  |  Size: 651 KiB

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

@ -48,10 +48,10 @@
"type": "rectangle",
"pos": {
"x": 277,
"y": 202
"y": 207
},
"width": 196,
"height": 662,
"height": 657,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -89,7 +89,7 @@
"type": "rectangle",
"pos": {
"x": 348,
"y": 234
"y": 236
},
"width": 53,
"height": 66,
@ -130,10 +130,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 418
"y": 423
},
"width": 236,
"height": 230,
"height": 225,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -171,10 +171,10 @@
"type": "rectangle",
"pos": {
"x": 40,
"y": 481
"y": 488
},
"width": 156,
"height": 135,
"height": 130,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -212,7 +212,7 @@
"type": "rectangle",
"pos": {
"x": 94,
"y": 515
"y": 520
},
"width": 53,
"height": 66,
@ -253,7 +253,7 @@
"type": "rectangle",
"pos": {
"x": 330,
"y": 766
"y": 768
},
"width": 53,
"height": 66,
@ -371,7 +371,7 @@
},
{
"x": 374.75,
"y": 234
"y": 236.5
}
],
"isCurve": true,
@ -407,7 +407,7 @@
"route": [
{
"x": 358.84638554216866,
"y": 300
"y": 302.5
},
{
"x": 339.5692771084337,
@ -431,7 +431,7 @@
},
{
"x": 146.75,
"y": 538.5
"y": 543.5
}
],
"isCurve": true,
@ -479,7 +479,7 @@
},
{
"x": 356.5,
"y": 766
"y": 768.5
}
],
"isCurve": true,
@ -515,7 +515,7 @@
"route": [
{
"x": 356.5,
"y": 832
"y": 834.5
},
{
"x": 356.5,
@ -615,7 +615,7 @@
},
{
"x": 196.75,
"y": 508
"y": 510.5
}
],
"animated": false,

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

@ -39,7 +39,7 @@ width="677" height="1234" viewBox="-102 -102 677 1234"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="a"><g class="shape" ><rect x="348" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="374.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="g"><g class="shape" ><rect x="277" y="202" width="196" height="662" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="375.000000" y="189.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">g</text></g><g id="d"><g class="shape" ><rect x="0" y="418" width="236" height="230" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.000000" y="405.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">d</text></g><g id="f"><g class="shape" ><rect x="353" y="964" width="51" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="378.500000" y="1002.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">f</text></g><g id="g.b"><g class="shape" ><rect x="348" y="234" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="374.500000" y="272.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="d.h"><g class="shape" ><rect x="40" y="481" width="156" height="135" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.000000" y="469.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">h</text></g><g id="g.e"><g class="shape" ><rect x="330" y="766" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="356.500000" y="804.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">e</text></g><g id="d.h.c"><g class="shape" ><rect x="94" y="515" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.500000" y="553.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="(a -&gt; g.b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 374.750000 68.000000 C 374.750000 106.000000 374.750000 176.000000 374.750000 230.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#25473154)"/></g><g id="(g.b -&gt; d.h.c)[0]"><path d="M 357.528327 301.504234 C 339.569277 322.000000 334.750000 342.000000 334.750000 357.000000 C 334.750000 372.000000 297.150000 446.600000 150.163240 536.414384" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#25473154)"/></g><g id="(d -&gt; g.e)[0]"><path d="M 121.956748 648.413689 C 309.200000 688.000000 356.500000 708.000000 356.500000 762.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#25473154)"/></g><g id="(g.e -&gt; f)[0]"><path d="M 356.500000 834.000000 C 356.500000 854.000000 359.100000 924.000000 368.493465 960.128710" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#25473154)"/></g><g id="(f -&gt; g)[0]"><path d="M 401.119336 962.330504 C 426.403614 924.000000 433.000000 904.000000 433.000000 868.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#25473154)"/></g><g id="(g -&gt; d.h)[0]"><path d="M 274.997568 464.963837 L 200.254864 506.072325" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#25473154)"/></g><mask id="25473154" maskUnits="userSpaceOnUse" x="-100" y="-100" width="677" height="1234">
]]></script><g id="a"><g class="shape" ><rect x="348" y="0" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="374.500000" y="38.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="g"><g class="shape" ><rect x="277" y="207" width="196" height="657" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="375.000000" y="194.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">g</text></g><g id="d"><g class="shape" ><rect x="0" y="423" width="236" height="225" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.000000" y="410.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">d</text></g><g id="f"><g class="shape" ><rect x="353" y="964" width="51" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="378.500000" y="1002.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">f</text></g><g id="g.b"><g class="shape" ><rect x="348" y="236" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="374.500000" y="274.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="d.h"><g class="shape" ><rect x="40" y="488" width="156" height="130" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.000000" y="476.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">h</text></g><g id="g.e"><g class="shape" ><rect x="330" y="768" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="356.500000" y="806.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">e</text></g><g id="d.h.c"><g class="shape" ><rect x="94" y="520" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.500000" y="558.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="(a -&gt; g.b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 374.750000 68.000000 C 374.750000 106.000000 374.750000 176.000000 374.750000 232.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1376850941)"/></g><g id="(g.b -&gt; d.h.c)[0]"><path d="M 357.440324 303.922319 C 339.569277 322.000000 334.750000 342.000000 334.750000 357.000000 C 334.750000 372.000000 297.150000 446.600000 150.112533 541.333581" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1376850941)"/></g><g id="(d -&gt; g.e)[0]"><path d="M 121.956748 648.413689 C 309.200000 688.000000 356.500000 708.000000 356.500000 764.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1376850941)"/></g><g id="(g.e -&gt; f)[0]"><path d="M 356.500000 836.500000 C 356.500000 854.000000 359.100000 924.000000 368.493465 960.128710" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1376850941)"/></g><g id="(f -&gt; g)[0]"><path d="M 401.119336 962.330504 C 426.403614 924.000000 433.000000 904.000000 433.000000 868.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1376850941)"/></g><g id="(g -&gt; d.h)[0]"><path d="M 275.020876 465.005053 L 200.208247 508.489894" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1376850941)"/></g><mask id="1376850941" maskUnits="userSpaceOnUse" x="-100" y="-100" width="677" height="1234">
<rect x="-100" y="-100" width="677" height="1234" fill="white"></rect>
</mask><style type="text/css"><![CDATA[

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 652 KiB

After

Width:  |  Height:  |  Size: 652 KiB

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

@ -499,10 +499,10 @@
"type": "rectangle",
"pos": {
"x": 821,
"y": 36
"y": 41
},
"width": 368,
"height": 628,
"height": 623,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -704,7 +704,7 @@
"type": "rectangle",
"pos": {
"x": 1056,
"y": 234
"y": 236
},
"width": 53,
"height": 66,
@ -745,7 +745,7 @@
"type": "rectangle",
"pos": {
"x": 891,
"y": 400
"y": 402
},
"width": 74,
"height": 66,
@ -786,7 +786,7 @@
"type": "rectangle",
"pos": {
"x": 1038,
"y": 68
"y": 70
},
"width": 88,
"height": 66,
@ -827,7 +827,7 @@
"type": "rectangle",
"pos": {
"x": 871,
"y": 566
"y": 568
},
"width": 113,
"height": 66,
@ -868,7 +868,7 @@
"type": "rectangle",
"pos": {
"x": 1025,
"y": 400
"y": 402
},
"width": 75,
"height": 66,
@ -1587,19 +1587,19 @@
"route": [
{
"x": 1055.5,
"y": 281.23624595469255
"y": 283.73624595469255
},
{
"x": 953.1,
"y": 336.24724919093853
"y": 338.74724919093853
},
{
"x": 927.5,
"y": 360
"y": 362.5
},
{
"x": 927.5,
"y": 400
"y": 402.5
}
],
"isCurve": true,
@ -1635,19 +1635,19 @@
"route": [
{
"x": 1082,
"y": 134
"y": 136.5
},
{
"x": 1082,
"y": 174
"y": 176.5
},
{
"x": 1082,
"y": 194
"y": 196.5
},
{
"x": 1082,
"y": 234
"y": 236.5
}
],
"isCurve": true,
@ -1683,19 +1683,19 @@
"route": [
{
"x": 927.5,
"y": 466
"y": 468.5
},
{
"x": 927.5,
"y": 506
"y": 508.5
},
{
"x": 927.5,
"y": 526
"y": 528.5
},
{
"x": 927.5,
"y": 566
"y": 568.5
}
],
"isCurve": true,
@ -1731,19 +1731,19 @@
"route": [
{
"x": 1074.0481927710844,
"y": 300
"y": 302.5
},
{
"x": 1064.4096385542168,
"y": 340
"y": 342.5
},
{
"x": 1062,
"y": 360
"y": 362.5
},
{
"x": 1062,
"y": 400
"y": 402.5
}
],
"isCurve": true,

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

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

Before

Width:  |  Height:  |  Size: 658 KiB

After

Width:  |  Height:  |  Size: 658 KiB

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

@ -48,10 +48,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 202
"y": 207
},
"width": 370,
"height": 1060,
"height": 1055,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -212,7 +212,7 @@
"type": "rectangle",
"pos": {
"x": 171,
"y": 234
"y": 236
},
"width": 52,
"height": 66,
@ -253,10 +253,10 @@
"type": "rectangle",
"pos": {
"x": 40,
"y": 431
"y": 438
},
"width": 176,
"height": 799,
"height": 794,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -294,7 +294,7 @@
"type": "rectangle",
"pos": {
"x": 267,
"y": 616
"y": 618
},
"width": 53,
"height": 66,
@ -335,7 +335,7 @@
"type": "rectangle",
"pos": {
"x": 267,
"y": 782
"y": 784
},
"width": 54,
"height": 66,
@ -376,7 +376,7 @@
"type": "rectangle",
"pos": {
"x": 267,
"y": 948
"y": 950
},
"width": 53,
"height": 66,
@ -417,7 +417,7 @@
"type": "rectangle",
"pos": {
"x": 112,
"y": 465
"y": 470
},
"width": 53,
"height": 66,
@ -458,7 +458,7 @@
"type": "rectangle",
"pos": {
"x": 92,
"y": 631
"y": 636
},
"width": 53,
"height": 66,
@ -499,7 +499,7 @@
"type": "rectangle",
"pos": {
"x": 92,
"y": 797
"y": 802
},
"width": 53,
"height": 66,
@ -540,7 +540,7 @@
"type": "rectangle",
"pos": {
"x": 92,
"y": 963
"y": 968
},
"width": 54,
"height": 66,
@ -581,7 +581,7 @@
"type": "rectangle",
"pos": {
"x": 92,
"y": 1129
"y": 1134
},
"width": 53,
"height": 66,
@ -829,19 +829,19 @@
"route": [
{
"x": 173.59036144578312,
"y": 300
"y": 302.5
},
{
"x": 145.51807228915663,
"y": 340
"y": 342.5
},
{
"x": 138.5,
"y": 360
"y": 362.5
},
{
"x": 138.5,
"y": 400
"y": 402.5
}
],
"isCurve": true,
@ -877,11 +877,11 @@
"route": [
{
"x": 216.5,
"y": 602
"y": 604.5
},
{
"x": 267.5,
"y": 633
"y": 635.5
}
],
"animated": false,
@ -916,19 +916,19 @@
"route": [
{
"x": 293.75,
"y": 682
"y": 684.5
},
{
"x": 293.75,
"y": 722
"y": 724.5
},
{
"x": 293.75,
"y": 742
"y": 744.5
},
{
"x": 293.75,
"y": 782
"y": 784.5
}
],
"isCurve": true,
@ -964,19 +964,19 @@
"route": [
{
"x": 293.75,
"y": 848
"y": 850.5
},
{
"x": 293.75,
"y": 888
"y": 890.5
},
{
"x": 293.75,
"y": 908
"y": 910.5
},
{
"x": 293.75,
"y": 948
"y": 950.5
}
],
"isCurve": true,
@ -1012,19 +1012,19 @@
"route": [
{
"x": 130.54819277108433,
"y": 531.5
"y": 536.5
},
{
"x": 120.90963855421687,
"y": 571.5
"y": 576.5
},
{
"x": 118.5,
"y": 591.5
"y": 596.5
},
{
"x": 118.5,
"y": 631.5
"y": 636.5
}
],
"isCurve": true,
@ -1060,19 +1060,19 @@
"route": [
{
"x": 118.5,
"y": 697.5
"y": 702.5
},
{
"x": 118.5,
"y": 737.5
"y": 742.5
},
{
"x": 118.5,
"y": 757.5
"y": 762.5
},
{
"x": 118.5,
"y": 797.5
"y": 802.5
}
],
"isCurve": true,
@ -1108,19 +1108,19 @@
"route": [
{
"x": 118.5,
"y": 863.5
"y": 868.5
},
{
"x": 118.5,
"y": 903.5
"y": 908.5
},
{
"x": 118.5,
"y": 923.5
"y": 928.5
},
{
"x": 118.5,
"y": 963.5
"y": 968.5
}
],
"isCurve": true,
@ -1156,19 +1156,19 @@
"route": [
{
"x": 118.5,
"y": 1029.5
"y": 1034.5
},
{
"x": 118.5,
"y": 1069.5
"y": 1074.5
},
{
"x": 118.5,
"y": 1089.5
"y": 1094.5
},
{
"x": 118.5,
"y": 1129.5
"y": 1134.5
}
],
"isCurve": true,

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

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

Before

Width:  |  Height:  |  Size: 655 KiB

After

Width:  |  Height:  |  Size: 655 KiB

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

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 125
"y": 130
},
"width": 404,
"height": 431,
"height": 446,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -48,10 +48,10 @@
"type": "rectangle",
"pos": {
"x": 40,
"y": 206
"y": 216
},
"width": 324,
"height": 350,
"height": 360,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -89,10 +89,10 @@
"type": "rectangle",
"pos": {
"x": 80,
"y": 269
"y": 284
},
"width": 244,
"height": 265,
"height": 270,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -130,7 +130,7 @@
"type": "rectangle",
"pos": {
"x": 120,
"y": 332
"y": 352
},
"width": 164,
"height": 160,
@ -171,7 +171,7 @@
"type": "rectangle",
"pos": {
"x": 170,
"y": 384
"y": 404
},
"width": 64,
"height": 56,

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

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="652" height="763" viewBox="-124 -105 652 763"><style type="text/css">
width="652" height="778" viewBox="-124 -100 652 778"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="652" height="763" viewBox="-124 -105 652 763"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="ninety nine"><g class="shape" ><rect x="0" y="125" width="404" height="431" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="202.000000" y="94.000000" style="text-anchor:middle;font-size:99px;fill:#0A0F25">ninety nine</text></g><g id="ninety nine.sixty four"><g class="shape" ><rect x="40" y="206" width="324" height="350" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="202.000000" y="184.000000" style="text-anchor:middle;font-size:64px;fill:#0A0F25">sixty four</text></g><g id="ninety nine.sixty four.thirty two"><g class="shape" ><rect x="80" y="269" width="244" height="265" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="202.000000" y="255.000000" style="text-anchor:middle;font-size:32px;fill:#0A0F25">thirty two</text></g><g id="ninety nine.sixty four.thirty two.sixteen"><g class="shape" ><rect x="120" y="332" width="164" height="160" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="202.000000" y="322.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">sixteen</text></g><g id="ninety nine.sixty four.thirty two.sixteen.eight"><g class="shape" ><rect x="170" y="384" width="64" height="56" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="202.000000" y="414.500000" style="text-anchor:middle;font-size:8px;fill:#0A0F25">eight</text></g><mask id="260680684" maskUnits="userSpaceOnUse" x="-100" y="-100" width="652" height="763">
<rect x="-100" y="-100" width="652" height="763" fill="white"></rect>
]]></script><g id="ninety nine"><g class="shape" ><rect x="0" y="130" width="404" height="446" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="202.000000" y="99.000000" style="text-anchor:middle;font-size:99px;fill:#0A0F25">ninety nine</text></g><g id="ninety nine.sixty four"><g class="shape" ><rect x="40" y="216" width="324" height="360" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="202.000000" y="194.000000" style="text-anchor:middle;font-size:64px;fill:#0A0F25">sixty four</text></g><g id="ninety nine.sixty four.thirty two"><g class="shape" ><rect x="80" y="284" width="244" height="270" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="202.000000" y="270.000000" style="text-anchor:middle;font-size:32px;fill:#0A0F25">thirty two</text></g><g id="ninety nine.sixty four.thirty two.sixteen"><g class="shape" ><rect x="120" y="352" width="164" height="160" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="202.000000" y="342.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">sixteen</text></g><g id="ninety nine.sixty four.thirty two.sixteen.eight"><g class="shape" ><rect x="170" y="404" width="64" height="56" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="202.000000" y="434.500000" style="text-anchor:middle;font-size:8px;fill:#0A0F25">eight</text></g><mask id="3442700494" maskUnits="userSpaceOnUse" x="-100" y="-100" width="652" height="778">
<rect x="-100" y="-100" width="652" height="778" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 649 KiB

After

Width:  |  Height:  |  Size: 649 KiB

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

@ -130,10 +130,10 @@
"type": "rectangle",
"pos": {
"x": 9,
"y": 681
"y": 686
},
"width": 430,
"height": 156,
"height": 151,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -171,7 +171,7 @@
"type": "diamond",
"pos": {
"x": 59,
"y": 713
"y": 715
},
"width": 64,
"height": 92,
@ -212,10 +212,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 1931
"y": 1936
},
"width": 459,
"height": 337,
"height": 332,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -253,7 +253,7 @@
"type": "diamond",
"pos": {
"x": 303,
"y": 1963
"y": 1965
},
"width": 66,
"height": 92,
@ -294,7 +294,7 @@
"type": "diamond",
"pos": {
"x": 323,
"y": 713
"y": 715
},
"width": 66,
"height": 92,
@ -458,10 +458,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 2404
"y": 2409
},
"width": 417,
"height": 311,
"height": 306,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -499,7 +499,7 @@
"type": "oval",
"pos": {
"x": 50,
"y": 2602
"y": 2604
},
"width": 81,
"height": 81,
@ -540,7 +540,7 @@
"type": "oval",
"pos": {
"x": 50,
"y": 2155
"y": 2157
},
"width": 81,
"height": 81,
@ -581,10 +581,10 @@
"type": "cylinder",
"pos": {
"x": 9,
"y": 3356
"y": 3361
},
"width": 571,
"height": 130,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -622,7 +622,7 @@
"type": "rectangle",
"pos": {
"x": 59,
"y": 3388
"y": 3390
},
"width": 63,
"height": 66,
@ -663,7 +663,7 @@
"type": "rectangle",
"pos": {
"x": 304,
"y": 2163
"y": 2165
},
"width": 63,
"height": 66,
@ -704,7 +704,7 @@
"type": "rectangle",
"pos": {
"x": 304,
"y": 2436
"y": 2438
},
"width": 64,
"height": 66,
@ -745,7 +745,7 @@
"type": "rectangle",
"pos": {
"x": 307,
"y": 2610
"y": 2612
},
"width": 58,
"height": 66,
@ -786,10 +786,10 @@
"type": "rectangle",
"pos": {
"x": 463,
"y": 1160
"y": 1165
},
"width": 159,
"height": 130,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -827,7 +827,7 @@
"type": "rectangle",
"pos": {
"x": 514,
"y": 1192
"y": 1194
},
"width": 58,
"height": 66,
@ -868,10 +868,10 @@
"type": "rectangle",
"pos": {
"x": 461,
"y": 1426
"y": 1431
},
"width": 163,
"height": 130,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -909,7 +909,7 @@
"type": "rectangle",
"pos": {
"x": 511,
"y": 1458
"y": 1460
},
"width": 63,
"height": 66,
@ -1043,7 +1043,7 @@
"type": "rectangle",
"pos": {
"x": 246,
"y": 3388
"y": 3390
},
"width": 62,
"height": 66,
@ -1084,10 +1084,10 @@
"type": "rectangle",
"pos": {
"x": 317,
"y": 2851
"y": 2856
},
"width": 321,
"height": 369,
"height": 364,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -1125,7 +1125,7 @@
"type": "queue",
"pos": {
"x": 430,
"y": 2883
"y": 2885
},
"width": 138,
"height": 118,
@ -1177,7 +1177,7 @@
"type": "rectangle",
"pos": {
"x": 468,
"y": 3122
"y": 3124
},
"width": 63,
"height": 66,
@ -1218,7 +1218,7 @@
"type": "rectangle",
"pos": {
"x": 468,
"y": 3388
"y": 3390
},
"width": 62,
"height": 66,
@ -1480,7 +1480,7 @@
},
{
"x": 91,
"y": 713
"y": 715.5
}
],
"isCurve": true,
@ -1744,7 +1744,7 @@
},
{
"x": 318,
"y": 1987
"y": 1989.5
}
],
"isCurve": true,
@ -1792,7 +1792,7 @@
},
{
"x": 356,
"y": 713
"y": 715.5
}
],
"isCurve": true,
@ -1828,7 +1828,7 @@
"route": [
{
"x": 91,
"y": 805
"y": 807.5
},
{
"x": 90.6,
@ -2056,7 +2056,7 @@
},
{
"x": 91,
"y": 2155
"y": 2157.5
}
],
"isCurve": true,
@ -2092,7 +2092,7 @@
"route": [
{
"x": 91,
"y": 2236
"y": 2238.5
},
{
"x": 90.6,
@ -2140,7 +2140,7 @@
},
{
"x": 91,
"y": 2602
"y": 2604.5
}
],
"isCurve": true,
@ -2176,7 +2176,7 @@
"route": [
{
"x": 91,
"y": 2683
"y": 2685.5
},
{
"x": 90.6,
@ -2272,7 +2272,7 @@
},
{
"x": 90.5,
"y": 3388
"y": 3390.5
}
],
"isCurve": true,
@ -2308,19 +2308,19 @@
"route": [
{
"x": 336,
"y": 2055
"y": 2057.5
},
{
"x": 335.8,
"y": 2095
"y": 2097.5
},
{
"x": 335.75,
"y": 2116.5
"y": 2119
},
{
"x": 335.75,
"y": 2162.5
"y": 2165
}
],
"isCurve": true,
@ -2356,7 +2356,7 @@
"route": [
{
"x": 335.75,
"y": 2229.5
"y": 2232
},
{
"x": 335.75,
@ -2380,7 +2380,7 @@
},
{
"x": 335.75,
"y": 2436
"y": 2438.5
}
],
"isCurve": true,
@ -2416,19 +2416,19 @@
"route": [
{
"x": 335.75,
"y": 2502
"y": 2504.5
},
{
"x": 335.75,
"y": 2542
"y": 2544.5
},
{
"x": 335.75,
"y": 2563.5
"y": 2566
},
{
"x": 335.75,
"y": 2609.5
"y": 2612
}
],
"isCurve": true,
@ -2464,7 +2464,7 @@
"route": [
{
"x": 356,
"y": 805
"y": 807.5
},
{
"x": 356.2,
@ -2512,7 +2512,7 @@
},
{
"x": 542.75,
"y": 1192
"y": 1194.5
}
],
"isCurve": true,
@ -2548,7 +2548,7 @@
"route": [
{
"x": 542.75,
"y": 1258
"y": 1260.5
},
{
"x": 542.75,
@ -2572,7 +2572,7 @@
},
{
"x": 542.75,
"y": 1458
"y": 1460.5
}
],
"isCurve": true,
@ -2656,7 +2656,7 @@
"route": [
{
"x": 542.75,
"y": 1524
"y": 1526.5
},
{
"x": 542.75,
@ -2944,7 +2944,7 @@
},
{
"x": 277,
"y": 3388
"y": 3390.5
}
],
"isCurve": true,
@ -2980,7 +2980,7 @@
"route": [
{
"x": 335.75,
"y": 2676.5
"y": 2679
},
{
"x": 335.75,
@ -3004,7 +3004,7 @@
},
{
"x": 455,
"y": 2883
"y": 2885.5
}
],
"isCurve": true,
@ -3064,7 +3064,7 @@
},
{
"x": 532,
"y": 2883
"y": 2885.5
}
],
"isCurve": true,
@ -3100,19 +3100,19 @@
"route": [
{
"x": 499,
"y": 3001
"y": 3003.5
},
{
"x": 499,
"y": 3049.4
"y": 3051.9
},
{
"x": 499,
"y": 3073.7
"y": 3076.2
},
{
"x": 499,
"y": 3122.5
"y": 3125
}
],
"isCurve": true,
@ -3148,7 +3148,7 @@
"route": [
{
"x": 499,
"y": 3188
"y": 3190.5
},
{
"x": 499,
@ -3172,7 +3172,7 @@
},
{
"x": 499,
"y": 3388
"y": 3390.5
}
],
"isCurve": true,
@ -3208,7 +3208,7 @@
"route": [
{
"x": 499,
"y": 3454
"y": 3456.5
},
{
"x": 499,
@ -3268,7 +3268,7 @@
},
{
"x": 352,
"y": 1985
"y": 1987.5
}
],
"isCurve": true,

14
e2etests/testdata/stable/investigate/dagre/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 812 KiB

After

Width:  |  Height:  |  Size: 812 KiB

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

@ -335,10 +335,10 @@
"type": "rectangle",
"pos": {
"x": 1624,
"y": 402
"y": 407
},
"width": 611,
"height": 546,
"height": 541,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -376,10 +376,10 @@
"type": "rectangle",
"pos": {
"x": 1664,
"y": 465
"y": 472
},
"width": 454,
"height": 135,
"height": 130,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -417,7 +417,7 @@
"type": "rectangle",
"pos": {
"x": 2015,
"y": 499
"y": 504
},
"width": 53,
"height": 66,
@ -458,7 +458,7 @@
"type": "rectangle",
"pos": {
"x": 1720,
"y": 499
"y": 504
},
"width": 49,
"height": 66,
@ -499,7 +499,7 @@
"type": "rectangle",
"pos": {
"x": 2009,
"y": 800
"y": 802
},
"width": 57,
"height": 66,
@ -540,7 +540,7 @@
"type": "rectangle",
"pos": {
"x": 2130,
"y": 800
"y": 802
},
"width": 53,
"height": 66,
@ -581,10 +581,10 @@
"type": "rectangle",
"pos": {
"x": 1664,
"y": 781
"y": 788
},
"width": 156,
"height": 135,
"height": 130,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -622,7 +622,7 @@
"type": "rectangle",
"pos": {
"x": 1718,
"y": 815
"y": 820
},
"width": 53,
"height": 66,
@ -704,10 +704,10 @@
"type": "rectangle",
"pos": {
"x": 216,
"y": 36
"y": 41
},
"width": 1368,
"height": 596,
"height": 591,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -745,10 +745,10 @@
"type": "rectangle",
"pos": {
"x": 501,
"y": 99
"y": 106
},
"width": 489,
"height": 501,
"height": 496,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -786,7 +786,7 @@
"type": "rectangle",
"pos": {
"x": 594,
"y": 499
"y": 504
},
"width": 51,
"height": 66,
@ -827,10 +827,10 @@
"type": "rectangle",
"pos": {
"x": 793,
"y": 159
"y": 169
},
"width": 157,
"height": 140,
"height": 135,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -868,7 +868,7 @@
"type": "rectangle",
"pos": {
"x": 846,
"y": 196
"y": 204
},
"width": 54,
"height": 66,
@ -909,7 +909,7 @@
"type": "rectangle",
"pos": {
"x": 706,
"y": 499
"y": 504
},
"width": 58,
"height": 66,
@ -950,7 +950,7 @@
"type": "rectangle",
"pos": {
"x": 688,
"y": 183
"y": 188
},
"width": 53,
"height": 66,
@ -991,7 +991,7 @@
"type": "rectangle",
"pos": {
"x": 846,
"y": 499
"y": 504
},
"width": 54,
"height": 66,
@ -1032,7 +1032,7 @@
"type": "rectangle",
"pos": {
"x": 1040,
"y": 484
"y": 486
},
"width": 52,
"height": 66,
@ -1073,7 +1073,7 @@
"type": "rectangle",
"pos": {
"x": 266,
"y": 168
"y": 170
},
"width": 62,
"height": 66,
@ -1114,10 +1114,10 @@
"type": "rectangle",
"pos": {
"x": 1259,
"y": 465
"y": 472
},
"width": 285,
"height": 135,
"height": 130,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -1155,7 +1155,7 @@
"type": "rectangle",
"pos": {
"x": 1309,
"y": 499
"y": 504
},
"width": 61,
"height": 66,
@ -1196,7 +1196,7 @@
"type": "rectangle",
"pos": {
"x": 1430,
"y": 499
"y": 504
},
"width": 64,
"height": 66,
@ -1237,7 +1237,7 @@
"type": "rectangle",
"pos": {
"x": 1150,
"y": 168
"y": 170
},
"width": 62,
"height": 66,
@ -1278,7 +1278,7 @@
"type": "rectangle",
"pos": {
"x": 1152,
"y": 484
"y": 486
},
"width": 57,
"height": 66,
@ -1319,7 +1319,7 @@
"type": "rectangle",
"pos": {
"x": 388,
"y": 168
"y": 170
},
"width": 63,
"height": 66,
@ -1384,43 +1384,43 @@
"route": [
{
"x": 2041.75,
"y": 565.5
"y": 570.5
},
{
"x": 2041.75,
"y": 590
"y": 592.5
},
{
"x": 2041.75,
"y": 610
"y": 612.5
},
{
"x": 2041.75,
"y": 625
"y": 627.5
},
{
"x": 2041.75,
"y": 640
"y": 642.5
},
{
"x": 2041.75,
"y": 660
"y": 662.5
},
{
"x": 2041.75,
"y": 675
"y": 677.5
},
{
"x": 2041.75,
"y": 690
"y": 692.5
},
{
"x": 2041.15,
"y": 760
"y": 762.5
},
{
"x": 2038.75,
"y": 800
"y": 802.5
}
],
"isCurve": true,
@ -1456,43 +1456,43 @@
"route": [
{
"x": 1744,
"y": 565.5
"y": 570.5
},
{
"x": 1744,
"y": 590
"y": 592.5
},
{
"x": 1744,
"y": 610
"y": 612.5
},
{
"x": 1744,
"y": 625
"y": 627.5
},
{
"x": 1744,
"y": 640
"y": 642.5
},
{
"x": 1744,
"y": 660
"y": 662.5
},
{
"x": 1744,
"y": 675
"y": 677.5
},
{
"x": 1744,
"y": 690
"y": 692.5
},
{
"x": 1744,
"y": 760
"y": 762.5
},
{
"x": 1744,
"y": 815.5
"y": 820.5
}
],
"isCurve": true,
@ -1552,7 +1552,7 @@
},
{
"x": 2061.5,
"y": 866
"y": 868.5
}
],
"isCurve": true,
@ -1588,7 +1588,7 @@
"route": [
{
"x": 2066,
"y": 848.0190476190476
"y": 850.5190476190476
},
{
"x": 2169.2,
@ -1648,7 +1648,7 @@
"route": [
{
"x": 2156.0542168674697,
"y": 866
"y": 868.5
},
{
"x": 2155.210843373494,
@ -1708,7 +1708,7 @@
"route": [
{
"x": 2009,
"y": 846.4978601997148
"y": 848.9978601997148
},
{
"x": 1891.6,
@ -1768,7 +1768,7 @@
"route": [
{
"x": 2009,
"y": 850.8528301886793
"y": 853.3528301886793
},
{
"x": 1925.8,
@ -1828,7 +1828,7 @@
"route": [
{
"x": 2045.4518072289156,
"y": 866
"y": 868.5
},
{
"x": 2055.090361445783,
@ -1888,7 +1888,7 @@
"route": [
{
"x": 2015.1355421686746,
"y": 866
"y": 868.5
},
{
"x": 1988.0271084337348,
@ -1996,43 +1996,43 @@
"route": [
{
"x": 699.9397590361446,
"y": 249.5
"y": 254.5
},
{
"x": 681.9879518072289,
"y": 289.5
"y": 294.5
},
{
"x": 677.5,
"y": 309.5
"y": 314.5
},
{
"x": 677.5,
"y": 324.5
"y": 329.5
},
{
"x": 677.5,
"y": 339.5
"y": 344.5
},
{
"x": 677.5,
"y": 359.5
"y": 364.5
},
{
"x": 677.5,
"y": 374.5
"y": 379.5
},
{
"x": 677.5,
"y": 389.5
"y": 394.5
},
{
"x": 670.5,
"y": 459.5
"y": 464.5
},
{
"x": 642.5,
"y": 499.5
"y": 504.5
}
],
"isCurve": true,
@ -2068,43 +2068,43 @@
"route": [
{
"x": 722.7018072289156,
"y": 249.5
"y": 254.5
},
{
"x": 732.3403614457832,
"y": 289.5
"y": 294.5
},
{
"x": 734.75,
"y": 309.5
"y": 314.5
},
{
"x": 734.75,
"y": 324.5
"y": 329.5
},
{
"x": 734.75,
"y": 339.5
"y": 344.5
},
{
"x": 734.75,
"y": 359.5
"y": 364.5
},
{
"x": 734.75,
"y": 374.5
"y": 379.5
},
{
"x": 734.75,
"y": 389.5
"y": 394.5
},
{
"x": 734.75,
"y": 459.5
"y": 464.5
},
{
"x": 734.75,
"y": 499.5
"y": 504.5
}
],
"isCurve": true,
@ -2140,43 +2140,43 @@
"route": [
{
"x": 451,
"y": 214.08886107634544
"y": 216.58886107634544
},
{
"x": 585.6,
"y": 270.0177722152691
"y": 272.5177722152691
},
{
"x": 619.25,
"y": 294
"y": 296.5
},
{
"x": 619.25,
"y": 309
"y": 311.5
},
{
"x": 619.25,
"y": 324
"y": 326.5
},
{
"x": 619.25,
"y": 344
"y": 346.5
},
{
"x": 619.25,
"y": 359
"y": 361.5
},
{
"x": 619.25,
"y": 374
"y": 376.5
},
{
"x": 619.25,
"y": 444
"y": 446.5
},
{
"x": 619.25,
"y": 499.5
"y": 504.5
}
],
"isCurve": true,
@ -2212,43 +2212,43 @@
"route": [
{
"x": 873,
"y": 262.5
"y": 270
},
{
"x": 873,
"y": 274
"y": 276.5
},
{
"x": 873,
"y": 294
"y": 296.5
},
{
"x": 873,
"y": 309
"y": 311.5
},
{
"x": 873,
"y": 324
"y": 326.5
},
{
"x": 873,
"y": 344
"y": 346.5
},
{
"x": 873,
"y": 359
"y": 361.5
},
{
"x": 873,
"y": 374
"y": 376.5
},
{
"x": 906.4,
"y": 448.4
"y": 450.9
},
{
"x": 1040,
"y": 506
"y": 508.5
}
],
"isCurve": true,
@ -2284,43 +2284,43 @@
"route": [
{
"x": 328,
"y": 211.54508196721312
"y": 214.04508196721312
},
{
"x": 498.4,
"y": 269.5090163934426
"y": 272.0090163934426
},
{
"x": 541,
"y": 294
"y": 296.5
},
{
"x": 541,
"y": 309
"y": 311.5
},
{
"x": 541,
"y": 324
"y": 326.5
},
{
"x": 541,
"y": 344
"y": 346.5
},
{
"x": 541,
"y": 359
"y": 361.5
},
{
"x": 541,
"y": 374
"y": 376.5
},
{
"x": 551.55,
"y": 445.1904153354633
"y": 447.6904153354633
},
{
"x": 593.75,
"y": 505.4520766773163
"y": 510.4520766773163
}
],
"isCurve": true,
@ -2356,7 +2356,7 @@
"route": [
{
"x": 734.75,
"y": 565.5
"y": 570.5
},
{
"x": 734.75,
@ -2392,7 +2392,7 @@
},
{
"x": 2008.75,
"y": 818
"y": 820.5
}
],
"isCurve": true,
@ -2428,7 +2428,7 @@
"route": [
{
"x": 634.4578313253012,
"y": 565.5
"y": 570.5
},
{
"x": 652.8915662650602,
@ -2548,7 +2548,7 @@
"route": [
{
"x": 604.0421686746988,
"y": 565.5
"y": 570.5
},
{
"x": 585.6084337349398,
@ -2620,43 +2620,43 @@
"route": [
{
"x": 1180.5,
"y": 234
"y": 236.5
},
{
"x": 1180.5,
"y": 274
"y": 276.5
},
{
"x": 1180.5,
"y": 294
"y": 296.5
},
{
"x": 1180.5,
"y": 309
"y": 311.5
},
{
"x": 1180.5,
"y": 324
"y": 326.5
},
{
"x": 1180.5,
"y": 344
"y": 346.5
},
{
"x": 1180.5,
"y": 359
"y": 361.5
},
{
"x": 1180.5,
"y": 374
"y": 376.5
},
{
"x": 1180.5,
"y": 444
"y": 446.5
},
{
"x": 1180.5,
"y": 484
"y": 486.5
}
],
"isCurve": true,

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

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

Before

Width:  |  Height:  |  Size: 663 KiB

After

Width:  |  Height:  |  Size: 664 KiB

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

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 36
"y": 41
},
"width": 312,
"height": 322,
"height": 317,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "text",
"pos": {
"x": 50,
"y": 68
"y": 70
},
"width": 212,
"height": 258,

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

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

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 518 KiB

After

Width:  |  Height:  |  Size: 518 KiB

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

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 36
"y": 41
},
"width": 559,
"height": 112,
"height": 107,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "text",
"pos": {
"x": 50,
"y": 68
"y": 70
},
"width": 459,
"height": 48,

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

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="763" height="355" viewBox="-102 -105 763 355"><style type="text/css">
width="763" height="350" viewBox="-102 -100 763 350"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -796,10 +796,10 @@ width="763" height="355" viewBox="-102 -105 763 355"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g id="markdown"><g class="shape" ><rect x="0" y="36" width="559" height="112" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="279.500000" y="23.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">markdown</text></g><g id="markdown.md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="50.000000" y="68.000000" width="459" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,<br />
</style><g id="markdown"><g class="shape" ><rect x="0" y="41" width="559" height="107" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="279.500000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">markdown</text></g><g id="markdown.md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="50.000000" y="70.000000" width="459" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,<br />
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div></foreignObject></g></g><mask id="3009002953" maskUnits="userSpaceOnUse" x="-100" y="-100" width="763" height="355">
<rect x="-100" y="-100" width="763" height="355" fill="white"></rect>
</div></foreignObject></g></g><mask id="3064100792" maskUnits="userSpaceOnUse" x="-100" y="-100" width="763" height="350">
<rect x="-100" y="-100" width="763" height="350" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 337 KiB

After

Width:  |  Height:  |  Size: 337 KiB

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

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 36
"y": 41
},
"width": 559,
"height": 112,
"height": 107,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "text",
"pos": {
"x": 50,
"y": 68
"y": 70
},
"width": 459,
"height": 48,

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

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="763" height="355" viewBox="-102 -105 763 355"><style type="text/css">
width="763" height="350" viewBox="-102 -100 763 350"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -796,10 +796,10 @@ width="763" height="355" viewBox="-102 -105 763 355"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g id="markdown"><g class="shape" ><rect x="0" y="36" width="559" height="112" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="279.500000" y="23.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">markdown</text></g><g id="markdown.md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="50.000000" y="68.000000" width="459" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,<br />
</style><g id="markdown"><g class="shape" ><rect x="0" y="41" width="559" height="107" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="279.500000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">markdown</text></g><g id="markdown.md"><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="50.000000" y="70.000000" width="459" height="48"><div xmlns="http://www.w3.org/1999/xhtml" class="md" style="background-color:transparent;color:#0A0F25;"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,<br />
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div></foreignObject></g></g><mask id="3415611337" maskUnits="userSpaceOnUse" x="-100" y="-100" width="763" height="355">
<rect x="-100" y="-100" width="763" height="355" fill="white"></rect>
</div></foreignObject></g></g><mask id="311818784" maskUnits="userSpaceOnUse" x="-100" y="-100" width="763" height="350">
<rect x="-100" y="-100" width="763" height="350" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 337 KiB

After

Width:  |  Height:  |  Size: 337 KiB

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

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 36
"y": 41
},
"width": 346,
"height": 130,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 92,
"y": 68
"y": 70
},
"width": 53,
"height": 66,
@ -294,7 +294,7 @@
"type": "rectangle",
"pos": {
"x": 244,
"y": 68
"y": 70
},
"width": 53,
"height": 66,
@ -359,7 +359,7 @@
"route": [
{
"x": 103.0421686746988,
"y": 134
"y": 136.5
},
{
"x": 84.60843373493975,
@ -755,7 +755,7 @@
"route": [
{
"x": 270,
"y": 134
"y": 136.5
},
{
"x": 270,

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

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="550" height="1037" viewBox="-102 -105 550 1037"><style type="text/css">
width="550" height="1032" viewBox="-102 -100 550 1032"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="550" height="1037" viewBox="-102 -105 550 1037"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="a"><g class="shape" ><rect x="0" y="36" width="346" height="130" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="173.000000" y="23.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="130" y="764" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="156.500000" y="802.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="243" y="598" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="270.000000" y="636.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="e"><g class="shape" ><rect x="130" y="598" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="156.500000" y="636.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">e</text></g><g id="f"><g class="shape" ><rect x="245" y="432" width="51" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="270.500000" y="470.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">f</text></g><g id="g"><g class="shape" ><rect x="243" y="266" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="270.000000" y="304.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">g</text></g><g id="a.b"><g class="shape" ><rect x="92" y="68" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="118.500000" y="106.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.h"><g class="shape" ><rect x="244" y="68" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="270.500000" y="106.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">h</text></g><g id="(a.b -&gt; c)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 101.757676 135.532996 C 84.608434 156.000000 80.000000 176.000000 80.000000 191.000000 C 80.000000 206.000000 80.000000 232.600000 80.000000 257.500000 C 80.000000 282.400000 80.000000 315.600000 80.000000 340.500000 C 80.000000 365.400000 80.000000 398.600000 80.000000 423.500000 C 80.000000 448.400000 80.000000 481.600000 80.000000 506.500000 C 80.000000 531.400000 80.000000 564.600000 80.000000 589.500000 C 80.000000 614.400000 90.000000 724.800000 127.282368 765.064957" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3209188951)"/></g><g id="(d -&gt; c)[0]"><path d="M 270.000000 666.000000 C 270.000000 704.000000 252.600000 726.800000 186.222084 775.629731" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3209188951)"/></g><g id="(e -&gt; c)[0]"><path d="M 156.500000 666.000000 C 156.500000 704.000000 156.500000 724.000000 156.500000 760.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3209188951)"/></g><g id="(f -&gt; d)[0]"><path d="M 270.000000 500.000000 C 270.000000 538.000000 270.000000 558.000000 270.000000 594.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3209188951)"/></g><g id="(a -&gt; e)[0]"><path d="M 156.500000 168.000000 C 156.500000 206.000000 156.500000 232.600000 156.500000 257.500000 C 156.500000 282.400000 156.500000 315.600000 156.500000 340.500000 C 156.500000 365.400000 156.500000 398.600000 156.500000 423.500000 C 156.500000 448.400000 156.500000 558.000000 156.500000 594.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3209188951)"/></g><g id="(g -&gt; f)[0]"><path d="M 270.000000 334.000000 C 270.000000 372.000000 270.000000 392.000000 270.000000 428.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3209188951)"/></g><g id="(a.h -&gt; g)[0]"><path d="M 270.000000 136.000000 C 270.000000 156.000000 270.000000 226.000000 270.000000 262.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3209188951)"/></g><mask id="3209188951" maskUnits="userSpaceOnUse" x="-100" y="-100" width="550" height="1037">
<rect x="-100" y="-100" width="550" height="1037" fill="white"></rect>
]]></script><g id="a"><g class="shape" ><rect x="0" y="41" width="346" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="173.000000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="130" y="764" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="156.500000" y="802.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="243" y="598" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="270.000000" y="636.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="e"><g class="shape" ><rect x="130" y="598" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="156.500000" y="636.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">e</text></g><g id="f"><g class="shape" ><rect x="245" y="432" width="51" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="270.500000" y="470.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">f</text></g><g id="g"><g class="shape" ><rect x="243" y="266" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="270.000000" y="304.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">g</text></g><g id="a.b"><g class="shape" ><rect x="92" y="70" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="118.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.h"><g class="shape" ><rect x="244" y="70" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="270.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">h</text></g><g id="(a.b -&gt; c)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 101.668249 137.953391 C 84.608434 156.000000 80.000000 176.000000 80.000000 191.000000 C 80.000000 206.000000 80.000000 232.600000 80.000000 257.500000 C 80.000000 282.400000 80.000000 315.600000 80.000000 340.500000 C 80.000000 365.400000 80.000000 398.600000 80.000000 423.500000 C 80.000000 448.400000 80.000000 481.600000 80.000000 506.500000 C 80.000000 531.400000 80.000000 564.600000 80.000000 589.500000 C 80.000000 614.400000 90.000000 724.800000 127.282368 765.064957" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1470452591)"/></g><g id="(d -&gt; c)[0]"><path d="M 270.000000 666.000000 C 270.000000 704.000000 252.600000 726.800000 186.222084 775.629731" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1470452591)"/></g><g id="(e -&gt; c)[0]"><path d="M 156.500000 666.000000 C 156.500000 704.000000 156.500000 724.000000 156.500000 760.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1470452591)"/></g><g id="(f -&gt; d)[0]"><path d="M 270.000000 500.000000 C 270.000000 538.000000 270.000000 558.000000 270.000000 594.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1470452591)"/></g><g id="(a -&gt; e)[0]"><path d="M 156.500000 168.000000 C 156.500000 206.000000 156.500000 232.600000 156.500000 257.500000 C 156.500000 282.400000 156.500000 315.600000 156.500000 340.500000 C 156.500000 365.400000 156.500000 398.600000 156.500000 423.500000 C 156.500000 448.400000 156.500000 558.000000 156.500000 594.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1470452591)"/></g><g id="(g -&gt; f)[0]"><path d="M 270.000000 334.000000 C 270.000000 372.000000 270.000000 392.000000 270.000000 428.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1470452591)"/></g><g id="(a.h -&gt; g)[0]"><path d="M 270.000000 138.500000 C 270.000000 156.000000 270.000000 226.000000 270.000000 262.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1470452591)"/></g><mask id="1470452591" maskUnits="userSpaceOnUse" x="-100" y="-100" width="550" height="1032">
<rect x="-100" y="-100" width="550" height="1032" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 652 KiB

After

Width:  |  Height:  |  Size: 652 KiB

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

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 36
"y": 41
},
"width": 356,
"height": 130,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 138,
"y": 68
"y": 70
},
"width": 80,
"height": 66,
@ -212,10 +212,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 468
"y": 473
},
"width": 354,
"height": 130,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -253,7 +253,7 @@
"type": "rectangle",
"pos": {
"x": 162,
"y": 500
"y": 502
},
"width": 72,
"height": 66,
@ -318,7 +318,7 @@
"route": [
{
"x": 140.2289156626506,
"y": 134
"y": 136.5
},
{
"x": 94.44578313253012,
@ -366,7 +366,7 @@
"route": [
{
"x": 185.1566265060241,
"y": 134
"y": 136.5
},
{
"x": 193.83132530120483,
@ -414,7 +414,7 @@
"route": [
{
"x": 218,
"y": 126.34351145038168
"y": 128.8435114503817
},
{
"x": 290.8,
@ -474,7 +474,7 @@
},
{
"x": 162,
"y": 507
"y": 509.5
}
],
"isCurve": true,
@ -522,7 +522,7 @@
},
{
"x": 197,
"y": 500
"y": 502.5
}
],
"isCurve": true,
@ -570,7 +570,7 @@
},
{
"x": 234,
"y": 506
"y": 508.5
}
],
"isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="560" height="805" viewBox="-102 -105 560 805"><style type="text/css">
width="560" height="800" viewBox="-102 -100 560 800"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="560" height="805" viewBox="-102 -105 560 805"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="top"><g class="shape" ><rect x="0" y="36" width="356" height="130" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="178.000000" y="23.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">top</text></g><g id="a"><g class="shape" ><rect x="57" y="266" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="83.500000" y="304.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="170" y="266" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="196.500000" y="304.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="283" y="266" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="309.500000" y="304.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="bottom"><g class="shape" ><rect x="0" y="468" width="354" height="130" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="177.000000" y="455.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">bottom</text></g><g id="top.start"><g class="shape" ><rect x="138" y="68" width="80" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="178.000000" y="106.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">start</text></g><g id="bottom.end"><g class="shape" ><rect x="162" y="500" width="72" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="198.000000" y="538.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">end</text></g><g id="(top.start -&gt; a)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 138.426240 134.866233 C 94.445783 156.000000 83.000000 226.000000 83.000000 262.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1781275524)"/></g><g id="(top.start -&gt; b)[0]"><path d="M 185.890264 135.860585 C 193.831325 156.000000 196.000000 226.000000 196.000000 262.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1781275524)"/></g><g id="(top.start -&gt; c)[0]"><path d="M 219.865614 127.064264 C 290.800000 154.468702 309.000000 226.000000 309.000000 262.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1781275524)"/></g><g id="(a -&gt; bottom.end)[0]"><path d="M 83.000000 334.000000 C 83.000000 372.000000 98.800000 443.400000 159.180509 504.162665" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1781275524)"/></g><g id="(b -&gt; bottom.end)[0]"><path d="M 196.000000 334.000000 C 196.000000 372.000000 196.200000 442.000000 196.944833 496.000380" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1781275524)"/></g><g id="(c -&gt; bottom.end)[0]"><path d="M 309.000000 334.000000 C 309.000000 372.000000 294.000000 443.200000 236.763217 503.107833" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1781275524)"/></g><mask id="1781275524" maskUnits="userSpaceOnUse" x="-100" y="-100" width="560" height="805">
<rect x="-100" y="-100" width="560" height="805" fill="white"></rect>
]]></script><g id="top"><g class="shape" ><rect x="0" y="41" width="356" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="178.000000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">top</text></g><g id="a"><g class="shape" ><rect x="57" y="266" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="83.500000" y="304.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="170" y="266" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="196.500000" y="304.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="283" y="266" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="309.500000" y="304.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="bottom"><g class="shape" ><rect x="0" y="473" width="354" height="125" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="177.000000" y="460.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">bottom</text></g><g id="top.start"><g class="shape" ><rect x="138" y="70" width="80" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="178.000000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">start</text></g><g id="bottom.end"><g class="shape" ><rect x="162" y="502" width="72" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="198.000000" y="540.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">end</text></g><g id="(top.start -&gt; a)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 138.388864 137.283717 C 94.445783 156.000000 83.000000 226.000000 83.000000 262.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3242044080)"/></g><g id="(top.start -&gt; b)[0]"><path d="M 185.969532 138.327344 C 193.831325 156.000000 196.000000 226.000000 196.000000 262.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3242044080)"/></g><g id="(top.start -&gt; c)[0]"><path d="M 219.886541 129.507563 C 290.800000 154.468702 309.000000 226.000000 309.000000 262.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3242044080)"/></g><g id="(a -&gt; bottom.end)[0]"><path d="M 83.000000 334.000000 C 83.000000 372.000000 98.800000 443.400000 159.235705 506.608863" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3242044080)"/></g><g id="(b -&gt; bottom.end)[0]"><path d="M 196.000000 334.000000 C 196.000000 372.000000 196.200000 442.000000 196.947112 498.500350" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3242044080)"/></g><g id="(c -&gt; bottom.end)[0]"><path d="M 309.000000 334.000000 C 309.000000 372.000000 294.000000 443.200000 236.706369 505.554568" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3242044080)"/></g><mask id="3242044080" maskUnits="userSpaceOnUse" x="-100" y="-100" width="560" height="800">
<rect x="-100" y="-100" width="560" height="800" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 651 KiB

After

Width:  |  Height:  |  Size: 651 KiB

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

@ -59,10 +59,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 290
"y": 295
},
"width": 1112,
"height": 968,
"height": 963,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -100,7 +100,7 @@
"type": "image",
"pos": {
"x": 492,
"y": 322
"y": 324
},
"width": 128,
"height": 128,
@ -152,10 +152,10 @@
"type": "rectangle",
"pos": {
"x": 40,
"y": 628
"y": 635
},
"width": 496,
"height": 598,
"height": 593,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -193,7 +193,7 @@
"type": "image",
"pos": {
"x": 224,
"y": 662
"y": 667
},
"width": 128,
"height": 128,
@ -245,10 +245,10 @@
"type": "rectangle",
"pos": {
"x": 80,
"y": 963
"y": 973
},
"width": 416,
"height": 228,
"height": 223,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -286,7 +286,7 @@
"type": "image",
"pos": {
"x": 130,
"y": 1000
"y": 1008
},
"width": 128,
"height": 128,
@ -338,7 +338,7 @@
"type": "image",
"pos": {
"x": 318,
"y": 1000
"y": 1008
},
"width": 128,
"height": 128,
@ -390,10 +390,10 @@
"type": "rectangle",
"pos": {
"x": 576,
"y": 628
"y": 635
},
"width": 496,
"height": 598,
"height": 593,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -431,7 +431,7 @@
"type": "image",
"pos": {
"x": 760,
"y": 662
"y": 667
},
"width": 128,
"height": 128,
@ -483,10 +483,10 @@
"type": "rectangle",
"pos": {
"x": 616,
"y": 963
"y": 973
},
"width": 416,
"height": 228,
"height": 223,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -524,7 +524,7 @@
"type": "image",
"pos": {
"x": 666,
"y": 1000
"y": 1008
},
"width": 128,
"height": 128,
@ -576,7 +576,7 @@
"type": "image",
"pos": {
"x": 854,
"y": 1000
"y": 1008
},
"width": 128,
"height": 128,
@ -664,7 +664,7 @@
},
{
"x": 556,
"y": 322
"y": 324.5
}
],
"isCurve": true,
@ -700,19 +700,19 @@
"route": [
{
"x": 235.36,
"y": 816.5
"y": 821.5
},
{
"x": 202.272,
"y": 864.9
"y": 869.9
},
{
"x": 194,
"y": 947.5
"y": 952.5
},
{
"x": 194,
"y": 1000.5
"y": 1008
}
],
"isCurve": true,
@ -748,19 +748,19 @@
"route": [
{
"x": 340.64,
"y": 816.5
"y": 821.5
},
{
"x": 373.728,
"y": 864.9
"y": 869.9
},
{
"x": 382,
"y": 947.5
"y": 952.5
},
{
"x": 382,
"y": 1000.5
"y": 1008
}
],
"isCurve": true,
@ -796,19 +796,19 @@
"route": [
{
"x": 771.36,
"y": 816.5
"y": 821.5
},
{
"x": 738.272,
"y": 864.9
"y": 869.9
},
{
"x": 730,
"y": 947.5
"y": 952.5
},
{
"x": 730,
"y": 1000.5
"y": 1008
}
],
"isCurve": true,
@ -844,19 +844,19 @@
"route": [
{
"x": 876.64,
"y": 816.5
"y": 821.5
},
{
"x": 909.728,
"y": 864.9
"y": 869.9
},
{
"x": 918,
"y": 947.5
"y": 952.5
},
{
"x": 918,
"y": 1000.5
"y": 1008
}
],
"isCurve": true,
@ -892,19 +892,19 @@
"route": [
{
"x": 492,
"y": 431.8358208955224
"y": 434.3358208955224
},
{
"x": 328.79999999999995,
"y": 515.5671641791045
"y": 518.0671641791045
},
{
"x": 288,
"y": 607
"y": 609.5
},
{
"x": 288,
"y": 662.5
"y": 667.5
}
],
"isCurve": true,
@ -940,19 +940,19 @@
"route": [
{
"x": 620,
"y": 431.8358208955224
"y": 434.3358208955224
},
{
"x": 783.2,
"y": 515.5671641791045
"y": 518.0671641791045
},
{
"x": 824,
"y": 607
"y": 609.5
},
{
"x": 824,
"y": 662.5
"y": 667.5
}
],
"isCurve": true,

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

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

Before

Width:  |  Height:  |  Size: 798 KiB

After

Width:  |  Height:  |  Size: 798 KiB

230
e2etests/testdata/stable/sequence_diagrams/dagre/board.exp.json generated vendored
View file

@ -775,10 +775,10 @@
"type": "rectangle",
"pos": {
"x": 1498,
"y": 244
"y": 249
},
"width": 1548,
"height": 2084,
"height": 2079,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -816,7 +816,7 @@
"type": "sequence_diagram",
"pos": {
"x": 1548,
"y": 279
"y": 281
},
"width": 1448,
"height": 2015,
@ -857,7 +857,7 @@
"type": "rectangle",
"pos": {
"x": 1572,
"y": 384
"y": 386
},
"width": 150,
"height": 66,
@ -898,7 +898,7 @@
"type": "rectangle",
"pos": {
"x": 1641,
"y": 564
"y": 566
},
"width": 12,
"height": 1592,
@ -938,7 +938,7 @@
"type": "rectangle",
"pos": {
"x": 1822,
"y": 384
"y": 386
},
"width": 150,
"height": 66,
@ -979,7 +979,7 @@
"type": "rectangle",
"pos": {
"x": 1891,
"y": 564
"y": 566
},
"width": 12,
"height": 162,
@ -1019,7 +1019,7 @@
"type": "rectangle",
"pos": {
"x": 2072,
"y": 384
"y": 386
},
"width": 150,
"height": 66,
@ -1060,7 +1060,7 @@
"type": "rectangle",
"pos": {
"x": 2141,
"y": 824
"y": 826
},
"width": 12,
"height": 162,
@ -1100,7 +1100,7 @@
"type": "rectangle",
"pos": {
"x": 2322,
"y": 384
"y": 386
},
"width": 150,
"height": 66,
@ -1141,7 +1141,7 @@
"type": "rectangle",
"pos": {
"x": 2391,
"y": 1084
"y": 1086
},
"width": 12,
"height": 422,
@ -1181,7 +1181,7 @@
"type": "rectangle",
"pos": {
"x": 2387,
"y": 1214
"y": 1216
},
"width": 20,
"height": 162,
@ -1221,7 +1221,7 @@
"type": "rectangle",
"pos": {
"x": 2572,
"y": 384
"y": 386
},
"width": 150,
"height": 66,
@ -1262,7 +1262,7 @@
"type": "rectangle",
"pos": {
"x": 2641,
"y": 1344
"y": 1346
},
"width": 12,
"height": 80,
@ -1302,7 +1302,7 @@
"type": "rectangle",
"pos": {
"x": 2822,
"y": 384
"y": 386
},
"width": 150,
"height": 66,
@ -1343,7 +1343,7 @@
"type": "rectangle",
"pos": {
"x": 2891,
"y": 1604
"y": 1606
},
"width": 12,
"height": 80,
@ -1383,7 +1383,7 @@
"type": "rectangle",
"pos": {
"x": 2141,
"y": 1734
"y": 1736
},
"width": 12,
"height": 80,
@ -1423,7 +1423,7 @@
"type": "rectangle",
"pos": {
"x": 2141,
"y": 1864
"y": 1866
},
"width": 12,
"height": 80,
@ -1463,7 +1463,7 @@
"type": "rectangle",
"pos": {
"x": 2891,
"y": 1994
"y": 1996
},
"width": 12,
"height": 80,
@ -1503,7 +1503,7 @@
"type": "rectangle",
"pos": {
"x": 2891,
"y": 2124
"y": 2126
},
"width": 12,
"height": 80,
@ -1584,10 +1584,10 @@
"type": "queue",
"pos": {
"x": 1845,
"y": 2464
"y": 2469
},
"width": 1648,
"height": 1429,
"height": 1424,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -1625,7 +1625,7 @@
"type": "sequence_diagram",
"pos": {
"x": 1955,
"y": 2496
"y": 2498
},
"width": 1448,
"height": 1365,
@ -1666,7 +1666,7 @@
"type": "rectangle",
"pos": {
"x": 1979,
"y": 2601
"y": 2603
},
"width": 150,
"height": 66,
@ -1707,7 +1707,7 @@
"type": "rectangle",
"pos": {
"x": 2229,
"y": 2601
"y": 2603
},
"width": 150,
"height": 66,
@ -1748,7 +1748,7 @@
"type": "rectangle",
"pos": {
"x": 2479,
"y": 2601
"y": 2603
},
"width": 150,
"height": 66,
@ -1789,7 +1789,7 @@
"type": "rectangle",
"pos": {
"x": 2729,
"y": 2601
"y": 2603
},
"width": 150,
"height": 66,
@ -1830,7 +1830,7 @@
"type": "rectangle",
"pos": {
"x": 2979,
"y": 2601
"y": 2603
},
"width": 150,
"height": 66,
@ -1871,7 +1871,7 @@
"type": "rectangle",
"pos": {
"x": 3229,
"y": 2601
"y": 2603
},
"width": 150,
"height": 66,
@ -1912,7 +1912,7 @@
"type": "rectangle",
"pos": {
"x": 3298,
"y": 2781
"y": 2783
},
"width": 12,
"height": 80,
@ -1952,7 +1952,7 @@
"type": "rectangle",
"pos": {
"x": 2798,
"y": 2765
"y": 2767
},
"width": 12,
"height": 698,
@ -1992,7 +1992,7 @@
"type": "rectangle",
"pos": {
"x": 2794,
"y": 2781
"y": 2783
},
"width": 20,
"height": 162,
@ -2032,7 +2032,7 @@
"type": "rectangle",
"pos": {
"x": 2548,
"y": 2879
"y": 2881
},
"width": 12,
"height": 340,
@ -2072,7 +2072,7 @@
"type": "rectangle",
"pos": {
"x": 2544,
"y": 2895
"y": 2897
},
"width": 20,
"height": 308,
@ -2112,7 +2112,7 @@
"type": "rectangle",
"pos": {
"x": 2540,
"y": 2911
"y": 2913
},
"width": 28,
"height": 162,
@ -2152,7 +2152,7 @@
"type": "rectangle",
"pos": {
"x": 2298,
"y": 2993
"y": 2995
},
"width": 12,
"height": 388,
@ -2192,7 +2192,7 @@
"type": "rectangle",
"pos": {
"x": 2294,
"y": 3009
"y": 3011
},
"width": 20,
"height": 356,
@ -2232,7 +2232,7 @@
"type": "rectangle",
"pos": {
"x": 2290,
"y": 3025
"y": 3027
},
"width": 28,
"height": 324,
@ -2272,7 +2272,7 @@
"type": "rectangle",
"pos": {
"x": 2286,
"y": 3041
"y": 3043
},
"width": 36,
"height": 292,
@ -2312,7 +2312,7 @@
"type": "rectangle",
"pos": {
"x": 3048,
"y": 3237
"y": 3239
},
"width": 12,
"height": 420,
@ -2352,7 +2352,7 @@
"type": "rectangle",
"pos": {
"x": 3044,
"y": 3253
"y": 3255
},
"width": 20,
"height": 388,
@ -2392,7 +2392,7 @@
"type": "rectangle",
"pos": {
"x": 3040,
"y": 3269
"y": 3271
},
"width": 28,
"height": 356,
@ -2432,7 +2432,7 @@
"type": "rectangle",
"pos": {
"x": 3036,
"y": 3285
"y": 3287
},
"width": 36,
"height": 324,
@ -2472,7 +2472,7 @@
"type": "rectangle",
"pos": {
"x": 3032,
"y": 3301
"y": 3303
},
"width": 44,
"height": 292,
@ -2512,7 +2512,7 @@
"type": "rectangle",
"pos": {
"x": 2048,
"y": 3431
"y": 3433
},
"width": 12,
"height": 80,
@ -2552,7 +2552,7 @@
"type": "rectangle",
"pos": {
"x": 3298,
"y": 3691
"y": 3693
},
"width": 12,
"height": 80,
@ -3123,11 +3123,11 @@
"route": [
{
"x": 1653,
"y": 580
"y": 582.5
},
{
"x": 1891,
"y": 580
"y": 582.5
}
],
"animated": false,
@ -3162,11 +3162,11 @@
"route": [
{
"x": 1653,
"y": 710
"y": 712.5
},
{
"x": 1891,
"y": 710
"y": 712.5
}
],
"animated": false,
@ -3201,11 +3201,11 @@
"route": [
{
"x": 1653,
"y": 840
"y": 842.5
},
{
"x": 2141,
"y": 840
"y": 842.5
}
],
"animated": false,
@ -3240,11 +3240,11 @@
"route": [
{
"x": 1653,
"y": 970
"y": 972.5
},
{
"x": 2141,
"y": 970
"y": 972.5
}
],
"animated": false,
@ -3279,11 +3279,11 @@
"route": [
{
"x": 1653,
"y": 1100
"y": 1102.5
},
{
"x": 2391,
"y": 1100
"y": 1102.5
}
],
"animated": false,
@ -3318,11 +3318,11 @@
"route": [
{
"x": 1897,
"y": 1230
"y": 1232.5
},
{
"x": 2387,
"y": 1230
"y": 1232.5
}
],
"animated": false,
@ -3357,11 +3357,11 @@
"route": [
{
"x": 2407,
"y": 1360
"y": 1362.5
},
{
"x": 2641,
"y": 1360
"y": 1362.5
}
],
"animated": false,
@ -3396,11 +3396,11 @@
"route": [
{
"x": 1647,
"y": 1490
"y": 1492.5
},
{
"x": 2391,
"y": 1490
"y": 1492.5
}
],
"animated": false,
@ -3435,11 +3435,11 @@
"route": [
{
"x": 1653,
"y": 1620
"y": 1622.5
},
{
"x": 2891,
"y": 1620
"y": 1622.5
}
],
"animated": false,
@ -3474,11 +3474,11 @@
"route": [
{
"x": 1653,
"y": 1750
"y": 1752.5
},
{
"x": 2141,
"y": 1750
"y": 1752.5
}
],
"animated": false,
@ -3513,11 +3513,11 @@
"route": [
{
"x": 1653,
"y": 1880
"y": 1882.5
},
{
"x": 2141,
"y": 1880
"y": 1882.5
}
],
"animated": false,
@ -3552,11 +3552,11 @@
"route": [
{
"x": 1653,
"y": 2010
"y": 2012.5
},
{
"x": 2891,
"y": 2010
"y": 2012.5
}
],
"animated": false,
@ -3591,11 +3591,11 @@
"route": [
{
"x": 1653,
"y": 2140
"y": 2142.5
},
{
"x": 2891,
"y": 2140
"y": 2142.5
}
],
"animated": false,
@ -3690,7 +3690,7 @@
},
{
"x": 2272,
"y": 278.5
"y": 281
}
],
"isCurve": true,
@ -3786,7 +3786,7 @@
"route": [
{
"x": 2272,
"y": 2294.5
"y": 2297
},
{
"x": 2272,
@ -3810,7 +3810,7 @@
},
{
"x": 2300,
"y": 2496
"y": 2498.5
}
],
"isCurve": true,
@ -3930,11 +3930,11 @@
"route": [
{
"x": 3298,
"y": 2797
"y": 2799.5
},
{
"x": 2814,
"y": 2797
"y": 2799.5
}
],
"animated": false,
@ -3969,11 +3969,11 @@
"route": [
{
"x": 2794,
"y": 2927
"y": 2929.5
},
{
"x": 2568,
"y": 2927
"y": 2929.5
}
],
"animated": false,
@ -4008,11 +4008,11 @@
"route": [
{
"x": 2540,
"y": 3057
"y": 3059.5
},
{
"x": 2322,
"y": 3057
"y": 3059.5
}
],
"animated": false,
@ -4047,11 +4047,11 @@
"route": [
{
"x": 2798,
"y": 3187
"y": 3189.5
},
{
"x": 2564,
"y": 3187
"y": 3189.5
}
],
"animated": false,
@ -4086,11 +4086,11 @@
"route": [
{
"x": 2322,
"y": 3317
"y": 3319.5
},
{
"x": 3032,
"y": 3317
"y": 3319.5
}
],
"animated": false,
@ -4125,11 +4125,11 @@
"route": [
{
"x": 2060,
"y": 3447
"y": 3449.5
},
{
"x": 2798,
"y": 3447
"y": 3449.5
}
],
"animated": false,
@ -4164,11 +4164,11 @@
"route": [
{
"x": 3032,
"y": 3577
"y": 3579.5
},
{
"x": 2054,
"y": 3577
"y": 3579.5
}
],
"animated": false,
@ -4203,11 +4203,11 @@
"route": [
{
"x": 2054,
"y": 3707
"y": 3709.5
},
{
"x": 3298,
"y": 3707
"y": 3709.5
}
],
"animated": false,
@ -4476,11 +4476,11 @@
"route": [
{
"x": 1647,
"y": 450
"y": 452.5
},
{
"x": 1647,
"y": 2270
"y": 2272.5
}
],
"animated": false,
@ -4515,11 +4515,11 @@
"route": [
{
"x": 1897,
"y": 450
"y": 452.5
},
{
"x": 1897,
"y": 2270
"y": 2272.5
}
],
"animated": false,
@ -4554,11 +4554,11 @@
"route": [
{
"x": 2147,
"y": 450
"y": 452.5
},
{
"x": 2147,
"y": 2270
"y": 2272.5
}
],
"animated": false,
@ -4593,11 +4593,11 @@
"route": [
{
"x": 2397,
"y": 450
"y": 452.5
},
{
"x": 2397,
"y": 2270
"y": 2272.5
}
],
"animated": false,
@ -4632,11 +4632,11 @@
"route": [
{
"x": 2647,
"y": 450
"y": 452.5
},
{
"x": 2647,
"y": 2270
"y": 2272.5
}
],
"animated": false,
@ -4671,11 +4671,11 @@
"route": [
{
"x": 2897,
"y": 450
"y": 452.5
},
{
"x": 2897,
"y": 2270
"y": 2272.5
}
],
"animated": false,
@ -4710,11 +4710,11 @@
"route": [
{
"x": 2054,
"y": 2667
"y": 2669.5
},
{
"x": 2054,
"y": 3837
"y": 3839.5
}
],
"animated": false,
@ -4749,11 +4749,11 @@
"route": [
{
"x": 2304,
"y": 2667
"y": 2669.5
},
{
"x": 2304,
"y": 3837
"y": 3839.5
}
],
"animated": false,
@ -4788,11 +4788,11 @@
"route": [
{
"x": 2554,
"y": 2667
"y": 2669.5
},
{
"x": 2554,
"y": 3837
"y": 3839.5
}
],
"animated": false,
@ -4827,11 +4827,11 @@
"route": [
{
"x": 2804,
"y": 2667
"y": 2669.5
},
{
"x": 2804,
"y": 3837
"y": 3839.5
}
],
"animated": false,
@ -4866,11 +4866,11 @@
"route": [
{
"x": 3054,
"y": 2667
"y": 2669.5
},
{
"x": 3054,
"y": 3837
"y": 3839.5
}
],
"animated": false,
@ -4905,11 +4905,11 @@
"route": [
{
"x": 3304,
"y": 2667
"y": 2669.5
},
{
"x": 3304,
"y": 3837
"y": 3839.5
}
],
"animated": false,

26
e2etests/testdata/stable/sequence_diagrams/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: 824 KiB

After

Width:  |  Height:  |  Size: 824 KiB

106
e2etests/testdata/stable/straight_hierarchy_container/dagre/board.exp.json generated vendored
View file

@ -130,10 +130,10 @@
"type": "rectangle",
"pos": {
"x": 40,
"y": 202
"y": 207
},
"width": 549,
"height": 130,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -171,7 +171,7 @@
"type": "rectangle",
"pos": {
"x": 290,
"y": 234
"y": 236
},
"width": 53,
"height": 66,
@ -212,7 +212,7 @@
"type": "rectangle",
"pos": {
"x": 94,
"y": 234
"y": 236
},
"width": 53,
"height": 66,
@ -253,7 +253,7 @@
"type": "rectangle",
"pos": {
"x": 487,
"y": 234
"y": 236
},
"width": 53,
"height": 66,
@ -294,10 +294,10 @@
"type": "rectangle",
"pos": {
"x": 40,
"y": 468
"y": 473
},
"width": 156,
"height": 130,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -335,7 +335,7 @@
"type": "rectangle",
"pos": {
"x": 94,
"y": 500
"y": 502
},
"width": 53,
"height": 66,
@ -376,10 +376,10 @@
"type": "rectangle",
"pos": {
"x": 433,
"y": 468
"y": 473
},
"width": 156,
"height": 130,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -417,7 +417,7 @@
"type": "rectangle",
"pos": {
"x": 487,
"y": 500
"y": 502
},
"width": 53,
"height": 66,
@ -458,10 +458,10 @@
"type": "rectangle",
"pos": {
"x": 237,
"y": 468
"y": 473
},
"width": 156,
"height": 130,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -499,7 +499,7 @@
"type": "rectangle",
"pos": {
"x": 290,
"y": 500
"y": 502
},
"width": 53,
"height": 66,
@ -540,10 +540,10 @@
"type": "rectangle",
"pos": {
"x": 40,
"y": 734
"y": 739
},
"width": 353,
"height": 130,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -581,7 +581,7 @@
"type": "rectangle",
"pos": {
"x": 94,
"y": 766
"y": 768
},
"width": 53,
"height": 66,
@ -622,7 +622,7 @@
"type": "rectangle",
"pos": {
"x": 290,
"y": 766
"y": 768
},
"width": 53,
"height": 66,
@ -663,10 +663,10 @@
"type": "rectangle",
"pos": {
"x": 433,
"y": 734
"y": 739
},
"width": 156,
"height": 130,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -704,7 +704,7 @@
"type": "rectangle",
"pos": {
"x": 487,
"y": 766
"y": 768
},
"width": 53,
"height": 66,
@ -745,10 +745,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 1000
"y": 1005
},
"width": 629,
"height": 230,
"height": 225,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -786,10 +786,10 @@
"type": "rectangle",
"pos": {
"x": 40,
"y": 1063
"y": 1070
},
"width": 156,
"height": 135,
"height": 130,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -827,7 +827,7 @@
"type": "rectangle",
"pos": {
"x": 94,
"y": 1097
"y": 1102
},
"width": 53,
"height": 66,
@ -868,10 +868,10 @@
"type": "rectangle",
"pos": {
"x": 237,
"y": 1063
"y": 1070
},
"width": 156,
"height": 135,
"height": 130,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -909,7 +909,7 @@
"type": "rectangle",
"pos": {
"x": 290,
"y": 1097
"y": 1102
},
"width": 53,
"height": 66,
@ -950,10 +950,10 @@
"type": "rectangle",
"pos": {
"x": 433,
"y": 1063
"y": 1070
},
"width": 156,
"height": 135,
"height": 130,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -991,7 +991,7 @@
"type": "rectangle",
"pos": {
"x": 487,
"y": 1097
"y": 1102
},
"width": 53,
"height": 66,
@ -1068,7 +1068,7 @@
},
{
"x": 316.5,
"y": 234
"y": 236.5
}
],
"isCurve": true,
@ -1116,7 +1116,7 @@
},
{
"x": 120,
"y": 234
"y": 236.5
}
],
"isCurve": true,
@ -1164,7 +1164,7 @@
},
{
"x": 513,
"y": 234
"y": 236.5
}
],
"isCurve": true,
@ -1200,7 +1200,7 @@
"route": [
{
"x": 120,
"y": 300
"y": 302.5
},
{
"x": 120,
@ -1224,7 +1224,7 @@
},
{
"x": 120,
"y": 500
"y": 502.5
}
],
"isCurve": true,
@ -1260,7 +1260,7 @@
"route": [
{
"x": 513,
"y": 300
"y": 302.5
},
{
"x": 513,
@ -1284,7 +1284,7 @@
},
{
"x": 513,
"y": 500
"y": 502.5
}
],
"isCurve": true,
@ -1320,7 +1320,7 @@
"route": [
{
"x": 316.5,
"y": 300
"y": 302.5
},
{
"x": 316.5,
@ -1344,7 +1344,7 @@
},
{
"x": 316.5,
"y": 500
"y": 502.5
}
],
"isCurve": true,
@ -1380,7 +1380,7 @@
"route": [
{
"x": 120,
"y": 566
"y": 568.5
},
{
"x": 120,
@ -1404,7 +1404,7 @@
},
{
"x": 120,
"y": 766
"y": 768.5
}
],
"isCurve": true,
@ -1440,7 +1440,7 @@
"route": [
{
"x": 316.5,
"y": 566
"y": 568.5
},
{
"x": 316.5,
@ -1464,7 +1464,7 @@
},
{
"x": 316.5,
"y": 766
"y": 768.5
}
],
"isCurve": true,
@ -1500,7 +1500,7 @@
"route": [
{
"x": 513,
"y": 566
"y": 568.5
},
{
"x": 513,
@ -1524,7 +1524,7 @@
},
{
"x": 513,
"y": 766
"y": 768.5
}
],
"isCurve": true,
@ -1560,7 +1560,7 @@
"route": [
{
"x": 120,
"y": 832
"y": 834.5
},
{
"x": 120,
@ -1596,7 +1596,7 @@
},
{
"x": 120,
"y": 1097.5
"y": 1102.5
}
],
"isCurve": true,
@ -1632,7 +1632,7 @@
"route": [
{
"x": 316.5,
"y": 832
"y": 834.5
},
{
"x": 316.5,
@ -1668,7 +1668,7 @@
},
{
"x": 316.5,
"y": 1097.5
"y": 1102.5
}
],
"isCurve": true,
@ -1704,7 +1704,7 @@
"route": [
{
"x": 513,
"y": 832
"y": 834.5
},
{
"x": 513,
@ -1740,7 +1740,7 @@
},
{
"x": 513,
"y": 1097.5
"y": 1102.5
}
],
"isCurve": true,

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

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

Before

Width:  |  Height:  |  Size: 658 KiB

After

Width:  |  Height:  |  Size: 658 KiB

70
e2etests/testdata/todo/child_parent_edges/dagre/board.exp.json generated vendored
View file

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 36
"y": 41
},
"width": 434,
"height": 330,
"height": 325,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -48,10 +48,10 @@
"type": "rectangle",
"pos": {
"x": 40,
"y": 99
"y": 106
},
"width": 354,
"height": 235,
"height": 230,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -89,10 +89,10 @@
"type": "rectangle",
"pos": {
"x": 80,
"y": 159
"y": 169
},
"width": 274,
"height": 140,
"height": 135,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -130,7 +130,7 @@
"type": "rectangle",
"pos": {
"x": 130,
"y": 196
"y": 204
},
"width": 54,
"height": 66,
@ -195,55 +195,55 @@
"route": [
{
"x": 184,
"y": 186.23204419889504
"y": 188.73204419889504
},
{
"x": 210.66666666666669,
"y": 171.646408839779
"y": 174.146408839779
},
{
"x": 219,
"y": 168
"y": 170.5
},
{
"x": 221.5,
"y": 168
"y": 170.5
},
{
"x": 224,
"y": 168
"y": 170.5
},
{
"x": 227.33333333333331,
"y": 174.6
"y": 177.1
},
{
"x": 229.83333333333331,
"y": 184.5
"y": 187
},
{
"x": 232.33333333333334,
"y": 194.4
"y": 196.9
},
{
"x": 232.33333333333334,
"y": 207.6
"y": 210.1
},
{
"x": 229.83333333333331,
"y": 217.5
"y": 220
},
{
"x": 227.33333333333331,
"y": 227.4
"y": 229.9
},
{
"x": 210.66666666666669,
"y": 230.353591160221
"y": 232.853591160221
},
{
"x": 184,
"y": 215.76795580110496
"y": 218.26795580110496
}
],
"isCurve": true,
@ -279,55 +279,55 @@
"route": [
{
"x": 184,
"y": 206.25862068965517
"y": 211.25862068965517
},
{
"x": 232,
"y": 188.05172413793105
"y": 193.05172413793105
},
{
"x": 247,
"y": 183.5
"y": 188.5
},
{
"x": 251.5,
"y": 183.5
"y": 188.5
},
{
"x": 256,
"y": 183.5
"y": 188.5
},
{
"x": 262,
"y": 190.1
"y": 195.1
},
{
"x": 266.5,
"y": 200
"y": 205
},
{
"x": 271,
"y": 209.9
"y": 214.9
},
{
"x": 271,
"y": 223.1
"y": 228.1
},
{
"x": 266.5,
"y": 233
"y": 238
},
{
"x": 262,
"y": 242.9
"y": 247.9
},
{
"x": 232,
"y": 244.94827586206895
"y": 249.94827586206895
},
{
"x": 184,
"y": 226.74137931034483
"y": 231.74137931034483
}
],
"isCurve": true,
@ -363,11 +363,11 @@
"route": [
{
"x": 183.66666666666669,
"y": 237.5
"y": 245
},
{
"x": 184,
"y": 224.33870967741936
"y": 229.33870967741936
}
],
"animated": false,

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

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="638" height="573" viewBox="-102 -105 638 573"><style type="text/css">
width="638" height="568" viewBox="-102 -100 638 568"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="638" height="573" viewBox="-102 -105 638 573"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="a"><g class="shape" ><rect x="0" y="36" width="434" height="330" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="217.000000" y="23.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="a.b"><g class="shape" ><rect x="40" y="99" width="354" height="235" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="217.000000" y="87.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">b</text></g><g id="a.b.c"><g class="shape" ><rect x="80" y="159" width="274" height="140" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="217.000000" y="148.000000" style="text-anchor:middle;font-size:20px;fill:#0A0F25">c</text></g><g id="a.b.c.d"><g class="shape" ><rect x="130" y="196" width="54" height="66" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="157.000000" y="234.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a.b -&gt; a)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 185.754679 185.272303 C 210.666667 171.646409 219.000000 168.000000 221.500000 168.000000 C 224.000000 168.000000 227.333333 174.600000 229.833333 184.500000 C 232.333333 194.400000 232.333333 207.600000 229.833333 217.500000 C 227.333333 227.400000 210.666667 230.353591 187.509357 217.687438" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#124487060)"/></g><g id="a.(b -&gt; b.c)[0]"><path d="M 185.869995 205.549312 C 232.000000 188.051724 247.000000 183.500000 251.500000 183.500000 C 256.000000 183.500000 262.000000 190.100000 266.500000 200.000000 C 271.000000 209.900000 271.000000 223.100000 266.500000 233.000000 C 262.000000 242.900000 232.000000 244.948276 187.739990 228.159996" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#124487060)"/></g><g id="a.(b.c.d -&gt; b)[0]"><path d="M 183.717304 235.500641 L 183.898725 228.337427" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#124487060)"/></g><mask id="124487060" maskUnits="userSpaceOnUse" x="-100" y="-100" width="638" height="573">
<rect x="-100" y="-100" width="638" height="573" fill="white"></rect>
]]></script><g id="a"><g class="shape" ><rect x="0" y="41" width="434" height="325" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="217.000000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="a.b"><g class="shape" ><rect x="40" y="106" width="354" height="230" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="217.000000" y="94.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">b</text></g><g id="a.b.c"><g class="shape" ><rect x="80" y="169" width="274" height="135" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="217.000000" y="158.000000" style="text-anchor:middle;font-size:20px;fill:#0A0F25">c</text></g><g id="a.b.c.d"><g class="shape" ><rect x="130" y="204" width="54" height="66" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="157.000000" y="242.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a.b -&gt; a)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 185.754679 187.772303 C 210.666667 174.146409 219.000000 170.500000 221.500000 170.500000 C 224.000000 170.500000 227.333333 177.100000 229.833333 187.000000 C 232.333333 196.900000 232.333333 210.100000 229.833333 220.000000 C 227.333333 229.900000 210.666667 232.853591 187.509357 220.187438" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4079358351)"/></g><g id="a.(b -&gt; b.c)[0]"><path d="M 185.869995 210.549312 C 232.000000 193.051724 247.000000 188.500000 251.500000 188.500000 C 256.000000 188.500000 262.000000 195.100000 266.500000 205.000000 C 271.000000 214.900000 271.000000 228.100000 266.500000 238.000000 C 262.000000 247.900000 232.000000 249.948276 187.739990 233.159996" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4079358351)"/></g><g id="a.(b.c.d -&gt; b)[0]"><path d="M 183.709225 243.000453 L 183.914884 233.337804" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4079358351)"/></g><mask id="4079358351" maskUnits="userSpaceOnUse" x="-100" y="-100" width="638" height="568">
<rect x="-100" y="-100" width="638" height="568" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 650 KiB

After

Width:  |  Height:  |  Size: 650 KiB

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

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 36
"y": 41
},
"width": 220,
"height": 317,
"height": 312,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 73,
"y": 68
"y": 70
},
"width": 75,
"height": 66,
@ -89,7 +89,7 @@
"type": "rectangle",
"pos": {
"x": 63,
"y": 255
"y": 257
},
"width": 95,
"height": 66,
@ -154,19 +154,19 @@
"route": [
{
"x": 98.16176470588235,
"y": 134
"y": 136.5
},
{
"x": 80.43235294117648,
"y": 182.4
"y": 184.9
},
{
"x": 80.4,
"y": 206.7
"y": 209.2
},
{
"x": 98,
"y": 255.5
"y": 258
}
],
"isCurve": true,
@ -202,19 +202,19 @@
"route": [
{
"x": 122.33823529411765,
"y": 134
"y": 136.5
},
{
"x": 140.06764705882352,
"y": 182.4
"y": 184.9
},
{
"x": 140.1,
"y": 206.7
"y": 209.2
},
{
"x": 122.5,
"y": 255.5
"y": 258
}
],
"isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="424" height="560" viewBox="-102 -105 424 560"><style type="text/css">
width="424" height="555" viewBox="-102 -100 424 555"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,10 +39,10 @@ width="424" height="560" viewBox="-102 -105 424 560"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="container"><g class="shape" ><rect x="0" y="36" width="220" height="317" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="110.000000" y="23.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">container</text></g><g id="container.first"><g class="shape" ><rect x="73" y="68" width="75" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="110.500000" y="106.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">first</text></g><g id="container.second"><g class="shape" ><rect x="63" y="255" width="95" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="110.500000" y="293.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">second</text></g><g id="container.(first -&gt; second)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 97.473846 135.877969 C 80.432353 182.400000 80.400000 206.700000 96.642938 251.737237" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2727518724)"/><text class="text-italic" x="80.500000" y="200.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">1-&gt;2</text></g><g id="(container -&gt; container.second)[0]"><path d="M 123.026154 135.877969 C 140.067647 182.400000 140.100000 206.700000 123.857062 251.737237" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2727518724)"/><text class="text-italic" x="140.000000" y="200.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">c-&gt;2</text></g><mask id="2727518724" maskUnits="userSpaceOnUse" x="-100" y="-100" width="424" height="560">
<rect x="-100" y="-100" width="424" height="560" fill="white"></rect>
<rect x="66.000000" y="184.000000" width="29" height="21" fill="black"></rect>
<rect x="126.000000" y="184.000000" width="28" height="21" fill="black"></rect>
]]></script><g id="container"><g class="shape" ><rect x="0" y="41" width="220" height="312" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="110.000000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">container</text></g><g id="container.first"><g class="shape" ><rect x="73" y="70" width="75" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="110.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">first</text></g><g id="container.second"><g class="shape" ><rect x="63" y="257" width="95" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="110.500000" y="295.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">second</text></g><g id="container.(first -&gt; second)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 97.473846 138.377969 C 80.432353 184.900000 80.400000 209.200000 96.642938 254.237237" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#253225556)"/><text class="text-italic" x="80.500000" y="203.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">1-&gt;2</text></g><g id="(container -&gt; container.second)[0]"><path d="M 123.026154 138.377969 C 140.067647 184.900000 140.100000 209.200000 123.857062 254.237237" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#253225556)"/><text class="text-italic" x="140.000000" y="203.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">c-&gt;2</text></g><mask id="253225556" maskUnits="userSpaceOnUse" x="-100" y="-100" width="424" height="555">
<rect x="-100" y="-100" width="424" height="555" fill="white"></rect>
<rect x="66.000000" y="187.000000" width="29" height="21" fill="black"></rect>
<rect x="126.000000" y="187.000000" width="28" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[
.text {
font-family: "font-regular";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 793 KiB

After

Width:  |  Height:  |  Size: 793 KiB

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

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 36
"y": 41
},
"width": 193,
"height": 296,
"height": 291,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 50,
"y": 68
"y": 70
},
"width": 53,
"height": 66,
@ -89,7 +89,7 @@
"type": "rectangle",
"pos": {
"x": 50,
"y": 234
"y": 236
},
"width": 53,
"height": 66,
@ -154,19 +154,19 @@
"route": [
{
"x": 76.5,
"y": 134
"y": 136.5
},
{
"x": 76.5,
"y": 174
"y": 176.5
},
{
"x": 76.5,
"y": 194
"y": 196.5
},
{
"x": 76.5,
"y": 234
"y": 236.5
}
],
"isCurve": true,
@ -202,55 +202,55 @@
"route": [
{
"x": 103,
"y": 104.38440111420613
"y": 109.38440111420613
},
{
"x": 129.66666666666669,
"y": 89.67688022284122
"y": 94.67688022284122
},
{
"x": 138,
"y": 86
"y": 91
},
{
"x": 140.5,
"y": 86
"y": 91
},
{
"x": 143,
"y": 86
"y": 91
},
{
"x": 146.33333333333331,
"y": 92.6
"y": 97.6
},
{
"x": 148.83333333333331,
"y": 102.5
"y": 107.5
},
{
"x": 151.33333333333334,
"y": 112.4
"y": 117.4
},
{
"x": 151.33333333333334,
"y": 125.6
"y": 130.6
},
{
"x": 148.83333333333331,
"y": 135.5
"y": 140.5
},
{
"x": 146.33333333333331,
"y": 145.4
"y": 150.4
},
{
"x": 129.66666666666669,
"y": 148.32311977715878
"y": 153.32311977715878
},
{
"x": 103,
"y": 133.61559888579387
"y": 138.61559888579387
}
],
"isCurve": true,

6
e2etests/testdata/todo/container_label_loop/dagre/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="902" height="539" viewBox="-354 -105 902 539"><style type="text/css">
width="902" height="534" viewBox="-354 -100 902 534"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,8 +39,8 @@ width="902" height="539" viewBox="-354 -105 902 539"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="a"><g class="shape" ><rect x="0" y="36" width="193" height="296" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="96.500000" y="23.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">If we were meant to fly, we wouldn&#39;t keep losing our luggage</text></g><g id="a.b"><g class="shape" ><rect x="50" y="68" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="76.500000" y="106.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.c"><g class="shape" ><rect x="50" y="234" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="76.500000" y="272.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="a.(b -&gt; c)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 76.500000 136.000000 C 76.500000 174.000000 76.500000 194.000000 76.500000 230.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#234560353)"/></g><g id="(a -&gt; a)[0]"><path d="M 104.751298 103.418504 C 129.666667 89.676880 138.000000 86.000000 140.500000 86.000000 C 143.000000 86.000000 146.333333 92.600000 148.833333 102.500000 C 151.333333 112.400000 151.333333 125.600000 148.833333 135.500000 C 146.333333 145.400000 129.666667 148.323120 106.502595 135.547392" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#234560353)"/></g><mask id="234560353" maskUnits="userSpaceOnUse" x="-100" y="-100" width="902" height="539">
<rect x="-100" y="-100" width="902" height="539" fill="white"></rect>
]]></script><g id="a"><g class="shape" ><rect x="0" y="41" width="193" height="291" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="96.500000" y="28.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">If we were meant to fly, we wouldn&#39;t keep losing our luggage</text></g><g id="a.b"><g class="shape" ><rect x="50" y="70" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="76.500000" y="108.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.c"><g class="shape" ><rect x="50" y="236" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="76.500000" y="274.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="a.(b -&gt; c)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 76.500000 138.500000 C 76.500000 176.500000 76.500000 196.500000 76.500000 232.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#304527566)"/></g><g id="(a -&gt; a)[0]"><path d="M 104.751298 108.418504 C 129.666667 94.676880 138.000000 91.000000 140.500000 91.000000 C 143.000000 91.000000 146.333333 97.600000 148.833333 107.500000 C 151.333333 117.400000 151.333333 130.600000 148.833333 140.500000 C 146.333333 150.400000 129.666667 153.323120 106.502595 140.547392" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#304527566)"/></g><mask id="304527566" maskUnits="userSpaceOnUse" x="-100" y="-100" width="902" height="534">
<rect x="-100" y="-100" width="902" height="534" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 650 KiB

After

Width:  |  Height:  |  Size: 650 KiB

28
e2etests/testdata/todo/shape_set_width_height/dagre/board.exp.json generated vendored
View file

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 36
"y": 41
},
"width": 1112,
"height": 420,
"height": 415,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -48,10 +48,10 @@
"type": "oval",
"pos": {
"x": 40,
"y": 99
"y": 106
},
"width": 228,
"height": 325,
"height": 320,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -89,7 +89,7 @@
"type": "diamond",
"pos": {
"x": 90,
"y": 229
"y": 234
},
"width": 128,
"height": 64,
@ -130,10 +130,10 @@
"type": "diamond",
"pos": {
"x": 308,
"y": 99
"y": 106
},
"width": 228,
"height": 325,
"height": 320,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -171,7 +171,7 @@
"type": "oval",
"pos": {
"x": 358,
"y": 197
"y": 202
},
"width": 128,
"height": 128,
@ -212,10 +212,10 @@
"type": "oval",
"pos": {
"x": 576,
"y": 99
"y": 106
},
"width": 228,
"height": 325,
"height": 320,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -253,7 +253,7 @@
"type": "hexagon",
"pos": {
"x": 626,
"y": 229
"y": 234
},
"width": 128,
"height": 64,
@ -294,10 +294,10 @@
"type": "hexagon",
"pos": {
"x": 844,
"y": 99
"y": 106
},
"width": 228,
"height": 325,
"height": 320,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -335,7 +335,7 @@
"type": "oval",
"pos": {
"x": 894,
"y": 229
"y": 234
},
"width": 128,
"height": 64,

8
e2etests/testdata/todo/shape_set_width_height/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: 942 KiB

After

Width:  |  Height:  |  Size: 942 KiB