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

fix message offset

Browse source
This commit is contained in:
Alexander Wang 2022-12-04 19:38:01 -08:00
parent c896b826a9
commit 77a87668a7
No known key found for this signature in database
GPG key ID: D89FA31966BDBECE
9 changed files with 114 additions and 112 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
d2layouts/d2sequence/sequence_diagram.go
View file

@ -220,12 +220,12 @@ func newSequenceDiagram(objects []*d2graph.Object, messages []*d2graph.Edge) *se
func (sd *sequenceDiagram) layout() error { func (sd *sequenceDiagram) layout() error {
sd.placeActors() sd.placeActors()
sd.placeNotes()
if err := sd.routeMessages(); err != nil { if err := sd.routeMessages(); err != nil {
return err return err
} }
sd.placeSpans() sd.placeSpans()
sd.adjustRouteEndpoints() sd.adjustRouteEndpoints()
sd.placeNotes()
sd.placeGroups() sd.placeGroups()
sd.addLifelineEdges() sd.addLifelineEdges()
return nil return nil
@ -457,13 +457,15 @@ func (sd *sequenceDiagram) placeSpans() {
// routeMessages routes horizontal edges (messages) from Src to Dst lifeline (actor/span center) // routeMessages routes horizontal edges (messages) from Src to Dst lifeline (actor/span center)
// in another step, routes are adjusted to spans borders when necessary // in another step, routes are adjusted to spans borders when necessary
func (sd *sequenceDiagram) routeMessages() error { func (sd *sequenceDiagram) routeMessages() error {
startY := sd.maxActorHeight + sd.yStep messageOffset := sd.maxActorHeight + sd.yStep
for _, message := range sd.messages { for _, message := range sd.messages {
noteOffset := 0.
for _, note := range sd.notes { for _, note := range sd.notes {
if sd.verticalIndices[note.AbsID()] < sd.verticalIndices[message.AbsID()] { if sd.verticalIndices[note.AbsID()] < sd.verticalIndices[message.AbsID()] {
startY += note.Height + sd.yStep noteOffset += note.Height + sd.yStep
} }
} }
startY := messageOffset + noteOffset
message.ZIndex = 2 message.ZIndex = 2
var startX, endX float64 var startX, endX float64
@ -496,7 +498,7 @@ func (sd *sequenceDiagram) routeMessages() error {
geo.NewPoint(endX, startY), geo.NewPoint(endX, startY),
} }
} }
startY += sd.yStep messageOffset += sd.yStep
if message.Attributes.Label.Value != "" { if message.Attributes.Label.Value != "" {
message.LabelPosition = go2.Pointer(string(label.InsideMiddleCenter)) message.LabelPosition = go2.Pointer(string(label.InsideMiddleCenter))

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

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

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

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1795" height="2185" viewBox="-150 -50 1795 2185"><style type="text/css"> width="1795" height="1929" viewBox="-150 -50 1795 1929"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -14,9 +14,9 @@ width="1795" height="2185" viewBox="-150 -50 1795 2185"><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 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"> </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 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 1393.000000 L 479.000000 1393.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="1399.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="2185" fill="white"></rect> <rect x="0" y="0" width="1795" height="1929" fill="white"></rect>
<rect x="659.000000" y="1895.000000" width="33" height="21" fill="black"></rect> <rect x="659.000000" y="1383.000000" width="33" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {
font-family: "font-bold"; font-family: "font-bold";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 471 KiB

After

Width:  |  Height:  |  Size: 471 KiB

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

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

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

@ -2,7 +2,7 @@
<svg <svg
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1795" height="2185" viewBox="-150 -50 1795 2185"><style type="text/css"> width="1795" height="1929" viewBox="-150 -50 1795 1929"><style type="text/css">
<![CDATA[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; shape-rendering: geometricPrecision;
@ -14,9 +14,9 @@ width="1795" height="2185" viewBox="-150 -50 1795 2185"><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 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"> </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 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 1393.000000 L 479.000000 1393.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="1399.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="2185" fill="white"></rect> <rect x="0" y="0" width="1795" height="1929" fill="white"></rect>
<rect x="659.000000" y="1895.000000" width="33" height="21" fill="black"></rect> <rect x="659.000000" y="1383.000000" width="33" height="21" fill="black"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text-bold { .text-bold {
font-family: "font-bold"; font-family: "font-bold";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 471 KiB

After

Width:  |  Height:  |  Size: 471 KiB

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

@ -9,7 +9,7 @@
"y": 0 "y": 0
}, },
"width": 3633, "width": 3633,
"height": 4615, "height": 2311,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -357,10 +357,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1304, "x": 1304,
"y": 1381 "y": 1125
}, },
"width": 20, "width": 20,
"height": 1190, "height": 422,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -473,10 +473,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1727, "x": 1727,
"y": 3697 "y": 1905
}, },
"width": 20, "width": 20,
"height": 804, "height": 292,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -691,11 +691,11 @@
"route": [ "route": [
{ {
"x": 75, "x": 75,
"y": 1397 "y": 1141
}, },
{ {
"x": 1304.5, "x": 1304.5,
"y": 1397 "y": 1141
} }
], ],
"animated": false, "animated": false,
@ -730,11 +730,11 @@
"route": [ "route": [
{ {
"x": 1324.5, "x": 1324.5,
"y": 1783 "y": 1271
}, },
{ {
"x": 3056.5, "x": 3056.5,
"y": 1783 "y": 1271
} }
], ],
"animated": false, "animated": false,
@ -769,11 +769,11 @@
"route": [ "route": [
{ {
"x": 1324.5, "x": 1324.5,
"y": 2169 "y": 1401
}, },
{ {
"x": 3528.5, "x": 3528.5,
"y": 2169 "y": 1401
} }
], ],
"animated": false, "animated": false,
@ -808,11 +808,11 @@
"route": [ "route": [
{ {
"x": 1324.5, "x": 1324.5,
"y": 2555 "y": 1531
}, },
{ {
"x": 3056.5, "x": 3056.5,
"y": 2555 "y": 1531
} }
], ],
"animated": false, "animated": false,
@ -847,11 +847,11 @@
"route": [ "route": [
{ {
"x": 1314.5, "x": 1314.5,
"y": 2941 "y": 1661
}, },
{ {
"x": 75, "x": 75,
"y": 2941 "y": 1661
} }
], ],
"animated": false, "animated": false,
@ -886,11 +886,11 @@
"route": [ "route": [
{ {
"x": 75, "x": 75,
"y": 3327 "y": 1791
}, },
{ {
"x": 1737, "x": 1737,
"y": 3327 "y": 1791
} }
], ],
"animated": false, "animated": false,
@ -925,11 +925,11 @@
"route": [ "route": [
{ {
"x": 1747, "x": 1747,
"y": 3713 "y": 1921
}, },
{ {
"x": 2165, "x": 2165,
"y": 3713 "y": 1921
} }
], ],
"animated": false, "animated": false,
@ -964,11 +964,11 @@
"route": [ "route": [
{ {
"x": 1747, "x": 1747,
"y": 4099 "y": 2051
}, },
{ {
"x": 2596, "x": 2596,
"y": 4099 "y": 2051
} }
], ],
"animated": false, "animated": false,
@ -1003,11 +1003,11 @@
"route": [ "route": [
{ {
"x": 1727, "x": 1727,
"y": 4485 "y": 2181
}, },
{ {
"x": 75, "x": 75,
"y": 4485 "y": 2181
} }
], ],
"animated": false, "animated": false,
@ -1046,7 +1046,7 @@
}, },
{ {
"x": 75, "x": 75,
"y": 4615 "y": 2311
} }
], ],
"animated": false, "animated": false,
@ -1085,7 +1085,7 @@
}, },
{ {
"x": 475, "x": 475,
"y": 4615 "y": 2311
} }
], ],
"animated": false, "animated": false,
@ -1124,7 +1124,7 @@
}, },
{ {
"x": 891, "x": 891,
"y": 4615 "y": 2311
} }
], ],
"animated": false, "animated": false,
@ -1163,7 +1163,7 @@
}, },
{ {
"x": 1314.5, "x": 1314.5,
"y": 4615 "y": 2311
} }
], ],
"animated": false, "animated": false,
@ -1202,7 +1202,7 @@
}, },
{ {
"x": 1737, "x": 1737,
"y": 4615 "y": 2311
} }
], ],
"animated": false, "animated": false,
@ -1241,7 +1241,7 @@
}, },
{ {
"x": 2165, "x": 2165,
"y": 4615 "y": 2311
} }
], ],
"animated": false, "animated": false,
@ -1280,7 +1280,7 @@
}, },
{ {
"x": 2596, "x": 2596,
"y": 4615 "y": 2311
} }
], ],
"animated": false, "animated": false,
@ -1319,7 +1319,7 @@
}, },
{ {
"x": 3056.5, "x": 3056.5,
"y": 4615 "y": 2311
} }
], ],
"animated": false, "animated": false,
@ -1358,7 +1358,7 @@
}, },
{ {
"x": 3528.5, "x": 3528.5,
"y": 4615 "y": 2311
} }
], ],
"animated": false, "animated": false,

