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) - 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) - 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) - 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) - 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) - 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) - 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" 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 maxLabelSize := 0
for _, edge := range g.Edges { for _, edge := range g.Edges {
size := edge.LabelDimensions.Width size := edge.LabelDimensions.Width
@ -112,7 +122,7 @@ func Layout(ctx context.Context, g *d2graph.Graph, opts *ConfigurableOpts) (err
} }
maxLabelSize = go2.Max(maxLabelSize, size) 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) configJS := setGraphAttrs(rootAttrs)
if _, err := vm.RunString(configJS); err != nil { 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 { if obj.Attributes.Shape.Value == d2target.ShapeImage || obj.Attributes.Icon != nil {
height += float64(*obj.LabelHeight) + label.PADDING 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)) loadScript += generateAddNodeLine(id, int(obj.Width), int(height))
if obj.Parent != g.Root { 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 obj.LabelWidth != nil && obj.LabelHeight != nil {
if len(obj.ChildrenArray) > 0 { 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 { } else if obj.Attributes.Shape.Value == d2target.ShapeImage {
obj.LabelPosition = go2.Pointer(string(label.OutsideBottomCenter)) obj.LabelPosition = go2.Pointer(string(label.OutsideBottomCenter))
// remove the extra height we added to the node when passing to dagre // 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 // 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 // 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", name: "font_sizes_containers_large",
script: `a.b -> a script: `
a.b -> a.b.c ninety nine: {
a.b.c.d -> a.b`, 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", name: "lone_h1",

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

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 41
}, },
"width": 425, "width": 425,
"height": 528, "height": 487,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 12, "labelWidth": 12,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 94, "x": 94,
"y": 55 "y": 75
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -89,10 +89,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 299 "y": 355
}, },
"width": 345, "width": 345,
"height": 175, "height": 139,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -121,7 +121,7 @@
"underline": false, "underline": false,
"labelWidth": 10, "labelWidth": 10,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 207, "x": 207,
"y": 55 "y": 75
}, },
"width": 52, "width": 52,
"height": 66, "height": 66,
@ -171,7 +171,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 319, "x": 319,
"y": 55 "y": 75
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -212,7 +212,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 206, "x": 206,
"y": 353 "y": 391
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -277,19 +277,19 @@
"route": [ "route": [
{ {
"x": 120, "x": 120,
"y": 121.5 "y": 142
}, },
{ {
"x": 120, "x": 120,
"y": 191.9 "y": 212.4
}, },
{ {
"x": 120, "x": 120.2,
"y": 227.5 "y": 326.4
}, },
{ {
"x": 120, "x": 121,
"y": 299.5 "y": 356
} }
], ],
"isCurve": true, "isCurve": true,
@ -325,19 +325,19 @@
"route": [ "route": [
{ {
"x": 232.5, "x": 232.5,
"y": 121.5 "y": 142
}, },
{ {
"x": 232.5, "x": 232.5,
"y": 191.9 "y": 212.4
}, },
{ {
"x": 232.5, "x": 232.5,
"y": 227.5 "y": 326.4
}, },
{ {
"x": 232.5, "x": 232.5,
"y": 299.5 "y": 356
} }
], ],
"isCurve": true, "isCurve": true,
@ -373,19 +373,19 @@
"route": [ "route": [
{ {
"x": 345, "x": 345,
"y": 121.5 "y": 142
}, },
{ {
"x": 345, "x": 345,
"y": 191.9 "y": 212.4
}, },
{ {
"x": 345, "x": 344.8,
"y": 227.5 "y": 326.4
}, },
{ {
"x": 345, "x": 344,
"y": 299.5 "y": 356
} }
], ],
"isCurve": true, "isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="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[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; 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); 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"> ]]></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="732" fill="white"></rect> <rect x="-100" y="-100" width="629" height="730" fill="white"></rect>
<rect x="102.000000" y="176.000000" width="36" height="69" fill="black"></rect> <rect x="102.000000" y="215.000000" width="36" height="69" fill="black"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 794 KiB

After

Width:  |  Height:  |  Size: 794 KiB

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

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

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="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[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; 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); 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"> ]]></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="381" fill="white"></rect> <rect x="-100" y="-100" width="2532" height="379" fill="white"></rect>
<rect x="480.000000" y="78.000000" width="54" height="21" fill="black"></rect> <rect x="480.000000" y="99.000000" width="54" height="21" fill="black"></rect>
<rect x="951.000000" y="78.000000" width="138" height="21" fill="black"></rect> <rect x="951.000000" y="99.000000" width="138" height="21" fill="black"></rect>
<rect x="1370.000000" y="78.000000" width="119" height="21" fill="black"></rect> <rect x="1370.000000" y="99.000000" width="119" height="21" fill="black"></rect>
<rect x="1856.000000" y="78.000000" width="169" 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[ </mask><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 795 KiB

After

Width:  |  Height:  |  Size: 795 KiB

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

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 41
}, },
"width": 370, "width": 370,
"height": 1372, "height": 1331,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 221, "labelWidth": 221,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 50, "x": 50,
"y": 73 "y": 93
}, },
"width": 270, "width": 270,
"height": 77, "height": 77,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 81, "x": 81,
"y": 322 "y": 342
}, },
"width": 209, "width": 209,
"height": 77, "height": 77,
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 150, "x": 150,
"y": 651 "y": 671
}, },
"width": 71, "width": 71,
"height": 77, "height": 77,
@ -171,7 +171,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 106, "x": 106,
"y": 973 "y": 993
}, },
"width": 158, "width": 158,
"height": 77, "height": 77,
@ -212,7 +212,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 138, "x": 138,
"y": 1222 "y": 1242
}, },
"width": 95, "width": 95,
"height": 77, "height": 77,
@ -253,10 +253,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 410, "x": 410,
"y": 0 "y": 41
}, },
"width": 311, "width": 311,
"height": 801, "height": 760,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -285,7 +285,7 @@
"underline": false, "underline": false,
"labelWidth": 242, "labelWidth": 242,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -294,7 +294,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 460, "x": 460,
"y": 73 "y": 93
}, },
"width": 211, "width": 211,
"height": 77, "height": 77,
@ -335,7 +335,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 461, "x": 461,
"y": 322 "y": 342
}, },
"width": 209, "width": 209,
"height": 77, "height": 77,
@ -376,7 +376,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 518, "x": 518,
"y": 651 "y": 671
}, },
"width": 95, "width": 95,
"height": 77, "height": 77,
@ -417,10 +417,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 761, "x": 761,
"y": 0 "y": 41
}, },
"width": 613, "width": 613,
"height": 801, "height": 760,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -449,7 +449,7 @@
"underline": false, "underline": false,
"labelWidth": 227, "labelWidth": 227,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -458,7 +458,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 979, "x": 979,
"y": 73 "y": 93
}, },
"width": 178, "width": 178,
"height": 77, "height": 77,
@ -499,7 +499,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 963, "x": 963,
"y": 322 "y": 342
}, },
"width": 209, "width": 209,
"height": 77, "height": 77,
@ -540,7 +540,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1020, "x": 1020,
"y": 651 "y": 671
}, },
"width": 95, "width": 95,
"height": 77, "height": 77,
@ -605,19 +605,19 @@
"route": [ "route": [
{ {
"x": 185, "x": 185,
"y": 150 "y": 170.5
}, },
{ {
"x": 185, "x": 185,
"y": 218.8 "y": 239.3
}, },
{ {
"x": 185, "x": 185,
"y": 253.2 "y": 273.7
}, },
{ {
"x": 185, "x": 185,
"y": 322 "y": 342.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -653,19 +653,19 @@
"route": [ "route": [
{ {
"x": 185, "x": 185,
"y": 399 "y": 419.5
}, },
{ {
"x": 185, "x": 185,
"y": 499.8 "y": 520.3
}, },
{ {
"x": 185, "x": 185,
"y": 550.2 "y": 570.7
}, },
{ {
"x": 185, "x": 185,
"y": 651 "y": 671.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -701,19 +701,19 @@
"route": [ "route": [
{ {
"x": 185, "x": 185,
"y": 728 "y": 748.5
}, },
{ {
"x": 185, "x": 185,
"y": 786.4 "y": 806.9
}, },
{ {
"x": 185, "x": 185,
"y": 904.2 "y": 924.7
}, },
{ {
"x": 185, "x": 185,
"y": 973 "y": 993.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -749,19 +749,19 @@
"route": [ "route": [
{ {
"x": 185, "x": 185,
"y": 1050 "y": 1070.5
}, },
{ {
"x": 185, "x": 185,
"y": 1118.8 "y": 1139.3
}, },
{ {
"x": 185, "x": 185,
"y": 1153.2 "y": 1173.7
}, },
{ {
"x": 185, "x": 185,
"y": 1222 "y": 1242.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -797,19 +797,19 @@
"route": [ "route": [
{ {
"x": 565.5, "x": 565.5,
"y": 150 "y": 170.5
}, },
{ {
"x": 565.5, "x": 565.5,
"y": 218.8 "y": 239.3
}, },
{ {
"x": 565.5, "x": 565.5,
"y": 253.2 "y": 273.7
}, },
{ {
"x": 565.5, "x": 565.5,
"y": 322 "y": 342.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -845,19 +845,19 @@
"route": [ "route": [
{ {
"x": 565.5, "x": 565.5,
"y": 399 "y": 419.5
}, },
{ {
"x": 565.5, "x": 565.5,
"y": 499.8 "y": 520.3
}, },
{ {
"x": 565.5, "x": 565.5,
"y": 550.2 "y": 570.7
}, },
{ {
"x": 565.5, "x": 565.5,
"y": 651 "y": 671.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -893,19 +893,19 @@
"route": [ "route": [
{ {
"x": 1067.5, "x": 1067.5,
"y": 150 "y": 170.5
}, },
{ {
"x": 1067.5, "x": 1067.5,
"y": 218.8 "y": 239.3
}, },
{ {
"x": 1067.5, "x": 1067.5,
"y": 253.2 "y": 273.7
}, },
{ {
"x": 1067.5, "x": 1067.5,
"y": 322 "y": 342.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -941,19 +941,19 @@
"route": [ "route": [
{ {
"x": 1067.5, "x": 1067.5,
"y": 399 "y": 419.5
}, },
{ {
"x": 1067.5, "x": 1067.5,
"y": 499.8 "y": 520.3
}, },
{ {
"x": 1067.5, "x": 1067.5,
"y": 550.2 "y": 570.7
}, },
{ {
"x": 1067.5, "x": 1067.5,
"y": 651 "y": 671.5
} }
], ],
"isCurve": true, "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", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 41
}, },
"width": 306, "width": 306,
"height": 166, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 13, "labelWidth": 13,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 50, "x": 50,
"y": 50 "y": 70
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 203, "x": 203,
"y": 50 "y": 70
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -154,55 +154,55 @@
"route": [ "route": [
{ {
"x": 103, "x": 103,
"y": 68.38440111420613 "y": 88.88440111420613
}, },
{ {
"x": 129.66666666666669, "x": 129.66666666666669,
"y": 53.67688022284123 "y": 74.17688022284122
}, },
{ {
"x": 138, "x": 138,
"y": 50 "y": 70.5
}, },
{ {
"x": 140.5, "x": 140.5,
"y": 50 "y": 70.5
}, },
{ {
"x": 143, "x": 143,
"y": 50 "y": 70.5
}, },
{ {
"x": 146.33333333333331, "x": 146.33333333333331,
"y": 56.6 "y": 77.1
}, },
{ {
"x": 148.83333333333331, "x": 148.83333333333331,
"y": 66.5 "y": 87
}, },
{ {
"x": 151.33333333333334, "x": 151.33333333333334,
"y": 76.4 "y": 96.9
}, },
{ {
"x": 151.33333333333334, "x": 151.33333333333334,
"y": 89.6 "y": 110.1
}, },
{ {
"x": 148.83333333333331, "x": 148.83333333333331,
"y": 99.5 "y": 120
}, },
{ {
"x": 146.33333333333331, "x": 146.33333333333331,
"y": 109.4 "y": 129.9
}, },
{ {
"x": 129.66666666666669, "x": 129.66666666666669,
"y": 112.32311977715878 "y": 132.82311977715878
}, },
{ {
"x": 103, "x": 103,
"y": 97.61559888579387 "y": 118.11559888579387
} }
], ],
"isCurve": true, "isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="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[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; 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); 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"> ]]></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="370" fill="white"></rect> <rect x="-100" y="-100" width="510" height="368" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 649 KiB

After

Width:  |  Height:  |  Size: 649 KiB

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

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

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="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[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; 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); 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"> ]]></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="657" fill="white"></rect> <rect x="-100" y="-100" width="1480" height="655" fill="white"></rect>
<rect x="55.000000" y="216.000000" width="59" height="21" fill="black"></rect> <rect x="55.000000" y="237.000000" width="59" height="21" fill="black"></rect>
<rect x="154.000000" y="216.000000" width="65" height="21" fill="black"></rect> <rect x="154.000000" y="237.000000" width="65" height="21" fill="black"></rect>
<rect x="259.000000" y="216.000000" width="47" height="21" fill="black"></rect> <rect x="259.000000" y="237.000000" width="47" height="21" fill="black"></rect>
<rect x="346.000000" y="216.000000" width="35" 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[ </mask><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 795 KiB

After

Width:  |  Height:  |  Size: 795 KiB

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

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 41
}, },
"width": 156, "width": 156,
"height": 166, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 12, "labelWidth": 12,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 54, "x": 54,
"y": 50 "y": 70
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -89,10 +89,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 266 "y": 307
}, },
"width": 157, "width": 157,
"height": 166, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -121,7 +121,7 @@
"underline": false, "underline": false,
"labelWidth": 12, "labelWidth": 12,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 53, "x": 53,
"y": 316 "y": 336
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -195,11 +195,11 @@
"route": [ "route": [
{ {
"x": 80, "x": 80,
"y": 116 "y": 136.5
}, },
{ {
"x": 80, "x": 80,
"y": 156 "y": 160.1
}, },
{ {
"x": 80, "x": 80,
@ -215,11 +215,11 @@
}, },
{ {
"x": 80, "x": 80,
"y": 276 "y": 280.1
}, },
{ {
"x": 80, "x": 80,
"y": 316 "y": 336.5
} }
], ],
"isCurve": true, "isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="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[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; 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); 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"> ]]></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="636" fill="white"></rect> <rect x="-100" y="-100" width="361" height="634" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 649 KiB

After

Width:  |  Height:  |  Size: 649 KiB

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

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 41
}, },
"width": 218, "width": 218,
"height": 430, "height": 389,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 41, "labelWidth": 41,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,7 +48,7 @@
"type": "callout", "type": "callout",
"pos": { "pos": {
"x": 50, "x": 50,
"y": 289 "y": 309
}, },
"width": 72, "width": 72,
"height": 91, "height": 91,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 84, "x": 84,
"y": 76 "y": 96
}, },
"width": 68, "width": 68,
"height": 66, "height": 66,
@ -236,19 +236,19 @@
"route": [ "route": [
{ {
"x": 109.16317991631799, "x": 109.16317991631799,
"y": 142 "y": 162.5
}, },
{ {
"x": 90.6326359832636, "x": 90.6326359832636,
"y": 211.2 "y": 231.7
}, },
{ {
"x": 86, "x": 86,
"y": 240.6 "y": 261.1
}, },
{ {
"x": 86, "x": 86,
"y": 289 "y": 309.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -292,11 +292,11 @@
}, },
{ {
"x": 145.4, "x": 145.4,
"y": 211.1 "y": 215.2
}, },
{ {
"x": 127, "x": 127,
"y": 141.5 "y": 162
} }
], ],
"isCurve": true, "isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="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[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; 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); 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"> ]]></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="634" fill="white"></rect> <rect x="-100" y="-100" width="545" height="632" fill="white"></rect>
<rect x="79.000000" y="204.000000" width="23" height="21" fill="black"></rect> <rect x="79.000000" y="224.000000" width="23" height="21" fill="black"></rect>
<rect x="161.000000" y="234.000000" width="25" 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[ </mask><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 793 KiB

After

Width:  |  Height:  |  Size: 793 KiB

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

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

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

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 0 "y": 41
}, },
"width": 156, "width": 156,
"height": 166, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 12, "labelWidth": 12,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 94, "x": 94,
"y": 50 "y": 70
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -89,10 +89,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 266 "y": 307
}, },
"width": 157, "width": 157,
"height": 166, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -121,7 +121,7 @@
"underline": false, "underline": false,
"labelWidth": 12, "labelWidth": 12,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -130,7 +130,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 93, "x": 93,
"y": 316 "y": 336
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -171,10 +171,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 532 "y": 573
}, },
"width": 237, "width": 237,
"height": 266, "height": 225,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -203,7 +203,7 @@
"underline": false, "underline": false,
"labelWidth": 9, "labelWidth": 9,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -212,10 +212,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 582 "y": 638
}, },
"width": 157, "width": 157,
"height": 166, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -244,7 +244,7 @@
"underline": false, "underline": false,
"labelWidth": 11, "labelWidth": 11,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -253,7 +253,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 93, "x": 93,
"y": 632 "y": 670
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -318,11 +318,11 @@
"route": [ "route": [
{ {
"x": 120, "x": 120,
"y": 116 "y": 136.5
}, },
{ {
"x": 120, "x": 120,
"y": 156 "y": 160.1
}, },
{ {
"x": 120, "x": 120,
@ -338,11 +338,11 @@
}, },
{ {
"x": 120, "x": 120,
"y": 276 "y": 280.1
}, },
{ {
"x": 120, "x": 120,
"y": 316 "y": 336.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -378,11 +378,11 @@
"route": [ "route": [
{ {
"x": 120, "x": 120,
"y": 382 "y": 402.5
}, },
{ {
"x": 120, "x": 120,
"y": 422 "y": 426.1
}, },
{ {
"x": 120, "x": 120,
@ -410,11 +410,11 @@
}, },
{ {
"x": 120, "x": 120,
"y": 592 "y": 599.7
}, },
{ {
"x": 120, "x": 120,
"y": 632 "y": 670.5
} }
], ],
"isCurve": true, "isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="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[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; 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); 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"> ]]></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="1002" fill="white"></rect> <rect x="-100" y="-100" width="441" height="1000" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 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", "type": "rectangle",
"pos": { "pos": {
"x": 277, "x": 277,
"y": 166 "y": 207
}, },
"width": 196, "width": 196,
"height": 698, "height": 657,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -80,7 +80,7 @@
"underline": false, "underline": false,
"labelWidth": 13, "labelWidth": 13,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 348, "x": 348,
"y": 216 "y": 236
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -130,10 +130,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 382 "y": 423
}, },
"width": 236, "width": 236,
"height": 266, "height": 225,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -162,7 +162,7 @@
"underline": false, "underline": false,
"labelWidth": 13, "labelWidth": 13,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -171,10 +171,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 432 "y": 488
}, },
"width": 156, "width": 156,
"height": 166, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -203,7 +203,7 @@
"underline": false, "underline": false,
"labelWidth": 11, "labelWidth": 11,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -212,7 +212,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 94, "x": 94,
"y": 482 "y": 520
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -253,7 +253,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 330, "x": 330,
"y": 748 "y": 768
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -367,11 +367,11 @@
}, },
{ {
"x": 374.75, "x": 374.75,
"y": 176 "y": 180.1
}, },
{ {
"x": 374.75, "x": 374.75,
"y": 216 "y": 236.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -407,11 +407,11 @@
"route": [ "route": [
{ {
"x": 358.84638554216866, "x": 358.84638554216866,
"y": 282 "y": 302.5
}, },
{ {
"x": 339.5692771084337, "x": 339.5692771084337,
"y": 322 "y": 326.1
}, },
{ {
"x": 334.75, "x": 334.75,
@ -427,11 +427,11 @@
}, },
{ {
"x": 297.15, "x": 297.15,
"y": 446.6 "y": 454.3
}, },
{ {
"x": 146.75, "x": 146.75,
"y": 505 "y": 543.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -475,11 +475,11 @@
}, },
{ {
"x": 356.5, "x": 356.5,
"y": 708 "y": 712.1
}, },
{ {
"x": 356.5, "x": 356.5,
"y": 748 "y": 768.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -515,11 +515,11 @@
"route": [ "route": [
{ {
"x": 356.5, "x": 356.5,
"y": 814 "y": 834.5
}, },
{ {
"x": 356.5, "x": 356.5,
"y": 854 "y": 858.1
}, },
{ {
"x": 359.1, "x": 359.1,
@ -611,11 +611,11 @@
"route": [ "route": [
{ {
"x": 276.75, "x": 276.75,
"y": 464 "y": 505
}, },
{ {
"x": 196.75, "x": 196.75,
"y": 490 "y": 546.5
} }
], ],
"animated": false, "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); 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> <rect x="-100" y="-100" width="677" height="1234" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </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", "type": "rectangle",
"pos": { "pos": {
"x": 821, "x": 821,
"y": 0 "y": 41
}, },
"width": 368, "width": 368,
"height": 664, "height": 623,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -531,7 +531,7 @@
"underline": false, "underline": false,
"labelWidth": 72, "labelWidth": 72,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -704,7 +704,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1056, "x": 1056,
"y": 216 "y": 236
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -745,7 +745,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 891, "x": 891,
"y": 382 "y": 402
}, },
"width": 74, "width": 74,
"height": 66, "height": 66,
@ -786,7 +786,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1038, "x": 1038,
"y": 50 "y": 70
}, },
"width": 88, "width": 88,
"height": 66, "height": 66,
@ -827,7 +827,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 871, "x": 871,
"y": 548 "y": 568
}, },
"width": 113, "width": 113,
"height": 66, "height": 66,
@ -868,7 +868,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1025, "x": 1025,
"y": 382 "y": 402
}, },
"width": 75, "width": 75,
"height": 66, "height": 66,
@ -1413,7 +1413,7 @@
"route": [ "route": [
{ {
"x": 1189, "x": 1189,
"y": 345 "y": 386
}, },
{ {
"x": 1389, "x": 1389,
@ -1548,7 +1548,7 @@
"route": [ "route": [
{ {
"x": 1189, "x": 1189,
"y": 371 "y": 412
}, },
{ {
"x": 1247, "x": 1247,
@ -1587,19 +1587,19 @@
"route": [ "route": [
{ {
"x": 1055.5, "x": 1055.5,
"y": 263.23624595469255 "y": 283.73624595469255
}, },
{ {
"x": 953.1, "x": 953.1,
"y": 318.24724919093853 "y": 338.74724919093853
}, },
{ {
"x": 927.5, "x": 927.5,
"y": 342 "y": 362.5
}, },
{ {
"x": 927.5, "x": 927.5,
"y": 382 "y": 402.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1635,19 +1635,19 @@
"route": [ "route": [
{ {
"x": 1082, "x": 1082,
"y": 116 "y": 136.5
}, },
{ {
"x": 1082, "x": 1082,
"y": 156 "y": 176.5
}, },
{ {
"x": 1082, "x": 1082,
"y": 176 "y": 196.5
}, },
{ {
"x": 1082, "x": 1082,
"y": 216 "y": 236.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1683,19 +1683,19 @@
"route": [ "route": [
{ {
"x": 927.5, "x": 927.5,
"y": 448 "y": 468.5
}, },
{ {
"x": 927.5, "x": 927.5,
"y": 488 "y": 508.5
}, },
{ {
"x": 927.5, "x": 927.5,
"y": 508 "y": 528.5
}, },
{ {
"x": 927.5, "x": 927.5,
"y": 548 "y": 568.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1731,19 +1731,19 @@
"route": [ "route": [
{ {
"x": 1074.0481927710844, "x": 1074.0481927710844,
"y": 282 "y": 302.5
}, },
{ {
"x": 1064.4096385542168, "x": 1064.4096385542168,
"y": 322 "y": 342.5
}, },
{ {
"x": 1062, "x": 1062,
"y": 342 "y": 362.5
}, },
{ {
"x": 1062, "x": 1062,
"y": 382 "y": 402.5
} }
], ],
"isCurve": true, "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", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 166 "y": 207
}, },
"width": 370, "width": 370,
"height": 1096, "height": 1055,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -80,7 +80,7 @@
"underline": false, "underline": false,
"labelWidth": 13, "labelWidth": 13,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -212,7 +212,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 171, "x": 171,
"y": 216 "y": 236
}, },
"width": 52, "width": 52,
"height": 66, "height": 66,
@ -253,10 +253,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 382 "y": 438
}, },
"width": 176, "width": 176,
"height": 830, "height": 794,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -285,7 +285,7 @@
"underline": false, "underline": false,
"labelWidth": 11, "labelWidth": 11,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -294,7 +294,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 267, "x": 267,
"y": 598 "y": 618
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -335,7 +335,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 267, "x": 267,
"y": 764 "y": 784
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -376,7 +376,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 267, "x": 267,
"y": 930 "y": 950
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -417,7 +417,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 112, "x": 112,
"y": 432 "y": 470
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -458,7 +458,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 92, "x": 92,
"y": 598 "y": 636
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -499,7 +499,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 92, "x": 92,
"y": 764 "y": 802
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -540,7 +540,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 92, "x": 92,
"y": 930 "y": 968
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -581,7 +581,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 92, "x": 92,
"y": 1096 "y": 1134
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -654,11 +654,11 @@
}, },
{ {
"x": 196.75, "x": 196.75,
"y": 126 "y": 134.2
}, },
{ {
"x": 196.75, "x": 196.75,
"y": 166 "y": 207
} }
], ],
"isCurve": true, "isCurve": true,
@ -694,7 +694,7 @@
"route": [ "route": [
{ {
"x": 370.75, "x": 370.75,
"y": 423 "y": 464
}, },
{ {
"x": 420.75, "x": 420.75,
@ -829,19 +829,19 @@
"route": [ "route": [
{ {
"x": 173.59036144578312, "x": 173.59036144578312,
"y": 282 "y": 302.5
}, },
{ {
"x": 145.51807228915663, "x": 145.51807228915663,
"y": 322 "y": 342.5
}, },
{ {
"x": 138.5, "x": 138.5,
"y": 342 "y": 369.7
}, },
{ {
"x": 138.5, "x": 138.5,
"y": 382 "y": 438.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -877,11 +877,11 @@
"route": [ "route": [
{ {
"x": 216.5, "x": 216.5,
"y": 584 "y": 640.5
}, },
{ {
"x": 267.5, "x": 267.5,
"y": 615 "y": 635.5
} }
], ],
"animated": false, "animated": false,
@ -916,19 +916,19 @@
"route": [ "route": [
{ {
"x": 293.75, "x": 293.75,
"y": 664 "y": 684.5
}, },
{ {
"x": 293.75, "x": 293.75,
"y": 704 "y": 724.5
}, },
{ {
"x": 293.75, "x": 293.75,
"y": 724 "y": 744.5
}, },
{ {
"x": 293.75, "x": 293.75,
"y": 764 "y": 784.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -964,19 +964,19 @@
"route": [ "route": [
{ {
"x": 293.75, "x": 293.75,
"y": 830 "y": 850.5
}, },
{ {
"x": 293.75, "x": 293.75,
"y": 870 "y": 890.5
}, },
{ {
"x": 293.75, "x": 293.75,
"y": 890 "y": 910.5
}, },
{ {
"x": 293.75, "x": 293.75,
"y": 930 "y": 950.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1012,19 +1012,19 @@
"route": [ "route": [
{ {
"x": 130.54819277108433, "x": 130.54819277108433,
"y": 498 "y": 536.5
}, },
{ {
"x": 120.90963855421687, "x": 120.90963855421687,
"y": 538 "y": 576.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 558 "y": 596.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 598 "y": 636.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1060,19 +1060,19 @@
"route": [ "route": [
{ {
"x": 118.5, "x": 118.5,
"y": 664 "y": 702.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 704 "y": 742.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 724 "y": 762.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 764 "y": 802.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1108,19 +1108,19 @@
"route": [ "route": [
{ {
"x": 118.5, "x": 118.5,
"y": 830 "y": 868.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 870 "y": 908.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 890 "y": 928.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 930 "y": 968.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1156,19 +1156,19 @@
"route": [ "route": [
{ {
"x": 118.5, "x": 118.5,
"y": 996 "y": 1034.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 1036 "y": 1074.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 1056 "y": 1094.5
}, },
{ {
"x": 118.5, "x": 118.5,
"y": 1096 "y": 1134.5
} }
], ],
"isCurve": true, "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", "type": "rectangle",
"pos": { "pos": {
"x": 9, "x": 9,
"y": 645 "y": 686
}, },
"width": 430, "width": 430,
"height": 192, "height": 151,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -162,7 +162,7 @@
"underline": false, "underline": false,
"labelWidth": 29, "labelWidth": 29,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -171,7 +171,7 @@
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 59, "x": 59,
"y": 695 "y": 715
}, },
"width": 64, "width": 64,
"height": 92, "height": 92,
@ -212,10 +212,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 1895 "y": 1936
}, },
"width": 459, "width": 459,
"height": 373, "height": 332,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -244,7 +244,7 @@
"underline": false, "underline": false,
"labelWidth": 18, "labelWidth": 18,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -253,7 +253,7 @@
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 303, "x": 303,
"y": 1945 "y": 1965
}, },
"width": 66, "width": 66,
"height": 92, "height": 92,
@ -294,7 +294,7 @@
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 323, "x": 323,
"y": 695 "y": 715
}, },
"width": 66, "width": 66,
"height": 92, "height": 92,
@ -458,10 +458,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 2368 "y": 2409
}, },
"width": 417, "width": 417,
"height": 347, "height": 306,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -490,7 +490,7 @@
"underline": false, "underline": false,
"labelWidth": 13, "labelWidth": 13,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -499,7 +499,7 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 50, "x": 50,
"y": 2584 "y": 2604
}, },
"width": 81, "width": 81,
"height": 81, "height": 81,
@ -540,7 +540,7 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 50, "x": 50,
"y": 2137 "y": 2157
}, },
"width": 81, "width": 81,
"height": 81, "height": 81,
@ -581,10 +581,10 @@
"type": "cylinder", "type": "cylinder",
"pos": { "pos": {
"x": 9, "x": 9,
"y": 3320 "y": 3361
}, },
"width": 571, "width": 571,
"height": 166, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -613,7 +613,7 @@
"underline": false, "underline": false,
"labelWidth": 28, "labelWidth": 28,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -622,7 +622,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 59, "x": 59,
"y": 3370 "y": 3390
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -663,7 +663,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 304, "x": 304,
"y": 2145 "y": 2165
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -704,7 +704,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 304, "x": 304,
"y": 2418 "y": 2438
}, },
"width": 64, "width": 64,
"height": 66, "height": 66,
@ -745,7 +745,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 307, "x": 307,
"y": 2592 "y": 2612
}, },
"width": 58, "width": 58,
"height": 66, "height": 66,
@ -786,10 +786,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 463, "x": 463,
"y": 1124 "y": 1165
}, },
"width": 159, "width": 159,
"height": 166, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -818,7 +818,7 @@
"underline": false, "underline": false,
"labelWidth": 23, "labelWidth": 23,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -827,7 +827,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 514, "x": 514,
"y": 1174 "y": 1194
}, },
"width": 58, "width": 58,
"height": 66, "height": 66,
@ -868,10 +868,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 461, "x": 461,
"y": 1390 "y": 1431
}, },
"width": 163, "width": 163,
"height": 166, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -900,7 +900,7 @@
"underline": false, "underline": false,
"labelWidth": 27, "labelWidth": 27,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -909,7 +909,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 511, "x": 511,
"y": 1440 "y": 1460
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -1043,7 +1043,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 246, "x": 246,
"y": 3370 "y": 3390
}, },
"width": 62, "width": 62,
"height": 66, "height": 66,
@ -1084,10 +1084,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 317, "x": 317,
"y": 2815 "y": 2856
}, },
"width": 321, "width": 321,
"height": 405, "height": 364,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -1116,7 +1116,7 @@
"underline": false, "underline": false,
"labelWidth": 27, "labelWidth": 27,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -1125,7 +1125,7 @@
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 430, "x": 430,
"y": 2865 "y": 2885
}, },
"width": 138, "width": 138,
"height": 118, "height": 118,
@ -1177,7 +1177,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 468, "x": 468,
"y": 3104 "y": 3124
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -1218,7 +1218,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 468, "x": 468,
"y": 3370 "y": 3390
}, },
"width": 62, "width": 62,
"height": 66, "height": 66,
@ -1476,11 +1476,11 @@
}, },
{ {
"x": 90.6, "x": 90.6,
"y": 655 "y": 659.2
}, },
{ {
"x": 91, "x": 91,
"y": 695 "y": 716
} }
], ],
"isCurve": true, "isCurve": true,
@ -1739,12 +1739,12 @@
"y": 1810.6 "y": 1810.6
}, },
{ {
"x": 270.6, "x": 270.2,
"y": 1909.8 "y": 1914.6
}, },
{ {
"x": 318, "x": 316,
"y": 1969 "y": 1993
} }
], ],
"isCurve": true, "isCurve": true,
@ -1788,11 +1788,11 @@
}, },
{ {
"x": 356.2, "x": 356.2,
"y": 655 "y": 659.2
}, },
{ {
"x": 356, "x": 356,
"y": 695 "y": 716
} }
], ],
"isCurve": true, "isCurve": true,
@ -1828,11 +1828,11 @@
"route": [ "route": [
{ {
"x": 91, "x": 91,
"y": 787 "y": 808
}, },
{ {
"x": 90.6, "x": 90.6,
"y": 827 "y": 831.2
}, },
{ {
"x": 90.5, "x": 90.5,
@ -2052,11 +2052,11 @@
}, },
{ {
"x": 90.6, "x": 90.6,
"y": 2097 "y": 2101.2
}, },
{ {
"x": 91, "x": 91,
"y": 2137 "y": 2158
} }
], ],
"isCurve": true, "isCurve": true,
@ -2092,11 +2092,11 @@
"route": [ "route": [
{ {
"x": 91, "x": 91,
"y": 2218 "y": 2239
}, },
{ {
"x": 90.6, "x": 90.6,
"y": 2258 "y": 2262.2
}, },
{ {
"x": 90.5, "x": 90.5,
@ -2136,11 +2136,11 @@
}, },
{ {
"x": 90.6, "x": 90.6,
"y": 2544 "y": 2548.2
}, },
{ {
"x": 91, "x": 91,
"y": 2584 "y": 2605
} }
], ],
"isCurve": true, "isCurve": true,
@ -2176,11 +2176,11 @@
"route": [ "route": [
{ {
"x": 91, "x": 91,
"y": 2665 "y": 2686
}, },
{ {
"x": 90.6, "x": 90.6,
"y": 2705 "y": 2709.2
}, },
{ {
"x": 90.5, "x": 90.5,
@ -2268,11 +2268,11 @@
}, },
{ {
"x": 90.5, "x": 90.5,
"y": 3330 "y": 3334.1
}, },
{ {
"x": 90.5, "x": 90.5,
"y": 3370 "y": 3390.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -2308,19 +2308,19 @@
"route": [ "route": [
{ {
"x": 336, "x": 336,
"y": 2037 "y": 2058
}, },
{ {
"x": 335.8, "x": 335.8,
"y": 2077 "y": 2097.6
}, },
{ {
"x": 335.75, "x": 335.75,
"y": 2098.5 "y": 2119
}, },
{ {
"x": 335.75, "x": 335.75,
"y": 2144.5 "y": 2165
} }
], ],
"isCurve": true, "isCurve": true,
@ -2356,11 +2356,11 @@
"route": [ "route": [
{ {
"x": 335.75, "x": 335.75,
"y": 2211.5 "y": 2232
}, },
{ {
"x": 335.75, "x": 335.75,
"y": 2256.7 "y": 2260.8
}, },
{ {
"x": 335.75, "x": 335.75,
@ -2376,11 +2376,11 @@
}, },
{ {
"x": 335.75, "x": 335.75,
"y": 2378 "y": 2382.1
}, },
{ {
"x": 335.75, "x": 335.75,
"y": 2418 "y": 2438.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -2416,19 +2416,19 @@
"route": [ "route": [
{ {
"x": 335.75, "x": 335.75,
"y": 2484 "y": 2504.5
}, },
{ {
"x": 335.75, "x": 335.75,
"y": 2524 "y": 2544.5
}, },
{ {
"x": 335.75, "x": 335.75,
"y": 2545.5 "y": 2566
}, },
{ {
"x": 335.75, "x": 335.75,
"y": 2591.5 "y": 2612
} }
], ],
"isCurve": true, "isCurve": true,
@ -2464,11 +2464,11 @@
"route": [ "route": [
{ {
"x": 356, "x": 356,
"y": 787 "y": 807
}, },
{ {
"x": 356.2, "x": 356.2,
"y": 827 "y": 831
}, },
{ {
"x": 393.55, "x": 393.55,
@ -2508,11 +2508,11 @@
}, },
{ {
"x": 542.75, "x": 542.75,
"y": 1134 "y": 1138.1
}, },
{ {
"x": 542.75, "x": 542.75,
"y": 1174 "y": 1194.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -2548,11 +2548,11 @@
"route": [ "route": [
{ {
"x": 542.75, "x": 542.75,
"y": 1240 "y": 1260.5
}, },
{ {
"x": 542.75, "x": 542.75,
"y": 1280 "y": 1284.1
}, },
{ {
"x": 542.75, "x": 542.75,
@ -2568,11 +2568,11 @@
}, },
{ {
"x": 542.75, "x": 542.75,
"y": 1400 "y": 1404.1
}, },
{ {
"x": 542.75, "x": 542.75,
"y": 1440 "y": 1460.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -2656,11 +2656,11 @@
"route": [ "route": [
{ {
"x": 542.75, "x": 542.75,
"y": 1506 "y": 1526.5
}, },
{ {
"x": 542.75, "x": 542.75,
"y": 1546 "y": 1550.1
}, },
{ {
"x": 538.6, "x": 538.6,
@ -2940,11 +2940,11 @@
}, },
{ {
"x": 277, "x": 277,
"y": 3330 "y": 3334.1
}, },
{ {
"x": 277, "x": 277,
"y": 3370 "y": 3390.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -2980,11 +2980,11 @@
"route": [ "route": [
{ {
"x": 335.75, "x": 335.75,
"y": 2658.5 "y": 2679
}, },
{ {
"x": 335.75, "x": 335.75,
"y": 2703.7 "y": 2707.8
}, },
{ {
"x": 351.9, "x": 351.9,
@ -3000,11 +3000,11 @@
}, },
{ {
"x": 424.2, "x": 424.2,
"y": 2825 "y": 2829.2
}, },
{ {
"x": 455, "x": 455,
"y": 2865 "y": 2886
} }
], ],
"isCurve": true, "isCurve": true,
@ -3060,11 +3060,11 @@
}, },
{ {
"x": 553.4, "x": 553.4,
"y": 2825 "y": 2829.2
}, },
{ {
"x": 532, "x": 532,
"y": 2865 "y": 2886
} }
], ],
"isCurve": true, "isCurve": true,
@ -3100,19 +3100,19 @@
"route": [ "route": [
{ {
"x": 499, "x": 499,
"y": 2983 "y": 3004
}, },
{ {
"x": 499, "x": 499,
"y": 3031.4 "y": 3052
}, },
{ {
"x": 499, "x": 499,
"y": 3055.7 "y": 3076.2
}, },
{ {
"x": 499, "x": 499,
"y": 3104.5 "y": 3125
} }
], ],
"isCurve": true, "isCurve": true,
@ -3148,11 +3148,11 @@
"route": [ "route": [
{ {
"x": 499, "x": 499,
"y": 3170 "y": 3190.5
}, },
{ {
"x": 499, "x": 499,
"y": 3210 "y": 3214.1
}, },
{ {
"x": 499, "x": 499,
@ -3168,11 +3168,11 @@
}, },
{ {
"x": 499, "x": 499,
"y": 3330 "y": 3334.1
}, },
{ {
"x": 499, "x": 499,
"y": 3370 "y": 3390.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -3208,11 +3208,11 @@
"route": [ "route": [
{ {
"x": 499, "x": 499,
"y": 3436 "y": 3456.5
}, },
{ {
"x": 499, "x": 499,
"y": 3476 "y": 3480.1
}, },
{ {
"x": 499, "x": 499,
@ -3263,12 +3263,12 @@
"y": 1822.4 "y": 1822.4
}, },
{ {
"x": 388.8, "x": 389.2,
"y": 1909.4 "y": 1914.4
}, },
{ {
"x": 352, "x": 354,
"y": 1967 "y": 1992
} }
], ],
"isCurve": true, "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", "type": "rectangle",
"pos": { "pos": {
"x": 1624, "x": 1624,
"y": 366 "y": 407
}, },
"width": 611, "width": 611,
"height": 582, "height": 541,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -367,7 +367,7 @@
"underline": false, "underline": false,
"labelWidth": 4, "labelWidth": 4,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -376,10 +376,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1664, "x": 1664,
"y": 416 "y": 472
}, },
"width": 454, "width": 454,
"height": 166, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -408,7 +408,7 @@
"underline": false, "underline": false,
"labelWidth": 6, "labelWidth": 6,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -417,7 +417,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2015, "x": 2015,
"y": 466 "y": 504
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -458,7 +458,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1720, "x": 1720,
"y": 466 "y": 504
}, },
"width": 49, "width": 49,
"height": 66, "height": 66,
@ -499,7 +499,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2009, "x": 2009,
"y": 782 "y": 802
}, },
"width": 57, "width": 57,
"height": 66, "height": 66,
@ -540,7 +540,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2130, "x": 2130,
"y": 782 "y": 802
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -581,10 +581,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1664, "x": 1664,
"y": 732 "y": 788
}, },
"width": 156, "width": 156,
"height": 166, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -613,7 +613,7 @@
"underline": false, "underline": false,
"labelWidth": 11, "labelWidth": 11,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -622,7 +622,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1718, "x": 1718,
"y": 782 "y": 820
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -704,10 +704,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 216, "x": 216,
"y": 0 "y": 41
}, },
"width": 1368, "width": 1368,
"height": 632, "height": 591,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -736,7 +736,7 @@
"underline": false, "underline": false,
"labelWidth": 8, "labelWidth": 8,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -745,10 +745,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 501, "x": 501,
"y": 50 "y": 106
}, },
"width": 489, "width": 489,
"height": 532, "height": 496,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -777,7 +777,7 @@
"underline": false, "underline": false,
"labelWidth": 10, "labelWidth": 10,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -786,7 +786,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 594, "x": 594,
"y": 466 "y": 504
}, },
"width": 51, "width": 51,
"height": 66, "height": 66,
@ -827,10 +827,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 793, "x": 793,
"y": 100 "y": 169
}, },
"width": 157, "width": 157,
"height": 166, "height": 135,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -859,7 +859,7 @@
"underline": false, "underline": false,
"labelWidth": 9, "labelWidth": 9,
"labelHeight": 26, "labelHeight": 26,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 3 "level": 3
}, },
@ -868,7 +868,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 846, "x": 846,
"y": 150 "y": 204
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -909,7 +909,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 706, "x": 706,
"y": 466 "y": 504
}, },
"width": 58, "width": 58,
"height": 66, "height": 66,
@ -950,7 +950,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 688, "x": 688,
"y": 150 "y": 188
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -991,7 +991,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 846, "x": 846,
"y": 466 "y": 504
}, },
"width": 54, "width": 54,
"height": 66, "height": 66,
@ -1032,7 +1032,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1040, "x": 1040,
"y": 466 "y": 486
}, },
"width": 52, "width": 52,
"height": 66, "height": 66,
@ -1073,7 +1073,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 266, "x": 266,
"y": 150 "y": 170
}, },
"width": 62, "width": 62,
"height": 66, "height": 66,
@ -1114,10 +1114,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1259, "x": 1259,
"y": 416 "y": 472
}, },
"width": 285, "width": 285,
"height": 166, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -1146,7 +1146,7 @@
"underline": false, "underline": false,
"labelWidth": 26, "labelWidth": 26,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -1155,7 +1155,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1309, "x": 1309,
"y": 466 "y": 504
}, },
"width": 61, "width": 61,
"height": 66, "height": 66,
@ -1196,7 +1196,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1430, "x": 1430,
"y": 466 "y": 504
}, },
"width": 64, "width": 64,
"height": 66, "height": 66,
@ -1237,7 +1237,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1150, "x": 1150,
"y": 150 "y": 170
}, },
"width": 62, "width": 62,
"height": 66, "height": 66,
@ -1278,7 +1278,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1152, "x": 1152,
"y": 466 "y": 486
}, },
"width": 57, "width": 57,
"height": 66, "height": 66,
@ -1319,7 +1319,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 388, "x": 388,
"y": 150 "y": 170
}, },
"width": 63, "width": 63,
"height": 66, "height": 66,
@ -1384,43 +1384,43 @@
"route": [ "route": [
{ {
"x": 2041.75, "x": 2041.75,
"y": 532 "y": 570.5
}, },
{ {
"x": 2041.75, "x": 2041.75,
"y": 572 "y": 596.1
}, },
{ {
"x": 2041.75, "x": 2041.75,
"y": 592 "y": 612.5
}, },
{ {
"x": 2041.75, "x": 2041.75,
"y": 607 "y": 627.5
}, },
{ {
"x": 2041.75, "x": 2041.75,
"y": 622 "y": 642.5
}, },
{ {
"x": 2041.75, "x": 2041.75,
"y": 642 "y": 662.5
}, },
{ {
"x": 2041.75, "x": 2041.75,
"y": 657 "y": 677.5
}, },
{ {
"x": 2041.75, "x": 2041.75,
"y": 672 "y": 692.5
}, },
{ {
"x": 2041.15, "x": 2041.15,
"y": 742 "y": 762.5
}, },
{ {
"x": 2038.75, "x": 2038.75,
"y": 782 "y": 802.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1456,43 +1456,43 @@
"route": [ "route": [
{ {
"x": 1744, "x": 1744,
"y": 532 "y": 570.5
}, },
{ {
"x": 1744, "x": 1744,
"y": 572 "y": 596.1
}, },
{ {
"x": 1744, "x": 1744,
"y": 592 "y": 612.5
}, },
{ {
"x": 1744, "x": 1744,
"y": 607 "y": 627.5
}, },
{ {
"x": 1744, "x": 1744,
"y": 622 "y": 642.5
}, },
{ {
"x": 1744, "x": 1744,
"y": 642 "y": 662.5
}, },
{ {
"x": 1744, "x": 1744,
"y": 657 "y": 677.5
}, },
{ {
"x": 1744, "x": 1744,
"y": 672 "y": 692.5
}, },
{ {
"x": 1744, "x": 1744,
"y": 742 "y": 766.1
}, },
{ {
"x": 1744, "x": 1744,
"y": 782 "y": 820.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1548,11 +1548,11 @@
}, },
{ {
"x": 2090.3, "x": 2090.3,
"y": 888 "y": 892.1
}, },
{ {
"x": 2061.5, "x": 2061.5,
"y": 848 "y": 868.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1588,11 +1588,11 @@
"route": [ "route": [
{ {
"x": 2066, "x": 2066,
"y": 830.0190476190476 "y": 850.5190476190476
}, },
{ {
"x": 2169.2, "x": 2169.2,
"y": 884.4038095238095 "y": 888.5038095238095
}, },
{ {
"x": 2195, "x": 2195,
@ -1648,11 +1648,11 @@
"route": [ "route": [
{ {
"x": 2156.0542168674697, "x": 2156.0542168674697,
"y": 848 "y": 868.5
}, },
{ {
"x": 2155.210843373494, "x": 2155.210843373494,
"y": 888 "y": 892.1
}, },
{ {
"x": 2155, "x": 2155,
@ -1708,11 +1708,11 @@
"route": [ "route": [
{ {
"x": 2009, "x": 2009,
"y": 828.4978601997148 "y": 848.9978601997148
}, },
{ {
"x": 1891.6, "x": 1891.6,
"y": 884.0995720399429 "y": 888.199572039943
}, },
{ {
"x": 1862.25, "x": 1862.25,
@ -1768,11 +1768,11 @@
"route": [ "route": [
{ {
"x": 2009, "x": 2009,
"y": 832.8528301886793 "y": 853.3528301886793
}, },
{ {
"x": 1925.8, "x": 1925.8,
"y": 884.9705660377358 "y": 889.0705660377358
}, },
{ {
"x": 1905, "x": 1905,
@ -1828,11 +1828,11 @@
"route": [ "route": [
{ {
"x": 2045.4518072289156, "x": 2045.4518072289156,
"y": 848 "y": 868.5
}, },
{ {
"x": 2055.090361445783, "x": 2055.090361445783,
"y": 888 "y": 892.1
}, },
{ {
"x": 2057.5, "x": 2057.5,
@ -1888,11 +1888,11 @@
"route": [ "route": [
{ {
"x": 2015.1355421686746, "x": 2015.1355421686746,
"y": 848 "y": 868.5
}, },
{ {
"x": 1988.0271084337348, "x": 1988.0271084337348,
"y": 888 "y": 892.1
}, },
{ {
"x": 1981.25, "x": 1981.25,
@ -1996,43 +1996,43 @@
"route": [ "route": [
{ {
"x": 699.9397590361446, "x": 699.9397590361446,
"y": 216 "y": 254.5
}, },
{ {
"x": 681.9879518072289, "x": 681.9879518072289,
"y": 256 "y": 294.5
}, },
{ {
"x": 677.5, "x": 677.5,
"y": 276 "y": 314.5
}, },
{ {
"x": 677.5, "x": 677.5,
"y": 291 "y": 329.5
}, },
{ {
"x": 677.5, "x": 677.5,
"y": 306 "y": 344.5
}, },
{ {
"x": 677.5, "x": 677.5,
"y": 326 "y": 364.5
}, },
{ {
"x": 677.5, "x": 677.5,
"y": 341 "y": 379.5
}, },
{ {
"x": 677.5, "x": 677.5,
"y": 356 "y": 394.5
}, },
{ {
"x": 670.5, "x": 670.5,
"y": 426 "y": 464.5
}, },
{ {
"x": 642.5, "x": 642.5,
"y": 466 "y": 504.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -2068,43 +2068,43 @@
"route": [ "route": [
{ {
"x": 722.7018072289156, "x": 722.7018072289156,
"y": 216 "y": 254.5
}, },
{ {
"x": 732.3403614457832, "x": 732.3403614457832,
"y": 256 "y": 294.5
}, },
{ {
"x": 734.75, "x": 734.75,
"y": 276 "y": 314.5
}, },
{ {
"x": 734.75, "x": 734.75,
"y": 291 "y": 329.5
}, },
{ {
"x": 734.75, "x": 734.75,
"y": 306 "y": 344.5
}, },
{ {
"x": 734.75, "x": 734.75,
"y": 326 "y": 364.5
}, },
{ {
"x": 734.75, "x": 734.75,
"y": 341 "y": 379.5
}, },
{ {
"x": 734.75, "x": 734.75,
"y": 356 "y": 394.5
}, },
{ {
"x": 734.75, "x": 734.75,
"y": 426 "y": 464.5
}, },
{ {
"x": 734.75, "x": 734.75,
"y": 466 "y": 504.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -2140,43 +2140,43 @@
"route": [ "route": [
{ {
"x": 451, "x": 451,
"y": 196.08886107634544 "y": 216.58886107634544
}, },
{ {
"x": 585.6, "x": 585.6,
"y": 252.01777221526908 "y": 272.5177722152691
}, },
{ {
"x": 619.25, "x": 619.25,
"y": 276 "y": 296.5
}, },
{ {
"x": 619.25, "x": 619.25,
"y": 291 "y": 311.5
}, },
{ {
"x": 619.25, "x": 619.25,
"y": 306 "y": 326.5
}, },
{ {
"x": 619.25, "x": 619.25,
"y": 326 "y": 346.5
}, },
{ {
"x": 619.25, "x": 619.25,
"y": 341 "y": 361.5
}, },
{ {
"x": 619.25, "x": 619.25,
"y": 356 "y": 376.5
}, },
{ {
"x": 619.25, "x": 619.25,
"y": 426 "y": 450.1
}, },
{ {
"x": 619.25, "x": 619.25,
"y": 466 "y": 504.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -2212,43 +2212,43 @@
"route": [ "route": [
{ {
"x": 873, "x": 873,
"y": 216 "y": 270
}, },
{ {
"x": 873, "x": 873,
"y": 256 "y": 283.2
}, },
{ {
"x": 873, "x": 873,
"y": 276 "y": 296.5
}, },
{ {
"x": 873, "x": 873,
"y": 291 "y": 311.5
}, },
{ {
"x": 873, "x": 873,
"y": 306 "y": 326.5
}, },
{ {
"x": 873, "x": 873,
"y": 326 "y": 346.5
}, },
{ {
"x": 873, "x": 873,
"y": 341 "y": 361.5
}, },
{ {
"x": 873, "x": 873,
"y": 356 "y": 376.5
}, },
{ {
"x": 906.4, "x": 906.4,
"y": 430.4 "y": 450.9
}, },
{ {
"x": 1040, "x": 1040,
"y": 488 "y": 508.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -2284,43 +2284,43 @@
"route": [ "route": [
{ {
"x": 328, "x": 328,
"y": 193.54508196721312 "y": 214.04508196721312
}, },
{ {
"x": 498.4, "x": 498.4,
"y": 251.50901639344264 "y": 272.0090163934426
}, },
{ {
"x": 541, "x": 541,
"y": 276 "y": 296.5
}, },
{ {
"x": 541, "x": 541,
"y": 291 "y": 311.5
}, },
{ {
"x": 541, "x": 541,
"y": 306 "y": 326.5
}, },
{ {
"x": 541, "x": 541,
"y": 326 "y": 346.5
}, },
{ {
"x": 541, "x": 541,
"y": 341 "y": 361.5
}, },
{ {
"x": 541, "x": 541,
"y": 356 "y": 376.5
}, },
{ {
"x": 551.55, "x": 551.55,
"y": 427.1904153354633 "y": 451.29041533546325
}, },
{ {
"x": 593.75, "x": 593.75,
"y": 471.9520766773163 "y": 510.4520766773163
} }
], ],
"isCurve": true, "isCurve": true,
@ -2356,11 +2356,11 @@
"route": [ "route": [
{ {
"x": 734.75, "x": 734.75,
"y": 532 "y": 570.5
}, },
{ {
"x": 734.75, "x": 734.75,
"y": 572 "y": 579.7
}, },
{ {
"x": 734.75, "x": 734.75,
@ -2388,11 +2388,11 @@
}, },
{ {
"x": 1905.55, "x": 1905.55,
"y": 745.6 "y": 749.7
}, },
{ {
"x": 2008.75, "x": 2008.75,
"y": 800 "y": 820.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -2428,11 +2428,11 @@
"route": [ "route": [
{ {
"x": 634.4578313253012, "x": 634.4578313253012,
"y": 532 "y": 570.5
}, },
{ {
"x": 652.8915662650602, "x": 652.8915662650602,
"y": 572 "y": 579.7
}, },
{ {
"x": 657.5, "x": 657.5,
@ -2548,11 +2548,11 @@
"route": [ "route": [
{ {
"x": 604.0421686746988, "x": 604.0421686746988,
"y": 532 "y": 570.5
}, },
{ {
"x": 585.6084337349398, "x": 585.6084337349398,
"y": 572 "y": 579.7
}, },
{ {
"x": 581, "x": 581,
@ -2620,43 +2620,43 @@
"route": [ "route": [
{ {
"x": 1180.5, "x": 1180.5,
"y": 216 "y": 236.5
}, },
{ {
"x": 1180.5, "x": 1180.5,
"y": 256 "y": 276.5
}, },
{ {
"x": 1180.5, "x": 1180.5,
"y": 276 "y": 296.5
}, },
{ {
"x": 1180.5, "x": 1180.5,
"y": 291 "y": 311.5
}, },
{ {
"x": 1180.5, "x": 1180.5,
"y": 306 "y": 326.5
}, },
{ {
"x": 1180.5, "x": 1180.5,
"y": 326 "y": 346.5
}, },
{ {
"x": 1180.5, "x": 1180.5,
"y": 341 "y": 361.5
}, },
{ {
"x": 1180.5, "x": 1180.5,
"y": 356 "y": 376.5
}, },
{ {
"x": 1180.5, "x": 1180.5,
"y": 426 "y": 446.5
}, },
{ {
"x": 1180.5, "x": 1180.5,
"y": 466 "y": 486.5
} }
], ],
"isCurve": true, "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", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 41
}, },
"width": 312, "width": 312,
"height": 358, "height": 317,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 112, "labelWidth": 112,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,7 +48,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 50, "x": 50,
"y": 50 "y": 70
}, },
"width": 212, "width": 212,
"height": 258, "height": 258,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="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[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; 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 { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="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> </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="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> </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> <p>a line of text and an</p>
<pre><code>{ <pre><code>{
indented: &quot;block&quot;, indented: &quot;block&quot;,
@ -805,8 +805,8 @@ width="516" height="686" viewBox="-102 -102 516 686"><style type="text/css">
} }
</code></pre> </code></pre>
<p>walk into a bar.</p> <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"> </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="686" fill="white"></rect> <rect x="-100" y="-100" width="516" height="684" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 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", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 41
}, },
"width": 559, "width": 559,
"height": 148, "height": 107,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 124, "labelWidth": 124,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,7 +48,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 50, "x": 50,
"y": 50 "y": 70
}, },
"width": 459, "width": 459,
"height": 48, "height": 48,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="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[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; 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 { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="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> 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"> </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="352" fill="white"></rect> <rect x="-100" y="-100" width="763" height="350" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 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", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 41
}, },
"width": 559, "width": 559,
"height": 148, "height": 107,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 124, "labelWidth": 124,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,7 +48,7 @@
"type": "text", "type": "text",
"pos": { "pos": {
"x": 50, "x": 50,
"y": 50 "y": 70
}, },
"width": 459, "width": 459,
"height": 48, "height": 48,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="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[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; 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 { .md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em; margin: 0 -1.6em 0.25em 0.2em;
} }
</style><g id="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> 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"> </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="352" fill="white"></rect> <rect x="-100" y="-100" width="763" height="350" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 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", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 41
}, },
"width": 346, "width": 346,
"height": 166, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 12, "labelWidth": 12,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 92, "x": 92,
"y": 50 "y": 70
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -294,7 +294,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 244, "x": 244,
"y": 50 "y": 70
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -359,11 +359,11 @@
"route": [ "route": [
{ {
"x": 103.0421686746988, "x": 103.0421686746988,
"y": 116 "y": 136.5
}, },
{ {
"x": 84.60843373493975, "x": 84.60843373493975,
"y": 156 "y": 160.1
}, },
{ {
"x": 80, "x": 80,
@ -755,11 +755,11 @@
"route": [ "route": [
{ {
"x": 270, "x": 270,
"y": 116 "y": 136.5
}, },
{ {
"x": 270, "x": 270,
"y": 156 "y": 160.1
}, },
{ {
"x": 270, "x": 270,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="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[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; 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); 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"> ]]></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="1034" fill="white"></rect> <rect x="-100" y="-100" width="550" height="1032" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 652 KiB

After

Width:  |  Height:  |  Size: 652 KiB

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

@ -7,10 +7,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 41
}, },
"width": 356, "width": 356,
"height": 166, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 40, "labelWidth": 40,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 138, "x": 138,
"y": 50 "y": 70
}, },
"width": 80, "width": 80,
"height": 66, "height": 66,
@ -212,10 +212,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 432 "y": 473
}, },
"width": 354, "width": 354,
"height": 166, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -244,7 +244,7 @@
"underline": false, "underline": false,
"labelWidth": 85, "labelWidth": 85,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -253,7 +253,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 162, "x": 162,
"y": 482 "y": 502
}, },
"width": 72, "width": 72,
"height": 66, "height": 66,
@ -318,11 +318,11 @@
"route": [ "route": [
{ {
"x": 140.2289156626506, "x": 140.2289156626506,
"y": 116 "y": 136.5
}, },
{ {
"x": 94.44578313253012, "x": 94.44578313253012,
"y": 156 "y": 160.1
}, },
{ {
"x": 83, "x": 83,
@ -366,11 +366,11 @@
"route": [ "route": [
{ {
"x": 185.1566265060241, "x": 185.1566265060241,
"y": 116 "y": 136.5
}, },
{ {
"x": 193.83132530120483, "x": 193.83132530120483,
"y": 156 "y": 160.1
}, },
{ {
"x": 196, "x": 196,
@ -414,11 +414,11 @@
"route": [ "route": [
{ {
"x": 218, "x": 218,
"y": 108.34351145038168 "y": 128.8435114503817
}, },
{ {
"x": 290.8, "x": 290.8,
"y": 154.46870229007635 "y": 158.56870229007635
}, },
{ {
"x": 309, "x": 309,
@ -470,11 +470,11 @@
}, },
{ {
"x": 98.8, "x": 98.8,
"y": 443.4 "y": 447.5
}, },
{ {
"x": 162, "x": 162,
"y": 489 "y": 509.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -518,11 +518,11 @@
}, },
{ {
"x": 196.2, "x": 196.2,
"y": 442 "y": 446.1
}, },
{ {
"x": 197, "x": 197,
"y": 482 "y": 502.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -566,11 +566,11 @@
}, },
{ {
"x": 294, "x": 294,
"y": 443.2 "y": 447.3
}, },
{ {
"x": 234, "x": 234,
"y": 488 "y": 508.5
} }
], ],
"isCurve": true, "isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="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[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; 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); 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"> ]]></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="802" fill="white"></rect> <rect x="-100" y="-100" width="560" height="800" fill="white"></rect>
</mask><style type="text/css"><![CDATA[ </mask><style type="text/css"><![CDATA[
.text { .text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 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", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 254 "y": 295
}, },
"width": 1112, "width": 1112,
"height": 1004, "height": 963,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -91,7 +91,7 @@
"underline": false, "underline": false,
"labelWidth": 112, "labelWidth": 112,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -100,7 +100,7 @@
"type": "image", "type": "image",
"pos": { "pos": {
"x": 492, "x": 492,
"y": 304 "y": 324
}, },
"width": 128, "width": 128,
"height": 128, "height": 128,
@ -152,10 +152,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 579 "y": 635
}, },
"width": 496, "width": 496,
"height": 629, "height": 593,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -184,7 +184,7 @@
"underline": false, "underline": false,
"labelWidth": 33, "labelWidth": 33,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -193,7 +193,7 @@
"type": "image", "type": "image",
"pos": { "pos": {
"x": 224, "x": 224,
"y": 629 "y": 667
}, },
"width": 128, "width": 128,
"height": 128, "height": 128,
@ -245,10 +245,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 80, "x": 80,
"y": 904 "y": 973
}, },
"width": 416, "width": 416,
"height": 254, "height": 223,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -277,7 +277,7 @@
"underline": false, "underline": false,
"labelWidth": 44, "labelWidth": 44,
"labelHeight": 26, "labelHeight": 26,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 3 "level": 3
}, },
@ -286,7 +286,7 @@
"type": "image", "type": "image",
"pos": { "pos": {
"x": 130, "x": 130,
"y": 954 "y": 1008
}, },
"width": 128, "width": 128,
"height": 128, "height": 128,
@ -338,7 +338,7 @@
"type": "image", "type": "image",
"pos": { "pos": {
"x": 318, "x": 318,
"y": 954 "y": 1008
}, },
"width": 128, "width": 128,
"height": 128, "height": 128,
@ -390,10 +390,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 576, "x": 576,
"y": 579 "y": 635
}, },
"width": 496, "width": 496,
"height": 629, "height": 593,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -422,7 +422,7 @@
"underline": false, "underline": false,
"labelWidth": 47, "labelWidth": 47,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -431,7 +431,7 @@
"type": "image", "type": "image",
"pos": { "pos": {
"x": 760, "x": 760,
"y": 629 "y": 667
}, },
"width": 128, "width": 128,
"height": 128, "height": 128,
@ -483,10 +483,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 616, "x": 616,
"y": 904 "y": 973
}, },
"width": 416, "width": 416,
"height": 254, "height": 223,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -515,7 +515,7 @@
"underline": false, "underline": false,
"labelWidth": 44, "labelWidth": 44,
"labelHeight": 26, "labelHeight": 26,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 3 "level": 3
}, },
@ -524,7 +524,7 @@
"type": "image", "type": "image",
"pos": { "pos": {
"x": 666, "x": 666,
"y": 954 "y": 1008
}, },
"width": 128, "width": 128,
"height": 128, "height": 128,
@ -576,7 +576,7 @@
"type": "image", "type": "image",
"pos": { "pos": {
"x": 854, "x": 854,
"y": 954 "y": 1008
}, },
"width": 128, "width": 128,
"height": 128, "height": 128,
@ -660,11 +660,11 @@
}, },
{ {
"x": 556, "x": 556,
"y": 264 "y": 268.1
}, },
{ {
"x": 556, "x": 556,
"y": 304 "y": 324.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -700,19 +700,19 @@
"route": [ "route": [
{ {
"x": 235.36, "x": 235.36,
"y": 783 "y": 821.5
}, },
{ {
"x": 202.272, "x": 202.272,
"y": 831.4 "y": 869.9
}, },
{ {
"x": 194, "x": 194,
"y": 914 "y": 955.6
}, },
{ {
"x": 194, "x": 194,
"y": 954 "y": 1008
} }
], ],
"isCurve": true, "isCurve": true,
@ -748,19 +748,19 @@
"route": [ "route": [
{ {
"x": 340.64, "x": 340.64,
"y": 783 "y": 821.5
}, },
{ {
"x": 373.728, "x": 373.728,
"y": 831.4 "y": 869.9
}, },
{ {
"x": 382, "x": 382,
"y": 914 "y": 955.6
}, },
{ {
"x": 382, "x": 382,
"y": 954 "y": 1008
} }
], ],
"isCurve": true, "isCurve": true,
@ -796,19 +796,19 @@
"route": [ "route": [
{ {
"x": 771.36, "x": 771.36,
"y": 783 "y": 821.5
}, },
{ {
"x": 738.272, "x": 738.272,
"y": 831.4 "y": 869.9
}, },
{ {
"x": 730, "x": 730,
"y": 914 "y": 955.6
}, },
{ {
"x": 730, "x": 730,
"y": 954 "y": 1008
} }
], ],
"isCurve": true, "isCurve": true,
@ -844,19 +844,19 @@
"route": [ "route": [
{ {
"x": 876.64, "x": 876.64,
"y": 783 "y": 821.5
}, },
{ {
"x": 909.728, "x": 909.728,
"y": 831.4 "y": 869.9
}, },
{ {
"x": 918, "x": 918,
"y": 914 "y": 955.6
}, },
{ {
"x": 918, "x": 918,
"y": 954 "y": 1008
} }
], ],
"isCurve": true, "isCurve": true,
@ -892,19 +892,19 @@
"route": [ "route": [
{ {
"x": 492, "x": 492,
"y": 413.8358208955224 "y": 434.3358208955224
}, },
{ {
"x": 328.79999999999995, "x": 328.79999999999995,
"y": 497.56716417910445 "y": 518.0671641791045
}, },
{ {
"x": 288, "x": 288,
"y": 589 "y": 613.1
}, },
{ {
"x": 288, "x": 288,
"y": 629 "y": 667.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -940,19 +940,19 @@
"route": [ "route": [
{ {
"x": 620, "x": 620,
"y": 413.8358208955224 "y": 434.3358208955224
}, },
{ {
"x": 783.2, "x": 783.2,
"y": 497.56716417910445 "y": 518.0671641791045
}, },
{ {
"x": 824, "x": 824,
"y": 589 "y": 613.1
}, },
{ {
"x": 824, "x": 824,
"y": 629 "y": 667.5
} }
], ],
"isCurve": true, "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", "type": "rectangle",
"pos": { "pos": {
"x": 1498, "x": 1498,
"y": 208 "y": 249
}, },
"width": 1548, "width": 1548,
"height": 2120, "height": 2079,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -807,7 +807,7 @@
"underline": false, "underline": false,
"labelWidth": 93, "labelWidth": 93,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -816,7 +816,7 @@
"type": "sequence_diagram", "type": "sequence_diagram",
"pos": { "pos": {
"x": 1548, "x": 1548,
"y": 261 "y": 281
}, },
"width": 1448, "width": 1448,
"height": 2015, "height": 2015,
@ -857,7 +857,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1572, "x": 1572,
"y": 366 "y": 386
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -898,7 +898,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1641, "x": 1641,
"y": 546 "y": 566
}, },
"width": 12, "width": 12,
"height": 1592, "height": 1592,
@ -938,7 +938,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1822, "x": 1822,
"y": 366 "y": 386
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -979,7 +979,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1891, "x": 1891,
"y": 546 "y": 566
}, },
"width": 12, "width": 12,
"height": 162, "height": 162,
@ -1019,7 +1019,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2072, "x": 2072,
"y": 366 "y": 386
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -1060,7 +1060,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2141, "x": 2141,
"y": 806 "y": 826
}, },
"width": 12, "width": 12,
"height": 162, "height": 162,
@ -1100,7 +1100,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2322, "x": 2322,
"y": 366 "y": 386
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -1141,7 +1141,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2391, "x": 2391,
"y": 1066 "y": 1086
}, },
"width": 12, "width": 12,
"height": 422, "height": 422,
@ -1181,7 +1181,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2387, "x": 2387,
"y": 1196 "y": 1216
}, },
"width": 20, "width": 20,
"height": 162, "height": 162,
@ -1221,7 +1221,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2572, "x": 2572,
"y": 366 "y": 386
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -1262,7 +1262,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2641, "x": 2641,
"y": 1326 "y": 1346
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -1302,7 +1302,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2822, "x": 2822,
"y": 366 "y": 386
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -1343,7 +1343,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2891, "x": 2891,
"y": 1586 "y": 1606
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -1383,7 +1383,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2141, "x": 2141,
"y": 1716 "y": 1736
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -1423,7 +1423,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2141, "x": 2141,
"y": 1846 "y": 1866
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -1463,7 +1463,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2891, "x": 2891,
"y": 1976 "y": 1996
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -1503,7 +1503,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2891, "x": 2891,
"y": 2106 "y": 2126
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -1584,10 +1584,10 @@
"type": "queue", "type": "queue",
"pos": { "pos": {
"x": 1845, "x": 1845,
"y": 2428 "y": 2469
}, },
"width": 1648, "width": 1648,
"height": 1465, "height": 1424,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -1616,7 +1616,7 @@
"underline": false, "underline": false,
"labelWidth": 72, "labelWidth": 72,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -1625,7 +1625,7 @@
"type": "sequence_diagram", "type": "sequence_diagram",
"pos": { "pos": {
"x": 1955, "x": 1955,
"y": 2478 "y": 2498
}, },
"width": 1448, "width": 1448,
"height": 1365, "height": 1365,
@ -1666,7 +1666,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 1979, "x": 1979,
"y": 2583 "y": 2603
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -1707,7 +1707,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2229, "x": 2229,
"y": 2583 "y": 2603
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -1748,7 +1748,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2479, "x": 2479,
"y": 2583 "y": 2603
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -1789,7 +1789,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2729, "x": 2729,
"y": 2583 "y": 2603
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -1830,7 +1830,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2979, "x": 2979,
"y": 2583 "y": 2603
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -1871,7 +1871,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 3229, "x": 3229,
"y": 2583 "y": 2603
}, },
"width": 150, "width": 150,
"height": 66, "height": 66,
@ -1912,7 +1912,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 3298, "x": 3298,
"y": 2763 "y": 2783
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -1952,7 +1952,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2798, "x": 2798,
"y": 2747 "y": 2767
}, },
"width": 12, "width": 12,
"height": 698, "height": 698,
@ -1992,7 +1992,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2794, "x": 2794,
"y": 2763 "y": 2783
}, },
"width": 20, "width": 20,
"height": 162, "height": 162,
@ -2032,7 +2032,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2548, "x": 2548,
"y": 2861 "y": 2881
}, },
"width": 12, "width": 12,
"height": 340, "height": 340,
@ -2072,7 +2072,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2544, "x": 2544,
"y": 2877 "y": 2897
}, },
"width": 20, "width": 20,
"height": 308, "height": 308,
@ -2112,7 +2112,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2540, "x": 2540,
"y": 2893 "y": 2913
}, },
"width": 28, "width": 28,
"height": 162, "height": 162,
@ -2152,7 +2152,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2298, "x": 2298,
"y": 2975 "y": 2995
}, },
"width": 12, "width": 12,
"height": 388, "height": 388,
@ -2192,7 +2192,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2294, "x": 2294,
"y": 2991 "y": 3011
}, },
"width": 20, "width": 20,
"height": 356, "height": 356,
@ -2232,7 +2232,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2290, "x": 2290,
"y": 3007 "y": 3027
}, },
"width": 28, "width": 28,
"height": 324, "height": 324,
@ -2272,7 +2272,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2286, "x": 2286,
"y": 3023 "y": 3043
}, },
"width": 36, "width": 36,
"height": 292, "height": 292,
@ -2312,7 +2312,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 3048, "x": 3048,
"y": 3219 "y": 3239
}, },
"width": 12, "width": 12,
"height": 420, "height": 420,
@ -2352,7 +2352,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 3044, "x": 3044,
"y": 3235 "y": 3255
}, },
"width": 20, "width": 20,
"height": 388, "height": 388,
@ -2392,7 +2392,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 3040, "x": 3040,
"y": 3251 "y": 3271
}, },
"width": 28, "width": 28,
"height": 356, "height": 356,
@ -2432,7 +2432,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 3036, "x": 3036,
"y": 3267 "y": 3287
}, },
"width": 36, "width": 36,
"height": 324, "height": 324,
@ -2472,7 +2472,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 3032, "x": 3032,
"y": 3283 "y": 3303
}, },
"width": 44, "width": 44,
"height": 292, "height": 292,
@ -2512,7 +2512,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 2048, "x": 2048,
"y": 3413 "y": 3433
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -2552,7 +2552,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 3298, "x": 3298,
"y": 3673 "y": 3693
}, },
"width": 12, "width": 12,
"height": 80, "height": 80,
@ -3123,11 +3123,11 @@
"route": [ "route": [
{ {
"x": 1653, "x": 1653,
"y": 562 "y": 582.5
}, },
{ {
"x": 1891, "x": 1891,
"y": 562 "y": 582.5
} }
], ],
"animated": false, "animated": false,
@ -3162,11 +3162,11 @@
"route": [ "route": [
{ {
"x": 1653, "x": 1653,
"y": 692 "y": 712.5
}, },
{ {
"x": 1891, "x": 1891,
"y": 692 "y": 712.5
} }
], ],
"animated": false, "animated": false,
@ -3201,11 +3201,11 @@
"route": [ "route": [
{ {
"x": 1653, "x": 1653,
"y": 822 "y": 842.5
}, },
{ {
"x": 2141, "x": 2141,
"y": 822 "y": 842.5
} }
], ],
"animated": false, "animated": false,
@ -3240,11 +3240,11 @@
"route": [ "route": [
{ {
"x": 1653, "x": 1653,
"y": 952 "y": 972.5
}, },
{ {
"x": 2141, "x": 2141,
"y": 952 "y": 972.5
} }
], ],
"animated": false, "animated": false,
@ -3279,11 +3279,11 @@
"route": [ "route": [
{ {
"x": 1653, "x": 1653,
"y": 1082 "y": 1102.5
}, },
{ {
"x": 2391, "x": 2391,
"y": 1082 "y": 1102.5
} }
], ],
"animated": false, "animated": false,
@ -3318,11 +3318,11 @@
"route": [ "route": [
{ {
"x": 1897, "x": 1897,
"y": 1212 "y": 1232.5
}, },
{ {
"x": 2387, "x": 2387,
"y": 1212 "y": 1232.5
} }
], ],
"animated": false, "animated": false,
@ -3357,11 +3357,11 @@
"route": [ "route": [
{ {
"x": 2407, "x": 2407,
"y": 1342 "y": 1362.5
}, },
{ {
"x": 2641, "x": 2641,
"y": 1342 "y": 1362.5
} }
], ],
"animated": false, "animated": false,
@ -3396,11 +3396,11 @@
"route": [ "route": [
{ {
"x": 1647, "x": 1647,
"y": 1472 "y": 1492.5
}, },
{ {
"x": 2391, "x": 2391,
"y": 1472 "y": 1492.5
} }
], ],
"animated": false, "animated": false,
@ -3435,11 +3435,11 @@
"route": [ "route": [
{ {
"x": 1653, "x": 1653,
"y": 1602 "y": 1622.5
}, },
{ {
"x": 2891, "x": 2891,
"y": 1602 "y": 1622.5
} }
], ],
"animated": false, "animated": false,
@ -3474,11 +3474,11 @@
"route": [ "route": [
{ {
"x": 1653, "x": 1653,
"y": 1732 "y": 1752.5
}, },
{ {
"x": 2141, "x": 2141,
"y": 1732 "y": 1752.5
} }
], ],
"animated": false, "animated": false,
@ -3513,11 +3513,11 @@
"route": [ "route": [
{ {
"x": 1653, "x": 1653,
"y": 1862 "y": 1882.5
}, },
{ {
"x": 2141, "x": 2141,
"y": 1862 "y": 1882.5
} }
], ],
"animated": false, "animated": false,
@ -3552,11 +3552,11 @@
"route": [ "route": [
{ {
"x": 1653, "x": 1653,
"y": 1992 "y": 2012.5
}, },
{ {
"x": 2891, "x": 2891,
"y": 1992 "y": 2012.5
} }
], ],
"animated": false, "animated": false,
@ -3591,11 +3591,11 @@
"route": [ "route": [
{ {
"x": 1653, "x": 1653,
"y": 2122 "y": 2142.5
}, },
{ {
"x": 2891, "x": 2891,
"y": 2122 "y": 2142.5
} }
], ],
"animated": false, "animated": false,
@ -3686,11 +3686,11 @@
}, },
{ {
"x": 2272, "x": 2272,
"y": 218.5 "y": 222.6
}, },
{ {
"x": 2272, "x": 2272,
"y": 260.5 "y": 281
} }
], ],
"isCurve": true, "isCurve": true,
@ -3786,11 +3786,11 @@
"route": [ "route": [
{ {
"x": 2272, "x": 2272,
"y": 2276.5 "y": 2297
}, },
{ {
"x": 2272, "x": 2272,
"y": 2317.7 "y": 2321.8
}, },
{ {
"x": 2272, "x": 2272,
@ -3806,11 +3806,11 @@
}, },
{ {
"x": 2277.6, "x": 2277.6,
"y": 2438 "y": 2442.1
}, },
{ {
"x": 2300, "x": 2300,
"y": 2478 "y": 2498.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -3890,11 +3890,11 @@
}, },
{ {
"x": 3086, "x": 3086,
"y": 2388 "y": 2396.2
}, },
{ {
"x": 3086, "x": 3086,
"y": 2428 "y": 2469
} }
], ],
"isCurve": true, "isCurve": true,
@ -3930,11 +3930,11 @@
"route": [ "route": [
{ {
"x": 3298, "x": 3298,
"y": 2779 "y": 2799.5
}, },
{ {
"x": 2814, "x": 2814,
"y": 2779 "y": 2799.5
} }
], ],
"animated": false, "animated": false,
@ -3969,11 +3969,11 @@
"route": [ "route": [
{ {
"x": 2794, "x": 2794,
"y": 2909 "y": 2929.5
}, },
{ {
"x": 2568, "x": 2568,
"y": 2909 "y": 2929.5
} }
], ],
"animated": false, "animated": false,
@ -4008,11 +4008,11 @@
"route": [ "route": [
{ {
"x": 2540, "x": 2540,
"y": 3039 "y": 3059.5
}, },
{ {
"x": 2322, "x": 2322,
"y": 3039 "y": 3059.5
} }
], ],
"animated": false, "animated": false,
@ -4047,11 +4047,11 @@
"route": [ "route": [
{ {
"x": 2798, "x": 2798,
"y": 3169 "y": 3189.5
}, },
{ {
"x": 2564, "x": 2564,
"y": 3169 "y": 3189.5
} }
], ],
"animated": false, "animated": false,
@ -4086,11 +4086,11 @@
"route": [ "route": [
{ {
"x": 2322, "x": 2322,
"y": 3299 "y": 3319.5
}, },
{ {
"x": 3032, "x": 3032,
"y": 3299 "y": 3319.5
} }
], ],
"animated": false, "animated": false,
@ -4125,11 +4125,11 @@
"route": [ "route": [
{ {
"x": 2060, "x": 2060,
"y": 3429 "y": 3449.5
}, },
{ {
"x": 2798, "x": 2798,
"y": 3429 "y": 3449.5
} }
], ],
"animated": false, "animated": false,
@ -4164,11 +4164,11 @@
"route": [ "route": [
{ {
"x": 3032, "x": 3032,
"y": 3559 "y": 3579.5
}, },
{ {
"x": 2054, "x": 2054,
"y": 3559 "y": 3579.5
} }
], ],
"animated": false, "animated": false,
@ -4203,11 +4203,11 @@
"route": [ "route": [
{ {
"x": 2054, "x": 2054,
"y": 3689 "y": 3709.5
}, },
{ {
"x": 3298, "x": 3298,
"y": 3689 "y": 3709.5
} }
], ],
"animated": false, "animated": false,
@ -4476,11 +4476,11 @@
"route": [ "route": [
{ {
"x": 1647, "x": 1647,
"y": 432 "y": 452.5
}, },
{ {
"x": 1647, "x": 1647,
"y": 2252 "y": 2272.5
} }
], ],
"animated": false, "animated": false,
@ -4515,11 +4515,11 @@
"route": [ "route": [
{ {
"x": 1897, "x": 1897,
"y": 432 "y": 452.5
}, },
{ {
"x": 1897, "x": 1897,
"y": 2252 "y": 2272.5
} }
], ],
"animated": false, "animated": false,
@ -4554,11 +4554,11 @@
"route": [ "route": [
{ {
"x": 2147, "x": 2147,
"y": 432 "y": 452.5
}, },
{ {
"x": 2147, "x": 2147,
"y": 2252 "y": 2272.5
} }
], ],
"animated": false, "animated": false,
@ -4593,11 +4593,11 @@
"route": [ "route": [
{ {
"x": 2397, "x": 2397,
"y": 432 "y": 452.5
}, },
{ {
"x": 2397, "x": 2397,
"y": 2252 "y": 2272.5
} }
], ],
"animated": false, "animated": false,
@ -4632,11 +4632,11 @@
"route": [ "route": [
{ {
"x": 2647, "x": 2647,
"y": 432 "y": 452.5
}, },
{ {
"x": 2647, "x": 2647,
"y": 2252 "y": 2272.5
} }
], ],
"animated": false, "animated": false,
@ -4671,11 +4671,11 @@
"route": [ "route": [
{ {
"x": 2897, "x": 2897,
"y": 432 "y": 452.5
}, },
{ {
"x": 2897, "x": 2897,
"y": 2252 "y": 2272.5
} }
], ],
"animated": false, "animated": false,
@ -4710,11 +4710,11 @@
"route": [ "route": [
{ {
"x": 2054, "x": 2054,
"y": 2649 "y": 2669.5
}, },
{ {
"x": 2054, "x": 2054,
"y": 3819 "y": 3839.5
} }
], ],
"animated": false, "animated": false,
@ -4749,11 +4749,11 @@
"route": [ "route": [
{ {
"x": 2304, "x": 2304,
"y": 2649 "y": 2669.5
}, },
{ {
"x": 2304, "x": 2304,
"y": 3819 "y": 3839.5
} }
], ],
"animated": false, "animated": false,
@ -4788,11 +4788,11 @@
"route": [ "route": [
{ {
"x": 2554, "x": 2554,
"y": 2649 "y": 2669.5
}, },
{ {
"x": 2554, "x": 2554,
"y": 3819 "y": 3839.5
} }
], ],
"animated": false, "animated": false,
@ -4827,11 +4827,11 @@
"route": [ "route": [
{ {
"x": 2804, "x": 2804,
"y": 2649 "y": 2669.5
}, },
{ {
"x": 2804, "x": 2804,
"y": 3819 "y": 3839.5
} }
], ],
"animated": false, "animated": false,
@ -4866,11 +4866,11 @@
"route": [ "route": [
{ {
"x": 3054, "x": 3054,
"y": 2649 "y": 2669.5
}, },
{ {
"x": 3054, "x": 3054,
"y": 3819 "y": 3839.5
} }
], ],
"animated": false, "animated": false,
@ -4905,11 +4905,11 @@
"route": [ "route": [
{ {
"x": 3304, "x": 3304,
"y": 2649 "y": 2669.5
}, },
{ {
"x": 3304, "x": 3304,
"y": 3819 "y": 3839.5
} }
], ],
"animated": false, "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", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 166 "y": 207
}, },
"width": 549, "width": 549,
"height": 166, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -162,7 +162,7 @@
"underline": false, "underline": false,
"labelWidth": 19, "labelWidth": 19,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -171,7 +171,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 290, "x": 290,
"y": 216 "y": 236
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -212,7 +212,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 94, "x": 94,
"y": 216 "y": 236
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -253,7 +253,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 487, "x": 487,
"y": 216 "y": 236
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -294,10 +294,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 432 "y": 473
}, },
"width": 156, "width": 156,
"height": 166, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -326,7 +326,7 @@
"underline": false, "underline": false,
"labelWidth": 45, "labelWidth": 45,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -335,7 +335,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 94, "x": 94,
"y": 482 "y": 502
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -376,10 +376,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 433, "x": 433,
"y": 432 "y": 473
}, },
"width": 156, "width": 156,
"height": 166, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -408,7 +408,7 @@
"underline": false, "underline": false,
"labelWidth": 45, "labelWidth": 45,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -417,7 +417,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 487, "x": 487,
"y": 482 "y": 502
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -458,10 +458,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 237, "x": 237,
"y": 432 "y": 473
}, },
"width": 156, "width": 156,
"height": 166, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -490,7 +490,7 @@
"underline": false, "underline": false,
"labelWidth": 45, "labelWidth": 45,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -499,7 +499,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 290, "x": 290,
"y": 482 "y": 502
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -540,10 +540,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 698 "y": 739
}, },
"width": 353, "width": 353,
"height": 166, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -572,7 +572,7 @@
"underline": false, "underline": false,
"labelWidth": 45, "labelWidth": 45,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -581,7 +581,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 94, "x": 94,
"y": 748 "y": 768
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -622,7 +622,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 290, "x": 290,
"y": 748 "y": 768
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -663,10 +663,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 433, "x": 433,
"y": 698 "y": 739
}, },
"width": 156, "width": 156,
"height": 166, "height": 125,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -695,7 +695,7 @@
"underline": false, "underline": false,
"labelWidth": 45, "labelWidth": 45,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -704,7 +704,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 487, "x": 487,
"y": 748 "y": 768
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -745,10 +745,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 964 "y": 1005
}, },
"width": 629, "width": 629,
"height": 266, "height": 225,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -777,7 +777,7 @@
"underline": false, "underline": false,
"labelWidth": 20, "labelWidth": 20,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -786,10 +786,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 1014 "y": 1070
}, },
"width": 156, "width": 156,
"height": 166, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -818,7 +818,7 @@
"underline": false, "underline": false,
"labelWidth": 21, "labelWidth": 21,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -827,7 +827,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 94, "x": 94,
"y": 1064 "y": 1102
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -868,10 +868,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 237, "x": 237,
"y": 1014 "y": 1070
}, },
"width": 156, "width": 156,
"height": 166, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -900,7 +900,7 @@
"underline": false, "underline": false,
"labelWidth": 21, "labelWidth": 21,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -909,7 +909,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 290, "x": 290,
"y": 1064 "y": 1102
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -950,10 +950,10 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 433, "x": 433,
"y": 1014 "y": 1070
}, },
"width": 156, "width": 156,
"height": 166, "height": 130,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -982,7 +982,7 @@
"underline": false, "underline": false,
"labelWidth": 21, "labelWidth": 21,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -991,7 +991,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 487, "x": 487,
"y": 1064 "y": 1102
}, },
"width": 53, "width": 53,
"height": 66, "height": 66,
@ -1064,11 +1064,11 @@
}, },
{ {
"x": 316.5, "x": 316.5,
"y": 176 "y": 180.1
}, },
{ {
"x": 316.5, "x": 316.5,
"y": 216 "y": 236.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1112,11 +1112,11 @@
}, },
{ {
"x": 120, "x": 120,
"y": 176 "y": 180.1
}, },
{ {
"x": 120, "x": 120,
"y": 216 "y": 236.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1160,11 +1160,11 @@
}, },
{ {
"x": 513, "x": 513,
"y": 176 "y": 180.1
}, },
{ {
"x": 513, "x": 513,
"y": 216 "y": 236.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1200,11 +1200,11 @@
"route": [ "route": [
{ {
"x": 120, "x": 120,
"y": 282 "y": 302.5
}, },
{ {
"x": 120, "x": 120,
"y": 322 "y": 326.1
}, },
{ {
"x": 120, "x": 120,
@ -1220,11 +1220,11 @@
}, },
{ {
"x": 120, "x": 120,
"y": 442 "y": 446.1
}, },
{ {
"x": 120, "x": 120,
"y": 482 "y": 502.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1260,11 +1260,11 @@
"route": [ "route": [
{ {
"x": 513, "x": 513,
"y": 282 "y": 302.5
}, },
{ {
"x": 513, "x": 513,
"y": 322 "y": 326.1
}, },
{ {
"x": 513, "x": 513,
@ -1280,11 +1280,11 @@
}, },
{ {
"x": 513, "x": 513,
"y": 442 "y": 446.1
}, },
{ {
"x": 513, "x": 513,
"y": 482 "y": 502.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1320,11 +1320,11 @@
"route": [ "route": [
{ {
"x": 316.5, "x": 316.5,
"y": 282 "y": 302.5
}, },
{ {
"x": 316.5, "x": 316.5,
"y": 322 "y": 326.1
}, },
{ {
"x": 316.5, "x": 316.5,
@ -1340,11 +1340,11 @@
}, },
{ {
"x": 316.5, "x": 316.5,
"y": 442 "y": 446.1
}, },
{ {
"x": 316.5, "x": 316.5,
"y": 482 "y": 502.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1380,11 +1380,11 @@
"route": [ "route": [
{ {
"x": 120, "x": 120,
"y": 548 "y": 568.5
}, },
{ {
"x": 120, "x": 120,
"y": 588 "y": 592.1
}, },
{ {
"x": 120, "x": 120,
@ -1400,11 +1400,11 @@
}, },
{ {
"x": 120, "x": 120,
"y": 708 "y": 712.1
}, },
{ {
"x": 120, "x": 120,
"y": 748 "y": 768.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1440,11 +1440,11 @@
"route": [ "route": [
{ {
"x": 316.5, "x": 316.5,
"y": 548 "y": 568.5
}, },
{ {
"x": 316.5, "x": 316.5,
"y": 588 "y": 592.1
}, },
{ {
"x": 316.5, "x": 316.5,
@ -1460,11 +1460,11 @@
}, },
{ {
"x": 316.5, "x": 316.5,
"y": 708 "y": 712.1
}, },
{ {
"x": 316.5, "x": 316.5,
"y": 748 "y": 768.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1500,11 +1500,11 @@
"route": [ "route": [
{ {
"x": 513, "x": 513,
"y": 548 "y": 568.5
}, },
{ {
"x": 513, "x": 513,
"y": 588 "y": 592.1
}, },
{ {
"x": 513, "x": 513,
@ -1520,11 +1520,11 @@
}, },
{ {
"x": 513, "x": 513,
"y": 708 "y": 712.1
}, },
{ {
"x": 513, "x": 513,
"y": 748 "y": 768.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1560,11 +1560,11 @@
"route": [ "route": [
{ {
"x": 120, "x": 120,
"y": 814 "y": 834.5
}, },
{ {
"x": 120, "x": 120,
"y": 854 "y": 858.1
}, },
{ {
"x": 120, "x": 120,
@ -1592,11 +1592,11 @@
}, },
{ {
"x": 120, "x": 120,
"y": 1024 "y": 1031.7
}, },
{ {
"x": 120, "x": 120,
"y": 1064 "y": 1102.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1632,11 +1632,11 @@
"route": [ "route": [
{ {
"x": 316.5, "x": 316.5,
"y": 814 "y": 834.5
}, },
{ {
"x": 316.5, "x": 316.5,
"y": 854 "y": 858.1
}, },
{ {
"x": 316.5, "x": 316.5,
@ -1664,11 +1664,11 @@
}, },
{ {
"x": 316.5, "x": 316.5,
"y": 1024 "y": 1031.7
}, },
{ {
"x": 316.5, "x": 316.5,
"y": 1064 "y": 1102.5
} }
], ],
"isCurve": true, "isCurve": true,
@ -1704,11 +1704,11 @@
"route": [ "route": [
{ {
"x": 513, "x": 513,
"y": 814 "y": 834.5
}, },
{ {
"x": 513, "x": 513,
"y": 854 "y": 858.1
}, },
{ {
"x": 513, "x": 513,
@ -1736,11 +1736,11 @@
}, },
{ {
"x": 513, "x": 513,
"y": 1024 "y": 1031.7
}, },
{ {
"x": 513, "x": 513,
"y": 1064 "y": 1102.5
} }
], ],
"isCurve": true, "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", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 41
}, },
"width": 220, "width": 220,
"height": 353, "height": 312,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 112, "labelWidth": 112,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,7 +48,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 73, "x": 73,
"y": 50 "y": 70
}, },
"width": 75, "width": 75,
"height": 66, "height": 66,
@ -89,7 +89,7 @@
"type": "rectangle", "type": "rectangle",
"pos": { "pos": {
"x": 63, "x": 63,
"y": 237 "y": 257
}, },
"width": 95, "width": 95,
"height": 66, "height": 66,
@ -154,19 +154,19 @@
"route": [ "route": [
{ {
"x": 98.16176470588235, "x": 98.16176470588235,
"y": 116 "y": 136.5
}, },
{ {
"x": 80.43235294117648, "x": 80.43235294117648,
"y": 164.4 "y": 184.9
}, },
{ {
"x": 80.4, "x": 80.4,
"y": 188.7 "y": 209.2
}, },
{ {
"x": 98, "x": 98,
"y": 237.5 "y": 258
} }
], ],
"isCurve": true, "isCurve": true,
@ -202,19 +202,19 @@
"route": [ "route": [
{ {
"x": 122.33823529411765, "x": 122.33823529411765,
"y": 116 "y": 136.5
}, },
{ {
"x": 140.06764705882352, "x": 140.06764705882352,
"y": 164.4 "y": 184.9
}, },
{ {
"x": 140.1, "x": 140.1,
"y": 188.7 "y": 209.2
}, },
{ {
"x": 122.5, "x": 122.5,
"y": 237.5 "y": 258
} }
], ],
"isCurve": true, "isCurve": true,

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

@ -3,7 +3,7 @@
id="d2-svg" id="d2-svg"
style="background: white;" style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="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[ <![CDATA[
.shape { .shape {
shape-rendering: geometricPrecision; 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); 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"> ]]></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="557" fill="white"></rect> <rect x="-100" y="-100" width="424" height="555" fill="white"></rect>
<rect x="66.000000" y="166.000000" width="29" height="21" fill="black"></rect> <rect x="66.000000" y="187.000000" width="29" height="21" fill="black"></rect>
<rect x="126.000000" y="166.000000" width="28" 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[ </mask><style type="text/css"><![CDATA[
.text { .text {
font-family: "font-regular"; font-family: "font-regular";

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 793 KiB

After

Width:  |  Height:  |  Size: 793 KiB

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", "type": "rectangle",
"pos": { "pos": {
"x": 0, "x": 0,
"y": 0 "y": 41
}, },
"width": 1112, "width": 1112,
"height": 456, "height": 415,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -39,7 +39,7 @@
"underline": false, "underline": false,
"labelWidth": 123, "labelWidth": 123,
"labelHeight": 36, "labelHeight": 36,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 1 "level": 1
}, },
@ -48,10 +48,10 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 40, "x": 40,
"y": 50 "y": 106
}, },
"width": 228, "width": 228,
"height": 356, "height": 320,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -80,7 +80,7 @@
"underline": false, "underline": false,
"labelWidth": 156, "labelWidth": 156,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -89,7 +89,7 @@
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 90, "x": 90,
"y": 196 "y": 234
}, },
"width": 128, "width": 128,
"height": 64, "height": 64,
@ -130,10 +130,10 @@
"type": "diamond", "type": "diamond",
"pos": { "pos": {
"x": 308, "x": 308,
"y": 50 "y": 106
}, },
"width": 228, "width": 228,
"height": 356, "height": 320,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -162,7 +162,7 @@
"underline": false, "underline": false,
"labelWidth": 192, "labelWidth": 192,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -171,7 +171,7 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 358, "x": 358,
"y": 164 "y": 202
}, },
"width": 128, "width": 128,
"height": 128, "height": 128,
@ -212,10 +212,10 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 576, "x": 576,
"y": 50 "y": 106
}, },
"width": 228, "width": 228,
"height": 356, "height": 320,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -244,7 +244,7 @@
"underline": false, "underline": false,
"labelWidth": 144, "labelWidth": 144,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -253,7 +253,7 @@
"type": "hexagon", "type": "hexagon",
"pos": { "pos": {
"x": 626, "x": 626,
"y": 196 "y": 234
}, },
"width": 128, "width": 128,
"height": 64, "height": 64,
@ -294,10 +294,10 @@
"type": "hexagon", "type": "hexagon",
"pos": { "pos": {
"x": 844, "x": 844,
"y": 50 "y": 106
}, },
"width": 228, "width": 228,
"height": 356, "height": 320,
"opacity": 1, "opacity": 1,
"strokeDash": 0, "strokeDash": 0,
"strokeWidth": 2, "strokeWidth": 2,
@ -326,7 +326,7 @@
"underline": false, "underline": false,
"labelWidth": 188, "labelWidth": 188,
"labelHeight": 31, "labelHeight": 31,
"labelPosition": "INSIDE_TOP_CENTER", "labelPosition": "OUTSIDE_TOP_CENTER",
"zIndex": 0, "zIndex": 0,
"level": 2 "level": 2
}, },
@ -335,7 +335,7 @@
"type": "oval", "type": "oval",
"pos": { "pos": {
"x": 894, "x": 894,
"y": 196 "y": 234
}, },
"width": 128, "width": 128,
"height": 64, "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: "child_parent_edges",
name: "tall_edge_label", script: `a.b -> a
script: ` a.b -> a.b.c
a -> b: There\nonce\nwas\na\nvery\ntall\nedge\nlabel a.b.c.d -> a.b`,
`,
}, },
{ {
// issue https://github.com/terrastruct/d2/issues/263 name: "container_label_loop",
name: "font_sizes_large", script: `a: "If we were meant to fly, we wouldn't keep losing our luggage" {
script: ` b -> c
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
} }
sixteen -> thirty two : twenty four { a -> a`,
style.font-size: 24
}
thirty two -> sixty four: forty eight {
style.font-size: 48
}
sixty four -> ninety nine: eighty one {
style.font-size: 81
}
`,
}, },
{ {
// 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 // 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` // needs to consider the group size when computing the distance from `a` to `c`
// a similar effect can be seen for spans // 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
}
}
`, `,
}, },
} }