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

fix messages going over notes

Browse source
This commit is contained in:
Alexander Wang 2022-12-04 19:12:49 -08:00
parent b5ff448189
commit 11d37cc448
No known key found for this signature in database
GPG key ID: D89FA31966BDBECE
13 changed files with 134 additions and 128 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
d2layouts/d2sequence/sequence_diagram.go
View file

@ -460,6 +460,12 @@ func (sd *sequenceDiagram) placeSpans() {
func (sd *sequenceDiagram) routeMessages() error {
startY := sd.maxActorHeight + sd.yStep
for _, message := range sd.messages {
for _, note := range sd.notes {
if sd.verticalIndices[note.AbsID()] < sd.verticalIndices[message.AbsID()] {
startY += note.Height + sd.yStep
}
}
message.ZIndex = 2
var startX, endX float64
if startCenter := getCenter(message.Src); startCenter != nil {

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

@ -279,7 +279,7 @@
"y": 1349
},
"width": 633,
"height": 336,
"height": 466,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -919,11 +919,11 @@
"route": [
{
"x": 875,
"y": 1519
"y": 1775
},
{
"x": 475,
"y": 1519
"y": 1775
}
],
"animated": false,

4
e2etests/testdata/stable/sequence_diagram_groups/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: 474 KiB

After

Width:  |  Height:  |  Size: 474 KiB

6
e2etests/testdata/stable/sequence_diagram_groups/elk/board.exp.json generated vendored
View file

@ -279,7 +279,7 @@
"y": 1349
},
"width": 633,
"height": 336,
"height": 466,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -919,11 +919,11 @@
"route": [
{
"x": 875,
"y": 1519
"y": 1775
},
{
"x": 475,
"y": 1519
"y": 1775
}
],
"animated": false,

4
e2etests/testdata/stable/sequence_diagram_groups/elk/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 474 KiB

After

Width:  |  Height:  |  Size: 474 KiB

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

@ -381,11 +381,11 @@
"route": [
{
"x": 475,
"y": 479
"y": 991
},
{
"x": 875,
"y": 479
"y": 991
}
],
"animated": false,
@ -420,11 +420,11 @@
"route": [
{
"x": 875,
"y": 609
"y": 1905
},
{
"x": 475,
"y": 609
"y": 1905
}
],
"animated": false,
@ -463,7 +463,7 @@
},
{
"x": 75,
"y": 1779
"y": 2035
}
],
"animated": false,
@ -502,7 +502,7 @@
},
{
"x": 475,
"y": 1779
"y": 2035
}
],
"animated": false,
@ -541,7 +541,7 @@
},
{
"x": 875,
"y": 1779
"y": 2035
}
],
"animated": false,
@ -580,7 +580,7 @@
},
{
"x": 1275,
"y": 1779
"y": 2035
}
],
"animated": false,

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

