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

Merge pull request #788 from alixander/dagre-container-label

Browse source 
move dagre container labels to outside position
This commit is contained in:
Alexander Wang 2023-02-10 21:16:10 -08:00 committed by GitHub
commit 5c8cac54f4
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
71 changed files with 3905 additions and 1129 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
ci/release/changelogs/next.md
View file

@ -23,6 +23,7 @@
- Code snippets use bold and italic font styles as determined by highlighter [#710](https://github.com/terrastruct/d2/issues/710), [#741](https://github.com/terrastruct/d2/issues/741)
- Reduces default padding of shapes. [#702](https://github.com/terrastruct/d2/pull/702)
- Ensures labels fit inside shapes with shape-specific inner bounding boxes. [#702](https://github.com/terrastruct/d2/pull/702)
- dagre container labels changed positions to outside the shape. Many previously obscured container labels are now legible. [#788](https://github.com/terrastruct/d2/pull/788)
- Improves package shape dimensions with short height. [#702](https://github.com/terrastruct/d2/pull/702)
- Keeps person shape from becoming too distorted. [#702](https://github.com/terrastruct/d2/pull/702)
- Ensures shapes with icons have enough padding for their labels. [#702](https://github.com/terrastruct/d2/pull/702)

116
d2layouts/d2dagrelayout/layout.go
View file

@ -104,6 +104,16 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
rootAttrs.rankdir = "TB"
}
maxContainerLabelHeight := 0
for _, obj := range g.Objects {
if len(obj.ChildrenArray) == 0 {
continue
}
if obj.LabelHeight != nil {
maxContainerLabelHeight = go2.Max(maxContainerLabelHeight, *obj.LabelHeight+label.PADDING)
}
}
maxLabelSize := 0
for _, edge := range g.Edges {
size := edge.LabelDimensions.Width
@ -112,7 +122,7 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
}
maxLabelSize = go2.Max(maxLabelSize, size)
}
rootAttrs.ranksep = go2.Max(100, maxLabelSize+40)
rootAttrs.ranksep = go2.Max(go2.Max(100, maxLabelSize+40), maxContainerLabelHeight)
configJS := setGraphAttrs(rootAttrs)
if _, err := vm.RunString(configJS); err != nil {
@ -130,6 +140,9 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
if obj.Attributes.Shape.Value == d2target.ShapeImage || obj.Attributes.Icon != nil {
height += float64(*obj.LabelHeight) + label.PADDING
}
if len(obj.ChildrenArray) > 0 {
height += float64(*obj.LabelHeight) + label.PADDING
}
}
loadScript += generateAddNodeLine(id, int(obj.Width), int(height))
if obj.Parent != g.Root {
@ -191,7 +204,7 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
if obj.LabelWidth != nil && obj.LabelHeight != nil {
if len(obj.ChildrenArray) > 0 {
obj.LabelPosition = go2.Pointer(string(label.InsideTopCenter))
obj.LabelPosition = go2.Pointer(string(label.OutsideTopCenter))
} else if obj.Attributes.Shape.Value == d2target.ShapeImage {
obj.LabelPosition = go2.Pointer(string(label.OutsideBottomCenter))
// remove the extra height we added to the node when passing to dagre
@ -248,6 +261,105 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
}
}
}
points = points[startIndex : endIndex+1]
points[0] = start
points[len(points)-1] = end
edge.Route = points
}
for _, obj := range g.Objects {
if obj.LabelHeight == nil || len(obj.ChildrenArray) <= 0 {
continue
}
// usually you don't want to take away here more than what was added, which is the label height
// however, if the label height is more than the ranksep/2, we'll have no padding around children anymore
// so cap the amount taken off at ranksep/2
subtract := float64(go2.Min(rootAttrs.ranksep/2, *obj.LabelHeight+label.PADDING))
obj.Height -= subtract
// If the edge is connected to two descendants that are about to be downshifted, their whole route gets downshifted
movedEdges := make(map[*d2graph.Edge]struct{})
for _, e := range g.Edges {
currSrc := e.Src
currDst := e.Dst
isSrcDesc := false
isDstDesc := false
for currSrc != nil {
if currSrc == obj {
isSrcDesc = true
break
}
currSrc = currSrc.Parent
}
for currDst != nil {
if currDst == obj {
isDstDesc = true
break
}
currDst = currDst.Parent
}
if isSrcDesc && isDstDesc {
stepSize := subtract
if e.Src != obj || e.Dst != obj {
stepSize /= 2.
}
movedEdges[e] = struct{}{}
for _, p := range e.Route {
p.Y += stepSize
}
}
}
// Downshift descendents and edges that have one endpoint connected to a descendant
q := []*d2graph.Object{obj}
for len(q) > 0 {
curr := q[0]
q = q[1:]
stepSize := subtract
// The object itself needs to move down the height it was just subtracted
// all descendents move half, to maintain vertical padding
if curr != obj {
stepSize /= 2.
}
curr.TopLeft.Y += stepSize
shouldMove := func(p *geo.Point) bool {
if curr != obj {
return true
}
// Edge should only move if it's not connected to the bottom side of the shrinking container
return p.Y != obj.TopLeft.Y+obj.Height
}
for _, e := range g.Edges {
if _, ok := movedEdges[e]; ok {
continue
}
if e.Src == curr {
if shouldMove(e.Route[0]) {
e.Route[0].Y += stepSize
}
}
if e.Dst == curr {
if shouldMove(e.Route[len(e.Route)-1]) {
e.Route[len(e.Route)-1].Y += stepSize
}
}
}
for _, c := range curr.ChildrenArray {
q = append(q, c)
}
}
}
for _, edge := range g.Edges {
points := edge.Route
startIndex, endIndex := 0, len(points)-1
start, end := points[startIndex], points[endIndex]
// arrowheads can appear broken if segments are very short from dagre routing a point just outside the shape
// to fix this, we try extending the previous segment into the shape instead of having a very short segment

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

22
e2etests/stable_test.go
View file

@ -609,10 +609,24 @@ x -> hey -> y
`,
},
{
name: "child_parent_edges",
script: `a.b -> a
a.b -> a.b.c
a.b.c.d -> a.b`,
name: "font_sizes_containers_large",
script: `
ninety nine: {
style.font-size: 99
sixty four: {
style.font-size: 64
thirty two:{
style.font-size: 32
sixteen: {
style.font-size: 16
eight: {
style.font-size: 8
}
}
}
}
}
`,
},
{
name: "lone_h1",

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

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 0
"y": 41
},
"width": 425,
"height": 528,
"height": 487,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false,
"labelWidth": 12,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 94,
"y": 55
"y": 75
},
"width": 53,
"height": 66,
@ -89,10 +89,10 @@
"type": "rectangle",
"pos": {
"x": 40,
"y": 299
"y": 355
},
"width": 345,
"height": 175,
"height": 139,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -121,7 +121,7 @@
"underline": false,
"labelWidth": 10,
"labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 2
},
@ -130,7 +130,7 @@
"type": "rectangle",
"pos": {
"x": 207,
"y": 55
"y": 75
},
"width": 52,
"height": 66,
@ -171,7 +171,7 @@
"type": "rectangle",
"pos": {
"x": 319,
"y": 55
"y": 75
},
"width": 53,
"height": 66,
@ -212,7 +212,7 @@
"type": "rectangle",
"pos": {
"x": 206,
"y": 353
"y": 391
},
"width": 54,
"height": 66,
@ -277,19 +277,19 @@
"route": [
{
"x": 120,
"y": 121.5
"y": 142
},
{
"x": 120,
"y": 191.9
"y": 212.4
},
{
"x": 120,
"y": 227.5
"x": 120.2,
"y": 326.4
},
{
"x": 120,
"y": 299.5
"x": 121,
"y": 356
}
],
"isCurve": true,
@ -325,19 +325,19 @@
"route": [
{
"x": 232.5,
"y": 121.5
"y": 142
},
{
"x": 232.5,
"y": 191.9
"y": 212.4
},
{
"x": 232.5,
"y": 227.5
"y": 326.4
},
{
"x": 232.5,
"y": 299.5
"y": 356
}
],
"isCurve": true,
@ -373,19 +373,19 @@
"route": [
{
"x": 345,
"y": 121.5
"y": 142
},
{
"x": 345,
"y": 191.9
"y": 212.4
},
{
"x": 345,
"y": 227.5
"x": 344.8,
"y": 326.4
},
{
"x": 345,
"y": 299.5
"x": 344,
"y": 356
}
],
"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="732" viewBox="-102 -102 629 732"><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="732" viewBox="-102 -102 629 732"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="425" height="528" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="212.500000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="a.b"><g class="shape" ><rect x="94" y="55" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.500000" y="93.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.c"><g class="shape" ><rect x="40" y="299" width="345" height="175" style="fill:#EDF0FD;stroke:white;stroke-width:2;" /></g><text class="text" x="212.500000" y="328.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">c</text></g><g id="a.1"><g class="shape" ><rect x="207" y="55" width="52" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="233.000000" y="93.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">1</text></g><g id="a.2"><g class="shape" ><rect x="319" y="55" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="345.500000" y="93.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">2</text></g><g id="a.c.d"><g class="shape" ><rect x="206" y="353" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="233.000000" y="391.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="a.(b -&gt; c)[0]"><marker id="mk-1065319532" markerWidth="24.200000" markerHeight="18.000000" refX="20.800000" refY="9.000000" viewBox="0.000000 0.000000 24.200000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="white" stroke="red" stroke-width="2" points="0.000000,9.000000 11.000000,2.250000 22.000000,9.000000 11.000000,16.200000" /> </marker><path d="M 120.000000 123.500000 C 120.000000 191.900000 120.000000 227.500000 120.000000 295.500000" class="connection" style="fill:none;stroke:red;stroke-width:2;" marker-end="url(#mk-1065319532)" mask="url(#89896559)"/><text class="text-italic" x="120.000000" y="192.000000" style="text-anchor:middle;font-size:16px;fill:red"><tspan x="120.000000" dy="0.000000">line 1</tspan><tspan x="120.000000" dy="17.250000">line 2</tspan><tspan x="120.000000" dy="17.250000">line 3</tspan><tspan x="120.000000" dy="17.250000">line 4</tspan></text></g><g id="a.(1 -&gt; c)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 232.500000 123.500000 C 232.500000 191.900000 232.500000 227.500000 232.500000 295.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#89896559)"/></g><g id="a.(2 &lt;-&gt; c)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 345.000000 125.500000 C 345.000000 191.900000 345.000000 227.500000 345.000000 295.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#89896559)"/></g><mask id="89896559" maskUnits="userSpaceOnUse" x="-100" y="-100" width="629" height="732">
<rect x="-100" y="-100" width="629" height="732" fill="white"></rect>
<rect x="102.000000" y="176.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.200000 326.400000 120.891931 352.001460" class="connection" style="fill:none;stroke:red;stroke-width:2;" marker-end="url(#mk-1065319532)" mask="url(#1358665797)"/><text class="text-italic" x="120.000000" y="231.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 326.400000 232.500000 352.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1358665797)"/></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 344.800000 326.400000 344.108069 352.001460" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#1358665797)"/></g><mask id="1358665797" 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="215.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

48
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": 0
"y": 41
},
"width": 2328,
"height": 177,
"height": 136,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false,
"labelWidth": 221,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 105,
"y": 50
"y": 70
},
"width": 270,
"height": 77,
@ -89,7 +89,7 @@
"type": "rectangle",
"pos": {
"x": 638,
"y": 50
"y": 70
},
"width": 209,
"height": 77,
@ -130,7 +130,7 @@
"type": "rectangle",
"pos": {
"x": 1194,
"y": 50
"y": 70
},
"width": 71,
"height": 77,
@ -171,7 +171,7 @@
"type": "rectangle",
"pos": {
"x": 1593,
"y": 50
"y": 70
},
"width": 158,
"height": 77,
@ -212,7 +212,7 @@
"type": "rectangle",
"pos": {
"x": 2129,
"y": 50
"y": 70
},
"width": 95,
"height": 77,
@ -277,19 +277,19 @@
"route": [
{
"x": 375.5,
"y": 88.5
"y": 109
},
{
"x": 479.9,
"y": 88.5
"y": 109
},
{
"x": 532.3,
"y": 88.5
"y": 109
},
{
"x": 637.5,
"y": 88.5
"y": 109
}
],
"isCurve": true,
@ -325,19 +325,19 @@
"route": [
{
"x": 846.5,
"y": 88.5
"y": 109
},
{
"x": 985.3,
"y": 88.5
"y": 109
},
{
"x": 1054.7,
"y": 88.5
"y": 109
},
{
"x": 1193.5,
"y": 88.5
"y": 109
}
],
"isCurve": true,
@ -373,19 +373,19 @@
"route": [
{
"x": 1265.5,
"y": 88.5
"y": 109
},
{
"x": 1395.9,
"y": 88.5
"y": 109
},
{
"x": 1461.3,
"y": 88.5
"y": 109
},
{
"x": 1592.5,
"y": 88.5
"y": 109
}
],
"isCurve": true,
@ -421,19 +421,19 @@
"route": [
{
"x": 1751.5,
"y": 88.5
"y": 109
},
{
"x": 1901.9,
"y": 88.5
"y": 109
},
{
"x": 1977.3,
"y": 88.5
"y": 109
},
{
"x": 2128.5,
"y": 88.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="381" viewBox="-102 -102 2532 381"><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="381" viewBox="-102 -102 2532 381"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="build_workflow"><g class="shape" ><rect x="0" y="0" width="2328" height="177" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="1164.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">lambda-build.yaml</text></g><g id="build_workflow.push"><g class="shape" ><rect x="105" y="50" width="270" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="240.000000" y="97.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">Push to main branch</text></g><g id="build_workflow.GHA"><g class="shape" ><rect x="638" y="50" width="209" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="742.500000" y="97.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">GitHub Actions</text></g><g id="build_workflow.S3"><g class="shape" ><rect x="1194" y="50" width="71" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1229.500000" y="97.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">S3</text></g><g id="build_workflow.Terraform"><g class="shape" ><rect x="1593" y="50" width="158" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1672.000000" y="97.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">Terraform</text></g><g id="build_workflow.AWS"><g class="shape" ><rect x="2129" y="50" width="95" height="77" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="2176.500000" y="97.500000" style="text-anchor:middle;font-size:25px;fill:#0A0F25">AWS</text></g><g id="build_workflow.(push -&gt; GHA)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 377.500000 88.500000 C 479.900000 88.500000 532.300000 88.500000 633.500000 88.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2796260647)"/><text class="text-italic" x="507.000000" y="94.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Triggers</text></g><g id="build_workflow.(GHA -&gt; S3)[0]"><path d="M 848.500000 88.500000 C 985.300000 88.500000 1054.700000 88.500000 1189.500000 88.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2796260647)"/><text class="text-italic" x="1020.000000" y="94.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Builds zip &amp; pushes it</text></g><g id="build_workflow.(S3 &lt;-&gt; Terraform)[0]"><marker id="mk-2510427236" markerWidth="10.000000" markerHeight="12.000000" refX="3.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="10.000000,0.000000 0.000000,6.000000 10.000000,12.000000" /> </marker><path d="M 1269.500000 88.500000 C 1395.900000 88.500000 1461.300000 88.500000 1588.500000 88.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2796260647)"/><text class="text-italic" x="1429.500000" y="94.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Pulls zip to deploy</text></g><g id="build_workflow.(Terraform -&gt; AWS)[0]"><path d="M 1753.500000 88.500000 C 1901.900000 88.500000 1977.300000 88.500000 2124.500000 88.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2796260647)"/><text class="text-italic" x="1940.500000" y="94.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">Changes the live lambdas</text></g><mask id="2796260647" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2532" height="381">
<rect x="-100" y="-100" width="2532" height="381" fill="white"></rect>
<rect x="480.000000" y="78.000000" width="54" height="21" fill="black"></rect>
<rect x="951.000000" y="78.000000" width="138" height="21" fill="black"></rect>
<rect x="1370.000000" y="78.000000" width="119" height="21" fill="black"></rect>
<rect x="1856.000000" y="78.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

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

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 0
"y": 41
},
"width": 370,
"height": 1372,
"height": 1331,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false,
"labelWidth": 221,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 50,
"y": 73
"y": 93
},
"width": 270,
"height": 77,
@ -89,7 +89,7 @@
"type": "rectangle",
"pos": {
"x": 81,
"y": 322
"y": 342
},
"width": 209,
"height": 77,
@ -130,7 +130,7 @@
"type": "rectangle",
"pos": {
"x": 150,
"y": 651
"y": 671
},
"width": 71,
"height": 77,
@ -171,7 +171,7 @@
"type": "rectangle",
"pos": {
"x": 106,
"y": 973
"y": 993
},
"width": 158,
"height": 77,
@ -212,7 +212,7 @@
"type": "rectangle",
"pos": {
"x": 138,
"y": 1222
"y": 1242
},
"width": 95,
"height": 77,
@ -253,10 +253,10 @@
"type": "rectangle",
"pos": {
"x": 410,
"y": 0
"y": 41
},
"width": 311,
"height": 801,
"height": 760,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -285,7 +285,7 @@
"underline": false,
"labelWidth": 242,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -294,7 +294,7 @@
"type": "rectangle",
"pos": {
"x": 460,
"y": 73
"y": 93
},
"width": 211,
"height": 77,
@ -335,7 +335,7 @@
"type": "rectangle",
"pos": {
"x": 461,
"y": 322
"y": 342
},
"width": 209,
"height": 77,
@ -376,7 +376,7 @@
"type": "rectangle",
"pos": {
"x": 518,
"y": 651
"y": 671
},
"width": 95,
"height": 77,
@ -417,10 +417,10 @@
"type": "rectangle",
"pos": {
"x": 761,
"y": 0
"y": 41
},
"width": 613,
"height": 801,
"height": 760,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -449,7 +449,7 @@
"underline": false,
"labelWidth": 227,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -458,7 +458,7 @@
"type": "rectangle",
"pos": {
"x": 979,
"y": 73
"y": 93
},
"width": 178,
"height": 77,
@ -499,7 +499,7 @@
"type": "rectangle",
"pos": {
"x": 963,
"y": 322
"y": 342
},
"width": 209,
"height": 77,
@ -540,7 +540,7 @@
"type": "rectangle",
"pos": {
"x": 1020,
"y": 651
"y": 671
},
"width": 95,
"height": 77,
@ -605,19 +605,19 @@
"route": [
{
"x": 185,
"y": 150
"y": 170.5
},
{
"x": 185,
"y": 218.8
"y": 239.3
},
{
"x": 185,
"y": 253.2
"y": 273.7
},
{
"x": 185,
"y": 322
"y": 342.5
}
],
"isCurve": true,
@ -653,19 +653,19 @@
"route": [
{
"x": 185,
"y": 399
"y": 419.5
},
{
"x": 185,
"y": 499.8
"y": 520.3
},
{
"x": 185,
"y": 550.2
"y": 570.7
},
{
"x": 185,
"y": 651
"y": 671.5
}
],
"isCurve": true,
@ -701,19 +701,19 @@
"route": [
{
"x": 185,
"y": 728
"y": 748.5
},
{
"x": 185,
"y": 786.4
"y": 806.9
},
{
"x": 185,
"y": 904.2
"y": 924.7
},
{
"x": 185,
"y": 973
"y": 993.5
}
],
"isCurve": true,
@ -749,19 +749,19 @@
"route": [
{
"x": 185,
"y": 1050
"y": 1070.5
},
{
"x": 185,
"y": 1118.8
"y": 1139.3
},
{
"x": 185,
"y": 1153.2
"y": 1173.7
},
{
"x": 185,
"y": 1222
"y": 1242.5
}
],
"isCurve": true,
@ -797,19 +797,19 @@
"route": [
{
"x": 565.5,
"y": 150
"y": 170.5
},
{
"x": 565.5,
"y": 218.8
"y": 239.3
},
{
"x": 565.5,
"y": 253.2
"y": 273.7
},
{
"x": 565.5,
"y": 322
"y": 342.5
}
],
"isCurve": true,
@ -845,19 +845,19 @@
"route": [
{
"x": 565.5,
"y": 399
"y": 419.5
},
{
"x": 565.5,
"y": 499.8
"y": 520.3
},
{
"x": 565.5,
"y": 550.2
"y": 570.7
},
{
"x": 565.5,
"y": 651
"y": 671.5
}
],
"isCurve": true,
@ -893,19 +893,19 @@
"route": [
{
"x": 1067.5,
"y": 150
"y": 170.5
},
{
"x": 1067.5,
"y": 218.8
"y": 239.3
},
{
"x": 1067.5,
"y": 253.2
"y": 273.7
},
{
"x": 1067.5,
"y": 322
"y": 342.5
}
],
"isCurve": true,
@ -941,19 +941,19 @@
"route": [
{
"x": 1067.5,
"y": 399
"y": 419.5
},
{
"x": 1067.5,
"y": 499.8
"y": 520.3
},
{
"x": 1067.5,
"y": 550.2
"y": 570.7
},
{
"x": 1067.5,
"y": 651
"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

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

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 0
"y": 41
},
"width": 306,
"height": 166,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false,
"labelWidth": 13,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 50,
"y": 50
"y": 70
},
"width": 53,
"height": 66,
@ -89,7 +89,7 @@
"type": "rectangle",
"pos": {
"x": 203,
"y": 50
"y": 70
},
"width": 53,
"height": 66,
@ -154,55 +154,55 @@
"route": [
{
"x": 103,
"y": 68.38440111420613
"y": 88.88440111420613
},
{
"x": 129.66666666666669,
"y": 53.67688022284123
"y": 74.17688022284122
},
{
"x": 138,
"y": 50
"y": 70.5
},
{
"x": 140.5,
"y": 50
"y": 70.5
},
{
"x": 143,
"y": 50
"y": 70.5
},
{
"x": 146.33333333333331,
"y": 56.6
"y": 77.1
},
{
"x": 148.83333333333331,
"y": 66.5
"y": 87
},
{
"x": 151.33333333333334,
"y": 76.4
"y": 96.9
},
{
"x": 151.33333333333334,
"y": 89.6
"y": 110.1
},
{
"x": 148.83333333333331,
"y": 99.5
"y": 120
},
{
"x": 146.33333333333331,
"y": 109.4
"y": 129.9
},
{
"x": 129.66666666666669,
"y": 112.32311977715878
"y": 132.82311977715878
},
{
"x": 103,
"y": 97.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="370" viewBox="-102 -102 510 370"><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="370" viewBox="-102 -102 510 370"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="x"><g class="shape" ><rect x="0" y="0" width="306" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="153.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">x</text></g><g id="x.a"><g class="shape" ><rect x="50" y="50" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="76.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">a</text></g><g id="x.b"><g class="shape" ><rect x="203" y="50" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="229.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="x.(a -&gt; a)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 104.751298 67.418504 C 129.666667 53.676880 138.000000 50.000000 140.500000 50.000000 C 143.000000 50.000000 146.333333 56.600000 148.833333 66.500000 C 151.333333 76.400000 151.333333 89.600000 148.833333 99.500000 C 146.333333 109.400000 129.666667 112.323120 106.502595 99.547392" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2444376964)"/></g><mask id="2444376964" maskUnits="userSpaceOnUse" x="-100" y="-100" width="510" height="370">
<rect x="-100" y="-100" width="510" height="370" 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

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

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 0
"y": 41
},
"width": 1276,
"height": 166,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false,
"labelWidth": 133,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 131,
"y": 50
"y": 70
},
"width": 132,
"height": 66,
@ -89,7 +89,7 @@
"type": "rectangle",
"pos": {
"x": 323,
"y": 50
"y": 70
},
"width": 132,
"height": 66,
@ -130,7 +130,7 @@
"type": "rectangle",
"pos": {
"x": 515,
"y": 50
"y": 70
},
"width": 132,
"height": 66,
@ -171,7 +171,7 @@
"type": "rectangle",
"pos": {
"x": 707,
"y": 50
"y": 70
},
"width": 133,
"height": 66,
@ -212,7 +212,7 @@
"type": "rectangle",
"pos": {
"x": 900,
"y": 50
"y": 70
},
"width": 133,
"height": 66,
@ -253,7 +253,7 @@
"type": "rectangle",
"pos": {
"x": 1093,
"y": 50
"y": 70
},
"width": 133,
"height": 66,
@ -294,10 +294,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 287
"y": 328
},
"width": 495,
"height": 166,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -326,7 +326,7 @@
"underline": false,
"labelWidth": 97,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -335,7 +335,7 @@
"type": "rectangle",
"pos": {
"x": 186,
"y": 337
"y": 357
},
"width": 76,
"height": 66,
@ -376,7 +376,7 @@
"type": "rectangle",
"pos": {
"x": 369,
"y": 337
"y": 357
},
"width": 76,
"height": 66,
@ -449,11 +449,11 @@
},
{
"x": 84,
"y": 238.7
"y": 246.9
},
{
"x": 84,
"y": 287.5
"y": 328.5
}
],
"isCurve": true,
@ -497,11 +497,11 @@
},
{
"x": 186,
"y": 238.7
"y": 246.9
},
{
"x": 186,
"y": 287.5
"y": 328.5
}
],
"isCurve": true,
@ -545,11 +545,11 @@
},
{
"x": 282,
"y": 238.7
"y": 246.9
},
{
"x": 282,
"y": 287.5
"y": 328.5
}
],
"isCurve": true,
@ -593,11 +593,11 @@
},
{
"x": 363,
"y": 238.7
"y": 246.9
},
{
"x": 363,
"y": 287.5
"y": 328.5
}
],
"isCurve": true,

14
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="657" viewBox="-102 -102 1480 657"><style type="text/css">
width="1480" height="655" viewBox="-102 -100 1480 655"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,12 +39,12 @@ width="1480" height="657" viewBox="-102 -102 1480 657"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="k8s"><g class="shape" ><rect x="0" y="0" width="1276" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="638.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">Kubernetes</text></g><g id="osvc"><g class="shape" ><rect x="0" y="287" width="495" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="247.500000" y="320.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">opensvc</text></g><g id="k8s.m1"><g class="shape" ><rect x="131" y="50" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="197.000000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master1</text></g><g id="k8s.m2"><g class="shape" ><rect x="323" y="50" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="389.000000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master2</text></g><g id="k8s.m3"><g class="shape" ><rect x="515" y="50" width="132" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="581.000000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-master3</text></g><g id="k8s.w1"><g class="shape" ><rect x="707" y="50" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="773.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker1</text></g><g id="k8s.w2"><g class="shape" ><rect x="900" y="50" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="966.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker2</text></g><g id="k8s.w3"><g class="shape" ><rect x="1093" y="50" width="133" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1159.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">k8s-worker3</text></g><g id="osvc.vm1"><g class="shape" ><rect x="186" y="337" width="76" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="224.000000" y="375.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">VM1</text></g><g id="osvc.vm2"><g class="shape" ><rect x="369" y="337" width="76" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="407.000000" y="375.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">VM2</text></g><g id="(k8s -&gt; osvc)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 84.000000 168.000000 C 84.000000 214.400000 84.000000 238.700000 84.000000 283.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1066329477)"/><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(#1066329477)"/><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(#1066329477)"/><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(#1066329477)"/><text class="text-italic" x="363.500000" y="232.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">vault</text></g><mask id="1066329477" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1480" height="657">
<rect x="-100" y="-100" width="1480" height="657" 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>
<rect x="346.000000" y="216.000000" width="35" height="21" fill="black"></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 246.900000 84.000000 324.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2738680688)"/><text class="text-italic" x="84.500000" y="253.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 246.900000 186.000000 324.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2738680688)"/><text class="text-italic" x="186.500000" y="253.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 246.900000 282.000000 324.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2738680688)"/><text class="text-italic" x="282.500000" y="253.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 246.900000 363.000000 324.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2738680688)"/><text class="text-italic" x="363.500000" y="253.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">vault</text></g><mask id="2738680688" 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="237.000000" width="59" height="21" fill="black"></rect>
<rect x="154.000000" y="237.000000" width="65" height="21" fill="black"></rect>
<rect x="259.000000" y="237.000000" width="47" height="21" fill="black"></rect>
<rect x="346.000000" y="237.000000" width="35" 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

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

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 0
"y": 41
},
"width": 156,
"height": 166,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false,
"labelWidth": 12,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 54,
"y": 50
"y": 70
},
"width": 53,
"height": 66,
@ -89,10 +89,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 266
"y": 307
},
"width": 157,
"height": 166,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -121,7 +121,7 @@
"underline": false,
"labelWidth": 12,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -130,7 +130,7 @@
"type": "rectangle",
"pos": {
"x": 53,
"y": 316
"y": 336
},
"width": 54,
"height": 66,
@ -195,11 +195,11 @@
"route": [
{
"x": 80,
"y": 116
"y": 136.5
},
{
"x": 80,
"y": 156
"y": 160.1
},
{
"x": 80,
@ -215,11 +215,11 @@
},
{
"x": 80,
"y": 276
"y": 280.1
},
{
"x": 80,
"y": 316
"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="636" viewBox="-102 -102 361 636"><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="636" viewBox="-102 -102 361 636"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="156" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="78.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="0" y="266" width="157" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="78.500000" y="299.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="a.b"><g class="shape" ><rect x="54" y="50" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="80.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="53" y="316" width="54" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="80.000000" y="354.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="(a.b -&gt; c.d)[0]"><marker id="mk-3990223579" markerWidth="10.000000" markerHeight="12.000000" refX="7.000000" refY="6.000000" viewBox="0.000000 0.000000 10.000000 12.000000" orient="auto" markerUnits="userSpaceOnUse"> <polygon class="connection" fill="#0D32B2" stroke-width="2" points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" /> </marker><path d="M 80.000000 118.000000 C 80.000000 156.000000 80.000000 176.000000 80.000000 191.000000 C 80.000000 206.000000 80.000000 276.000000 80.000000 312.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4117563475)"/></g><mask id="4117563475" maskUnits="userSpaceOnUse" x="-100" y="-100" width="361" height="636">
<rect x="-100" y="-100" width="361" height="636" 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 160.100000 80.000000 176.000000 80.000000 191.000000 C 80.000000 206.000000 80.000000 280.100000 80.000000 332.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1368898776)"/></g><mask id="1368898776" 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

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

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 0
"y": 41
},
"width": 218,
"height": 430,
"height": 389,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false,
"labelWidth": 41,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -48,7 +48,7 @@
"type": "callout",
"pos": {
"x": 50,
"y": 289
"y": 309
},
"width": 72,
"height": 91,
@ -89,7 +89,7 @@
"type": "rectangle",
"pos": {
"x": 84,
"y": 76
"y": 96
},
"width": 68,
"height": 66,
@ -236,19 +236,19 @@
"route": [
{
"x": 109.16317991631799,
"y": 142
"y": 162.5
},
{
"x": 90.6326359832636,
"y": 211.2
"y": 231.7
},
{
"x": 86,
"y": 240.6
"y": 261.1
},
{
"x": 86,
"y": 289
"y": 309.5
}
],
"isCurve": true,
@ -292,11 +292,11 @@
},
{
"x": 145.4,
"y": 211.1
"y": 215.2
},
{
"x": 127,
"y": 141.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="634" viewBox="-102 -102 545 634"><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="634" viewBox="-102 -102 545 634"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="aaa"><g class="shape" ><rect x="0" y="0" width="218" height="430" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="109.000000" y="33.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 289 V 335 H 86 V 380 L 116 335 H 122 V 289 H 50 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="86.000000" y="317.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">bbb</text></g><g id="aaa.ccc"><g class="shape" ><rect x="84" y="76" width="68" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="118.000000" y="114.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">ccc</text></g><g id="(aaa.ccc -- aaa)[0]"><path d="M 108.645842 143.931932 C 90.632636 211.200000 86.000000 240.600000 86.000000 287.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" mask="url(#2222316659)"/><text class="text-italic" x="90.500000" y="220.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.511174 143.433572" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#2222316659)"/><text class="text-italic" x="173.500000" y="250.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">222</text></g><mask id="2222316659" maskUnits="userSpaceOnUse" x="-100" y="-100" width="545" height="634">
<rect x="-100" y="-100" width="545" height="634" fill="white"></rect>
<rect x="79.000000" y="204.000000" width="23" height="21" fill="black"></rect>
<rect x="161.000000" y="234.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(#3566302156)"/><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 215.200000 127.653733 163.890141" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" mask="url(#3566302156)"/><text class="text-italic" x="180.500000" y="255.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">222</text></g><mask id="3566302156" 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="168.000000" y="239.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

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

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 0
"y": 41
},
"width": 970,
"height": 1521,
"height": 1480,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false,
"labelWidth": 27,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -48,10 +48,10 @@
"type": "rectangle",
"pos": {
"x": 40,
"y": 50
"y": 106
},
"width": 691,
"height": 1421,
"height": 1385,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -80,7 +80,7 @@
"underline": false,
"labelWidth": 26,
"labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 2
},
@ -89,10 +89,10 @@
"type": "rectangle",
"pos": {
"x": 80,
"y": 818
"y": 887
},
"width": 477,
"height": 603,
"height": 572,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -121,7 +121,7 @@
"underline": false,
"labelWidth": 19,
"labelHeight": 26,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 3
},
@ -130,10 +130,10 @@
"type": "rectangle",
"pos": {
"x": 120,
"y": 868
"y": 948
},
"width": 336,
"height": 166,
"height": 140,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -162,7 +162,7 @@
"underline": false,
"labelWidth": 17,
"labelHeight": 21,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 4
},
@ -171,7 +171,7 @@
"type": "text",
"pos": {
"x": 253,
"y": 941
"y": 1008
},
"width": 16,
"height": 21,
@ -211,7 +211,7 @@
"type": "rectangle",
"pos": {
"x": 350,
"y": 918
"y": 985
},
"width": 57,
"height": 66,
@ -252,7 +252,7 @@
"type": "text",
"pos": {
"x": 396,
"y": 1155
"y": 1209
},
"width": 17,
"height": 21,
@ -292,7 +292,7 @@
"type": "rectangle",
"pos": {
"x": 373,
"y": 1301
"y": 1355
},
"width": 63,
"height": 66,
@ -333,10 +333,10 @@
"type": "package",
"pos": {
"x": 120,
"y": 100
"y": 169
},
"width": 378,
"height": 192,
"height": 161,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -365,7 +365,7 @@
"underline": false,
"labelWidth": 9,
"labelHeight": 26,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 3
},
@ -374,7 +374,7 @@
"type": "diamond",
"pos": {
"x": 304,
"y": 150
"y": 204
},
"width": 50,
"height": 92,
@ -415,7 +415,7 @@
"type": "oval",
"pos": {
"x": 607,
"y": 1297
"y": 1335
},
"width": 74,
"height": 74,
@ -456,7 +456,7 @@
"type": "rectangle",
"pos": {
"x": 828,
"y": 631
"y": 651
},
"width": 54,
"height": 66,
@ -497,7 +497,7 @@
"type": "cylinder",
"pos": {
"x": 815,
"y": 413
"y": 433
},
"width": 71,
"height": 118,
@ -538,7 +538,7 @@
"type": "text",
"pos": {
"x": 781,
"y": 1324
"y": 1344
},
"width": 16,
"height": 21,
@ -578,7 +578,7 @@
"type": "rectangle",
"pos": {
"x": 857,
"y": 1301
"y": 1321
},
"width": 63,
"height": 66,
@ -643,19 +643,19 @@
"route": [
{
"x": 260.75,
"y": 962.5
"y": 1029.5
},
{
"x": 260.75,
"y": 1019.7
"y": 1076.3
},
{
"x": 287.75,
"y": 1107.9
"y": 1161.9
},
{
"x": 395.75,
"y": 1161.5
"y": 1215.5
}
],
"isCurve": true,
@ -691,19 +691,19 @@
"route": [
{
"x": 404.5,
"y": 1176
"y": 1230
},
{
"x": 404.5,
"y": 1224.4
"y": 1278.4
},
{
"x": 404.5,
"y": 1249.5
"y": 1303.5
},
{
"x": 404.5,
"y": 1301.5
"y": 1355.5
}
],
"isCurve": true,
@ -739,67 +739,67 @@
"route": [
{
"x": 200,
"y": 292
"y": 331
},
{
"x": 200,
"y": 340.4
"y": 379
},
{
"x": 200,
"y": 376.4
"y": 414.9
},
{
"x": 200,
"y": 412.25
"y": 450.75
},
{
"x": 200,
"y": 448.1
"y": 486.6
},
{
"x": 200,
"y": 493.8
"y": 532.3
},
{
"x": 200,
"y": 526.5
"y": 565
},
{
"x": 200,
"y": 559.2
"y": 597.7
},
{
"x": 200,
"y": 597.6
"y": 636.1
},
{
"x": 200,
"y": 622.5
"y": 661
},
{
"x": 200,
"y": 647.4
"y": 685.9
},
{
"x": 200,
"y": 682.7
"y": 721.2
},
{
"x": 200,
"y": 710.75
"y": 749.25
},
{
"x": 200,
"y": 738.8
"y": 777.3
},
{
"x": 200,
"y": 828
"y": 874.8
},
{
"x": 200,
"y": 868
"y": 948
}
],
"isCurve": true,
@ -835,11 +835,11 @@
"route": [
{
"x": 828,
"y": 668.1624072547403
"y": 688.6624072547403
},
{
"x": 731,
"y": 683.1624072547403
"y": 739.6624072547403
}
],
"animated": false,
@ -874,31 +874,31 @@
"route": [
{
"x": 815,
"y": 479
"y": 500
},
{
"x": 400.59999999999997,
"y": 560.6
"y": 581.2
},
{
"x": 297,
"y": 597.6
"y": 618.1
},
{
"x": 297,
"y": 622.5
"y": 643
},
{
"x": 297,
"y": 647.4
"y": 667.9
},
{
"x": 297,
"y": 769.7
"y": 800
},
{
"x": 297,
"y": 818.5
"y": 888
}
],
"isCurve": true,
@ -934,19 +934,19 @@
"route": [
{
"x": 853,
"y": 531
"y": 552
},
{
"x": 854.6,
"y": 571
"y": 591.6
},
{
"x": 855,
"y": 591
"y": 611.5
},
{
"x": 855,
"y": 631
"y": 651.5
}
],
"isCurve": true,
@ -982,11 +982,11 @@
"route": [
{
"x": 815,
"y": 480
"y": 500
},
{
"x": 731.25,
"y": 497.7739829231542
"y": 554.2739829231542
}
],
"animated": false,
@ -1021,67 +1021,67 @@
"route": [
{
"x": 828,
"y": 671.0418410041841
"y": 691.5418410041841
},
{
"x": 562.8,
"y": 740.2083682008368
"y": 760.7083682008368
},
{
"x": 496.5,
"y": 769.6
"y": 790.1
},
{
"x": 496.5,
"y": 787.75
"y": 808.25
},
{
"x": 496.5,
"y": 805.9
"y": 826.4
},
{
"x": 496.5,
"y": 828
"y": 848.5
},
{
"x": 496.5,
"y": 843
"y": 863.5
},
{
"x": 496.5,
"y": 858
"y": 878.5
},
{
"x": 496.5,
"y": 884.6
"y": 905.1
},
{
"x": 496.5,
"y": 909.5
"y": 930
},
{
"x": 496.5,
"y": 934.4
"y": 954.9
},
{
"x": 496.5,
"y": 967.6
"y": 988.1
},
{
"x": 496.5,
"y": 992.5
"y": 1013
},
{
"x": 496.5,
"y": 1017.4
"y": 1037.9
},
{
"x": 479.7,
"y": 1107.3
"y": 1134.5
},
{
"x": 412.5,
"y": 1158.5
"y": 1212.5
}
],
"isCurve": true,
@ -1117,19 +1117,19 @@
"route": [
{
"x": 815,
"y": 462
"y": 482
},
{
"x": 515.8,
"y": 374.4
"y": 394.8
},
{
"x": 441,
"y": 340.4
"y": 364.6
},
{
"x": 441,
"y": 292
"y": 331
}
],
"isCurve": true,
@ -1165,19 +1165,19 @@
"route": [
{
"x": 401,
"y": 818
"y": 887.5
},
{
"x": 401,
"y": 769.6
"y": 799.9
},
{
"x": 486.4,
"y": 739.9
"y": 760.4
},
{
"x": 828,
"y": 669.5
"y": 690
}
],
"isCurve": true,
@ -1213,31 +1213,31 @@
"route": [
{
"x": 393,
"y": 292
"y": 331
},
{
"x": 393,
"y": 340.4
"y": 364.6
},
{
"x": 393,
"y": 376.4
"y": 396.9
},
{
"x": 393,
"y": 412.25
"y": 432.75
},
{
"x": 393,
"y": 448.1
"y": 468.6
},
{
"x": 480,
"y": 596.6
"y": 617.1
},
{
"x": 828,
"y": 659
"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

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

@ -451,10 +451,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 0
"y": 41
},
"width": 381,
"height": 166,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -483,7 +483,7 @@
"underline": false,
"labelWidth": 187,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -492,7 +492,7 @@
"type": "rectangle",
"pos": {
"x": 50,
"y": 50
"y": 70
},
"width": 110,
"height": 66,
@ -533,7 +533,7 @@
"type": "rectangle",
"pos": {
"x": 220,
"y": 50
"y": 70
},
"width": 111,
"height": 66,

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

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 40,
"y": 0
"y": 41
},
"width": 156,
"height": 166,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false,
"labelWidth": 12,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 94,
"y": 50
"y": 70
},
"width": 53,
"height": 66,
@ -89,10 +89,10 @@
"type": "rectangle",
"pos": {
"x": 40,
"y": 266
"y": 307
},
"width": 157,
"height": 166,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -121,7 +121,7 @@
"underline": false,
"labelWidth": 12,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -130,7 +130,7 @@
"type": "rectangle",
"pos": {
"x": 93,
"y": 316
"y": 336
},
"width": 54,
"height": 66,
@ -171,10 +171,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 532
"y": 573
},
"width": 237,
"height": 266,
"height": 225,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -203,7 +203,7 @@
"underline": false,
"labelWidth": 9,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -212,10 +212,10 @@
"type": "rectangle",
"pos": {
"x": 40,
"y": 582
"y": 638
},
"width": 157,
"height": 166,
"height": 130,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -244,7 +244,7 @@
"underline": false,
"labelWidth": 11,
"labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 2
},
@ -253,7 +253,7 @@
"type": "rectangle",
"pos": {
"x": 93,
"y": 632
"y": 670
},
"width": 54,
"height": 66,
@ -318,11 +318,11 @@
"route": [
{
"x": 120,
"y": 116
"y": 136.5
},
{
"x": 120,
"y": 156
"y": 160.1
},
{
"x": 120,
@ -338,11 +338,11 @@
},
{
"x": 120,
"y": 276
"y": 280.1
},
{
"x": 120,
"y": 316
"y": 336.5
}
],
"isCurve": true,
@ -378,11 +378,11 @@
"route": [
{
"x": 120,
"y": 382
"y": 402.5
},
{
"x": 120,
"y": 422
"y": 426.1
},
{
"x": 120,
@ -410,11 +410,11 @@
},
{
"x": 120,
"y": 592
"y": 599.7
},
{
"x": 120,
"y": 632
"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="1002" viewBox="-102 -102 441 1002"><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="1002" viewBox="-102 -102 441 1002"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="a"><g class="shape" ><rect x="40" y="0" width="156" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">a</text></g><g id="c"><g class="shape" ><rect x="40" y="266" width="157" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.500000" y="299.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">c</text></g><g id="f"><g class="shape" ><rect x="0" y="532" width="237" height="266" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.500000" y="565.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">f</text></g><g id="a.b"><g class="shape" ><rect x="94" y="50" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="c.d"><g class="shape" ><rect x="93" y="316" width="54" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.000000" y="354.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">d</text></g><g id="f.h"><g class="shape" ><rect x="40" y="582" width="157" height="166" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.500000" y="611.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="632" width="54" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.000000" y="670.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 118.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 312.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2512831324)"/></g><g id="(c.d -&gt; f.h.g)[0]"><path d="M 120.000000 384.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 628.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2512831324)"/></g><mask id="2512831324" maskUnits="userSpaceOnUse" x="-100" y="-100" width="441" height="1002">
<rect x="-100" y="-100" width="441" height="1002" 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 160.100000 120.000000 176.000000 120.000000 191.000000 C 120.000000 206.000000 120.000000 280.100000 120.000000 332.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#634655928)"/></g><g id="(c.d -&gt; f.h.g)[0]"><path d="M 120.000000 404.500000 C 120.000000 426.100000 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 599.700000 120.000000 666.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#634655928)"/></g><mask id="634655928" 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

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

@ -48,10 +48,10 @@
"type": "rectangle",
"pos": {
"x": 277,
"y": 166
"y": 207
},
"width": 196,
"height": 698,
"height": 657,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -80,7 +80,7 @@
"underline": false,
"labelWidth": 13,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -89,7 +89,7 @@
"type": "rectangle",
"pos": {
"x": 348,
"y": 216
"y": 236
},
"width": 53,
"height": 66,
@ -130,10 +130,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 382
"y": 423
},
"width": 236,
"height": 266,
"height": 225,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -162,7 +162,7 @@
"underline": false,
"labelWidth": 13,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -171,10 +171,10 @@
"type": "rectangle",
"pos": {
"x": 40,
"y": 432
"y": 488
},
"width": 156,
"height": 166,
"height": 130,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -203,7 +203,7 @@
"underline": false,
"labelWidth": 11,
"labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 2
},
@ -212,7 +212,7 @@
"type": "rectangle",
"pos": {
"x": 94,
"y": 482
"y": 520
},
"width": 53,
"height": 66,
@ -253,7 +253,7 @@
"type": "rectangle",
"pos": {
"x": 330,
"y": 748
"y": 768
},
"width": 53,
"height": 66,
@ -367,11 +367,11 @@
},
{
"x": 374.75,
"y": 176
"y": 180.1
},
{
"x": 374.75,
"y": 216
"y": 236.5
}
],
"isCurve": true,
@ -407,11 +407,11 @@
"route": [
{
"x": 358.84638554216866,
"y": 282
"y": 302.5
},
{
"x": 339.5692771084337,
"y": 322
"y": 326.1
},
{
"x": 334.75,
@ -427,11 +427,11 @@
},
{
"x": 297.15,
"y": 446.6
"y": 454.3
},
{
"x": 146.75,
"y": 505
"y": 543.5
}
],
"isCurve": true,
@ -475,11 +475,11 @@
},
{
"x": 356.5,
"y": 708
"y": 712.1
},
{
"x": 356.5,
"y": 748
"y": 768.5
}
],
"isCurve": true,
@ -515,11 +515,11 @@
"route": [
{
"x": 356.5,
"y": 814
"y": 834.5
},
{
"x": 356.5,
"y": 854
"y": 858.1
},
{
"x": 359.1,
@ -611,11 +611,11 @@
"route": [
{
"x": 276.75,
"y": 464
"y": 505
},
{
"x": 196.75,
"y": 490
"y": 546.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="166" width="196" height="698" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="375.000000" y="199.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">g</text></g><g id="d"><g class="shape" ><rect x="0" y="382" width="236" height="266" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.000000" y="415.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="216" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="374.500000" y="254.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="d.h"><g class="shape" ><rect x="40" y="432" width="156" height="166" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="118.000000" y="461.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">h</text></g><g id="g.e"><g class="shape" ><rect x="330" y="748" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="356.500000" y="786.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="482" width="53" height="66" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="120.500000" y="520.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 212.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#606331157)"/></g><g id="(g.b -&gt; d.h.c)[0]"><path d="M 357.978102 283.801689 C 339.569277 322.000000 334.750000 342.000000 334.750000 357.000000 C 334.750000 372.000000 297.150000 446.600000 150.478763 503.552129" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#606331157)"/></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 744.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#606331157)"/></g><g id="(g.e -&gt; f)[0]"><path d="M 356.500000 816.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(#606331157)"/></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(#606331157)"/></g><g id="(g -&gt; d.h)[0]"><path d="M 274.847932 464.618172 L 200.554136 488.763656" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#606331157)"/></g><mask id="606331157" 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 180.100000 374.750000 232.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3991526408)"/></g><g id="(g.b -&gt; d.h.c)[0]"><path d="M 357.581168 304.048943 C 339.569277 326.100000 334.750000 342.000000 334.750000 357.000000 C 334.750000 372.000000 297.150000 454.300000 150.190423 541.459537" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3991526408)"/></g><g id="(d -&gt; g.e)[0]"><path d="M 121.956748 648.413689 C 309.200000 688.000000 356.500000 712.100000 356.500000 764.500000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3991526408)"/></g><g id="(g.e -&gt; f)[0]"><path d="M 356.500000 836.500000 C 356.500000 858.100000 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(#3991526408)"/></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(#3991526408)"/></g><g id="(g -&gt; d.h)[0]"><path d="M 274.974659 505.920958 L 200.300682 544.658084" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3991526408)"/></g><mask id="3991526408" 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

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

@ -499,10 +499,10 @@
"type": "rectangle",
"pos": {
"x": 821,
"y": 0
"y": 41
},
"width": 368,
"height": 664,
"height": 623,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -531,7 +531,7 @@
"underline": false,
"labelWidth": 72,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -704,7 +704,7 @@
"type": "rectangle",
"pos": {
"x": 1056,
"y": 216
"y": 236
},
"width": 53,
"height": 66,
@ -745,7 +745,7 @@
"type": "rectangle",
"pos": {
"x": 891,
"y": 382
"y": 402
},
"width": 74,
"height": 66,
@ -786,7 +786,7 @@
"type": "rectangle",
"pos": {
"x": 1038,
"y": 50
"y": 70
},
"width": 88,
"height": 66,
@ -827,7 +827,7 @@
"type": "rectangle",
"pos": {
"x": 871,
"y": 548
"y": 568
},
"width": 113,
"height": 66,
@ -868,7 +868,7 @@
"type": "rectangle",
"pos": {
"x": 1025,
"y": 382
"y": 402
},
"width": 75,
"height": 66,
@ -1413,7 +1413,7 @@
"route": [
{
"x": 1189,
"y": 345
"y": 386
},
{
"x": 1389,
@ -1548,7 +1548,7 @@
"route": [
{
"x": 1189,
"y": 371
"y": 412
},
{
"x": 1247,
@ -1587,19 +1587,19 @@
"route": [
{
"x": 1055.5,
"y": 263.23624595469255
"y": 283.73624595469255
},
{
"x": 953.1,
"y": 318.24724919093853
"y": 338.74724919093853
},
{
"x": 927.5,
"y": 342
"y": 362.5
},
{
"x": 927.5,
"y": 382
"y": 402.5
}
],
"isCurve": true,
@ -1635,19 +1635,19 @@
"route": [
{
"x": 1082,
"y": 116
"y": 136.5
},
{
"x": 1082,
"y": 156
"y": 176.5
},
{
"x": 1082,
"y": 176
"y": 196.5
},
{
"x": 1082,
"y": 216
"y": 236.5
}
],
"isCurve": true,
@ -1683,19 +1683,19 @@
"route": [
{
"x": 927.5,
"y": 448
"y": 468.5
},
{
"x": 927.5,
"y": 488
"y": 508.5
},
{
"x": 927.5,
"y": 508
"y": 528.5
},
{
"x": 927.5,
"y": 548
"y": 568.5
}
],
"isCurve": true,
@ -1731,19 +1731,19 @@
"route": [
{
"x": 1074.0481927710844,
"y": 282
"y": 302.5
},
{
"x": 1064.4096385542168,
"y": 322
"y": 342.5
},
{
"x": 1062,
"y": 342
"y": 362.5
},
{
"x": 1062,
"y": 382
"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

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

@ -48,10 +48,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 166
"y": 207
},
"width": 370,
"height": 1096,
"height": 1055,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -80,7 +80,7 @@
"underline": false,
"labelWidth": 13,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -212,7 +212,7 @@
"type": "rectangle",
"pos": {
"x": 171,
"y": 216
"y": 236
},
"width": 52,
"height": 66,
@ -253,10 +253,10 @@
"type": "rectangle",
"pos": {
"x": 40,
"y": 382
"y": 438
},
"width": 176,
"height": 830,
"height": 794,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -285,7 +285,7 @@
"underline": false,
"labelWidth": 11,
"labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 2
},
@ -294,7 +294,7 @@
"type": "rectangle",
"pos": {
"x": 267,
"y": 598
"y": 618
},
"width": 53,
"height": 66,
@ -335,7 +335,7 @@
"type": "rectangle",
"pos": {
"x": 267,
"y": 764
"y": 784
},
"width": 54,
"height": 66,
@ -376,7 +376,7 @@
"type": "rectangle",
"pos": {
"x": 267,
"y": 930
"y": 950
},
"width": 53,
"height": 66,
@ -417,7 +417,7 @@
"type": "rectangle",
"pos": {
"x": 112,
"y": 432
"y": 470
},
"width": 53,
"height": 66,
@ -458,7 +458,7 @@
"type": "rectangle",
"pos": {
"x": 92,
"y": 598
"y": 636
},
"width": 53,
"height": 66,
@ -499,7 +499,7 @@
"type": "rectangle",
"pos": {
"x": 92,
"y": 764
"y": 802
},
"width": 53,
"height": 66,
@ -540,7 +540,7 @@
"type": "rectangle",
"pos": {
"x": 92,
"y": 930
"y": 968
},
"width": 54,
"height": 66,
@ -581,7 +581,7 @@
"type": "rectangle",
"pos": {
"x": 92,
"y": 1096
"y": 1134
},
"width": 53,
"height": 66,
@ -654,11 +654,11 @@
},
{
"x": 196.75,
"y": 126
"y": 134.2
},
{
"x": 196.75,
"y": 166
"y": 207
}
],
"isCurve": true,
@ -694,7 +694,7 @@
"route": [
{
"x": 370.75,
"y": 423
"y": 464
},
{
"x": 420.75,
@ -829,19 +829,19 @@
"route": [
{
"x": 173.59036144578312,
"y": 282
"y": 302.5
},
{
"x": 145.51807228915663,
"y": 322
"y": 342.5
},
{
"x": 138.5,
"y": 342
"y": 369.7
},
{
"x": 138.5,
"y": 382
"y": 438.5
}
],
"isCurve": true,
@ -877,11 +877,11 @@
"route": [
{
"x": 216.5,
"y": 584
"y": 640.5
},
{
"x": 267.5,
"y": 615
"y": 635.5
}
],
"animated": false,
@ -916,19 +916,19 @@
"route": [
{
"x": 293.75,
"y": 664
"y": 684.5
},
{
"x": 293.75,
"y": 704
"y": 724.5
},
{
"x": 293.75,
"y": 724
"y": 744.5
},
{
"x": 293.75,
"y": 764
"y": 784.5
}
],
"isCurve": true,
@ -964,19 +964,19 @@
"route": [
{
"x": 293.75,
"y": 830
"y": 850.5
},
{
"x": 293.75,
"y": 870
"y": 890.5
},
{
"x": 293.75,
"y": 890
"y": 910.5
},
{
"x": 293.75,
"y": 930
"y": 950.5
}
],
"isCurve": true,
@ -1012,19 +1012,19 @@
"route": [
{
"x": 130.54819277108433,
"y": 498
"y": 536.5
},
{
"x": 120.90963855421687,
"y": 538
"y": 576.5
},
{
"x": 118.5,
"y": 558
"y": 596.5
},
{
"x": 118.5,
"y": 598
"y": 636.5
}
],
"isCurve": true,
@ -1060,19 +1060,19 @@
"route": [
{
"x": 118.5,
"y": 664
"y": 702.5
},
{
"x": 118.5,
"y": 704
"y": 742.5
},
{
"x": 118.5,
"y": 724
"y": 762.5
},
{
"x": 118.5,
"y": 764
"y": 802.5
}
],
"isCurve": true,
@ -1108,19 +1108,19 @@
"route": [
{
"x": 118.5,
"y": 830
"y": 868.5
},
{
"x": 118.5,
"y": 870
"y": 908.5
},
{
"x": 118.5,
"y": 890
"y": 928.5
},
{
"x": 118.5,
"y": 930
"y": 968.5
}
],
"isCurve": true,
@ -1156,19 +1156,19 @@
"route": [
{
"x": 118.5,
"y": 996
"y": 1034.5
},
{
"x": 118.5,
"y": 1036
"y": 1074.5
},
{
"x": 118.5,
"y": 1056
"y": 1094.5
},
{
"x": 118.5,
"y": 1096
"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

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

@ -0,0 +1,212 @@
{
"name": "",
"fontFamily": "SourceSansPro",
"shapes": [
{
"id": "ninety nine",
"type": "rectangle",
"pos": {
"x": 0,
"y": 65
},
"width": 404,
"height": 511,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#E3E9FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "ninety nine",
"fontSize": 99,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 452,
"labelHeight": 125,
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "ninety nine.sixty four",
"type": "rectangle",
"pos": {
"x": 40,
"y": 162
},
"width": 324,
"height": 381,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "sixty four",
"fontSize": 64,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 246,
"labelHeight": 81,
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 2
},
{
"id": "ninety nine.sixty four.thirty two",
"type": "rectangle",
"pos": {
"x": 80,
"y": 241
},
"width": 244,
"height": 270,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#F7F8FE",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "thirty two",
"fontSize": 32,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 130,
"labelHeight": 41,
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 3
},
{
"id": "ninety nine.sixty four.thirty two.sixteen",
"type": "rectangle",
"pos": {
"x": 120,
"y": 309
},
"width": 164,
"height": 160,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#FFFFFF",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "sixteen",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 48,
"labelHeight": 21,
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 4
},
{
"id": "ninety nine.sixty four.thirty two.sixteen.eight",
"type": "rectangle",
"pos": {
"x": 170,
"y": 361
},
"width": 64,
"height": 56,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#FFFFFF",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "eight",
"fontSize": 8,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 19,
"labelHeight": 11,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 5
}
],
"connections": []
}

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

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

After

Width:  |  Height:  |  Size: 649 KiB

212
e2etests/testdata/stable/font_sizes_containers_large/elk/board.exp.json generated vendored Normal file
View file

@ -0,0 +1,212 @@
{
"name": "",
"fontFamily": "SourceSansPro",
"shapes": [
{
"id": "ninety nine",
"type": "rectangle",
"pos": {
"x": 12,
"y": 12
},
"width": 664,
"height": 656,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#E3E9FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "ninety nine",
"fontSize": 99,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 452,
"labelHeight": 125,
"labelPosition": "INSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "ninety nine.sixty four",
"type": "rectangle",
"pos": {
"x": 87,
"y": 87
},
"width": 514,
"height": 506,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "sixty four",
"fontSize": 64,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 246,
"labelHeight": 81,
"labelPosition": "INSIDE_TOP_CENTER",
"zIndex": 0,
"level": 2
},
{
"id": "ninety nine.sixty four.thirty two",
"type": "rectangle",
"pos": {
"x": 162,
"y": 162
},
"width": 364,
"height": 356,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#F7F8FE",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "thirty two",
"fontSize": 32,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 130,
"labelHeight": 41,
"labelPosition": "INSIDE_TOP_CENTER",
"zIndex": 0,
"level": 3
},
{
"id": "ninety nine.sixty four.thirty two.sixteen",
"type": "rectangle",
"pos": {
"x": 237,
"y": 237
},
"width": 214,
"height": 206,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#FFFFFF",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "sixteen",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 48,
"labelHeight": 21,
"labelPosition": "INSIDE_TOP_CENTER",
"zIndex": 0,
"level": 4
},
{
"id": "ninety nine.sixty four.thirty two.sixteen.eight",
"type": "rectangle",
"pos": {
"x": 312,
"y": 312
},
"width": 64,
"height": 56,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#FFFFFF",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "eight",
"fontSize": 8,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 19,
"labelHeight": 11,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 5
}
],
"connections": []
}

59
e2etests/testdata/stable/font_sizes_containers_large/elk/sketch.exp.svg vendored Normal file
View file

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

After

Width:  |  Height:  |  Size: 649 KiB

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

@ -130,10 +130,10 @@
"type": "rectangle",
"pos": {
"x": 9,
"y": 645
"y": 686
},
"width": 430,
"height": 192,
"height": 151,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -162,7 +162,7 @@
"underline": false,
"labelWidth": 29,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -171,7 +171,7 @@
"type": "diamond",
"pos": {
"x": 59,
"y": 695
"y": 715
},
"width": 64,
"height": 92,
@ -212,10 +212,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 1895
"y": 1936
},
"width": 459,
"height": 373,
"height": 332,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -244,7 +244,7 @@
"underline": false,
"labelWidth": 18,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -253,7 +253,7 @@
"type": "diamond",
"pos": {
"x": 303,
"y": 1945
"y": 1965
},
"width": 66,
"height": 92,
@ -294,7 +294,7 @@
"type": "diamond",
"pos": {
"x": 323,
"y": 695
"y": 715
},
"width": 66,
"height": 92,
@ -458,10 +458,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 2368
"y": 2409
},
"width": 417,
"height": 347,
"height": 306,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -490,7 +490,7 @@
"underline": false,
"labelWidth": 13,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -499,7 +499,7 @@
"type": "oval",
"pos": {
"x": 50,
"y": 2584
"y": 2604
},
"width": 81,
"height": 81,
@ -540,7 +540,7 @@
"type": "oval",
"pos": {
"x": 50,
"y": 2137
"y": 2157
},
"width": 81,
"height": 81,
@ -581,10 +581,10 @@
"type": "cylinder",
"pos": {
"x": 9,
"y": 3320
"y": 3361
},
"width": 571,
"height": 166,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -613,7 +613,7 @@
"underline": false,
"labelWidth": 28,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -622,7 +622,7 @@
"type": "rectangle",
"pos": {
"x": 59,
"y": 3370
"y": 3390
},
"width": 63,
"height": 66,
@ -663,7 +663,7 @@
"type": "rectangle",
"pos": {
"x": 304,
"y": 2145
"y": 2165
},
"width": 63,
"height": 66,
@ -704,7 +704,7 @@
"type": "rectangle",
"pos": {
"x": 304,
"y": 2418
"y": 2438
},
"width": 64,
"height": 66,
@ -745,7 +745,7 @@
"type": "rectangle",
"pos": {
"x": 307,
"y": 2592
"y": 2612
},
"width": 58,
"height": 66,
@ -786,10 +786,10 @@
"type": "rectangle",
"pos": {
"x": 463,
"y": 1124
"y": 1165
},
"width": 159,
"height": 166,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -818,7 +818,7 @@
"underline": false,
"labelWidth": 23,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -827,7 +827,7 @@
"type": "rectangle",
"pos": {
"x": 514,
"y": 1174
"y": 1194
},
"width": 58,
"height": 66,
@ -868,10 +868,10 @@
"type": "rectangle",
"pos": {
"x": 461,
"y": 1390
"y": 1431
},
"width": 163,
"height": 166,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -900,7 +900,7 @@
"underline": false,
"labelWidth": 27,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -909,7 +909,7 @@
"type": "rectangle",
"pos": {
"x": 511,
"y": 1440
"y": 1460
},
"width": 63,
"height": 66,
@ -1043,7 +1043,7 @@
"type": "rectangle",
"pos": {
"x": 246,
"y": 3370
"y": 3390
},
"width": 62,
"height": 66,
@ -1084,10 +1084,10 @@
"type": "rectangle",
"pos": {
"x": 317,
"y": 2815
"y": 2856
},
"width": 321,
"height": 405,
"height": 364,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -1116,7 +1116,7 @@
"underline": false,
"labelWidth": 27,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -1125,7 +1125,7 @@
"type": "queue",
"pos": {
"x": 430,
"y": 2865
"y": 2885
},
"width": 138,
"height": 118,
@ -1177,7 +1177,7 @@
"type": "rectangle",
"pos": {
"x": 468,
"y": 3104
"y": 3124
},
"width": 63,
"height": 66,
@ -1218,7 +1218,7 @@
"type": "rectangle",
"pos": {
"x": 468,
"y": 3370
"y": 3390
},
"width": 62,
"height": 66,
@ -1476,11 +1476,11 @@
},
{
"x": 90.6,
"y": 655
"y": 659.2
},
{
"x": 91,
"y": 695
"y": 716
}
],
"isCurve": true,
@ -1739,12 +1739,12 @@
"y": 1810.6
},
{
"x": 270.6,
"y": 1909.8
"x": 270.2,
"y": 1914.6
},
{
"x": 318,
"y": 1969
"x": 316,
"y": 1993
}
],
"isCurve": true,
@ -1788,11 +1788,11 @@
},
{
"x": 356.2,
"y": 655
"y": 659.2
},
{
"x": 356,
"y": 695
"y": 716
}
],
"isCurve": true,
@ -1828,11 +1828,11 @@
"route": [
{
"x": 91,
"y": 787
"y": 808
},
{
"x": 90.6,
"y": 827
"y": 831.2
},
{
"x": 90.5,
@ -2052,11 +2052,11 @@
},
{
"x": 90.6,
"y": 2097
"y": 2101.2
},
{
"x": 91,
"y": 2137
"y": 2158
}
],
"isCurve": true,
@ -2092,11 +2092,11 @@
"route": [
{
"x": 91,
"y": 2218
"y": 2239
},
{
"x": 90.6,
"y": 2258
"y": 2262.2
},
{
"x": 90.5,
@ -2136,11 +2136,11 @@
},
{
"x": 90.6,
"y": 2544
"y": 2548.2
},
{
"x": 91,
"y": 2584
"y": 2605
}
],
"isCurve": true,
@ -2176,11 +2176,11 @@
"route": [
{
"x": 91,
"y": 2665
"y": 2686
},
{
"x": 90.6,
"y": 2705
"y": 2709.2
},
{
"x": 90.5,
@ -2268,11 +2268,11 @@
},
{
"x": 90.5,
"y": 3330
"y": 3334.1
},
{
"x": 90.5,
"y": 3370
"y": 3390.5
}
],
"isCurve": true,
@ -2308,19 +2308,19 @@
"route": [
{
"x": 336,
"y": 2037
"y": 2058
},
{
"x": 335.8,
"y": 2077
"y": 2097.6
},
{
"x": 335.75,
"y": 2098.5
"y": 2119
},
{
"x": 335.75,
"y": 2144.5
"y": 2165
}
],
"isCurve": true,
@ -2356,11 +2356,11 @@
"route": [
{
"x": 335.75,
"y": 2211.5
"y": 2232
},
{
"x": 335.75,
"y": 2256.7
"y": 2260.8
},
{
"x": 335.75,
@ -2376,11 +2376,11 @@
},
{
"x": 335.75,
"y": 2378
"y": 2382.1
},
{
"x": 335.75,
"y": 2418
"y": 2438.5
}
],
"isCurve": true,
@ -2416,19 +2416,19 @@
"route": [
{
"x": 335.75,
"y": 2484
"y": 2504.5
},
{
"x": 335.75,
"y": 2524
"y": 2544.5
},
{
"x": 335.75,
"y": 2545.5
"y": 2566
},
{
"x": 335.75,
"y": 2591.5
"y": 2612
}
],
"isCurve": true,
@ -2464,11 +2464,11 @@
"route": [
{
"x": 356,
"y": 787
"y": 807
},
{
"x": 356.2,
"y": 827
"y": 831
},
{
"x": 393.55,
@ -2508,11 +2508,11 @@
},
{
"x": 542.75,
"y": 1134
"y": 1138.1
},
{
"x": 542.75,
"y": 1174
"y": 1194.5
}
],
"isCurve": true,
@ -2548,11 +2548,11 @@
"route": [
{
"x": 542.75,
"y": 1240
"y": 1260.5
},
{
"x": 542.75,
"y": 1280
"y": 1284.1
},
{
"x": 542.75,
@ -2568,11 +2568,11 @@
},
{
"x": 542.75,
"y": 1400
"y": 1404.1
},
{
"x": 542.75,
"y": 1440
"y": 1460.5
}
],
"isCurve": true,
@ -2656,11 +2656,11 @@
"route": [
{
"x": 542.75,
"y": 1506
"y": 1526.5
},
{
"x": 542.75,
"y": 1546
"y": 1550.1
},
{
"x": 538.6,
@ -2940,11 +2940,11 @@
},
{
"x": 277,
"y": 3330
"y": 3334.1
},
{
"x": 277,
"y": 3370
"y": 3390.5
}
],
"isCurve": true,
@ -2980,11 +2980,11 @@
"route": [
{
"x": 335.75,
"y": 2658.5
"y": 2679
},
{
"x": 335.75,
"y": 2703.7
"y": 2707.8
},
{
"x": 351.9,
@ -3000,11 +3000,11 @@
},
{
"x": 424.2,
"y": 2825
"y": 2829.2
},
{
"x": 455,
"y": 2865
"y": 2886
}
],
"isCurve": true,
@ -3060,11 +3060,11 @@
},
{
"x": 553.4,
"y": 2825
"y": 2829.2
},
{
"x": 532,
"y": 2865
"y": 2886
}
],
"isCurve": true,
@ -3100,19 +3100,19 @@
"route": [
{
"x": 499,
"y": 2983
"y": 3004
},
{
"x": 499,
"y": 3031.4
"y": 3052
},
{
"x": 499,
"y": 3055.7
"y": 3076.2
},
{
"x": 499,
"y": 3104.5
"y": 3125
}
],
"isCurve": true,
@ -3148,11 +3148,11 @@
"route": [
{
"x": 499,
"y": 3170
"y": 3190.5
},
{
"x": 499,
"y": 3210
"y": 3214.1
},
{
"x": 499,
@ -3168,11 +3168,11 @@
},
{
"x": 499,
"y": 3330
"y": 3334.1
},
{
"x": 499,
"y": 3370
"y": 3390.5
}
],
"isCurve": true,
@ -3208,11 +3208,11 @@
"route": [
{
"x": 499,
"y": 3436
"y": 3456.5
},
{
"x": 499,
"y": 3476
"y": 3480.1
},
{
"x": 499,
@ -3263,12 +3263,12 @@
"y": 1822.4
},
{
"x": 388.8,
"y": 1909.4
"x": 389.2,
"y": 1914.4
},
{
"x": 352,
"y": 1967
"x": 354,
"y": 1992
}
],
"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

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

@ -335,10 +335,10 @@
"type": "rectangle",
"pos": {
"x": 1624,
"y": 366
"y": 407
},
"width": 611,
"height": 582,
"height": 541,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -367,7 +367,7 @@
"underline": false,
"labelWidth": 4,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -376,10 +376,10 @@
"type": "rectangle",
"pos": {
"x": 1664,
"y": 416
"y": 472
},
"width": 454,
"height": 166,
"height": 130,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -408,7 +408,7 @@
"underline": false,
"labelWidth": 6,
"labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 2
},
@ -417,7 +417,7 @@
"type": "rectangle",
"pos": {
"x": 2015,
"y": 466
"y": 504
},
"width": 53,
"height": 66,
@ -458,7 +458,7 @@
"type": "rectangle",
"pos": {
"x": 1720,
"y": 466
"y": 504
},
"width": 49,
"height": 66,
@ -499,7 +499,7 @@
"type": "rectangle",
"pos": {
"x": 2009,
"y": 782
"y": 802
},
"width": 57,
"height": 66,
@ -540,7 +540,7 @@
"type": "rectangle",
"pos": {
"x": 2130,
"y": 782
"y": 802
},
"width": 53,
"height": 66,
@ -581,10 +581,10 @@
"type": "rectangle",
"pos": {
"x": 1664,
"y": 732
"y": 788
},
"width": 156,
"height": 166,
"height": 130,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -613,7 +613,7 @@
"underline": false,
"labelWidth": 11,
"labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 2
},
@ -622,7 +622,7 @@
"type": "rectangle",
"pos": {
"x": 1718,
"y": 782
"y": 820
},
"width": 53,
"height": 66,
@ -704,10 +704,10 @@
"type": "rectangle",
"pos": {
"x": 216,
"y": 0
"y": 41
},
"width": 1368,
"height": 632,
"height": 591,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -736,7 +736,7 @@
"underline": false,
"labelWidth": 8,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -745,10 +745,10 @@
"type": "rectangle",
"pos": {
"x": 501,
"y": 50
"y": 106
},
"width": 489,
"height": 532,
"height": 496,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -777,7 +777,7 @@
"underline": false,
"labelWidth": 10,
"labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 2
},
@ -786,7 +786,7 @@
"type": "rectangle",
"pos": {
"x": 594,
"y": 466
"y": 504
},
"width": 51,
"height": 66,
@ -827,10 +827,10 @@
"type": "rectangle",
"pos": {
"x": 793,
"y": 100
"y": 169
},
"width": 157,
"height": 166,
"height": 135,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -859,7 +859,7 @@
"underline": false,
"labelWidth": 9,
"labelHeight": 26,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 3
},
@ -868,7 +868,7 @@
"type": "rectangle",
"pos": {
"x": 846,
"y": 150
"y": 204
},
"width": 54,
"height": 66,
@ -909,7 +909,7 @@
"type": "rectangle",
"pos": {
"x": 706,
"y": 466
"y": 504
},
"width": 58,
"height": 66,
@ -950,7 +950,7 @@
"type": "rectangle",
"pos": {
"x": 688,
"y": 150
"y": 188
},
"width": 53,
"height": 66,
@ -991,7 +991,7 @@
"type": "rectangle",
"pos": {
"x": 846,
"y": 466
"y": 504
},
"width": 54,
"height": 66,
@ -1032,7 +1032,7 @@
"type": "rectangle",
"pos": {
"x": 1040,
"y": 466
"y": 486
},
"width": 52,
"height": 66,
@ -1073,7 +1073,7 @@
"type": "rectangle",
"pos": {
"x": 266,
"y": 150
"y": 170
},
"width": 62,
"height": 66,
@ -1114,10 +1114,10 @@
"type": "rectangle",
"pos": {
"x": 1259,
"y": 416
"y": 472
},
"width": 285,
"height": 166,
"height": 130,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -1146,7 +1146,7 @@
"underline": false,
"labelWidth": 26,
"labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 2
},
@ -1155,7 +1155,7 @@
"type": "rectangle",
"pos": {
"x": 1309,
"y": 466
"y": 504
},
"width": 61,
"height": 66,
@ -1196,7 +1196,7 @@
"type": "rectangle",
"pos": {
"x": 1430,
"y": 466
"y": 504
},
"width": 64,
"height": 66,
@ -1237,7 +1237,7 @@
"type": "rectangle",
"pos": {
"x": 1150,
"y": 150
"y": 170
},
"width": 62,
"height": 66,
@ -1278,7 +1278,7 @@
"type": "rectangle",
"pos": {
"x": 1152,
"y": 466
"y": 486
},
"width": 57,
"height": 66,
@ -1319,7 +1319,7 @@
"type": "rectangle",
"pos": {
"x": 388,
"y": 150
"y": 170
},
"width": 63,
"height": 66,
@ -1384,43 +1384,43 @@
"route": [
{
"x": 2041.75,
"y": 532
"y": 570.5
},
{
"x": 2041.75,
"y": 572
"y": 596.1
},
{
"x": 2041.75,
"y": 592
"y": 612.5
},
{
"x": 2041.75,
"y": 607
"y": 627.5
},
{
"x": 2041.75,
"y": 622
"y": 642.5
},
{
"x": 2041.75,
"y": 642
"y": 662.5
},
{
"x": 2041.75,
"y": 657
"y": 677.5
},
{
"x": 2041.75,
"y": 672
"y": 692.5
},
{
"x": 2041.15,
"y": 742
"y": 762.5
},
{
"x": 2038.75,
"y": 782
"y": 802.5
}
],
"isCurve": true,
@ -1456,43 +1456,43 @@
"route": [
{
"x": 1744,
"y": 532
"y": 570.5
},
{
"x": 1744,
"y": 572
"y": 596.1
},
{
"x": 1744,
"y": 592
"y": 612.5
},
{
"x": 1744,
"y": 607
"y": 627.5
},
{
"x": 1744,
"y": 622
"y": 642.5
},
{
"x": 1744,
"y": 642
"y": 662.5
},
{
"x": 1744,
"y": 657
"y": 677.5
},
{
"x": 1744,
"y": 672
"y": 692.5
},
{
"x": 1744,
"y": 742
"y": 766.1
},
{
"x": 1744,
"y": 782
"y": 820.5
}
],
"isCurve": true,
@ -1548,11 +1548,11 @@
},
{
"x": 2090.3,
"y": 888
"y": 892.1
},
{
"x": 2061.5,
"y": 848
"y": 868.5
}
],
"isCurve": true,
@ -1588,11 +1588,11 @@
"route": [
{
"x": 2066,
"y": 830.0190476190476
"y": 850.5190476190476
},
{
"x": 2169.2,
"y": 884.4038095238095
"y": 888.5038095238095
},
{
"x": 2195,
@ -1648,11 +1648,11 @@
"route": [
{
"x": 2156.0542168674697,
"y": 848
"y": 868.5
},
{
"x": 2155.210843373494,
"y": 888
"y": 892.1
},
{
"x": 2155,
@ -1708,11 +1708,11 @@
"route": [
{
"x": 2009,
"y": 828.4978601997148
"y": 848.9978601997148
},
{
"x": 1891.6,
"y": 884.0995720399429
"y": 888.199572039943
},
{
"x": 1862.25,
@ -1768,11 +1768,11 @@
"route": [
{
"x": 2009,
"y": 832.8528301886793
"y": 853.3528301886793
},
{
"x": 1925.8,
"y": 884.9705660377358
"y": 889.0705660377358
},
{
"x": 1905,
@ -1828,11 +1828,11 @@
"route": [
{
"x": 2045.4518072289156,
"y": 848
"y": 868.5
},
{
"x": 2055.090361445783,
"y": 888
"y": 892.1
},
{
"x": 2057.5,
@ -1888,11 +1888,11 @@
"route": [
{
"x": 2015.1355421686746,
"y": 848
"y": 868.5
},
{
"x": 1988.0271084337348,
"y": 888
"y": 892.1
},
{
"x": 1981.25,
@ -1996,43 +1996,43 @@
"route": [
{
"x": 699.9397590361446,
"y": 216
"y": 254.5
},
{
"x": 681.9879518072289,
"y": 256
"y": 294.5
},
{
"x": 677.5,
"y": 276
"y": 314.5
},
{
"x": 677.5,
"y": 291
"y": 329.5
},
{
"x": 677.5,
"y": 306
"y": 344.5
},
{
"x": 677.5,
"y": 326
"y": 364.5
},
{
"x": 677.5,
"y": 341
"y": 379.5
},
{
"x": 677.5,
"y": 356
"y": 394.5
},
{
"x": 670.5,
"y": 426
"y": 464.5
},
{
"x": 642.5,
"y": 466
"y": 504.5
}
],
"isCurve": true,
@ -2068,43 +2068,43 @@
"route": [
{
"x": 722.7018072289156,
"y": 216
"y": 254.5
},
{
"x": 732.3403614457832,
"y": 256
"y": 294.5
},
{
"x": 734.75,
"y": 276
"y": 314.5
},
{
"x": 734.75,
"y": 291
"y": 329.5
},
{
"x": 734.75,
"y": 306
"y": 344.5
},
{
"x": 734.75,
"y": 326
"y": 364.5
},
{
"x": 734.75,
"y": 341
"y": 379.5
},
{
"x": 734.75,
"y": 356
"y": 394.5
},
{
"x": 734.75,
"y": 426
"y": 464.5
},
{
"x": 734.75,
"y": 466
"y": 504.5
}
],
"isCurve": true,
@ -2140,43 +2140,43 @@
"route": [
{
"x": 451,
"y": 196.08886107634544
"y": 216.58886107634544
},
{
"x": 585.6,
"y": 252.01777221526908
"y": 272.5177722152691
},
{
"x": 619.25,
"y": 276
"y": 296.5
},
{
"x": 619.25,
"y": 291
"y": 311.5
},
{
"x": 619.25,
"y": 306
"y": 326.5
},
{
"x": 619.25,
"y": 326
"y": 346.5
},
{
"x": 619.25,
"y": 341
"y": 361.5
},
{
"x": 619.25,
"y": 356
"y": 376.5
},
{
"x": 619.25,
"y": 426
"y": 450.1
},
{
"x": 619.25,
"y": 466
"y": 504.5
}
],
"isCurve": true,
@ -2212,43 +2212,43 @@
"route": [
{
"x": 873,
"y": 216
"y": 270
},
{
"x": 873,
"y": 256
"y": 283.2
},
{
"x": 873,
"y": 276
"y": 296.5
},
{
"x": 873,
"y": 291
"y": 311.5
},
{
"x": 873,
"y": 306
"y": 326.5
},
{
"x": 873,
"y": 326
"y": 346.5
},
{
"x": 873,
"y": 341
"y": 361.5
},
{
"x": 873,
"y": 356
"y": 376.5
},
{
"x": 906.4,
"y": 430.4
"y": 450.9
},
{
"x": 1040,
"y": 488
"y": 508.5
}
],
"isCurve": true,
@ -2284,43 +2284,43 @@
"route": [
{
"x": 328,
"y": 193.54508196721312
"y": 214.04508196721312
},
{
"x": 498.4,
"y": 251.50901639344264
"y": 272.0090163934426
},
{
"x": 541,
"y": 276
"y": 296.5
},
{
"x": 541,
"y": 291
"y": 311.5
},
{
"x": 541,
"y": 306
"y": 326.5
},
{
"x": 541,
"y": 326
"y": 346.5
},
{
"x": 541,
"y": 341
"y": 361.5
},
{
"x": 541,
"y": 356
"y": 376.5
},
{
"x": 551.55,
"y": 427.1904153354633
"y": 451.29041533546325
},
{
"x": 593.75,
"y": 471.9520766773163
"y": 510.4520766773163
}
],
"isCurve": true,
@ -2356,11 +2356,11 @@
"route": [
{
"x": 734.75,
"y": 532
"y": 570.5
},
{
"x": 734.75,
"y": 572
"y": 579.7
},
{
"x": 734.75,
@ -2388,11 +2388,11 @@
},
{
"x": 1905.55,
"y": 745.6
"y": 749.7
},
{
"x": 2008.75,
"y": 800
"y": 820.5
}
],
"isCurve": true,
@ -2428,11 +2428,11 @@
"route": [
{
"x": 634.4578313253012,
"y": 532
"y": 570.5
},
{
"x": 652.8915662650602,
"y": 572
"y": 579.7
},
{
"x": 657.5,
@ -2548,11 +2548,11 @@
"route": [
{
"x": 604.0421686746988,
"y": 532
"y": 570.5
},
{
"x": 585.6084337349398,
"y": 572
"y": 579.7
},
{
"x": 581,
@ -2620,43 +2620,43 @@
"route": [
{
"x": 1180.5,
"y": 216
"y": 236.5
},
{
"x": 1180.5,
"y": 256
"y": 276.5
},
{
"x": 1180.5,
"y": 276
"y": 296.5
},
{
"x": 1180.5,
"y": 291
"y": 311.5
},
{
"x": 1180.5,
"y": 306
"y": 326.5
},
{
"x": 1180.5,
"y": 326
"y": 346.5
},
{
"x": 1180.5,
"y": 341
"y": 361.5
},
{
"x": 1180.5,
"y": 356
"y": 376.5
},
{
"x": 1180.5,
"y": 426
"y": 446.5
},
{
"x": 1180.5,
"y": 466
"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: 664 KiB

After

Width:  |  Height:  |  Size: 664 KiB

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

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 0
"y": 41
},
"width": 312,
"height": 358,
"height": 317,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false,
"labelWidth": 112,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -48,7 +48,7 @@
"type": "text",
"pos": {
"x": 50,
"y": 50
"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="686" viewBox="-102 -102 516 686"><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="686" viewBox="-102 -102 516 686"><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="0" width="312" height="358" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="156.000000" y="33.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="50.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="686" viewBox="-102 -102 516 686"><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(#2362058415)"/></g><mask id="2362058415" maskUnits="userSpaceOnUse" x="-100" y="-100" width="516" height="686">
<rect x="-100" y="-100" width="516" height="686" 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

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

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 0
"y": 41
},
"width": 559,
"height": 148,
"height": 107,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false,
"labelWidth": 124,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -48,7 +48,7 @@
"type": "text",
"pos": {
"x": 50,
"y": 50
"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="352" viewBox="-102 -102 763 352"><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="352" viewBox="-102 -102 763 352"><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="0" width="559" height="148" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="279.500000" y="33.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="50.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="2112972009" maskUnits="userSpaceOnUse" x="-100" y="-100" width="763" height="352">
<rect x="-100" y="-100" width="763" height="352" 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

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

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 0
"y": 41
},
"width": 559,
"height": 148,
"height": 107,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false,
"labelWidth": 124,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -48,7 +48,7 @@
"type": "text",
"pos": {
"x": 50,
"y": 50
"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="352" viewBox="-102 -102 763 352"><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="352" viewBox="-102 -102 763 352"><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="0" width="559" height="148" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="279.500000" y="33.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="50.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="708829929" maskUnits="userSpaceOnUse" x="-100" y="-100" width="763" height="352">
<rect x="-100" y="-100" width="763" height="352" 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

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

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 0
"y": 41
},
"width": 346,
"height": 166,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false,
"labelWidth": 12,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 92,
"y": 50
"y": 70
},
"width": 53,
"height": 66,
@ -294,7 +294,7 @@
"type": "rectangle",
"pos": {
"x": 244,
"y": 50
"y": 70
},
"width": 53,
"height": 66,
@ -359,11 +359,11 @@
"route": [
{
"x": 103.0421686746988,
"y": 116
"y": 136.5
},
{
"x": 84.60843373493975,
"y": 156
"y": 160.1
},
{
"x": 80,
@ -755,11 +755,11 @@
"route": [
{
"x": 270,
"y": 116
"y": 136.5
},
{
"x": 270,
"y": 156
"y": 160.1
},
{
"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="1034" viewBox="-102 -102 550 1034"><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="1034" viewBox="-102 -102 550 1034"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="a"><g class="shape" ><rect x="0" y="0" width="346" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="173.000000" y="33.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="50" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="118.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">b</text></g><g id="a.h"><g class="shape" ><rect x="244" y="50" width="53" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="270.500000" y="88.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 102.205093 117.816399 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(#745071480)"/></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(#745071480)"/></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(#745071480)"/></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(#745071480)"/></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(#745071480)"/></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(#745071480)"/></g><g id="(a.h -&gt; g)[0]"><path d="M 270.000000 118.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(#745071480)"/></g><mask id="745071480" maskUnits="userSpaceOnUse" x="-100" y="-100" width="550" height="1034">
<rect x="-100" y="-100" width="550" height="1034" 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.811037 138.076171 C 84.608434 160.100000 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(#2843106375)"/></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(#2843106375)"/></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(#2843106375)"/></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(#2843106375)"/></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(#2843106375)"/></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(#2843106375)"/></g><g id="(a.h -&gt; g)[0]"><path d="M 270.000000 138.500000 C 270.000000 160.100000 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(#2843106375)"/></g><mask id="2843106375" 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

40
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": 0
"y": 41
},
"width": 356,
"height": 166,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false,
"labelWidth": 40,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 138,
"y": 50
"y": 70
},
"width": 80,
"height": 66,
@ -212,10 +212,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 432
"y": 473
},
"width": 354,
"height": 166,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -244,7 +244,7 @@
"underline": false,
"labelWidth": 85,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -253,7 +253,7 @@
"type": "rectangle",
"pos": {
"x": 162,
"y": 482
"y": 502
},
"width": 72,
"height": 66,
@ -318,11 +318,11 @@
"route": [
{
"x": 140.2289156626506,
"y": 116
"y": 136.5
},
{
"x": 94.44578313253012,
"y": 156
"y": 160.1
},
{
"x": 83,
@ -366,11 +366,11 @@
"route": [
{
"x": 185.1566265060241,
"y": 116
"y": 136.5
},
{
"x": 193.83132530120483,
"y": 156
"y": 160.1
},
{
"x": 196,
@ -414,11 +414,11 @@
"route": [
{
"x": 218,
"y": 108.34351145038168
"y": 128.8435114503817
},
{
"x": 290.8,
"y": 154.46870229007635
"y": 158.56870229007635
},
{
"x": 309,
@ -470,11 +470,11 @@
},
{
"x": 98.8,
"y": 443.4
"y": 447.5
},
{
"x": 162,
"y": 489
"y": 509.5
}
],
"isCurve": true,
@ -518,11 +518,11 @@
},
{
"x": 196.2,
"y": 442
"y": 446.1
},
{
"x": 197,
"y": 482
"y": 502.5
}
],
"isCurve": true,
@ -566,11 +566,11 @@
},
{
"x": 294,
"y": 443.2
"y": 447.3
},
{
"x": 234,
"y": 488
"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="802" viewBox="-102 -102 560 802"><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="802" viewBox="-102 -102 560 802"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="top"><g class="shape" ><rect x="0" y="0" width="356" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="178.000000" y="33.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="432" width="354" height="166" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="177.000000" y="465.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">bottom</text></g><g id="top.start"><g class="shape" ><rect x="138" y="50" width="80" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="178.000000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">start</text></g><g id="bottom.end"><g class="shape" ><rect x="162" y="482" width="72" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="198.000000" y="520.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.722781 117.315886 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(#1364092329)"/></g><g id="(top.start -&gt; b)[0]"><path d="M 185.580508 117.954565 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(#1364092329)"/></g><g id="(top.start -&gt; c)[0]"><path d="M 219.689444 109.413922 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(#1364092329)"/></g><g id="(a -&gt; bottom.end)[0]"><path d="M 83.000000 334.000000 C 83.000000 372.000000 98.800000 443.400000 158.756201 486.659537" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1364092329)"/></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.920016 478.000800" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1364092329)"/></g><g id="(c -&gt; bottom.end)[0]"><path d="M 309.000000 334.000000 C 309.000000 372.000000 294.000000 443.200000 237.205121 485.606843" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1364092329)"/></g><mask id="1364092329" maskUnits="userSpaceOnUse" x="-100" y="-100" width="560" height="802">
<rect x="-100" y="-100" width="560" height="802" 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.451200 137.416366 C 94.445783 160.100000 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(#1150458950)"/></g><g id="(top.start -&gt; b)[0]"><path d="M 185.846634 138.377203 C 193.831325 160.100000 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(#1150458950)"/></g><g id="(top.start -&gt; c)[0]"><path d="M 219.851598 129.599543 C 290.800000 158.568702 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(#1150458950)"/></g><g id="(a -&gt; bottom.end)[0]"><path d="M 83.000000 334.000000 C 83.000000 372.000000 98.800000 447.500000 159.144595 506.698811" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1150458950)"/></g><g id="(b -&gt; bottom.end)[0]"><path d="M 196.000000 334.000000 C 196.000000 372.000000 196.200000 446.100000 196.943268 498.500402" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1150458950)"/></g><g id="(c -&gt; bottom.end)[0]"><path d="M 309.000000 334.000000 C 309.000000 372.000000 294.000000 447.300000 236.800286 505.643709" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1150458950)"/></g><mask id="1150458950" 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

96
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": 254
"y": 295
},
"width": 1112,
"height": 1004,
"height": 963,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -91,7 +91,7 @@
"underline": false,
"labelWidth": 112,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -100,7 +100,7 @@
"type": "image",
"pos": {
"x": 492,
"y": 304
"y": 324
},
"width": 128,
"height": 128,
@ -152,10 +152,10 @@
"type": "rectangle",
"pos": {
"x": 40,
"y": 579
"y": 635
},
"width": 496,
"height": 629,
"height": 593,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -184,7 +184,7 @@
"underline": false,
"labelWidth": 33,
"labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 2
},
@ -193,7 +193,7 @@
"type": "image",
"pos": {
"x": 224,
"y": 629
"y": 667
},
"width": 128,
"height": 128,
@ -245,10 +245,10 @@
"type": "rectangle",
"pos": {
"x": 80,
"y": 904
"y": 973
},
"width": 416,
"height": 254,
"height": 223,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -277,7 +277,7 @@
"underline": false,
"labelWidth": 44,
"labelHeight": 26,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 3
},
@ -286,7 +286,7 @@
"type": "image",
"pos": {
"x": 130,
"y": 954
"y": 1008
},
"width": 128,
"height": 128,
@ -338,7 +338,7 @@
"type": "image",
"pos": {
"x": 318,
"y": 954
"y": 1008
},
"width": 128,
"height": 128,
@ -390,10 +390,10 @@
"type": "rectangle",
"pos": {
"x": 576,
"y": 579
"y": 635
},
"width": 496,
"height": 629,
"height": 593,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -422,7 +422,7 @@
"underline": false,
"labelWidth": 47,
"labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 2
},
@ -431,7 +431,7 @@
"type": "image",
"pos": {
"x": 760,
"y": 629
"y": 667
},
"width": 128,
"height": 128,
@ -483,10 +483,10 @@
"type": "rectangle",
"pos": {
"x": 616,
"y": 904
"y": 973
},
"width": 416,
"height": 254,
"height": 223,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -515,7 +515,7 @@
"underline": false,
"labelWidth": 44,
"labelHeight": 26,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 3
},
@ -524,7 +524,7 @@
"type": "image",
"pos": {
"x": 666,
"y": 954
"y": 1008
},
"width": 128,
"height": 128,
@ -576,7 +576,7 @@
"type": "image",
"pos": {
"x": 854,
"y": 954
"y": 1008
},
"width": 128,
"height": 128,
@ -660,11 +660,11 @@
},
{
"x": 556,
"y": 264
"y": 268.1
},
{
"x": 556,
"y": 304
"y": 324.5
}
],
"isCurve": true,
@ -700,19 +700,19 @@
"route": [
{
"x": 235.36,
"y": 783
"y": 821.5
},
{
"x": 202.272,
"y": 831.4
"y": 869.9
},
{
"x": 194,
"y": 914
"y": 955.6
},
{
"x": 194,
"y": 954
"y": 1008
}
],
"isCurve": true,
@ -748,19 +748,19 @@
"route": [
{
"x": 340.64,
"y": 783
"y": 821.5
},
{
"x": 373.728,
"y": 831.4
"y": 869.9
},
{
"x": 382,
"y": 914
"y": 955.6
},
{
"x": 382,
"y": 954
"y": 1008
}
],
"isCurve": true,
@ -796,19 +796,19 @@
"route": [
{
"x": 771.36,
"y": 783
"y": 821.5
},
{
"x": 738.272,
"y": 831.4
"y": 869.9
},
{
"x": 730,
"y": 914
"y": 955.6
},
{
"x": 730,
"y": 954
"y": 1008
}
],
"isCurve": true,
@ -844,19 +844,19 @@
"route": [
{
"x": 876.64,
"y": 783
"y": 821.5
},
{
"x": 909.728,
"y": 831.4
"y": 869.9
},
{
"x": 918,
"y": 914
"y": 955.6
},
{
"x": 918,
"y": 954
"y": 1008
}
],
"isCurve": true,
@ -892,19 +892,19 @@
"route": [
{
"x": 492,
"y": 413.8358208955224
"y": 434.3358208955224
},
{
"x": 328.79999999999995,
"y": 497.56716417910445
"y": 518.0671641791045
},
{
"x": 288,
"y": 589
"y": 613.1
},
{
"x": 288,
"y": 629
"y": 667.5
}
],
"isCurve": true,
@ -940,19 +940,19 @@
"route": [
{
"x": 620,
"y": 413.8358208955224
"y": 434.3358208955224
},
{
"x": 783.2,
"y": 497.56716417910445
"y": 518.0671641791045
},
{
"x": 824,
"y": 589
"y": 613.1
},
{
"x": 824,
"y": 629
"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

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

@ -775,10 +775,10 @@
"type": "rectangle",
"pos": {
"x": 1498,
"y": 208
"y": 249
},
"width": 1548,
"height": 2120,
"height": 2079,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -807,7 +807,7 @@
"underline": false,
"labelWidth": 93,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -816,7 +816,7 @@
"type": "sequence_diagram",
"pos": {
"x": 1548,
"y": 261
"y": 281
},
"width": 1448,
"height": 2015,
@ -857,7 +857,7 @@
"type": "rectangle",
"pos": {
"x": 1572,
"y": 366
"y": 386
},
"width": 150,
"height": 66,
@ -898,7 +898,7 @@
"type": "rectangle",
"pos": {
"x": 1641,
"y": 546
"y": 566
},
"width": 12,
"height": 1592,
@ -938,7 +938,7 @@
"type": "rectangle",
"pos": {
"x": 1822,
"y": 366
"y": 386
},
"width": 150,
"height": 66,
@ -979,7 +979,7 @@
"type": "rectangle",
"pos": {
"x": 1891,
"y": 546
"y": 566
},
"width": 12,
"height": 162,
@ -1019,7 +1019,7 @@
"type": "rectangle",
"pos": {
"x": 2072,
"y": 366
"y": 386
},
"width": 150,
"height": 66,
@ -1060,7 +1060,7 @@
"type": "rectangle",
"pos": {
"x": 2141,
"y": 806
"y": 826
},
"width": 12,
"height": 162,
@ -1100,7 +1100,7 @@
"type": "rectangle",
"pos": {
"x": 2322,
"y": 366
"y": 386
},
"width": 150,
"height": 66,
@ -1141,7 +1141,7 @@
"type": "rectangle",
"pos": {
"x": 2391,
"y": 1066
"y": 1086
},
"width": 12,
"height": 422,
@ -1181,7 +1181,7 @@
"type": "rectangle",
"pos": {
"x": 2387,
"y": 1196
"y": 1216
},
"width": 20,
"height": 162,
@ -1221,7 +1221,7 @@
"type": "rectangle",
"pos": {
"x": 2572,
"y": 366
"y": 386
},
"width": 150,
"height": 66,
@ -1262,7 +1262,7 @@
"type": "rectangle",
"pos": {
"x": 2641,
"y": 1326
"y": 1346
},
"width": 12,
"height": 80,
@ -1302,7 +1302,7 @@
"type": "rectangle",
"pos": {
"x": 2822,
"y": 366
"y": 386
},
"width": 150,
"height": 66,
@ -1343,7 +1343,7 @@
"type": "rectangle",
"pos": {
"x": 2891,
"y": 1586
"y": 1606
},
"width": 12,
"height": 80,
@ -1383,7 +1383,7 @@
"type": "rectangle",
"pos": {
"x": 2141,
"y": 1716
"y": 1736
},
"width": 12,
"height": 80,
@ -1423,7 +1423,7 @@
"type": "rectangle",
"pos": {
"x": 2141,
"y": 1846
"y": 1866
},
"width": 12,
"height": 80,
@ -1463,7 +1463,7 @@
"type": "rectangle",
"pos": {
"x": 2891,
"y": 1976
"y": 1996
},
"width": 12,
"height": 80,
@ -1503,7 +1503,7 @@
"type": "rectangle",
"pos": {
"x": 2891,
"y": 2106
"y": 2126
},
"width": 12,
"height": 80,
@ -1584,10 +1584,10 @@
"type": "queue",
"pos": {
"x": 1845,
"y": 2428
"y": 2469
},
"width": 1648,
"height": 1465,
"height": 1424,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -1616,7 +1616,7 @@
"underline": false,
"labelWidth": 72,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -1625,7 +1625,7 @@
"type": "sequence_diagram",
"pos": {
"x": 1955,
"y": 2478
"y": 2498
},
"width": 1448,
"height": 1365,
@ -1666,7 +1666,7 @@
"type": "rectangle",
"pos": {
"x": 1979,
"y": 2583
"y": 2603
},
"width": 150,
"height": 66,
@ -1707,7 +1707,7 @@
"type": "rectangle",
"pos": {
"x": 2229,
"y": 2583
"y": 2603
},
"width": 150,
"height": 66,
@ -1748,7 +1748,7 @@
"type": "rectangle",
"pos": {
"x": 2479,
"y": 2583
"y": 2603
},
"width": 150,
"height": 66,
@ -1789,7 +1789,7 @@
"type": "rectangle",
"pos": {
"x": 2729,
"y": 2583
"y": 2603
},
"width": 150,
"height": 66,
@ -1830,7 +1830,7 @@
"type": "rectangle",
"pos": {
"x": 2979,
"y": 2583
"y": 2603
},
"width": 150,
"height": 66,
@ -1871,7 +1871,7 @@
"type": "rectangle",
"pos": {
"x": 3229,
"y": 2583
"y": 2603
},
"width": 150,
"height": 66,
@ -1912,7 +1912,7 @@
"type": "rectangle",
"pos": {
"x": 3298,
"y": 2763
"y": 2783
},
"width": 12,
"height": 80,
@ -1952,7 +1952,7 @@
"type": "rectangle",
"pos": {
"x": 2798,
"y": 2747
"y": 2767
},
"width": 12,
"height": 698,
@ -1992,7 +1992,7 @@
"type": "rectangle",
"pos": {
"x": 2794,
"y": 2763
"y": 2783
},
"width": 20,
"height": 162,
@ -2032,7 +2032,7 @@
"type": "rectangle",
"pos": {
"x": 2548,
"y": 2861
"y": 2881
},
"width": 12,
"height": 340,
@ -2072,7 +2072,7 @@
"type": "rectangle",
"pos": {
"x": 2544,
"y": 2877
"y": 2897
},
"width": 20,
"height": 308,
@ -2112,7 +2112,7 @@
"type": "rectangle",
"pos": {
"x": 2540,
"y": 2893
"y": 2913
},
"width": 28,
"height": 162,
@ -2152,7 +2152,7 @@
"type": "rectangle",
"pos": {
"x": 2298,
"y": 2975
"y": 2995
},
"width": 12,
"height": 388,
@ -2192,7 +2192,7 @@
"type": "rectangle",
"pos": {
"x": 2294,
"y": 2991
"y": 3011
},
"width": 20,
"height": 356,
@ -2232,7 +2232,7 @@
"type": "rectangle",
"pos": {
"x": 2290,
"y": 3007
"y": 3027
},
"width": 28,
"height": 324,
@ -2272,7 +2272,7 @@
"type": "rectangle",
"pos": {
"x": 2286,
"y": 3023
"y": 3043
},
"width": 36,
"height": 292,
@ -2312,7 +2312,7 @@
"type": "rectangle",
"pos": {
"x": 3048,
"y": 3219
"y": 3239
},
"width": 12,
"height": 420,
@ -2352,7 +2352,7 @@
"type": "rectangle",
"pos": {
"x": 3044,
"y": 3235
"y": 3255
},
"width": 20,
"height": 388,
@ -2392,7 +2392,7 @@
"type": "rectangle",
"pos": {
"x": 3040,
"y": 3251
"y": 3271
},
"width": 28,
"height": 356,
@ -2432,7 +2432,7 @@
"type": "rectangle",
"pos": {
"x": 3036,
"y": 3267
"y": 3287
},
"width": 36,
"height": 324,
@ -2472,7 +2472,7 @@
"type": "rectangle",
"pos": {
"x": 3032,
"y": 3283
"y": 3303
},
"width": 44,
"height": 292,
@ -2512,7 +2512,7 @@
"type": "rectangle",
"pos": {
"x": 2048,
"y": 3413
"y": 3433
},
"width": 12,
"height": 80,
@ -2552,7 +2552,7 @@
"type": "rectangle",
"pos": {
"x": 3298,
"y": 3673
"y": 3693
},
"width": 12,
"height": 80,
@ -3123,11 +3123,11 @@
"route": [
{
"x": 1653,
"y": 562
"y": 582.5
},
{
"x": 1891,
"y": 562
"y": 582.5
}
],
"animated": false,
@ -3162,11 +3162,11 @@
"route": [
{
"x": 1653,
"y": 692
"y": 712.5
},
{
"x": 1891,
"y": 692
"y": 712.5
}
],
"animated": false,
@ -3201,11 +3201,11 @@
"route": [
{
"x": 1653,
"y": 822
"y": 842.5
},
{
"x": 2141,
"y": 822
"y": 842.5
}
],
"animated": false,
@ -3240,11 +3240,11 @@
"route": [
{
"x": 1653,
"y": 952
"y": 972.5
},
{
"x": 2141,
"y": 952
"y": 972.5
}
],
"animated": false,
@ -3279,11 +3279,11 @@
"route": [
{
"x": 1653,
"y": 1082
"y": 1102.5
},
{
"x": 2391,
"y": 1082
"y": 1102.5
}
],
"animated": false,
@ -3318,11 +3318,11 @@
"route": [
{
"x": 1897,
"y": 1212
"y": 1232.5
},
{
"x": 2387,
"y": 1212
"y": 1232.5
}
],
"animated": false,
@ -3357,11 +3357,11 @@
"route": [
{
"x": 2407,
"y": 1342
"y": 1362.5
},
{
"x": 2641,
"y": 1342
"y": 1362.5
}
],
"animated": false,
@ -3396,11 +3396,11 @@
"route": [
{
"x": 1647,
"y": 1472
"y": 1492.5
},
{
"x": 2391,
"y": 1472
"y": 1492.5
}
],
"animated": false,
@ -3435,11 +3435,11 @@
"route": [
{
"x": 1653,
"y": 1602
"y": 1622.5
},
{
"x": 2891,
"y": 1602
"y": 1622.5
}
],
"animated": false,
@ -3474,11 +3474,11 @@
"route": [
{
"x": 1653,
"y": 1732
"y": 1752.5
},
{
"x": 2141,
"y": 1732
"y": 1752.5
}
],
"animated": false,
@ -3513,11 +3513,11 @@
"route": [
{
"x": 1653,
"y": 1862
"y": 1882.5
},
{
"x": 2141,
"y": 1862
"y": 1882.5
}
],
"animated": false,
@ -3552,11 +3552,11 @@
"route": [
{
"x": 1653,
"y": 1992
"y": 2012.5
},
{
"x": 2891,
"y": 1992
"y": 2012.5
}
],
"animated": false,
@ -3591,11 +3591,11 @@
"route": [
{
"x": 1653,
"y": 2122
"y": 2142.5
},
{
"x": 2891,
"y": 2122
"y": 2142.5
}
],
"animated": false,
@ -3686,11 +3686,11 @@
},
{
"x": 2272,
"y": 218.5
"y": 222.6
},
{
"x": 2272,
"y": 260.5
"y": 281
}
],
"isCurve": true,
@ -3786,11 +3786,11 @@
"route": [
{
"x": 2272,
"y": 2276.5
"y": 2297
},
{
"x": 2272,
"y": 2317.7
"y": 2321.8
},
{
"x": 2272,
@ -3806,11 +3806,11 @@
},
{
"x": 2277.6,
"y": 2438
"y": 2442.1
},
{
"x": 2300,
"y": 2478
"y": 2498.5
}
],
"isCurve": true,
@ -3890,11 +3890,11 @@
},
{
"x": 3086,
"y": 2388
"y": 2396.2
},
{
"x": 3086,
"y": 2428
"y": 2469
}
],
"isCurve": true,
@ -3930,11 +3930,11 @@
"route": [
{
"x": 3298,
"y": 2779
"y": 2799.5
},
{
"x": 2814,
"y": 2779
"y": 2799.5
}
],
"animated": false,
@ -3969,11 +3969,11 @@
"route": [
{
"x": 2794,
"y": 2909
"y": 2929.5
},
{
"x": 2568,
"y": 2909
"y": 2929.5
}
],
"animated": false,
@ -4008,11 +4008,11 @@
"route": [
{
"x": 2540,
"y": 3039
"y": 3059.5
},
{
"x": 2322,
"y": 3039
"y": 3059.5
}
],
"animated": false,
@ -4047,11 +4047,11 @@
"route": [
{
"x": 2798,
"y": 3169
"y": 3189.5
},
{
"x": 2564,
"y": 3169
"y": 3189.5
}
],
"animated": false,
@ -4086,11 +4086,11 @@
"route": [
{
"x": 2322,
"y": 3299
"y": 3319.5
},
{
"x": 3032,
"y": 3299
"y": 3319.5
}
],
"animated": false,
@ -4125,11 +4125,11 @@
"route": [
{
"x": 2060,
"y": 3429
"y": 3449.5
},
{
"x": 2798,
"y": 3429
"y": 3449.5
}
],
"animated": false,
@ -4164,11 +4164,11 @@
"route": [
{
"x": 3032,
"y": 3559
"y": 3579.5
},
{
"x": 2054,
"y": 3559
"y": 3579.5
}
],
"animated": false,
@ -4203,11 +4203,11 @@
"route": [
{
"x": 2054,
"y": 3689
"y": 3709.5
},
{
"x": 3298,
"y": 3689
"y": 3709.5
}
],
"animated": false,
@ -4476,11 +4476,11 @@
"route": [
{
"x": 1647,
"y": 432
"y": 452.5
},
{
"x": 1647,
"y": 2252
"y": 2272.5
}
],
"animated": false,
@ -4515,11 +4515,11 @@
"route": [
{
"x": 1897,
"y": 432
"y": 452.5
},
{
"x": 1897,
"y": 2252
"y": 2272.5
}
],
"animated": false,
@ -4554,11 +4554,11 @@
"route": [
{
"x": 2147,
"y": 432
"y": 452.5
},
{
"x": 2147,
"y": 2252
"y": 2272.5
}
],
"animated": false,
@ -4593,11 +4593,11 @@
"route": [
{
"x": 2397,
"y": 432
"y": 452.5
},
{
"x": 2397,
"y": 2252
"y": 2272.5
}
],
"animated": false,
@ -4632,11 +4632,11 @@
"route": [
{
"x": 2647,
"y": 432
"y": 452.5
},
{
"x": 2647,
"y": 2252
"y": 2272.5
}
],
"animated": false,
@ -4671,11 +4671,11 @@
"route": [
{
"x": 2897,
"y": 432
"y": 452.5
},
{
"x": 2897,
"y": 2252
"y": 2272.5
}
],
"animated": false,
@ -4710,11 +4710,11 @@
"route": [
{
"x": 2054,
"y": 2649
"y": 2669.5
},
{
"x": 2054,
"y": 3819
"y": 3839.5
}
],
"animated": false,
@ -4749,11 +4749,11 @@
"route": [
{
"x": 2304,
"y": 2649
"y": 2669.5
},
{
"x": 2304,
"y": 3819
"y": 3839.5
}
],
"animated": false,
@ -4788,11 +4788,11 @@
"route": [
{
"x": 2554,
"y": 2649
"y": 2669.5
},
{
"x": 2554,
"y": 3819
"y": 3839.5
}
],
"animated": false,
@ -4827,11 +4827,11 @@
"route": [
{
"x": 2804,
"y": 2649
"y": 2669.5
},
{
"x": 2804,
"y": 3819
"y": 3839.5
}
],
"animated": false,
@ -4866,11 +4866,11 @@
"route": [
{
"x": 3054,
"y": 2649
"y": 2669.5
},
{
"x": 3054,
"y": 3819
"y": 3839.5
}
],
"animated": false,
@ -4905,11 +4905,11 @@
"route": [
{
"x": 3304,
"y": 2649
"y": 2669.5
},
{
"x": 3304,
"y": 3819
"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

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

@ -130,10 +130,10 @@
"type": "rectangle",
"pos": {
"x": 40,
"y": 166
"y": 207
},
"width": 549,
"height": 166,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -162,7 +162,7 @@
"underline": false,
"labelWidth": 19,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -171,7 +171,7 @@
"type": "rectangle",
"pos": {
"x": 290,
"y": 216
"y": 236
},
"width": 53,
"height": 66,
@ -212,7 +212,7 @@
"type": "rectangle",
"pos": {
"x": 94,
"y": 216
"y": 236
},
"width": 53,
"height": 66,
@ -253,7 +253,7 @@
"type": "rectangle",
"pos": {
"x": 487,
"y": 216
"y": 236
},
"width": 53,
"height": 66,
@ -294,10 +294,10 @@
"type": "rectangle",
"pos": {
"x": 40,
"y": 432
"y": 473
},
"width": 156,
"height": 166,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -326,7 +326,7 @@
"underline": false,
"labelWidth": 45,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -335,7 +335,7 @@
"type": "rectangle",
"pos": {
"x": 94,
"y": 482
"y": 502
},
"width": 53,
"height": 66,
@ -376,10 +376,10 @@
"type": "rectangle",
"pos": {
"x": 433,
"y": 432
"y": 473
},
"width": 156,
"height": 166,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -408,7 +408,7 @@
"underline": false,
"labelWidth": 45,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -417,7 +417,7 @@
"type": "rectangle",
"pos": {
"x": 487,
"y": 482
"y": 502
},
"width": 53,
"height": 66,
@ -458,10 +458,10 @@
"type": "rectangle",
"pos": {
"x": 237,
"y": 432
"y": 473
},
"width": 156,
"height": 166,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -490,7 +490,7 @@
"underline": false,
"labelWidth": 45,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -499,7 +499,7 @@
"type": "rectangle",
"pos": {
"x": 290,
"y": 482
"y": 502
},
"width": 53,
"height": 66,
@ -540,10 +540,10 @@
"type": "rectangle",
"pos": {
"x": 40,
"y": 698
"y": 739
},
"width": 353,
"height": 166,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -572,7 +572,7 @@
"underline": false,
"labelWidth": 45,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -581,7 +581,7 @@
"type": "rectangle",
"pos": {
"x": 94,
"y": 748
"y": 768
},
"width": 53,
"height": 66,
@ -622,7 +622,7 @@
"type": "rectangle",
"pos": {
"x": 290,
"y": 748
"y": 768
},
"width": 53,
"height": 66,
@ -663,10 +663,10 @@
"type": "rectangle",
"pos": {
"x": 433,
"y": 698
"y": 739
},
"width": 156,
"height": 166,
"height": 125,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -695,7 +695,7 @@
"underline": false,
"labelWidth": 45,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -704,7 +704,7 @@
"type": "rectangle",
"pos": {
"x": 487,
"y": 748
"y": 768
},
"width": 53,
"height": 66,
@ -745,10 +745,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 964
"y": 1005
},
"width": 629,
"height": 266,
"height": 225,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -777,7 +777,7 @@
"underline": false,
"labelWidth": 20,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -786,10 +786,10 @@
"type": "rectangle",
"pos": {
"x": 40,
"y": 1014
"y": 1070
},
"width": 156,
"height": 166,
"height": 130,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -818,7 +818,7 @@
"underline": false,
"labelWidth": 21,
"labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 2
},
@ -827,7 +827,7 @@
"type": "rectangle",
"pos": {
"x": 94,
"y": 1064
"y": 1102
},
"width": 53,
"height": 66,
@ -868,10 +868,10 @@
"type": "rectangle",
"pos": {
"x": 237,
"y": 1014
"y": 1070
},
"width": 156,
"height": 166,
"height": 130,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -900,7 +900,7 @@
"underline": false,
"labelWidth": 21,
"labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 2
},
@ -909,7 +909,7 @@
"type": "rectangle",
"pos": {
"x": 290,
"y": 1064
"y": 1102
},
"width": 53,
"height": 66,
@ -950,10 +950,10 @@
"type": "rectangle",
"pos": {
"x": 433,
"y": 1014
"y": 1070
},
"width": 156,
"height": 166,
"height": 130,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -982,7 +982,7 @@
"underline": false,
"labelWidth": 21,
"labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 2
},
@ -991,7 +991,7 @@
"type": "rectangle",
"pos": {
"x": 487,
"y": 1064
"y": 1102
},
"width": 53,
"height": 66,
@ -1064,11 +1064,11 @@
},
{
"x": 316.5,
"y": 176
"y": 180.1
},
{
"x": 316.5,
"y": 216
"y": 236.5
}
],
"isCurve": true,
@ -1112,11 +1112,11 @@
},
{
"x": 120,
"y": 176
"y": 180.1
},
{
"x": 120,
"y": 216
"y": 236.5
}
],
"isCurve": true,
@ -1160,11 +1160,11 @@
},
{
"x": 513,
"y": 176
"y": 180.1
},
{
"x": 513,
"y": 216
"y": 236.5
}
],
"isCurve": true,
@ -1200,11 +1200,11 @@
"route": [
{
"x": 120,
"y": 282
"y": 302.5
},
{
"x": 120,
"y": 322
"y": 326.1
},
{
"x": 120,
@ -1220,11 +1220,11 @@
},
{
"x": 120,
"y": 442
"y": 446.1
},
{
"x": 120,
"y": 482
"y": 502.5
}
],
"isCurve": true,
@ -1260,11 +1260,11 @@
"route": [
{
"x": 513,
"y": 282
"y": 302.5
},
{
"x": 513,
"y": 322
"y": 326.1
},
{
"x": 513,
@ -1280,11 +1280,11 @@
},
{
"x": 513,
"y": 442
"y": 446.1
},
{
"x": 513,
"y": 482
"y": 502.5
}
],
"isCurve": true,
@ -1320,11 +1320,11 @@
"route": [
{
"x": 316.5,
"y": 282
"y": 302.5
},
{
"x": 316.5,
"y": 322
"y": 326.1
},
{
"x": 316.5,
@ -1340,11 +1340,11 @@
},
{
"x": 316.5,
"y": 442
"y": 446.1
},
{
"x": 316.5,
"y": 482
"y": 502.5
}
],
"isCurve": true,
@ -1380,11 +1380,11 @@
"route": [
{
"x": 120,
"y": 548
"y": 568.5
},
{
"x": 120,
"y": 588
"y": 592.1
},
{
"x": 120,
@ -1400,11 +1400,11 @@
},
{
"x": 120,
"y": 708
"y": 712.1
},
{
"x": 120,
"y": 748
"y": 768.5
}
],
"isCurve": true,
@ -1440,11 +1440,11 @@
"route": [
{
"x": 316.5,
"y": 548
"y": 568.5
},
{
"x": 316.5,
"y": 588
"y": 592.1
},
{
"x": 316.5,
@ -1460,11 +1460,11 @@
},
{
"x": 316.5,
"y": 708
"y": 712.1
},
{
"x": 316.5,
"y": 748
"y": 768.5
}
],
"isCurve": true,
@ -1500,11 +1500,11 @@
"route": [
{
"x": 513,
"y": 548
"y": 568.5
},
{
"x": 513,
"y": 588
"y": 592.1
},
{
"x": 513,
@ -1520,11 +1520,11 @@
},
{
"x": 513,
"y": 708
"y": 712.1
},
{
"x": 513,
"y": 748
"y": 768.5
}
],
"isCurve": true,
@ -1560,11 +1560,11 @@
"route": [
{
"x": 120,
"y": 814
"y": 834.5
},
{
"x": 120,
"y": 854
"y": 858.1
},
{
"x": 120,
@ -1592,11 +1592,11 @@
},
{
"x": 120,
"y": 1024
"y": 1031.7
},
{
"x": 120,
"y": 1064
"y": 1102.5
}
],
"isCurve": true,
@ -1632,11 +1632,11 @@
"route": [
{
"x": 316.5,
"y": 814
"y": 834.5
},
{
"x": 316.5,
"y": 854
"y": 858.1
},
{
"x": 316.5,
@ -1664,11 +1664,11 @@
},
{
"x": 316.5,
"y": 1024
"y": 1031.7
},
{
"x": 316.5,
"y": 1064
"y": 1102.5
}
],
"isCurve": true,
@ -1704,11 +1704,11 @@
"route": [
{
"x": 513,
"y": 814
"y": 834.5
},
{
"x": 513,
"y": 854
"y": 858.1
},
{
"x": 513,
@ -1736,11 +1736,11 @@
},
{
"x": 513,
"y": 1024
"y": 1031.7
},
{
"x": 513,
"y": 1064
"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

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

@ -0,0 +1,379 @@
{
"name": "",
"fontFamily": "SourceSansPro",
"shapes": [
{
"id": "a",
"type": "rectangle",
"pos": {
"x": 0,
"y": 41
},
"width": 434,
"height": 325,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#E3E9FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "a",
"fontSize": 28,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 12,
"labelHeight": 36,
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "a.b",
"type": "rectangle",
"pos": {
"x": 40,
"y": 106
},
"width": 354,
"height": 230,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "b",
"fontSize": 24,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 12,
"labelHeight": 31,
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 2
},
{
"id": "a.b.c",
"type": "rectangle",
"pos": {
"x": 80,
"y": 169
},
"width": 274,
"height": 135,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#F7F8FE",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "c",
"fontSize": 20,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 9,
"labelHeight": 26,
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 3
},
{
"id": "a.b.c.d",
"type": "rectangle",
"pos": {
"x": 130,
"y": 204
},
"width": 54,
"height": 66,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#FFFFFF",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "d",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 9,
"labelHeight": 21,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 4
}
],
"connections": [
{
"id": "(a.b -> a)[0]",
"src": "a.b",
"srcArrow": "none",
"srcLabel": "",
"dst": "a",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 184,
"y": 224.73204419889504
},
{
"x": 210.66666666666669,
"y": 181.346408839779
},
{
"x": 219,
"y": 170.5
},
{
"x": 221.5,
"y": 170.5
},
{
"x": 224,
"y": 170.5
},
{
"x": 227.33333333333331,
"y": 177.1
},
{
"x": 229.83333333333331,
"y": 187
},
{
"x": 232.33333333333334,
"y": 196.9
},
{
"x": 232.33333333333334,
"y": 210.1
},
{
"x": 229.83333333333331,
"y": 220
},
{
"x": 227.33333333333331,
"y": 229.9
},
{
"x": 210.66666666666669,
"y": 232.853591160221
},
{
"x": 184,
"y": 218.26795580110496
}
],
"isCurve": true,
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
},
{
"id": "a.(b -> b.c)[0]",
"src": "a.b",
"srcArrow": "none",
"srcLabel": "",
"dst": "a.b.c",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 184,
"y": 211.25862068965517
},
{
"x": 232,
"y": 193.05172413793105
},
{
"x": 247,
"y": 188.5
},
{
"x": 251.5,
"y": 188.5
},
{
"x": 256,
"y": 188.5
},
{
"x": 262,
"y": 195.1
},
{
"x": 266.5,
"y": 205
},
{
"x": 271,
"y": 214.9
},
{
"x": 271,
"y": 228.1
},
{
"x": 266.5,
"y": 238
},
{
"x": 262,
"y": 247.9
},
{
"x": 232,
"y": 256.14827586206894
},
{
"x": 184,
"y": 262.7413793103448
}
],
"isCurve": true,
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
},
{
"id": "a.(b.c.d -> b)[0]",
"src": "a.b.c.d",
"srcArrow": "none",
"srcLabel": "",
"dst": "a.b",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 183.66666666666669,
"y": 245
},
{
"x": 184,
"y": 229.33870967741936
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
}
]
}

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

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

After

Width:  |  Height:  |  Size: 650 KiB

297
e2etests/testdata/todo/child_parent_edges/elk/board.exp.json generated vendored Normal file
View file

@ -0,0 +1,297 @@
{
"name": "",
"fontFamily": "SourceSansPro",
"shapes": [
{
"id": "a",
"type": "rectangle",
"pos": {
"x": 12,
"y": 12
},
"width": 514,
"height": 621,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#E3E9FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "a",
"fontSize": 28,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 12,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "a.b",
"type": "rectangle",
"pos": {
"x": 87,
"y": 87
},
"width": 364,
"height": 471,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "b",
"fontSize": 24,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 12,
"labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER",
"zIndex": 0,
"level": 2
},
{
"id": "a.b.c",
"type": "rectangle",
"pos": {
"x": 172,
"y": 162
},
"width": 204,
"height": 216,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#F7F8FE",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "c",
"fontSize": 20,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 9,
"labelHeight": 26,
"labelPosition": "INSIDE_TOP_CENTER",
"zIndex": 0,
"level": 3
},
{
"id": "a.b.c.d",
"type": "rectangle",
"pos": {
"x": 247,
"y": 237
},
"width": 54,
"height": 66,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#FFFFFF",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "d",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 9,
"labelHeight": 21,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 4
}
],
"connections": [
{
"id": "(a.b -> a)[0]",
"src": "a.b",
"srcArrow": "none",
"srcLabel": "",
"dst": "a",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 162,
"y": 558
},
{
"x": 162,
"y": 633
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
},
{
"id": "a.(b -> b.c)[0]",
"src": "a.b",
"srcArrow": "none",
"srcLabel": "",
"dst": "a.b.c",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 247,
"y": 87
},
{
"x": 247,
"y": 162
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
},
{
"id": "a.(b.c.d -> b)[0]",
"src": "a.b.c.d",
"srcArrow": "none",
"srcLabel": "",
"dst": "a.b",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 274,
"y": 303
},
{
"x": 274,
"y": 433
},
{
"x": 162,
"y": 433
},
{
"x": 162,
"y": 87
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
}
]
}

59
e2etests/testdata/todo/child_parent_edges/elk/sketch.exp.svg vendored Normal file
View file

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

After

Width:  |  Height:  |  Size: 650 KiB

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

@ -7,10 +7,10 @@
"type": "rectangle",
"pos": {
"x": 0,
"y": 0
"y": 41
},
"width": 220,
"height": 353,
"height": 312,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false,
"labelWidth": 112,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -48,7 +48,7 @@
"type": "rectangle",
"pos": {
"x": 73,
"y": 50
"y": 70
},
"width": 75,
"height": 66,
@ -89,7 +89,7 @@
"type": "rectangle",
"pos": {
"x": 63,
"y": 237
"y": 257
},
"width": 95,
"height": 66,
@ -154,19 +154,19 @@
"route": [
{
"x": 98.16176470588235,
"y": 116
"y": 136.5
},
{
"x": 80.43235294117648,
"y": 164.4
"y": 184.9
},
{
"x": 80.4,
"y": 188.7
"y": 209.2
},
{
"x": 98,
"y": 237.5
"y": 258
}
],
"isCurve": true,
@ -202,19 +202,19 @@
"route": [
{
"x": 122.33823529411765,
"y": 116
"y": 136.5
},
{
"x": 140.06764705882352,
"y": 164.4
"y": 184.9
},
{
"x": 140.1,
"y": 188.7
"y": 209.2
},
{
"x": 122.5,
"y": 237.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="557" viewBox="-102 -102 424 557"><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="557" viewBox="-102 -102 424 557"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="container"><g class="shape" ><rect x="0" y="0" width="220" height="353" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="110.000000" y="33.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">container</text></g><g id="container.first"><g class="shape" ><rect x="73" y="50" width="75" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="110.500000" y="88.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">first</text></g><g id="container.second"><g class="shape" ><rect x="63" y="237" width="95" height="66" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="110.500000" y="275.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 117.877969 C 80.432353 164.400000 80.400000 188.700000 96.642938 233.737237" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#762398313)"/><text class="text-italic" x="80.500000" y="182.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 117.877969 C 140.067647 164.400000 140.100000 188.700000 123.857062 233.737237" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#762398313)"/><text class="text-italic" x="140.000000" y="182.000000" style="text-anchor:middle;font-size:16px;fill:#676C7E">c-&gt;2</text></g><mask id="762398313" maskUnits="userSpaceOnUse" x="-100" y="-100" width="424" height="557">
<rect x="-100" y="-100" width="424" height="557" fill="white"></rect>
<rect x="66.000000" y="166.000000" width="29" height="21" fill="black"></rect>
<rect x="126.000000" y="166.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

320
e2etests/testdata/todo/container_icon_label/dagre/board.exp.json generated vendored Normal file
View file

@ -0,0 +1,320 @@
{
"name": "",
"fontFamily": "SourceSansPro",
"shapes": [
{
"id": "a",
"type": "rectangle",
"pos": {
"x": 0,
"y": 43
},
"width": 236,
"height": 555,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#E3E9FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": {
"Scheme": "https",
"Opaque": "",
"User": null,
"Host": "icons.terrastruct.com",
"Path": "/essentials/004-picture.svg",
"RawPath": "",
"ForceQuery": false,
"RawQuery": "",
"Fragment": "",
"RawFragment": ""
},
"iconPosition": "INSIDE_MIDDLE_CENTER",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "Big font",
"fontSize": 30,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 96,
"labelHeight": 38,
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "a.a",
"type": "rectangle",
"pos": {
"x": 40,
"y": 107
},
"width": 156,
"height": 130,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "a",
"fontSize": 24,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 10,
"labelHeight": 31,
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 2
},
{
"id": "a.b",
"type": "rectangle",
"pos": {
"x": 94,
"y": 337
},
"width": 53,
"height": 66,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "b",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 8,
"labelHeight": 21,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 2
},
{
"id": "a.c",
"type": "rectangle",
"pos": {
"x": 94,
"y": 503
},
"width": 53,
"height": 66,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "c",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 8,
"labelHeight": 21,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 2
},
{
"id": "a.a.a",
"type": "rectangle",
"pos": {
"x": 94,
"y": 139
},
"width": 53,
"height": 66,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#F7F8FE",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "a",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 8,
"labelHeight": 21,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 3
}
],
"connections": [
{
"id": "a.(a -> b)[0]",
"src": "a.a",
"srcArrow": "none",
"srcLabel": "",
"dst": "a.b",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 120,
"y": 237.5
},
{
"x": 120,
"y": 277.5
},
{
"x": 120,
"y": 297.5
},
{
"x": 120,
"y": 337.5
}
],
"isCurve": true,
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
},
{
"id": "a.(b -> c)[0]",
"src": "a.b",
"srcArrow": "none",
"srcLabel": "",
"dst": "a.c",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 120,
"y": 403.5
},
{
"x": 120,
"y": 443.5
},
{
"x": 120,
"y": 463.5
},
{
"x": 120,
"y": 503.5
}
],
"isCurve": true,
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
}
]
}

59
e2etests/testdata/todo/container_icon_label/dagre/sketch.exp.svg vendored Normal file
View file

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

After

Width:  |  Height:  |  Size: 650 KiB

302
e2etests/testdata/todo/container_icon_label/elk/board.exp.json generated vendored Normal file
View file

@ -0,0 +1,302 @@
{
"name": "",
"fontFamily": "SourceSansPro",
"shapes": [
{
"id": "a",
"type": "rectangle",
"pos": {
"x": 12,
"y": 12
},
"width": 353,
"height": 698,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#E3E9FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": {
"Scheme": "https",
"Opaque": "",
"User": null,
"Host": "icons.terrastruct.com",
"Path": "/essentials/004-picture.svg",
"RawPath": "",
"ForceQuery": false,
"RawQuery": "",
"Fragment": "",
"RawFragment": ""
},
"iconPosition": "INSIDE_MIDDLE_CENTER",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "Big font",
"fontSize": 30,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 96,
"labelHeight": 38,
"labelPosition": "INSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "a.a",
"type": "rectangle",
"pos": {
"x": 87,
"y": 87
},
"width": 203,
"height": 216,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "a",
"fontSize": 24,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 10,
"labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER",
"zIndex": 0,
"level": 2
},
{
"id": "a.b",
"type": "rectangle",
"pos": {
"x": 162,
"y": 403
},
"width": 53,
"height": 66,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "b",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 8,
"labelHeight": 21,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 2
},
{
"id": "a.c",
"type": "rectangle",
"pos": {
"x": 162,
"y": 569
},
"width": 53,
"height": 66,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "c",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 8,
"labelHeight": 21,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 2
},
{
"id": "a.a.a",
"type": "rectangle",
"pos": {
"x": 162,
"y": 162
},
"width": 53,
"height": 66,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#F7F8FE",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "a",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 8,
"labelHeight": 21,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 3
}
],
"connections": [
{
"id": "a.(a -> b)[0]",
"src": "a.a",
"srcArrow": "none",
"srcLabel": "",
"dst": "a.b",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 188.5,
"y": 303
},
{
"x": 188.5,
"y": 403
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
},
{
"id": "a.(b -> c)[0]",
"src": "a.b",
"srcArrow": "none",
"srcLabel": "",
"dst": "a.c",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 188.5,
"y": 469
},
{
"x": 188.5,
"y": 569
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
}
]
}

59
e2etests/testdata/todo/container_icon_label/elk/sketch.exp.svg vendored Normal file
View file

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

After

Width:  |  Height:  |  Size: 650 KiB

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

@ -0,0 +1,263 @@
{
"name": "",
"fontFamily": "SourceSansPro",
"shapes": [
{
"id": "a",
"type": "rectangle",
"pos": {
"x": 0,
"y": 41
},
"width": 193,
"height": 291,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#E3E9FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "If we were meant to fly, we wouldn't keep losing our luggage",
"fontSize": 28,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 702,
"labelHeight": 36,
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "a.b",
"type": "rectangle",
"pos": {
"x": 50,
"y": 70
},
"width": 53,
"height": 66,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "b",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 8,
"labelHeight": 21,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 2
},
{
"id": "a.c",
"type": "rectangle",
"pos": {
"x": 50,
"y": 236
},
"width": 53,
"height": 66,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "c",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 8,
"labelHeight": 21,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 2
}
],
"connections": [
{
"id": "a.(b -> c)[0]",
"src": "a.b",
"srcArrow": "none",
"srcLabel": "",
"dst": "a.c",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 76.5,
"y": 136.5
},
{
"x": 76.5,
"y": 176.5
},
{
"x": 76.5,
"y": 196.5
},
{
"x": 76.5,
"y": 236.5
}
],
"isCurve": true,
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
},
{
"id": "(a -> a)[0]",
"src": "a",
"srcArrow": "none",
"srcLabel": "",
"dst": "a",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 103,
"y": 109.38440111420613
},
{
"x": 129.66666666666669,
"y": 94.67688022284122
},
{
"x": 138,
"y": 91
},
{
"x": 140.5,
"y": 91
},
{
"x": 143,
"y": 91
},
{
"x": 146.33333333333331,
"y": 97.6
},
{
"x": 148.83333333333331,
"y": 107.5
},
{
"x": 151.33333333333334,
"y": 117.4
},
{
"x": 151.33333333333334,
"y": 130.6
},
{
"x": 148.83333333333331,
"y": 140.5
},
{
"x": 146.33333333333331,
"y": 150.4
},
{
"x": 129.66666666666669,
"y": 153.32311977715878
},
{
"x": 103,
"y": 138.61559888579387
}
],
"isCurve": true,
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
}
]
}

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

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

After

Width:  |  Height:  |  Size: 650 KiB

217
e2etests/testdata/todo/container_label_loop/elk/board.exp.json generated vendored Normal file
View file

@ -0,0 +1,217 @@
{
"name": "",
"fontFamily": "SourceSansPro",
"shapes": [
{
"id": "a",
"type": "rectangle",
"pos": {
"x": 62,
"y": 12
},
"width": 203,
"height": 382,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#E3E9FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "If we were meant to fly, we wouldn't keep losing our luggage",
"fontSize": 28,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 702,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
{
"id": "a.b",
"type": "rectangle",
"pos": {
"x": 137,
"y": 87
},
"width": 53,
"height": 66,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "b",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 8,
"labelHeight": 21,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 2
},
{
"id": "a.c",
"type": "rectangle",
"pos": {
"x": 137,
"y": 253
},
"width": 53,
"height": 66,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "#EDF0FD",
"stroke": "#0D32B2",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": null,
"label": "c",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 8,
"labelHeight": 21,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 2
}
],
"connections": [
{
"id": "a.(b -> c)[0]",
"src": "a.b",
"srcArrow": "none",
"srcLabel": "",
"dst": "a.c",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 163.5,
"y": 153
},
{
"x": 163.5,
"y": 253
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
},
{
"id": "(a -> a)[0]",
"src": "a",
"srcArrow": "none",
"srcLabel": "",
"dst": "a",
"dstArrow": "triangle",
"dstLabel": "",
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"stroke": "#0D32B2",
"label": "",
"fontSize": 16,
"fontFamily": "DEFAULT",
"language": "",
"color": "#676C7E",
"italic": true,
"bold": false,
"underline": false,
"labelWidth": 0,
"labelHeight": 0,
"labelPosition": "",
"labelPercentage": 0,
"route": [
{
"x": 62,
"y": 139.33333333333331
},
{
"x": 12,
"y": 139.33333333333331
},
{
"x": 12,
"y": 266.66666666666663
},
{
"x": 62,
"y": 266.66666666666663
}
],
"animated": false,
"tooltip": "",
"icon": null,
"zIndex": 0
}
]
}

59
e2etests/testdata/todo/container_label_loop/elk/sketch.exp.svg vendored Normal file
View file

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

After

Width:  |  Height:  |  Size: 650 KiB

38
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": 0
"y": 41
},
"width": 1112,
"height": 456,
"height": 415,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false,
"labelWidth": 123,
"labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 1
},
@ -48,10 +48,10 @@
"type": "oval",
"pos": {
"x": 40,
"y": 50
"y": 106
},
"width": 228,
"height": 356,
"height": 320,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -80,7 +80,7 @@
"underline": false,
"labelWidth": 156,
"labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 2
},
@ -89,7 +89,7 @@
"type": "diamond",
"pos": {
"x": 90,
"y": 196
"y": 234
},
"width": 128,
"height": 64,
@ -130,10 +130,10 @@
"type": "diamond",
"pos": {
"x": 308,
"y": 50
"y": 106
},
"width": 228,
"height": 356,
"height": 320,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -162,7 +162,7 @@
"underline": false,
"labelWidth": 192,
"labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 2
},
@ -171,7 +171,7 @@
"type": "oval",
"pos": {
"x": 358,
"y": 164
"y": 202
},
"width": 128,
"height": 128,
@ -212,10 +212,10 @@
"type": "oval",
"pos": {
"x": 576,
"y": 50
"y": 106
},
"width": 228,
"height": 356,
"height": 320,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -244,7 +244,7 @@
"underline": false,
"labelWidth": 144,
"labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 2
},
@ -253,7 +253,7 @@
"type": "hexagon",
"pos": {
"x": 626,
"y": 196
"y": 234
},
"width": 128,
"height": 64,
@ -294,10 +294,10 @@
"type": "hexagon",
"pos": {
"x": 844,
"y": 50
"y": 106
},
"width": 228,
"height": 356,
"height": 320,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -326,7 +326,7 @@
"underline": false,
"labelWidth": 188,
"labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER",
"labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0,
"level": 2
},
@ -335,7 +335,7 @@
"type": "oval",
"pos": {
"x": 894,
"y": 196
"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

67
e2etests/todo_test.go
View file

@ -16,57 +16,19 @@ container -> container.second: c->2
`,
},
{
// issue https://github.com/terrastruct/d2/issues/263
name: "tall_edge_label",
script: `
a -> b: There\nonce\nwas\na\nvery\ntall\nedge\nlabel
`,
name: "child_parent_edges",
script: `a.b -> a
a.b -> a.b.c
a.b.c.d -> a.b`,
},
{
// issue https://github.com/terrastruct/d2/issues/263
name: "font_sizes_large",
script: `
eight.style.font-size: 8
sixteen.style.font-size: 16
thirty two.style.font-size: 32
sixty four.style.font-size: 64
ninety nine.style.font-size: 99
eight -> sixteen : twelve {
style.font-size: 12
name: "container_label_loop",
script: `a: "If we were meant to fly, we wouldn't keep losing our luggage" {
b -> c
}
sixteen -> thirty two : twenty four {
style.font-size: 24
}
thirty two -> sixty four: forty eight {
style.font-size: 48
}
sixty four -> ninety nine: eighty one {
style.font-size: 81
}
`,
a -> a`,
},
{
// issue https://github.com/terrastruct/d2/issues/19
name: "font_sizes_containers_large",
script: `
ninety nine: {
style.font-size: 99
sixty four: {
style.font-size: 64
thirty two:{
style.font-size: 32
sixteen: {
style.font-size: 16
eight: {
style.font-size: 8
}
}
}
}
}
`,
}, {
// as nesting gets deeper, the groups advance towards `c` and may overlap its lifeline
// needs to consider the group size when computing the distance from `a` to `c`
// a similar effect can be seen for spans
@ -242,6 +204,19 @@ Office chatter: {
}
}
}
`,
},
{
// https://github.com/terrastruct/d2/issues/791
name: "container_icon_label",
script: `a: Big font {
icon: https://icons.terrastruct.com/essentials/004-picture.svg
style.font-size: 30
a -> b -> c
a: {
a
}
}
`,
},
}