24
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

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

@ -9,7 +9,7 @@
"y": 12 "y": 12
}, },
"width": 3633, "width": 3633,
"height": 4615, "height": 2311,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -357,10 +357,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1316, "x": 1316,
"y": 1393 "y": 1137
}, },
"width": 20, "width": 20,
"height": 1190, "height": 422,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -473,10 +473,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1739, "x": 1739,
"y": 3709 "y": 1917
}, },
"width": 20, "width": 20,
"height": 804, "height": 292,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -691,11 +691,11 @@
"route": [ "route": [
{ {
"x": 87, "x": 87,
"y": 1409 "y": 1153
}, },
{ {
"x": 1316.5, "x": 1316.5,
"y": 1409 "y": 1153
} }
], ],
"animated": false, "animated": false,
@ -730,11 +730,11 @@
"route": [ "route": [
{ {
"x": 1336.5, "x": 1336.5,
"y": 1795 "y": 1283
}, },
{ {
"x": 3068.5, "x": 3068.5,
"y": 1795 "y": 1283
} }
], ],
"animated": false, "animated": false,
@ -769,11 +769,11 @@
"route": [ "route": [
{ {
"x": 1336.5, "x": 1336.5,
"y": 2181 "y": 1413
}, },
{ {
"x": 3540.5, "x": 3540.5,
"y": 2181 "y": 1413
} }
], ],
"animated": false, "animated": false,
@ -808,11 +808,11 @@
"route": [ "route": [
{ {
"x": 1336.5, "x": 1336.5,
"y": 2567 "y": 1543
}, },
{ {
"x": 3068.5, "x": 3068.5,
"y": 2567 "y": 1543
} }
], ],
"animated": false, "animated": false,
@ -847,11 +847,11 @@
"route": [ "route": [
{ {
"x": 1326.5, "x": 1326.5,
"y": 2953 "y": 1673
}, },
{ {
"x": 87, "x": 87,
"y": 2953 "y": 1673
} }
], ],
"animated": false, "animated": false,
@ -886,11 +886,11 @@
"route": [ "route": [
{ {
"x": 87, "x": 87,
"y": 3339 "y": 1803
}, },
{ {
"x": 1749, "x": 1749,
"y": 3339 "y": 1803
} }
], ],
"animated": false, "animated": false,
@ -925,11 +925,11 @@
"route": [ "route": [
{ {
"x": 1759, "x": 1759,
"y": 3725 "y": 1933
}, },
{ {
"x": 2177, "x": 2177,
"y": 3725 "y": 1933
} }
], ],
"animated": false, "animated": false,
@ -964,11 +964,11 @@
"route": [ "route": [
{ {
"x": 1759, "x": 1759,
"y": 4111 "y": 2063
}, },
{ {
"x": 2608, "x": 2608,
"y": 4111 "y": 2063
} }
], ],
"animated": false, "animated": false,
@ -1003,11 +1003,11 @@
"route": [ "route": [
{ {
"x": 1739, "x": 1739,
"y": 4497 "y": 2193
}, },
{ {
"x": 87, "x": 87,
"y": 4497 "y": 2193
} }
], ],
"animated": false, "animated": false,
@ -1046,7 +1046,7 @@
}, },
{ {
"x": 87, "x": 87,
"y": 4627 "y": 2323
} }
], ],
"animated": false, "animated": false,
@ -1085,7 +1085,7 @@
}, },
{ {
"x": 487, "x": 487,
"y": 4627 "y": 2323
} }
], ],
"animated": false, "animated": false,
@ -1124,7 +1124,7 @@
}, },
{ {
"x": 903, "x": 903,
"y": 4627 "y": 2323
} }
], ],
"animated": false, "animated": false,
@ -1163,7 +1163,7 @@
}, },
{ {
"x": 1326.5, "x": 1326.5,
"y": 4627 "y": 2323
} }
], ],
"animated": false, "animated": false,
@ -1202,7 +1202,7 @@
}, },
{ {
"x": 1749, "x": 1749,
"y": 4627 "y": 2323
} }
], ],
"animated": false, "animated": false,
@ -1241,7 +1241,7 @@
}, },
{ {
"x": 2177, "x": 2177,
"y": 4627 "y": 2323
} }
], ],
"animated": false, "animated": false,
@ -1280,7 +1280,7 @@
}, },
{ {
"x": 2608, "x": 2608,
"y": 4627 "y": 2323
} }
], ],
"animated": false, "animated": false,
@ -1319,7 +1319,7 @@
}, },
{ {
"x": 3068.5, "x": 3068.5,
"y": 4627 "y": 2323
} }
], ],
"animated": false, "animated": false,
@ -1358,7 +1358,7 @@
}, },
{ {
"x": 3540.5, "x": 3540.5,
"y": 4627 "y": 2323
} }
], ],
"animated": false, "animated": false,

24
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