@ -2,7 +2,7 @@
<svg
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1795" height="1929" viewBox="-150 -50 1795 1929"><style type="text/css">
width="1795" height="2185" viewBox="-150 -50 1795 2185"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -14,9 +14,9 @@ width="1795" height="1929" viewBox="-150 -50 1795 1929"><style type="text/css">
}
]]>
</style><g id="a"><g class="shape" ><rect x="0" y="50" width="150" height="169" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="137.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="400" y="52" width="150" height="167" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="475.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="800" y="52" width="150" height="167" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="875.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="1200" y="52" width="150" height="167" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1275.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a -- )[0]"><path d="M 75.000000 221.000000 L 75.000000 1778.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(b -- )[0]"><path d="M 475.000000 221.000000 L 475.000000 1778.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(c -- )[0]"><path d="M 875.000000 221.000000 L 875.000000 1778.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(d -- )[0]"><path d="M 1275.000000 221.000000 L 1275.000000 1778.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="a.explanation"><g class="shape" ><rect x="-20" y="479" width="190" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="545.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">explanation</text></g><g id="a.another explanation"><g class="shape" ><rect x="-50" y="735" width="250" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="801.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">another explanation</text></g><g id="b.&#34;Some one who believes imaginary things\n appear right before your i&#39;s.&#34;"><g class="shape" ><rect x="278" y="1121" width="393" height="142" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="474.500000" y="1187.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="474.500000" dy="0.000000">Some one who believes imaginary things</tspan><tspan x="474.500000" dy="21.000000"> appear right before your i&#39;s.</tspan></text></g><g id="d.The earth is like a tiny grain of sand, only much, much heavier"><g class="shape" ><rect x="1004" y="1523" width="541" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1274.500000" y="1589.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">The earth is like a tiny grain of sand, only much, much heavier</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 77.000000 349.000000 L 471.000000 349.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(b -&gt; c)[0]"><path d="M 477.000000 479.000000 L 871.000000 479.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(c -&gt; b)[0]"><path d="M 873.000000 609.000000 L 479.000000 609.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="675.500000" y="615.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="1795" height="1929">
<rect x="0" y="0" width="1795" height="1929" fill="white"></rect>
<rect x="659.000000" y="599.000000" width="33" height="21" fill="black"></rect>
</style><g id="a"><g class="shape" ><rect x="0" y="50" width="150" height="169" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="137.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="400" y="52" width="150" height="167" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="475.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="800" y="52" width="150" height="167" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="875.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="1200" y="52" width="150" height="167" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1275.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a -- )[0]"><path d="M 75.000000 221.000000 L 75.000000 2034.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(b -- )[0]"><path d="M 475.000000 221.000000 L 475.000000 2034.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(c -- )[0]"><path d="M 875.000000 221.000000 L 875.000000 2034.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(d -- )[0]"><path d="M 1275.000000 221.000000 L 1275.000000 2034.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="a.explanation"><g class="shape" ><rect x="-20" y="479" width="190" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="545.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">explanation</text></g><g id="a.another explanation"><g class="shape" ><rect x="-50" y="735" width="250" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="801.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">another explanation</text></g><g id="b.&#34;Some one who believes imaginary things\n appear right before your i&#39;s.&#34;"><g class="shape" ><rect x="278" y="1121" width="393" height="142" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="474.500000" y="1187.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="474.500000" dy="0.000000">Some one who believes imaginary things</tspan><tspan x="474.500000" dy="21.000000"> appear right before your i&#39;s.</tspan></text></g><g id="d.The earth is like a tiny grain of sand, only much, much heavier"><g class="shape" ><rect x="1004" y="1523" width="541" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1274.500000" y="1589.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">The earth is like a tiny grain of sand, only much, much heavier</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 77.000000 349.000000 L 471.000000 349.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(b -&gt; c)[0]"><path d="M 477.000000 991.000000 L 871.000000 991.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(c -&gt; b)[0]"><path d="M 873.000000 1905.000000 L 479.000000 1905.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="675.500000" y="1911.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="1795" height="2185">
<rect x="0" y="0" width="1795" height="2185" fill="white"></rect>
<rect x="659.000000" y="1895.000000" width="33" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[
.text-bold {
font-family: "font-bold";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 471 KiB

After

Width:  |  Height:  |  Size: 471 KiB

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

@ -381,11 +381,11 @@
"route": [
{
"x": 475,
"y": 479
"y": 991
},
{
"x": 875,
"y": 479
"y": 991
}
],
"animated": false,
@ -420,11 +420,11 @@
"route": [
{
"x": 875,
"y": 609
"y": 1905
},
{
"x": 475,
"y": 609
"y": 1905
}
],
"animated": false,
@ -463,7 +463,7 @@
},
{
"x": 75,
"y": 1779
"y": 2035
}
],
"animated": false,
@ -502,7 +502,7 @@
},
{
"x": 475,
"y": 1779
"y": 2035
}
],
"animated": false,
@ -541,7 +541,7 @@
},
{
"x": 875,
"y": 1779
"y": 2035
}
],
"animated": false,
@ -580,7 +580,7 @@
},
{
"x": 1275,
"y": 1779
"y": 2035
}
],
"animated": false,

8
e2etests/testdata/stable/sequence_diagram_note/elk/sketch.exp.svg vendored
View file

@ -2,7 +2,7 @@
<svg
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1795" height="1929" viewBox="-150 -50 1795 1929"><style type="text/css">
width="1795" height="2185" viewBox="-150 -50 1795 2185"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -14,9 +14,9 @@ width="1795" height="1929" viewBox="-150 -50 1795 1929"><style type="text/css">
}
]]>
</style><g id="a"><g class="shape" ><rect x="0" y="50" width="150" height="169" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="137.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="400" y="52" width="150" height="167" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="475.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="800" y="52" width="150" height="167" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="875.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="1200" y="52" width="150" height="167" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1275.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a -- )[0]"><path d="M 75.000000 221.000000 L 75.000000 1778.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(b -- )[0]"><path d="M 475.000000 221.000000 L 475.000000 1778.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(c -- )[0]"><path d="M 875.000000 221.000000 L 875.000000 1778.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(d -- )[0]"><path d="M 1275.000000 221.000000 L 1275.000000 1778.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="a.explanation"><g class="shape" ><rect x="-20" y="479" width="190" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="545.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">explanation</text></g><g id="a.another explanation"><g class="shape" ><rect x="-50" y="735" width="250" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="801.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">another explanation</text></g><g id="b.&#34;Some one who believes imaginary things\n appear right before your i&#39;s.&#34;"><g class="shape" ><rect x="278" y="1121" width="393" height="142" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="474.500000" y="1187.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="474.500000" dy="0.000000">Some one who believes imaginary things</tspan><tspan x="474.500000" dy="21.000000"> appear right before your i&#39;s.</tspan></text></g><g id="d.The earth is like a tiny grain of sand, only much, much heavier"><g class="shape" ><rect x="1004" y="1523" width="541" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1274.500000" y="1589.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">The earth is like a tiny grain of sand, only much, much heavier</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 77.000000 349.000000 L 471.000000 349.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(b -&gt; c)[0]"><path d="M 477.000000 479.000000 L 871.000000 479.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(c -&gt; b)[0]"><path d="M 873.000000 609.000000 L 479.000000 609.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="675.500000" y="615.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="1795" height="1929">
<rect x="0" y="0" width="1795" height="1929" fill="white"></rect>
<rect x="659.000000" y="599.000000" width="33" height="21" fill="black"></rect>
</style><g id="a"><g class="shape" ><rect x="0" y="50" width="150" height="169" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="137.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="b"><g class="shape" ><rect x="400" y="52" width="150" height="167" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="475.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c"><g class="shape" ><rect x="800" y="52" width="150" height="167" style="fill:#F7F8FE;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="875.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">c</text></g><g id="d"><g class="shape" ><rect x="1200" y="52" width="150" height="167" style="fill:#E3E9FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1275.000000" y="138.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a -- )[0]"><path d="M 75.000000 221.000000 L 75.000000 2034.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(b -- )[0]"><path d="M 475.000000 221.000000 L 475.000000 2034.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(c -- )[0]"><path d="M 875.000000 221.000000 L 875.000000 2034.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="(d -- )[0]"><path d="M 1275.000000 221.000000 L 1275.000000 2034.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;stroke-dasharray:12.000000,11.838767;" mask="url(#labels)"/></g><g id="a.explanation"><g class="shape" ><rect x="-20" y="479" width="190" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="545.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">explanation</text></g><g id="a.another explanation"><g class="shape" ><rect x="-50" y="735" width="250" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="75.000000" y="801.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">another explanation</text></g><g id="b.&#34;Some one who believes imaginary things\n appear right before your i&#39;s.&#34;"><g class="shape" ><rect x="278" y="1121" width="393" height="142" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="474.500000" y="1187.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25"><tspan x="474.500000" dy="0.000000">Some one who believes imaginary things</tspan><tspan x="474.500000" dy="21.000000"> appear right before your i&#39;s.</tspan></text></g><g id="d.The earth is like a tiny grain of sand, only much, much heavier"><g class="shape" ><rect x="1004" y="1523" width="541" height="126" style="fill:#EDF0FD;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" /></g><text class="text-bold" x="1274.500000" y="1589.000000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">The earth is like a tiny grain of sand, only much, much heavier</text></g><g id="(a -&gt; b)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 77.000000 349.000000 L 471.000000 349.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(b -&gt; c)[0]"><path d="M 477.000000 991.000000 L 871.000000 991.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/></g><g id="(c -&gt; b)[0]"><path d="M 873.000000 1905.000000 L 479.000000 1905.000000" class="connection" style="fill:none;stroke:#0D32B2;opacity:1.000000;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#labels)"/><text class="text-italic" x="675.500000" y="1911.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">okay</text></g><mask id="labels" maskUnits="userSpaceOnUse" x="0" y="0" width="1795" height="2185">
<rect x="0" y="0" width="1795" height="2185" fill="white"></rect>
<rect x="659.000000" y="1895.000000" width="33" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[
.text-bold {
font-family: "font-bold";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 471 KiB

After

Width:  |  Height:  |  Size: 471 KiB

68
e2etests/testdata/stable/sequence_diagram_real/dagre/board.exp.json generated vendored
View file

@ -9,7 +9,7 @@
"y": 0
},
"width": 3633,
"height": 2055,
"height": 4615,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -357,10 +357,10 @@
"type": "rectangle",
"pos": {
"x": 1304,
"y": 869
"y": 1381
},
"width": 20,
"height": 422,
"height": 1190,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -473,10 +473,10 @@
"type": "rectangle",
"pos": {
"x": 1727,
"y": 1649
"y": 3697
},
"width": 20,
"height": 292,
"height": 804,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -652,11 +652,11 @@
"route": [
{
"x": 891,
"y": 755
"y": 1011
},
{
"x": 75,
"y": 755
"y": 1011
}
],
"animated": false,
@ -691,11 +691,11 @@
"route": [
{
"x": 75,
"y": 885
"y": 1397
},
{
"x": 1314.5,
"y": 885
"y": 1397
}
],
"animated": false,
@ -730,11 +730,11 @@
"route": [
{
"x": 1314.5,
"y": 1015
"y": 1783
},
{
"x": 3056.5,
"y": 1015
"y": 1783
}
],
"animated": false,
@ -769,11 +769,11 @@
"route": [
{
"x": 1314.5,
"y": 1145
"y": 2169
},
{
"x": 3528.5,
"y": 1145
"y": 2169
}
],
"animated": false,
@ -808,11 +808,11 @@
"route": [
{
"x": 1314.5,
"y": 1275
"y": 2555
},
{
"x": 3056.5,
"y": 1275
"y": 2555
}
],
"animated": false,
@ -847,11 +847,11 @@
"route": [
{
"x": 1314.5,
"y": 1405
"y": 2941
},
{
"x": 75,
"y": 1405
"y": 2941
}
],
"animated": false,
@ -886,11 +886,11 @@
"route": [
{
"x": 75,
"y": 1535
"y": 3327
},
{
"x": 1737,
"y": 1535
"y": 3327
}
],
"animated": false,
@ -925,11 +925,11 @@
"route": [
{
"x": 1737,
"y": 1665
"y": 3713
},
{
"x": 2165,
"y": 1665
"y": 3713
}
],
"animated": false,
@ -964,11 +964,11 @@
"route": [
{
"x": 1737,
"y": 1795
"y": 4099
},
{
"x": 2596,
"y": 1795
"y": 4099
}
],
"animated": false,
@ -1003,11 +1003,11 @@
"route": [
{
"x": 1737,
"y": 1925
"y": 4485
},
{
"x": 75,
"y": 1925
"y": 4485
}
],
"animated": false,
@ -1046,7 +1046,7 @@
},
{
"x": 75,
"y": 2055
"y": 4615
}
],
"animated": false,
@ -1085,7 +1085,7 @@
},
{
"x": 475,
"y": 2055
"y": 4615
}
],
"animated": false,
@ -1124,7 +1124,7 @@
},
{
"x": 891,
"y": 2055
"y": 4615
}
],
"animated": false,
@ -1163,7 +1163,7 @@
},
{
"x": 1314.5,
"y": 2055
"y": 4615
}
],
"animated": false,
@ -1202,7 +1202,7 @@
},
{
"x": 1737,
"y": 2055
"y": 4615
}
],
"animated": false,
@ -1241,7 +1241,7 @@
},
{
"x": 2165,
"y": 2055
"y": 4615
}
],
"animated": false,
@ -1280,7 +1280,7 @@
},
{
"x": 2596,
"y": 2055
"y": 4615
}
],
"animated": false,
@ -1319,7 +1319,7 @@
},
{
"x": 3056.5,
"y": 2055
"y": 4615
}
],
"animated": false,
@ -1358,7 +1358,7 @@
},
{
"x": 3528.5,
"y": 2055
"y": 4615
}
],
"animated": false,

26
e2etests/testdata/stable/sequence_diagram_real/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: 479 KiB

After

Width:  |  Height:  |  Size: 479 KiB

68
e2etests/testdata/stable/sequence_diagram_real/elk/board.exp.json generated vendored
View file

@ -9,7 +9,7 @@
"y": 12
},
"width": 3633,
"height": 2055,
"height": 4615,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -357,10 +357,10 @@
"type": "rectangle",
"pos": {
"x": 1316,
"y": 881
"y": 1393
},
"width": 20,
"height": 422,
"height": 1190,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -473,10 +473,10 @@
"type": "rectangle",
"pos": {
"x": 1739,
"y": 1661
"y": 3709
},
"width": 20,
"height": 292,
"height": 804,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -652,11 +652,11 @@
"route": [
{
"x": 903,
"y": 767
"y": 1023
},
{
"x": 87,
"y": 767
"y": 1023
}
],
"animated": false,
@ -691,11 +691,11 @@
"route": [
{
"x": 87,
"y": 897
"y": 1409
},
{
"x": 1326.5,
"y": 897
"y": 1409
}
],
"animated": false,
@ -730,11 +730,11 @@
"route": [
{
"x": 1326.5,
"y": 1027
"y": 1795
},
{
"x": 3068.5,
"y": 1027
"y": 1795
}
],
"animated": false,
@ -769,11 +769,11 @@
"route": [
{
"x": 1326.5,
"y": 1157
"y": 2181
},
{
"x": 3540.5,
"y": 1157
"y": 2181
}
],
"animated": false,
@ -808,11 +808,11 @@
"route": [
{
"x": 1326.5,
"y": 1287
"y": 2567
},
{
"x": 3068.5,
"y": 1287
"y": 2567
}
],
"animated": false,
@ -847,11 +847,11 @@
"route": [
{
"x": 1326.5,
"y": 1417
"y": 2953
},
{
"x": 87,
"y": 1417
"y": 2953
}
],
"animated": false,
@ -886,11 +886,11 @@
"route": [
{
"x": 87,
"y": 1547
"y": 3339
},
{
"x": 1749,
"y": 1547
"y": 3339
}
],
"animated": false,
@ -925,11 +925,11 @@
"route": [
{
"x": 1749,
"y": 1677
"y": 3725
},
{
"x": 2177,
"y": 1677
"y": 3725
}
],
"animated": false,
@ -964,11 +964,11 @@
"route": [
{
"x": 1749,
"y": 1807
"y": 4111
},
{
"x": 2608,
"y": 1807
"y": 4111
}
],
"animated": false,
@ -1003,11 +1003,11 @@
"route": [
{
"x": 1749,
"y": 1937
"y": 4497
},
{
"x": 87,
"y": 1937
"y": 4497
}
],
"animated": false,
@ -1046,7 +1046,7 @@
},
{
"x": 87,
"y": 2067
"y": 4627
}
],
"animated": false,
@ -1085,7 +1085,7 @@
},
{
"x": 487,
"y": 2067
"y": 4627
}
],
"animated": false,
@ -1124,7 +1124,7 @@
},
{
"x": 903,
"y": 2067
"y": 4627
}
],
"animated": false,
@ -1163,7 +1163,7 @@
},
{
"x": 1326.5,
"y": 2067
"y": 4627
}
],
"animated": false,
@ -1202,7 +1202,7 @@
},
{
"x": 1749,
"y": 2067
"y": 4627
}
],
"animated": false,
@ -1241,7 +1241,7 @@
},
{
"x": 2177,
"y": 2067
"y": 4627
}
],
"animated": false,
@ -1280,7 +1280,7 @@
},
{
"x": 2608,
"y": 2067
"y": 4627
}
],
"animated": false,
@ -1319,7 +1319,7 @@
},
{
"x": 3068.5,
"y": 2067
"y": 4627
}
],
"animated": false,
@ -1358,7 +1358,7 @@
},
{
"x": 3540.5,
"y": 2067
"y": 4627
}
],
"animated": false,

26
e2etests/testdata/stable/sequence_diagram_real/elk/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 479 KiB

After

Width:  |  Height:  |  Size: 479 KiB