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

update tests

Browse source
This commit is contained in:
Alexander Wang 2023-02-06 01:10:52 -08:00
parent 01445768d8
commit 0341fd6f3e
No known key found for this signature in database
GPG key ID: D89FA31966BDBECE
53 changed files with 567 additions and 584 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
d2exporter/export.go
View file

@ -135,11 +135,8 @@ func toShape(obj *d2graph.Object, theme *d2themes.Theme) d2target.Shape {
shape.Label = obj.Attributes.Label.Value
case d2target.ShapeClass:
shape.Class = *obj.Class
// The label is the header for classes and tables, which is set in client to be 4 px larger than the object's set font size
shape.FontSize -= 4
case d2target.ShapeSQLTable:
shape.SQLTable = *obj.SQLTable
shape.FontSize -= 4
}
shape.Label = text.Text
shape.LabelWidth = text.Dimensions.Width

26
d2renderers/d2sketch/testdata/class/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: 196 KiB

After

Width:  |  Height:  |  Size: 196 KiB

14
d2renderers/d2sketch/testdata/opacity/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: 309 KiB

After

Width:  |  Height:  |  Size: 309 KiB

70
d2renderers/d2sketch/testdata/sql_tables/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: 84 KiB

After

Width:  |  Height:  |  Size: 84 KiB

14
e2etests/regression_test.go
View file

@ -1,10 +1,7 @@
package e2etests
import (
"math"
"testing"
"oss.terrastruct.com/d2/d2target"
)
func testRegression(t *testing.T) {
@ -462,23 +459,12 @@ class2: class without rows {
shape: class
}
`,
assertions: func(t *testing.T, g *d2target.Diagram) {
if len(g.Shapes) != 2 {
t.Fatal("expected 2 shapes")
}
c1Height := float64(g.Shapes[0].Height)
c2Height := float64(g.Shapes[1].Height)
if math.Round(c1Height/2.) != c2Height {
t.Fatal("expected rowless class to be 1/2 height of class with 2 rows")
}
},
},
{
name: "just-width",
script: `x: "teamwork: having someone to blame" {
width: 100
}
`,
},
}

18
e2etests/testdata/regression/empty_class_height/dagre/board.exp.json generated vendored
View file

@ -9,7 +9,7 @@
"x": 0,
"y": 0
},
"width": 319,
"width": 283,
"height": 184,
"opacity": 1,
"strokeDash": 0,
@ -48,8 +48,8 @@
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 214,
"labelHeight": 31,
"labelWidth": 178,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",
@ -60,11 +60,11 @@
"id": "class2",
"type": "class",
"pos": {
"x": 379,
"y": 46
"x": 343,
"y": 51
},
"width": 362,
"height": 92,
"width": 319,
"height": 82,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -91,8 +91,8 @@
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 257,
"labelHeight": 31,
"labelWidth": 214,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",

10
e2etests/testdata/regression/empty_class_height/dagre/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="945" height="388" viewBox="-102 -102 945 388"><style type="text/css">
width="866" height="388" viewBox="-102 -102 866 388"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,12 +39,12 @@ width="945" height="388" viewBox="-102 -102 945 388"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="class1"><g class="shape" ><rect class="shape" x="0" y="0" width="319" height="184" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="319.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="159.500000" y="53.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">class with rows</text><text class="text-mono" x="10.000000" y="120.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
]]></script><g id="class1"><g class="shape" ><rect class="shape" x="0" y="0" width="283" height="184" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="283.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="141.500000" y="52.500000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">class with rows</text><text class="text-mono" x="10.000000" y="120.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
<text class="text-mono" x="30.000000" y="120.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">num</text>
<text class="text-mono" x="299.000000" y="120.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="166.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
<text class="text-mono" x="263.000000" y="120.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="166.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
<text class="text-mono" x="30.000000" y="166.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">timeout</text>
<text class="text-mono" x="299.000000" y="166.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><line x1="0.000000" y1="184.000000" x2="319.000000" y2="184.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><g id="class2"><g class="shape" ><rect class="shape" x="379" y="46" width="362" height="92" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="379.000000" y="46.000000" width="362.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="560.000000" y="99.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">class without rows</text><line x1="379.000000" y1="138.000000" x2="741.000000" y2="138.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><mask id="201479814" maskUnits="userSpaceOnUse" x="-100" y="-100" width="945" height="388">
<rect x="-100" y="-100" width="945" height="388" fill="white"></rect>
<text class="text-mono" x="263.000000" y="166.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><line x1="0.000000" y1="184.000000" x2="283.000000" y2="184.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><g id="class2"><g class="shape" ><rect class="shape" x="343" y="51" width="319" height="82" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="343.000000" y="51.000000" width="319.000000" height="82.000000" fill="#0A0F25" /><text class="text-mono" x="502.500000" y="98.500000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">class without rows</text><line x1="343.000000" y1="133.000000" x2="662.000000" y2="133.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><mask id="473792242" maskUnits="userSpaceOnUse" x="-100" y="-100" width="866" height="388">
<rect x="-100" y="-100" width="866" height="388" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text-mono {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 184 KiB

After

Width:  |  Height:  |  Size: 184 KiB

18
e2etests/testdata/regression/empty_class_height/elk/board.exp.json generated vendored
View file

@ -9,7 +9,7 @@
"x": 12,
"y": 12
},
"width": 319,
"width": 283,
"height": 184,
"opacity": 1,
"strokeDash": 0,
@ -48,8 +48,8 @@
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 214,
"labelHeight": 31,
"labelWidth": 178,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",
@ -60,11 +60,11 @@
"id": "class2",
"type": "class",
"pos": {
"x": 351,
"y": 58
"x": 315,
"y": 63
},
"width": 362,
"height": 92,
"width": 319,
"height": 82,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -91,8 +91,8 @@
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 257,
"labelHeight": 31,
"labelWidth": 214,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",

10
e2etests/testdata/regression/empty_class_height/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="905" height="388" viewBox="-90 -90 905 388"><style type="text/css">
width="826" height="388" viewBox="-90 -90 826 388"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,12 +39,12 @@ width="905" height="388" viewBox="-90 -90 905 388"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="class1"><g class="shape" ><rect class="shape" x="12" y="12" width="319" height="184" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="319.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="171.500000" y="65.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">class with rows</text><text class="text-mono" x="22.000000" y="132.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
]]></script><g id="class1"><g class="shape" ><rect class="shape" x="12" y="12" width="283" height="184" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="283.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="153.500000" y="64.500000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">class with rows</text><text class="text-mono" x="22.000000" y="132.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
<text class="text-mono" x="42.000000" y="132.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">num</text>
<text class="text-mono" x="311.000000" y="132.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="178.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
<text class="text-mono" x="275.000000" y="132.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="178.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
<text class="text-mono" x="42.000000" y="178.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">timeout</text>
<text class="text-mono" x="311.000000" y="178.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><line x1="12.000000" y1="196.000000" x2="331.000000" y2="196.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><g id="class2"><g class="shape" ><rect class="shape" x="351" y="58" width="362" height="92" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="351.000000" y="58.000000" width="362.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="532.000000" y="111.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">class without rows</text><line x1="351.000000" y1="150.000000" x2="713.000000" y2="150.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><mask id="299065041" maskUnits="userSpaceOnUse" x="-100" y="-100" width="905" height="388">
<rect x="-100" y="-100" width="905" height="388" fill="white"></rect>
<text class="text-mono" x="275.000000" y="178.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><line x1="12.000000" y1="196.000000" x2="295.000000" y2="196.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><g id="class2"><g class="shape" ><rect class="shape" x="315" y="63" width="319" height="82" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="315.000000" y="63.000000" width="319.000000" height="82.000000" fill="#0A0F25" /><text class="text-mono" x="474.500000" y="110.500000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">class without rows</text><line x1="315.000000" y1="145.000000" x2="634.000000" y2="145.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><mask id="2000416750" maskUnits="userSpaceOnUse" x="-100" y="-100" width="826" height="388">
<rect x="-100" y="-100" width="826" height="388" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text-mono {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 184 KiB

After

Width:  |  Height:  |  Size: 184 KiB

64
e2etests/testdata/regression/only_header_class_table/dagre/board.exp.json generated vendored
View file

@ -9,8 +9,8 @@
"x": 0,
"y": 0
},
"width": 1082,
"height": 92,
"width": 918,
"height": 82,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -37,8 +37,8 @@
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 977,
"labelHeight": 31,
"labelWidth": 813,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",
@ -49,11 +49,11 @@
"id": "table",
"type": "sql_table",
"pos": {
"x": 341,
"y": 192
"x": 299,
"y": 182
},
"width": 401,
"height": 36,
"width": 321,
"height": 31,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -80,8 +80,8 @@
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 356,
"labelHeight": 31,
"labelWidth": 296,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",
@ -92,11 +92,11 @@
"id": "table with short col",
"type": "sql_table",
"pos": {
"x": 341,
"y": 328
"x": 299,
"y": 313
},
"width": 401,
"height": 72,
"width": 321,
"height": 62,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -152,8 +152,8 @@
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 356,
"labelHeight": 31,
"labelWidth": 296,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",
@ -188,20 +188,20 @@
"labelPercentage": 0,
"route": [
{
"x": 541,
"y": 92
"x": 459,
"y": 82
},
{
"x": 541,
"y": 132
"x": 459,
"y": 122
},
{
"x": 541,
"y": 152
"x": 459,
"y": 142
},
{
"x": 541,
"y": 192
"x": 459,
"y": 182
}
],
"isCurve": true,
@ -236,20 +236,20 @@
"labelPercentage": 0,
"route": [
{
"x": 541,
"y": 228
"x": 459,
"y": 213
},
{
"x": 541,
"y": 268
"x": 459,
"y": 253
},
{
"x": 541,
"y": 288
"x": 459,
"y": 273
},
{
"x": 541,
"y": 328
"x": 459,
"y": 313
}
],
"isCurve": true,

10
e2etests/testdata/regression/only_header_class_table/dagre/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1286" height="604" viewBox="-102 -102 1286 604"><style type="text/css">
width="1122" height="579" viewBox="-102 -102 1122 579"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,10 +39,10 @@ width="1286" height="604" viewBox="-102 -102 1286 604"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="class"><g class="shape" ><rect class="shape" x="0" y="0" width="1082" height="92" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="1082.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="541.000000" y="53.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyProtocolServerSideTranslatorProtocolBuffer</text><line x1="0.000000" y1="92.000000" x2="1082.000000" y2="92.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><g id="table"><g class="shape" ><rect class="shape" x="341" y="192" width="401" height="36" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="341.000000" y="192.000000" width="401.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="361.000000" y="217.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text></g></g><g id="table with short col"><g class="shape" ><rect class="shape" x="341" y="328" width="401" height="72" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="341.000000" y="328.000000" width="401.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="361.000000" y="353.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text><text class="text" x="351.000000" y="387.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">ok</text>
<text class="text" x="392.000000" y="387.000000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text>
<text class="text" x="722.000000" y="387.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="341.000000" y1="400.000000" x2="742.000000" y2="400.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="(class -&gt; table)[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 541.000000 94.000000 C 541.000000 132.000000 541.000000 152.000000 541.000000 188.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555417327)"/></g><g id="(table -&gt; table with short col)[0]"><path d="M 541.000000 230.000000 C 541.000000 268.000000 541.000000 288.000000 541.000000 324.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3555417327)"/></g><mask id="3555417327" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1286" height="604">
<rect x="-100" y="-100" width="1286" height="604" fill="white"></rect>
]]></script><g id="class"><g class="shape" ><rect class="shape" x="0" y="0" width="918" height="82" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="918.000000" height="82.000000" fill="#0A0F25" /><text class="text-mono" x="459.000000" y="47.500000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyProtocolServerSideTranslatorProtocolBuffer</text><line x1="0.000000" y1="82.000000" x2="918.000000" y2="82.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><g id="table"><g class="shape" ><rect class="shape" x="299" y="182" width="321" height="31" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="299.000000" y="182.000000" width="321.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="309.000000" y="204.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text></g></g><g id="table with short col"><g class="shape" ><rect class="shape" x="299" y="313" width="321" height="62" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="299.000000" y="313.000000" width="321.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="309.000000" y="335.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text><text class="text" x="309.000000" y="364.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">ok</text>
<text class="text" x="350.000000" y="364.500000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text>
<text class="text" x="600.000000" y="364.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="299.000000" y1="375.000000" x2="620.000000" y2="375.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="(class -&gt; table)[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 459.000000 84.000000 C 459.000000 122.000000 459.000000 142.000000 459.000000 178.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2241312073)"/></g><g id="(table -&gt; table with short col)[0]"><path d="M 459.000000 215.000000 C 459.000000 253.000000 459.000000 273.000000 459.000000 309.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2241312073)"/></g><mask id="2241312073" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1122" height="579">
<rect x="-100" y="-100" width="1122" height="579" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 508 KiB

After

Width:  |  Height:  |  Size: 508 KiB

48
e2etests/testdata/regression/only_header_class_table/elk/board.exp.json generated vendored
View file

@ -9,8 +9,8 @@
"x": 12,
"y": 12
},
"width": 1082,
"height": 92,
"width": 918,
"height": 82,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -37,8 +37,8 @@
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 977,
"labelHeight": 31,
"labelWidth": 813,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",
@ -49,11 +49,11 @@
"id": "table",
"type": "sql_table",
"pos": {
"x": 352,
"y": 204
"x": 310,
"y": 194
},
"width": 401,
"height": 36,
"width": 321,
"height": 31,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -80,8 +80,8 @@
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 356,
"labelHeight": 31,
"labelWidth": 296,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",
@ -92,11 +92,11 @@
"id": "table with short col",
"type": "sql_table",
"pos": {
"x": 352,
"y": 340
"x": 310,
"y": 325
},
"width": 401,
"height": 72,
"width": 321,
"height": 62,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -152,8 +152,8 @@
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 356,
"labelHeight": 31,
"labelWidth": 296,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",
@ -188,12 +188,12 @@
"labelPercentage": 0,
"route": [
{
"x": 553,
"y": 104
"x": 471,
"y": 94
},
{
"x": 553,
"y": 204
"x": 471,
"y": 194
}
],
"animated": false,
@ -227,12 +227,12 @@
"labelPercentage": 0,
"route": [
{
"x": 553,
"y": 240
"x": 471,
"y": 225
},
{
"x": 553,
"y": 340
"x": 471,
"y": 325
}
],
"animated": false,

10
e2etests/testdata/regression/only_header_class_table/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1286" height="604" viewBox="-90 -90 1286 604"><style type="text/css">
width="1122" height="579" viewBox="-90 -90 1122 579"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,10 +39,10 @@ width="1286" height="604" viewBox="-90 -90 1286 604"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="class"><g class="shape" ><rect class="shape" x="12" y="12" width="1082" height="92" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="1082.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="553.000000" y="65.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyProtocolServerSideTranslatorProtocolBuffer</text><line x1="12.000000" y1="104.000000" x2="1094.000000" y2="104.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><g id="table"><g class="shape" ><rect class="shape" x="352" y="204" width="401" height="36" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="352.000000" y="204.000000" width="401.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="372.000000" y="229.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text></g></g><g id="table with short col"><g class="shape" ><rect class="shape" x="352" y="340" width="401" height="72" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="352.000000" y="340.000000" width="401.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="372.000000" y="365.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text><text class="text" x="362.000000" y="399.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">ok</text>
<text class="text" x="403.000000" y="399.000000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text>
<text class="text" x="733.000000" y="399.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="352.000000" y1="412.000000" x2="753.000000" y2="412.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="(class -&gt; table)[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 553.000000 106.000000 L 553.000000 200.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#484768099)"/></g><g id="(table -&gt; table with short col)[0]"><path d="M 553.000000 242.000000 L 553.000000 336.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#484768099)"/></g><mask id="484768099" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1286" height="604">
<rect x="-100" y="-100" width="1286" height="604" fill="white"></rect>
]]></script><g id="class"><g class="shape" ><rect class="shape" x="12" y="12" width="918" height="82" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="918.000000" height="82.000000" fill="#0A0F25" /><text class="text-mono" x="471.000000" y="59.500000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyProtocolServerSideTranslatorProtocolBuffer</text><line x1="12.000000" y1="94.000000" x2="930.000000" y2="94.000000" style="stroke-width:1;stroke:#0A0F25" /></g></g><g id="table"><g class="shape" ><rect class="shape" x="310" y="194" width="321" height="31" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="310.000000" y="194.000000" width="321.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="320.000000" y="216.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text></g></g><g id="table with short col"><g class="shape" ><rect class="shape" x="310" y="325" width="321" height="62" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="310.000000" y="325.000000" width="321.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="320.000000" y="347.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">RefreshAuthorizationPolicyCache</text><text class="text" x="320.000000" y="376.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">ok</text>
<text class="text" x="361.000000" y="376.500000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text>
<text class="text" x="611.000000" y="376.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="310.000000" y1="387.000000" x2="631.000000" y2="387.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="(class -&gt; table)[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 471.000000 96.000000 L 471.000000 190.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4290109115)"/></g><g id="(table -&gt; table with short col)[0]"><path d="M 471.000000 227.000000 L 471.000000 321.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4290109115)"/></g><mask id="4290109115" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1122" height="579">
<rect x="-100" y="-100" width="1122" height="579" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 508 KiB

After

Width:  |  Height:  |  Size: 508 KiB

12
e2etests/testdata/regression/sql_table_overflow/dagre/board.exp.json generated vendored
View file

@ -10,7 +10,7 @@
"y": 0
},
"width": 534,
"height": 108,
"height": 93,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -94,8 +94,8 @@
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 206,
"labelHeight": 31,
"labelWidth": 172,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",
@ -110,7 +110,7 @@
"y": 0
},
"width": 594,
"height": 108,
"height": 93,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -194,8 +194,8 @@
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 345,
"labelHeight": 31,
"labelWidth": 287,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",

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

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1392" height="312" viewBox="-102 -102 1392 312"><style type="text/css">
width="1392" height="297" viewBox="-102 -102 1392 297"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,16 +39,16 @@ width="1392" height="312" viewBox="-102 -102 1392 312"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="table"><g class="shape" ><rect class="shape" x="0" y="0" width="534" height="108" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="534.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="20.000000" y="25.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">sql_table_overflow</text><text class="text" x="10.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">short</text>
<text class="text" x="272.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">loooooooooooooooooooong</text>
<text class="text" x="514.000000" y="59.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="72.000000" x2="534.000000" y2="72.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">loooooooooooooooooooong</text>
<text class="text" x="272.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">short</text>
<text class="text" x="514.000000" y="95.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="108.000000" x2="534.000000" y2="108.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="table_constrained"><g class="shape" ><rect class="shape" x="594" y="0" width="594" height="108" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="594.000000" y="0.000000" width="594.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="614.000000" y="25.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">sql_table_constrained_overflow</text><text class="text" x="604.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">short</text>
<text class="text" x="866.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">loooooooooooooooooooong</text>
<text class="text" x="1168.000000" y="59.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;">UNQ</text><line x1="594.000000" y1="72.000000" x2="1188.000000" y2="72.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="604.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">loooooooooooooooooooong</text>
<text class="text" x="866.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">short</text>
<text class="text" x="1168.000000" y="95.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;">FK</text><line x1="594.000000" y1="108.000000" x2="1188.000000" y2="108.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><mask id="3897867896" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1392" height="312">
<rect x="-100" y="-100" width="1392" height="312" fill="white"></rect>
]]></script><g id="table"><g class="shape" ><rect class="shape" x="0" y="0" width="534" height="93" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="534.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="10.000000" y="22.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">sql_table_overflow</text><text class="text" x="10.000000" y="51.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">short</text>
<text class="text" x="272.000000" y="51.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">loooooooooooooooooooong</text>
<text class="text" x="514.000000" y="51.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="62.000000" x2="534.000000" y2="62.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="82.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">loooooooooooooooooooong</text>
<text class="text" x="272.000000" y="82.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">short</text>
<text class="text" x="514.000000" y="82.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="93.000000" x2="534.000000" y2="93.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="table_constrained"><g class="shape" ><rect class="shape" x="594" y="0" width="594" height="93" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="594.000000" y="0.000000" width="594.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="604.000000" y="22.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">sql_table_constrained_overflow</text><text class="text" x="604.000000" y="51.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">short</text>
<text class="text" x="866.000000" y="51.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">loooooooooooooooooooong</text>
<text class="text" x="1168.000000" y="51.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;">UNQ</text><line x1="594.000000" y1="62.000000" x2="1188.000000" y2="62.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="604.000000" y="82.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">loooooooooooooooooooong</text>
<text class="text" x="866.000000" y="82.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">short</text>
<text class="text" x="1168.000000" y="82.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;">FK</text><line x1="594.000000" y1="93.000000" x2="1188.000000" y2="93.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><mask id="2007697201" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1392" height="297">
<rect x="-100" y="-100" width="1392" height="297" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 328 KiB

After

Width:  |  Height:  |  Size: 328 KiB

12
e2etests/testdata/regression/sql_table_overflow/elk/board.exp.json generated vendored
View file

@ -10,7 +10,7 @@
"y": 12
},
"width": 534,
"height": 108,
"height": 93,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -94,8 +94,8 @@
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 206,
"labelHeight": 31,
"labelWidth": 172,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",
@ -110,7 +110,7 @@
"y": 12
},
"width": 594,
"height": 108,
"height": 93,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -194,8 +194,8 @@
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 345,
"labelHeight": 31,
"labelWidth": 287,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",

22
e2etests/testdata/regression/sql_table_overflow/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1352" height="312" viewBox="-90 -90 1352 312"><style type="text/css">
width="1352" height="297" viewBox="-90 -90 1352 297"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,16 +39,16 @@ width="1352" height="312" viewBox="-90 -90 1352 312"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="table"><g class="shape" ><rect class="shape" x="12" y="12" width="534" height="108" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="534.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="32.000000" y="37.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">sql_table_overflow</text><text class="text" x="22.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">short</text>
<text class="text" x="284.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">loooooooooooooooooooong</text>
<text class="text" x="526.000000" y="71.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="84.000000" x2="546.000000" y2="84.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">loooooooooooooooooooong</text>
<text class="text" x="284.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">short</text>
<text class="text" x="526.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="120.000000" x2="546.000000" y2="120.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="table_constrained"><g class="shape" ><rect class="shape" x="566" y="12" width="594" height="108" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="566.000000" y="12.000000" width="594.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="586.000000" y="37.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">sql_table_constrained_overflow</text><text class="text" x="576.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">short</text>
<text class="text" x="838.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">loooooooooooooooooooong</text>
<text class="text" x="1140.000000" y="71.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;">UNQ</text><line x1="566.000000" y1="84.000000" x2="1160.000000" y2="84.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="576.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">loooooooooooooooooooong</text>
<text class="text" x="838.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">short</text>
<text class="text" x="1140.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;">FK</text><line x1="566.000000" y1="120.000000" x2="1160.000000" y2="120.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><mask id="2885684102" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1352" height="312">
<rect x="-100" y="-100" width="1352" height="312" fill="white"></rect>
]]></script><g id="table"><g class="shape" ><rect class="shape" x="12" y="12" width="534" height="93" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="534.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="22.000000" y="34.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">sql_table_overflow</text><text class="text" x="22.000000" y="63.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">short</text>
<text class="text" x="284.000000" y="63.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">loooooooooooooooooooong</text>
<text class="text" x="526.000000" y="63.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="74.000000" x2="546.000000" y2="74.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="94.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">loooooooooooooooooooong</text>
<text class="text" x="284.000000" y="94.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">short</text>
<text class="text" x="526.000000" y="94.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="105.000000" x2="546.000000" y2="105.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="table_constrained"><g class="shape" ><rect class="shape" x="566" y="12" width="594" height="93" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="566.000000" y="12.000000" width="594.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="576.000000" y="34.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">sql_table_constrained_overflow</text><text class="text" x="576.000000" y="63.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">short</text>
<text class="text" x="838.000000" y="63.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">loooooooooooooooooooong</text>
<text class="text" x="1140.000000" y="63.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;">UNQ</text><line x1="566.000000" y1="74.000000" x2="1160.000000" y2="74.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="576.000000" y="94.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">loooooooooooooooooooong</text>
<text class="text" x="838.000000" y="94.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">short</text>
<text class="text" x="1140.000000" y="94.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;">FK</text><line x1="566.000000" y1="105.000000" x2="1160.000000" y2="105.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><mask id="2846431045" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1352" height="297">
<rect x="-100" y="-100" width="1352" height="297" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 328 KiB

After

Width:  |  Height:  |  Size: 328 KiB

16
e2etests/testdata/regression/unnamed_class_table_code/dagre/board.exp.json generated vendored
View file

@ -85,7 +85,7 @@
"y": 468
},
"width": 208,
"height": 186,
"height": 156,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -253,8 +253,8 @@
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 59,
"labelHeight": 31,
"labelWidth": 49,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",
@ -266,7 +266,7 @@
"type": "code",
"pos": {
"x": 113,
"y": 754
"y": 724
},
"width": 196,
"height": 70,
@ -378,19 +378,19 @@
"route": [
{
"x": 211,
"y": 654
"y": 624
},
{
"x": 211,
"y": 694
"y": 664
},
{
"x": 211,
"y": 714
"y": 684
},
{
"x": 211,
"y": 754
"y": 724
}
],
"isCurve": true,

28
e2etests/testdata/regression/unnamed_class_table_code/dagre/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="626" height="1028" viewBox="-102 -102 626 1028"><style type="text/css">
width="626" height="998" viewBox="-102 -102 626 998"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -51,20 +51,20 @@ width="626" height="1028" viewBox="-102 -102 626 1028"><style type="text/css">
<text class="text-mono" x="30.000000" y="304.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
<text class="text-mono" x="402.000000" y="304.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="10.000000" y="350.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
<text class="text-mono" x="30.000000" y="350.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
<text class="text-mono" x="402.000000" y="350.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="107" y="468" width="208" height="186" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="107.000000" y="468.000000" width="208.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="117.000000" y="519.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
<text class="text" x="218.000000" y="519.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="295.000000" y="519.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="530.000000" x2="315.000000" y2="530.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="550.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
<text class="text" x="218.000000" y="550.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="295.000000" y="550.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="561.000000" x2="315.000000" y2="561.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="581.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
<text class="text" x="218.000000" y="581.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="295.000000" y="581.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="592.000000" x2="315.000000" y2="592.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="612.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
<text class="text" x="218.000000" y="612.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="295.000000" y="612.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="623.000000" x2="315.000000" y2="623.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="643.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
<text class="text" x="218.000000" y="643.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
<text class="text" x="295.000000" y="643.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="654.000000" x2="315.000000" y2="654.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(113.000000 754.000000)"><rect class="shape" width="196" height="70" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
<text class="text-mono" x="402.000000" y="350.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="107" y="468" width="208" height="156" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="107.000000" y="468.000000" width="208.000000" height="26.000000" fill="#0A0F25" /><text class="text" x="117.000000" y="512.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
<text class="text" x="218.000000" y="512.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="295.000000" y="512.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="520.000000" x2="315.000000" y2="520.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="538.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
<text class="text" x="218.000000" y="538.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="295.000000" y="538.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="546.000000" x2="315.000000" y2="546.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="564.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
<text class="text" x="218.000000" y="564.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="295.000000" y="564.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="572.000000" x2="315.000000" y2="572.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="590.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
<text class="text" x="218.000000" y="590.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="295.000000" y="590.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="598.000000" x2="315.000000" y2="598.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="117.000000" y="616.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
<text class="text" x="218.000000" y="616.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
<text class="text" x="295.000000" y="616.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="624.000000" x2="315.000000" y2="624.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(113.000000 724.000000)"><rect class="shape" width="196" height="70" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
</text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="(class -&gt; users)[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 211.000000 370.000000 C 211.000000 408.000000 211.000000 428.000000 211.000000 464.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#314452596)"/></g><g id="(users -&gt; code)[0]"><path d="M 211.000000 656.000000 C 211.000000 694.000000 211.000000 714.000000 211.000000 750.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#314452596)"/></g><mask id="314452596" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="1028">
<rect x="-100" y="-100" width="626" height="1028" fill="white"></rect>
</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="(class -&gt; users)[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 211.000000 370.000000 C 211.000000 408.000000 211.000000 428.000000 211.000000 464.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1613769514)"/></g><g id="(users -&gt; code)[0]"><path d="M 211.000000 626.000000 C 211.000000 664.000000 211.000000 684.000000 211.000000 720.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1613769514)"/></g><mask id="1613769514" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="998">
<rect x="-100" y="-100" width="626" height="998" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 601 KiB

After

Width:  |  Height:  |  Size: 601 KiB

12
e2etests/testdata/regression/unnamed_class_table_code/elk/board.exp.json generated vendored
View file

@ -85,7 +85,7 @@
"y": 480
},
"width": 208,
"height": 186,
"height": 156,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -253,8 +253,8 @@
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 59,
"labelHeight": 31,
"labelWidth": 49,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",
@ -266,7 +266,7 @@
"type": "code",
"pos": {
"x": 125,
"y": 766
"y": 736
},
"width": 196,
"height": 70,
@ -369,11 +369,11 @@
"route": [
{
"x": 223,
"y": 666
"y": 636
},
{
"x": 223,
"y": 766
"y": 736
}
],
"animated": false,

28
e2etests/testdata/regression/unnamed_class_table_code/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="626" height="1028" viewBox="-90 -90 626 1028"><style type="text/css">
width="626" height="998" viewBox="-90 -90 626 998"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -51,20 +51,20 @@ width="626" height="1028" viewBox="-90 -90 626 1028"><style type="text/css">
<text class="text-mono" x="42.000000" y="316.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
<text class="text-mono" x="414.000000" y="316.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="22.000000" y="362.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
<text class="text-mono" x="42.000000" y="362.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
<text class="text-mono" x="414.000000" y="362.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="119" y="480" width="208" height="186" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="119.000000" y="480.000000" width="208.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="129.000000" y="531.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
<text class="text" x="230.000000" y="531.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="307.000000" y="531.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="542.000000" x2="327.000000" y2="542.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="562.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
<text class="text" x="230.000000" y="562.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="307.000000" y="562.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="573.000000" x2="327.000000" y2="573.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="593.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
<text class="text" x="230.000000" y="593.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="307.000000" y="593.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="604.000000" x2="327.000000" y2="604.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="624.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
<text class="text" x="230.000000" y="624.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="307.000000" y="624.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="635.000000" x2="327.000000" y2="635.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="655.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
<text class="text" x="230.000000" y="655.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
<text class="text" x="307.000000" y="655.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="666.000000" x2="327.000000" y2="666.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(125.000000 766.000000)"><rect class="shape" width="196" height="70" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
<text class="text-mono" x="414.000000" y="362.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="119" y="480" width="208" height="156" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="119.000000" y="480.000000" width="208.000000" height="26.000000" fill="#0A0F25" /><text class="text" x="129.000000" y="524.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
<text class="text" x="230.000000" y="524.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="307.000000" y="524.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="532.000000" x2="327.000000" y2="532.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="550.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
<text class="text" x="230.000000" y="550.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="307.000000" y="550.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="558.000000" x2="327.000000" y2="558.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="576.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
<text class="text" x="230.000000" y="576.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="307.000000" y="576.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="584.000000" x2="327.000000" y2="584.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="602.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
<text class="text" x="230.000000" y="602.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="307.000000" y="602.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="610.000000" x2="327.000000" y2="610.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="129.000000" y="628.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
<text class="text" x="230.000000" y="628.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
<text class="text" x="307.000000" y="628.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="636.000000" x2="327.000000" y2="636.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(125.000000 736.000000)"><rect class="shape" width="196" height="70" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
</text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="(class -&gt; users)[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 223.000000 382.000000 L 223.000000 476.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3703733958)"/></g><g id="(users -&gt; code)[0]"><path d="M 223.000000 668.000000 L 223.000000 762.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3703733958)"/></g><mask id="3703733958" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="1028">
<rect x="-100" y="-100" width="626" height="1028" fill="white"></rect>
</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="(class -&gt; users)[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 223.000000 382.000000 L 223.000000 476.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#321376059)"/></g><g id="(users -&gt; code)[0]"><path d="M 223.000000 638.000000 L 223.000000 732.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#321376059)"/></g><mask id="321376059" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="998">
<rect x="-100" y="-100" width="626" height="998" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 601 KiB

After

Width:  |  Height:  |  Size: 601 KiB

4
e2etests/testdata/stable/class/dagre/board.exp.json generated vendored
View file

@ -69,8 +69,8 @@
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 170,
"labelHeight": 31,
"labelWidth": 142,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",

4
e2etests/testdata/stable/class/dagre/sketch.exp.svg vendored
View file

@ -39,7 +39,7 @@ width="626" height="572" viewBox="-102 -102 626 572"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="manager"><g class="shape" ><rect class="shape" x="0" y="0" width="422" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="422.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="211.000000" y="53.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">BatchManager</text><text class="text-mono" x="10.000000" y="120.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
]]></script><g id="manager"><g class="shape" ><rect class="shape" x="0" y="0" width="422" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="422.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="211.000000" y="52.500000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">BatchManager</text><text class="text-mono" x="10.000000" y="120.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
<text class="text-mono" x="30.000000" y="120.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">num</text>
<text class="text-mono" x="402.000000" y="120.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="10.000000" y="166.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
<text class="text-mono" x="30.000000" y="166.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">timeout</text>
@ -51,7 +51,7 @@ width="626" height="572" viewBox="-102 -102 626 572"><style type="text/css">
<text class="text-mono" x="30.000000" y="304.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
<text class="text-mono" x="402.000000" y="304.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="10.000000" y="350.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
<text class="text-mono" x="30.000000" y="350.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
<text class="text-mono" x="402.000000" y="350.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><mask id="4236109759" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="572">
<text class="text-mono" x="402.000000" y="350.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><mask id="3760638368" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="572">
<rect x="-100" y="-100" width="626" height="572" fill="white"></rect>
</mask><style type="text/css"><![CDATA[

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 185 KiB

After

Width:  |  Height:  |  Size: 185 KiB

4
e2etests/testdata/stable/class/elk/board.exp.json generated vendored
View file

@ -69,8 +69,8 @@
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 170,
"labelHeight": 31,
"labelWidth": 142,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",

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

@ -39,7 +39,7 @@ width="626" height="572" viewBox="-90 -90 626 572"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="manager"><g class="shape" ><rect class="shape" x="12" y="12" width="422" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="422.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="223.000000" y="65.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">BatchManager</text><text class="text-mono" x="22.000000" y="132.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
]]></script><g id="manager"><g class="shape" ><rect class="shape" x="12" y="12" width="422" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="422.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="223.000000" y="64.500000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">BatchManager</text><text class="text-mono" x="22.000000" y="132.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
<text class="text-mono" x="42.000000" y="132.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">num</text>
<text class="text-mono" x="414.000000" y="132.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="22.000000" y="178.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
<text class="text-mono" x="42.000000" y="178.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">timeout</text>
@ -51,7 +51,7 @@ width="626" height="572" viewBox="-90 -90 626 572"><style type="text/css">
<text class="text-mono" x="42.000000" y="316.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
<text class="text-mono" x="414.000000" y="316.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="22.000000" y="362.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
<text class="text-mono" x="42.000000" y="362.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
<text class="text-mono" x="414.000000" y="362.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><mask id="1324584135" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="572">
<text class="text-mono" x="414.000000" y="362.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><mask id="1563122472" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="572">
<rect x="-100" y="-100" width="626" height="572" fill="white"></rect>
</mask><style type="text/css"><![CDATA[

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 185 KiB

After

Width:  |  Height:  |  Size: 185 KiB

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

@ -130,8 +130,8 @@
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 99,
"labelHeight": 31,
"labelWidth": 82,
"labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1,
@ -811,10 +811,10 @@
"type": "sql_table",
"pos": {
"x": 4823,
"y": 150
"y": 165
},
"width": 161,
"height": 108,
"height": 93,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -898,8 +898,8 @@
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 53,
"labelHeight": 31,
"labelWidth": 44,
"labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1,

12
e2etests/testdata/stable/sequence_diagram_all_shapes/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: 757 KiB

After

Width:  |  Height:  |  Size: 757 KiB

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

@ -130,8 +130,8 @@
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 99,
"labelHeight": 31,
"labelWidth": 82,
"labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1,
@ -811,10 +811,10 @@
"type": "sql_table",
"pos": {
"x": 4823,
"y": 150
"y": 165
},
"width": 161,
"height": 108,
"height": 93,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -898,8 +898,8 @@
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 53,
"labelHeight": 31,
"labelWidth": 44,
"labelHeight": 26,
"labelPosition": "INSIDE_MIDDLE_CENTER",
"zIndex": 0,
"level": 1,

12
e2etests/testdata/stable/sequence_diagram_all_shapes/elk/sketch.exp.svg vendored
View file

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

Before

Width:  |  Height:  |  Size: 757 KiB

After

Width:  |  Height:  |  Size: 757 KiB

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

@ -87,7 +87,7 @@
}
],
"label": "Humor in the Court",
"fontSize": 20,
"fontSize": 24,
"fontFamily": "DEFAULT",
"language": "",
"color": "orange",
@ -187,7 +187,7 @@
}
],
"label": "Humor in the Court2",
"fontSize": 30,
"fontSize": 34,
"fontFamily": "DEFAULT",
"language": "",
"color": "orange",
@ -262,7 +262,7 @@
],
"columns": null,
"label": "BatchManager",
"fontSize": 20,
"fontSize": 24,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
@ -337,7 +337,7 @@
],
"columns": null,
"label": "BatchManager",
"fontSize": 30,
"fontSize": 34,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",

66
e2etests/testdata/stable/sql_table_column_styles/dagre/sketch.exp.svg vendored
View file

@ -39,39 +39,39 @@ width="3058" height="668" viewBox="-102 -102 3058 668"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="Humor in the Court"><g class="shape" ><rect class="shape" x="0" y="178" width="678" height="108" style="fill:lightgray;stroke:red;stroke-width:2;"/><rect class="class_header" x="0.000000" y="178.000000" width="678.000000" height="36.000000" fill="red" /><text class="text" x="10.000000" y="203.750000" style="text-anchor:start;font-size:24px;fill:lightgray">Humor in the Court</text><text class="text" x="10.000000" y="237.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">Could you see him from where you were standing?</text>
<text class="text" x="448.000000" y="237.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">I could see his head.</text>
<text class="text" x="658.000000" y="237.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="250.000000" x2="678.000000" y2="250.000000" style="stroke-width:2;stroke:red" /><text class="text" x="10.000000" y="273.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">And where was his head?</text>
<text class="text" x="448.000000" y="273.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">Just above his shoulders.</text>
<text class="text" x="658.000000" y="273.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="286.000000" x2="678.000000" y2="286.000000" style="stroke-width:2;stroke:red" /></g></g><g id="Humor in the Court2"><g class="shape" ><rect class="shape" x="738" y="160" width="992" height="144" style="fill:lightgray;stroke:red;stroke-width:2;"/><rect class="class_header" x="738.000000" y="160.000000" width="992.000000" height="48.000000" fill="red" /><text class="text" x="748.000000" y="194.750000" style="text-anchor:start;font-size:34px;fill:lightgray">Humor in the Court2</text><text class="text" x="748.000000" y="239.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">Could you see him from where you were standing?</text>
<text class="text" x="1395.000000" y="239.500000" style="text-anchor:start;font-size:30px;fill:#676C7E">I could see his head.</text>
<text class="text" x="1710.000000" y="239.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="738.000000" y1="256.000000" x2="1730.000000" y2="256.000000" style="stroke-width:2;stroke:red" /><text class="text" x="748.000000" y="287.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">And where was his head?</text>
<text class="text" x="1395.000000" y="287.500000" style="text-anchor:start;font-size:30px;fill:#676C7E">Just above his shoulders.</text>
<text class="text" x="1710.000000" y="287.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="738.000000" y1="304.000000" x2="1730.000000" y2="304.000000" style="stroke-width:2;stroke:red" /></g></g><g id="manager"><g class="shape" ><rect class="shape" x="1790" y="48" width="422" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="1790.000000" y="48.000000" width="422.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="2001.000000" y="101.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">BatchManager</text><text class="text-mono" x="1800.000000" y="168.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
<text class="text-mono" x="1820.000000" y="168.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">num</text>
<text class="text-mono" x="2192.000000" y="168.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="1800.000000" y="214.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
<text class="text-mono" x="1820.000000" y="214.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">timeout</text>
<text class="text-mono" x="2192.000000" y="214.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="1800.000000" y="260.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
<text class="text-mono" x="1820.000000" y="260.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">pid</text>
<text class="text-mono" x="2192.000000" y="260.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3"></text><line x1="1790.000000" y1="278.000000" x2="2212.000000" y2="278.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="1800.000000" y="306.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
<text class="text-mono" x="1820.000000" y="306.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getStatus()</text>
<text class="text-mono" x="2192.000000" y="306.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Enum</text><text class="text-mono" x="1800.000000" y="352.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
<text class="text-mono" x="1820.000000" y="352.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
<text class="text-mono" x="2192.000000" y="352.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="1800.000000" y="398.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
<text class="text-mono" x="1820.000000" y="398.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
<text class="text-mono" x="2192.000000" y="398.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="manager2"><g class="shape" ><rect class="shape" x="2272" y="0" width="582" height="464" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="2272.000000" y="0.000000" width="582.000000" height="116.000000" fill="#0A0F25" /><text class="text-mono" x="2563.000000" y="68.750000" style="text-anchor:middle;font-size:34px;fill:#FFFFFF">BatchManager</text><text class="text-mono" x="2282.000000" y="152.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">-</text>
<text class="text-mono" x="2302.000000" y="152.500000" style="text-anchor:start;font-size:30px;fill:#0A0F25">num</text>
<text class="text-mono" x="2834.000000" y="152.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3">int</text><text class="text-mono" x="2282.000000" y="210.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">-</text>
<text class="text-mono" x="2302.000000" y="210.500000" style="text-anchor:start;font-size:30px;fill:#0A0F25">timeout</text>
<text class="text-mono" x="2834.000000" y="210.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3">int</text><text class="text-mono" x="2282.000000" y="268.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">-</text>
<text class="text-mono" x="2302.000000" y="268.500000" style="text-anchor:start;font-size:30px;fill:#0A0F25">pid</text>
<text class="text-mono" x="2834.000000" y="268.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3"></text><line x1="2272.000000" y1="290.000000" x2="2854.000000" y2="290.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="2282.000000" y="326.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">+</text>
<text class="text-mono" x="2302.000000" y="326.500000" style="text-anchor:start;font-size:30px;fill:#0A0F25">getStatus()</text>
<text class="text-mono" x="2834.000000" y="326.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3">Enum</text><text class="text-mono" x="2282.000000" y="384.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">+</text>
<text class="text-mono" x="2302.000000" y="384.500000" style="text-anchor:start;font-size:30px;fill:#0A0F25">getJobs()</text>
<text class="text-mono" x="2834.000000" y="384.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="2282.000000" y="442.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">+</text>
<text class="text-mono" x="2302.000000" y="442.500000" style="text-anchor:start;font-size:30px;fill:#0A0F25">setTimeout(seconds int)</text>
<text class="text-mono" x="2834.000000" y="442.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3">void</text></g></g><mask id="2735816647" maskUnits="userSpaceOnUse" x="-100" y="-100" width="3058" height="668">
]]></script><g id="Humor in the Court"><g class="shape" ><rect class="shape" x="0" y="178" width="678" height="108" style="fill:lightgray;stroke:red;stroke-width:2;"/><rect class="class_header" x="0.000000" y="178.000000" width="678.000000" height="36.000000" fill="red" /><text class="text" x="10.000000" y="203.750000" style="text-anchor:start;font-size:28px;fill:lightgray">Humor in the Court</text><text class="text" x="10.000000" y="238.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">Could you see him from where you were standing?</text>
<text class="text" x="448.000000" y="238.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">I could see his head.</text>
<text class="text" x="658.000000" y="238.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="250.000000" x2="678.000000" y2="250.000000" style="stroke-width:2;stroke:red" /><text class="text" x="10.000000" y="274.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">And where was his head?</text>
<text class="text" x="448.000000" y="274.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">Just above his shoulders.</text>
<text class="text" x="658.000000" y="274.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="286.000000" x2="678.000000" y2="286.000000" style="stroke-width:2;stroke:red" /></g></g><g id="Humor in the Court2"><g class="shape" ><rect class="shape" x="738" y="160" width="992" height="144" style="fill:lightgray;stroke:red;stroke-width:2;"/><rect class="class_header" x="738.000000" y="160.000000" width="992.000000" height="48.000000" fill="red" /><text class="text" x="748.000000" y="194.750000" style="text-anchor:start;font-size:38px;fill:lightgray">Humor in the Court2</text><text class="text" x="748.000000" y="240.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">Could you see him from where you were standing?</text>
<text class="text" x="1395.000000" y="240.500000" style="text-anchor:start;font-size:34px;fill:#676C7E">I could see his head.</text>
<text class="text" x="1710.000000" y="240.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="738.000000" y1="256.000000" x2="1730.000000" y2="256.000000" style="stroke-width:2;stroke:red" /><text class="text" x="748.000000" y="288.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">And where was his head?</text>
<text class="text" x="1395.000000" y="288.500000" style="text-anchor:start;font-size:34px;fill:#676C7E">Just above his shoulders.</text>
<text class="text" x="1710.000000" y="288.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="738.000000" y1="304.000000" x2="1730.000000" y2="304.000000" style="stroke-width:2;stroke:red" /></g></g><g id="manager"><g class="shape" ><rect class="shape" x="1790" y="48" width="422" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="1790.000000" y="48.000000" width="422.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="2001.000000" y="101.750000" style="text-anchor:middle;font-size:28px;fill:#FFFFFF">BatchManager</text><text class="text-mono" x="1800.000000" y="169.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
<text class="text-mono" x="1820.000000" y="169.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">num</text>
<text class="text-mono" x="2192.000000" y="169.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><text class="text-mono" x="1800.000000" y="215.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
<text class="text-mono" x="1820.000000" y="215.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">timeout</text>
<text class="text-mono" x="2192.000000" y="215.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><text class="text-mono" x="1800.000000" y="261.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
<text class="text-mono" x="1820.000000" y="261.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">pid</text>
<text class="text-mono" x="2192.000000" y="261.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3"></text><line x1="1790.000000" y1="278.000000" x2="2212.000000" y2="278.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="1800.000000" y="307.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
<text class="text-mono" x="1820.000000" y="307.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">getStatus()</text>
<text class="text-mono" x="2192.000000" y="307.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">Enum</text><text class="text-mono" x="1800.000000" y="353.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
<text class="text-mono" x="1820.000000" y="353.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">getJobs()</text>
<text class="text-mono" x="2192.000000" y="353.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="1800.000000" y="399.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
<text class="text-mono" x="1820.000000" y="399.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">setTimeout(seconds int)</text>
<text class="text-mono" x="2192.000000" y="399.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">void</text></g></g><g id="manager2"><g class="shape" ><rect class="shape" x="2272" y="0" width="582" height="464" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="2272.000000" y="0.000000" width="582.000000" height="116.000000" fill="#0A0F25" /><text class="text-mono" x="2563.000000" y="68.750000" style="text-anchor:middle;font-size:38px;fill:#FFFFFF">BatchManager</text><text class="text-mono" x="2282.000000" y="153.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">-</text>
<text class="text-mono" x="2302.000000" y="153.500000" style="text-anchor:start;font-size:34px;fill:#0A0F25">num</text>
<text class="text-mono" x="2834.000000" y="153.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3">int</text><text class="text-mono" x="2282.000000" y="211.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">-</text>
<text class="text-mono" x="2302.000000" y="211.500000" style="text-anchor:start;font-size:34px;fill:#0A0F25">timeout</text>
<text class="text-mono" x="2834.000000" y="211.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3">int</text><text class="text-mono" x="2282.000000" y="269.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">-</text>
<text class="text-mono" x="2302.000000" y="269.500000" style="text-anchor:start;font-size:34px;fill:#0A0F25">pid</text>
<text class="text-mono" x="2834.000000" y="269.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3"></text><line x1="2272.000000" y1="290.000000" x2="2854.000000" y2="290.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="2282.000000" y="327.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">+</text>
<text class="text-mono" x="2302.000000" y="327.500000" style="text-anchor:start;font-size:34px;fill:#0A0F25">getStatus()</text>
<text class="text-mono" x="2834.000000" y="327.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3">Enum</text><text class="text-mono" x="2282.000000" y="385.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">+</text>
<text class="text-mono" x="2302.000000" y="385.500000" style="text-anchor:start;font-size:34px;fill:#0A0F25">getJobs()</text>
<text class="text-mono" x="2834.000000" y="385.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="2282.000000" y="443.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">+</text>
<text class="text-mono" x="2302.000000" y="443.500000" style="text-anchor:start;font-size:34px;fill:#0A0F25">setTimeout(seconds int)</text>
<text class="text-mono" x="2834.000000" y="443.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3">void</text></g></g><mask id="906051127" maskUnits="userSpaceOnUse" x="-100" y="-100" width="3058" height="668">
<rect x="-100" y="-100" width="3058" height="668" fill="white"></rect>
</mask><style type="text/css"><![CDATA[

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 514 KiB

After

Width:  |  Height:  |  Size: 514 KiB

8
e2etests/testdata/stable/sql_table_column_styles/elk/board.exp.json generated vendored
View file

@ -87,7 +87,7 @@
}
],
"label": "Humor in the Court",
"fontSize": 20,
"fontSize": 24,
"fontFamily": "DEFAULT",
"language": "",
"color": "orange",
@ -187,7 +187,7 @@
}
],
"label": "Humor in the Court2",
"fontSize": 30,
"fontSize": 34,
"fontFamily": "DEFAULT",
"language": "",
"color": "orange",
@ -262,7 +262,7 @@
],
"columns": null,
"label": "BatchManager",
"fontSize": 20,
"fontSize": 24,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",
@ -337,7 +337,7 @@
],
"columns": null,
"label": "BatchManager",
"fontSize": 30,
"fontSize": 34,
"fontFamily": "DEFAULT",
"language": "",
"color": "#0A0F25",

66
e2etests/testdata/stable/sql_table_column_styles/elk/sketch.exp.svg vendored
View file

@ -39,39 +39,39 @@ width="2938" height="668" viewBox="-90 -90 2938 668"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="Humor in the Court"><g class="shape" ><rect class="shape" x="12" y="190" width="678" height="108" style="fill:lightgray;stroke:red;stroke-width:2;"/><rect class="class_header" x="12.000000" y="190.000000" width="678.000000" height="36.000000" fill="red" /><text class="text" x="22.000000" y="215.750000" style="text-anchor:start;font-size:24px;fill:lightgray">Humor in the Court</text><text class="text" x="22.000000" y="249.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">Could you see him from where you were standing?</text>
<text class="text" x="460.000000" y="249.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">I could see his head.</text>
<text class="text" x="670.000000" y="249.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="262.000000" x2="690.000000" y2="262.000000" style="stroke-width:2;stroke:red" /><text class="text" x="22.000000" y="285.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">And where was his head?</text>
<text class="text" x="460.000000" y="285.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">Just above his shoulders.</text>
<text class="text" x="670.000000" y="285.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="298.000000" x2="690.000000" y2="298.000000" style="stroke-width:2;stroke:red" /></g></g><g id="Humor in the Court2"><g class="shape" ><rect class="shape" x="710" y="172" width="992" height="144" style="fill:lightgray;stroke:red;stroke-width:2;"/><rect class="class_header" x="710.000000" y="172.000000" width="992.000000" height="48.000000" fill="red" /><text class="text" x="720.000000" y="206.750000" style="text-anchor:start;font-size:34px;fill:lightgray">Humor in the Court2</text><text class="text" x="720.000000" y="251.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">Could you see him from where you were standing?</text>
<text class="text" x="1367.000000" y="251.500000" style="text-anchor:start;font-size:30px;fill:#676C7E">I could see his head.</text>
<text class="text" x="1682.000000" y="251.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="710.000000" y1="268.000000" x2="1702.000000" y2="268.000000" style="stroke-width:2;stroke:red" /><text class="text" x="720.000000" y="299.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">And where was his head?</text>
<text class="text" x="1367.000000" y="299.500000" style="text-anchor:start;font-size:30px;fill:#676C7E">Just above his shoulders.</text>
<text class="text" x="1682.000000" y="299.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="710.000000" y1="316.000000" x2="1702.000000" y2="316.000000" style="stroke-width:2;stroke:red" /></g></g><g id="manager"><g class="shape" ><rect class="shape" x="1722" y="60" width="422" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="1722.000000" y="60.000000" width="422.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="1933.000000" y="113.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">BatchManager</text><text class="text-mono" x="1732.000000" y="180.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
<text class="text-mono" x="1752.000000" y="180.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">num</text>
<text class="text-mono" x="2124.000000" y="180.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="1732.000000" y="226.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
<text class="text-mono" x="1752.000000" y="226.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">timeout</text>
<text class="text-mono" x="2124.000000" y="226.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="1732.000000" y="272.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
<text class="text-mono" x="1752.000000" y="272.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">pid</text>
<text class="text-mono" x="2124.000000" y="272.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3"></text><line x1="1722.000000" y1="290.000000" x2="2144.000000" y2="290.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="1732.000000" y="318.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
<text class="text-mono" x="1752.000000" y="318.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getStatus()</text>
<text class="text-mono" x="2124.000000" y="318.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Enum</text><text class="text-mono" x="1732.000000" y="364.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
<text class="text-mono" x="1752.000000" y="364.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
<text class="text-mono" x="2124.000000" y="364.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="1732.000000" y="410.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
<text class="text-mono" x="1752.000000" y="410.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
<text class="text-mono" x="2124.000000" y="410.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="manager2"><g class="shape" ><rect class="shape" x="2164" y="12" width="582" height="464" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="2164.000000" y="12.000000" width="582.000000" height="116.000000" fill="#0A0F25" /><text class="text-mono" x="2455.000000" y="80.750000" style="text-anchor:middle;font-size:34px;fill:#FFFFFF">BatchManager</text><text class="text-mono" x="2174.000000" y="164.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">-</text>
<text class="text-mono" x="2194.000000" y="164.500000" style="text-anchor:start;font-size:30px;fill:#0A0F25">num</text>
<text class="text-mono" x="2726.000000" y="164.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3">int</text><text class="text-mono" x="2174.000000" y="222.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">-</text>
<text class="text-mono" x="2194.000000" y="222.500000" style="text-anchor:start;font-size:30px;fill:#0A0F25">timeout</text>
<text class="text-mono" x="2726.000000" y="222.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3">int</text><text class="text-mono" x="2174.000000" y="280.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">-</text>
<text class="text-mono" x="2194.000000" y="280.500000" style="text-anchor:start;font-size:30px;fill:#0A0F25">pid</text>
<text class="text-mono" x="2726.000000" y="280.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3"></text><line x1="2164.000000" y1="302.000000" x2="2746.000000" y2="302.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="2174.000000" y="338.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">+</text>
<text class="text-mono" x="2194.000000" y="338.500000" style="text-anchor:start;font-size:30px;fill:#0A0F25">getStatus()</text>
<text class="text-mono" x="2726.000000" y="338.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3">Enum</text><text class="text-mono" x="2174.000000" y="396.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">+</text>
<text class="text-mono" x="2194.000000" y="396.500000" style="text-anchor:start;font-size:30px;fill:#0A0F25">getJobs()</text>
<text class="text-mono" x="2726.000000" y="396.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="2174.000000" y="454.500000" style="text-anchor:start;font-size:30px;fill:#0D32B2">+</text>
<text class="text-mono" x="2194.000000" y="454.500000" style="text-anchor:start;font-size:30px;fill:#0A0F25">setTimeout(seconds int)</text>
<text class="text-mono" x="2726.000000" y="454.500000" style="text-anchor:end;font-size:30px;fill:#4A6FF3">void</text></g></g><mask id="3459036879" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2938" height="668">
]]></script><g id="Humor in the Court"><g class="shape" ><rect class="shape" x="12" y="190" width="678" height="108" style="fill:lightgray;stroke:red;stroke-width:2;"/><rect class="class_header" x="12.000000" y="190.000000" width="678.000000" height="36.000000" fill="red" /><text class="text" x="22.000000" y="215.750000" style="text-anchor:start;font-size:28px;fill:lightgray">Humor in the Court</text><text class="text" x="22.000000" y="250.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">Could you see him from where you were standing?</text>
<text class="text" x="460.000000" y="250.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">I could see his head.</text>
<text class="text" x="670.000000" y="250.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="262.000000" x2="690.000000" y2="262.000000" style="stroke-width:2;stroke:red" /><text class="text" x="22.000000" y="286.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">And where was his head?</text>
<text class="text" x="460.000000" y="286.000000" style="text-anchor:start;font-size:24px;fill:#676C7E">Just above his shoulders.</text>
<text class="text" x="670.000000" y="286.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="298.000000" x2="690.000000" y2="298.000000" style="stroke-width:2;stroke:red" /></g></g><g id="Humor in the Court2"><g class="shape" ><rect class="shape" x="710" y="172" width="992" height="144" style="fill:lightgray;stroke:red;stroke-width:2;"/><rect class="class_header" x="710.000000" y="172.000000" width="992.000000" height="48.000000" fill="red" /><text class="text" x="720.000000" y="206.750000" style="text-anchor:start;font-size:38px;fill:lightgray">Humor in the Court2</text><text class="text" x="720.000000" y="252.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">Could you see him from where you were standing?</text>
<text class="text" x="1367.000000" y="252.500000" style="text-anchor:start;font-size:34px;fill:#676C7E">I could see his head.</text>
<text class="text" x="1682.000000" y="252.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="710.000000" y1="268.000000" x2="1702.000000" y2="268.000000" style="stroke-width:2;stroke:red" /><text class="text" x="720.000000" y="300.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">And where was his head?</text>
<text class="text" x="1367.000000" y="300.500000" style="text-anchor:start;font-size:34px;fill:#676C7E">Just above his shoulders.</text>
<text class="text" x="1682.000000" y="300.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="710.000000" y1="316.000000" x2="1702.000000" y2="316.000000" style="stroke-width:2;stroke:red" /></g></g><g id="manager"><g class="shape" ><rect class="shape" x="1722" y="60" width="422" height="368" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="1722.000000" y="60.000000" width="422.000000" height="92.000000" fill="#0A0F25" /><text class="text-mono" x="1933.000000" y="113.750000" style="text-anchor:middle;font-size:28px;fill:#FFFFFF">BatchManager</text><text class="text-mono" x="1732.000000" y="181.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
<text class="text-mono" x="1752.000000" y="181.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">num</text>
<text class="text-mono" x="2124.000000" y="181.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><text class="text-mono" x="1732.000000" y="227.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
<text class="text-mono" x="1752.000000" y="227.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">timeout</text>
<text class="text-mono" x="2124.000000" y="227.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">int</text><text class="text-mono" x="1732.000000" y="273.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">-</text>
<text class="text-mono" x="1752.000000" y="273.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">pid</text>
<text class="text-mono" x="2124.000000" y="273.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3"></text><line x1="1722.000000" y1="290.000000" x2="2144.000000" y2="290.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="1732.000000" y="319.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
<text class="text-mono" x="1752.000000" y="319.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">getStatus()</text>
<text class="text-mono" x="2124.000000" y="319.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">Enum</text><text class="text-mono" x="1732.000000" y="365.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
<text class="text-mono" x="1752.000000" y="365.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">getJobs()</text>
<text class="text-mono" x="2124.000000" y="365.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="1732.000000" y="411.000000" style="text-anchor:start;font-size:24px;fill:#0D32B2">+</text>
<text class="text-mono" x="1752.000000" y="411.000000" style="text-anchor:start;font-size:24px;fill:#0A0F25">setTimeout(seconds int)</text>
<text class="text-mono" x="2124.000000" y="411.000000" style="text-anchor:end;font-size:24px;fill:#4A6FF3">void</text></g></g><g id="manager2"><g class="shape" ><rect class="shape" x="2164" y="12" width="582" height="464" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="2164.000000" y="12.000000" width="582.000000" height="116.000000" fill="#0A0F25" /><text class="text-mono" x="2455.000000" y="80.750000" style="text-anchor:middle;font-size:38px;fill:#FFFFFF">BatchManager</text><text class="text-mono" x="2174.000000" y="165.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">-</text>
<text class="text-mono" x="2194.000000" y="165.500000" style="text-anchor:start;font-size:34px;fill:#0A0F25">num</text>
<text class="text-mono" x="2726.000000" y="165.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3">int</text><text class="text-mono" x="2174.000000" y="223.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">-</text>
<text class="text-mono" x="2194.000000" y="223.500000" style="text-anchor:start;font-size:34px;fill:#0A0F25">timeout</text>
<text class="text-mono" x="2726.000000" y="223.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3">int</text><text class="text-mono" x="2174.000000" y="281.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">-</text>
<text class="text-mono" x="2194.000000" y="281.500000" style="text-anchor:start;font-size:34px;fill:#0A0F25">pid</text>
<text class="text-mono" x="2726.000000" y="281.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3"></text><line x1="2164.000000" y1="302.000000" x2="2746.000000" y2="302.000000" style="stroke-width:1;stroke:#0A0F25" /><text class="text-mono" x="2174.000000" y="339.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">+</text>
<text class="text-mono" x="2194.000000" y="339.500000" style="text-anchor:start;font-size:34px;fill:#0A0F25">getStatus()</text>
<text class="text-mono" x="2726.000000" y="339.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3">Enum</text><text class="text-mono" x="2174.000000" y="397.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">+</text>
<text class="text-mono" x="2194.000000" y="397.500000" style="text-anchor:start;font-size:34px;fill:#0A0F25">getJobs()</text>
<text class="text-mono" x="2726.000000" y="397.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="2174.000000" y="455.500000" style="text-anchor:start;font-size:34px;fill:#0D32B2">+</text>
<text class="text-mono" x="2194.000000" y="455.500000" style="text-anchor:start;font-size:34px;fill:#0A0F25">setTimeout(seconds int)</text>
<text class="text-mono" x="2726.000000" y="455.500000" style="text-anchor:end;font-size:34px;fill:#4A6FF3">void</text></g></g><mask id="1149753287" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2938" height="668">
<rect x="-100" y="-100" width="2938" height="668" fill="white"></rect>
</mask><style type="text/css"><![CDATA[

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 514 KiB

After

Width:  |  Height:  |  Size: 514 KiB

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

@ -10,7 +10,7 @@
"y": 0
},
"width": 60,
"height": 72,
"height": 62,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -66,8 +66,8 @@
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 12,
"labelHeight": 31,
"labelWidth": 10,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",
@ -79,10 +79,10 @@
"type": "sql_table",
"pos": {
"x": 0,
"y": 172
"y": 162
},
"width": 60,
"height": 72,
"height": 62,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -138,8 +138,8 @@
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 11,
"labelHeight": 31,
"labelWidth": 10,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",
@ -175,19 +175,19 @@
"route": [
{
"x": 30,
"y": 72
"y": 62
},
{
"x": 30,
"y": 112
"y": 102
},
{
"x": 30,
"y": 132
"y": 122
},
{
"x": 30,
"y": 172
"y": 162
}
],
"isCurve": true,

16
e2etests/testdata/stable/sql_table_tooltip_animated/dagre/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="280" height="464" viewBox="-102 -118 280 464"><style type="text/css">
width="280" height="444" viewBox="-102 -118 280 444"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,9 +39,9 @@ width="280" height="464" viewBox="-102 -118 280 464"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="x"><g class="shape" ><rect class="shape" x="0" y="0" width="60" height="72" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="60.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="20.000000" y="25.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">x</text><text class="text" x="10.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">y</text>
<text class="text" x="40.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text>
<text class="text" x="40.000000" y="59.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="72.000000" x2="60.000000" y2="72.000000" style="stroke-width:2;stroke:#0A0F25" /><g transform="translate(44 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
]]></script><g id="x"><g class="shape" ><rect class="shape" x="0" y="0" width="60" height="62" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="60.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="10.000000" y="22.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">x</text><text class="text" x="10.000000" y="51.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">y</text>
<text class="text" x="40.000000" y="51.500000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text>
<text class="text" x="40.000000" y="51.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="62.000000" x2="60.000000" y2="62.000000" style="stroke-width:2;stroke:#0A0F25" /><g transform="translate(44 -16)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -54,10 +54,10 @@ width="280" height="464" viewBox="-102 -118 280 464"><style type="text/css">
</clipPath>
</defs>
</svg>
</g><title>I like turtles</title></g></g><g id="a"><g class="shape" ><rect class="shape" x="0" y="172" width="60" height="72" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="172.000000" width="60.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="20.000000" y="197.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">a</text><text class="text" x="10.000000" y="231.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">b</text>
<text class="text" x="40.000000" y="231.000000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text>
<text class="text" x="40.000000" y="231.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="244.000000" x2="60.000000" y2="244.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="(x -&gt; a)[0]"><marker id="mk-238431170" markerWidth="28.000000" markerHeight="30.000000" refX="25.000000" refY="15.000000" viewBox="0.000000 0.000000 28.000000 30.000000" orient="auto" markerUnits="userSpaceOnUse"> <g class="connection" stroke="#0D32B2" stroke-width="2" fill="white"><circle class="connection" stroke="#0D32B2" stroke-width="2" fill="white" cx="5.000000" cy="15.000000" r="4.000000"/><path d="M25.000000,15.000000 36.000000,15.000000 M10.000000,15.000000 36.000000,0.000000 M10.000000,15.000000 36.000000,30.000000"/></g> </marker><path d="M 30.000000 74.000000 C 30.000000 112.000000 30.000000 132.000000 30.000000 168.000000" class="connection animated-connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:10.000000,9.865639;stroke-dashoffset:-198.656393;animation: dashdraw 4.932820s linear infinite;" marker-end="url(#mk-238431170)" mask="url(#2766896861)"/></g><mask id="2766896861" maskUnits="userSpaceOnUse" x="-100" y="-100" width="280" height="464">
<rect x="-100" y="-100" width="280" height="464" fill="white"></rect>
</g><title>I like turtles</title></g></g><g id="a"><g class="shape" ><rect class="shape" x="0" y="162" width="60" height="62" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="162.000000" width="60.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="10.000000" y="184.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">a</text><text class="text" x="10.000000" y="213.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">b</text>
<text class="text" x="40.000000" y="213.500000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text>
<text class="text" x="40.000000" y="213.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="224.000000" x2="60.000000" y2="224.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="(x -&gt; a)[0]"><marker id="mk-238431170" markerWidth="28.000000" markerHeight="30.000000" refX="25.000000" refY="15.000000" viewBox="0.000000 0.000000 28.000000 30.000000" orient="auto" markerUnits="userSpaceOnUse"> <g class="connection" stroke="#0D32B2" stroke-width="2" fill="white"><circle class="connection" stroke="#0D32B2" stroke-width="2" fill="white" cx="5.000000" cy="15.000000" r="4.000000"/><path d="M25.000000,15.000000 36.000000,15.000000 M10.000000,15.000000 36.000000,0.000000 M10.000000,15.000000 36.000000,30.000000"/></g> </marker><path d="M 30.000000 64.000000 C 30.000000 102.000000 30.000000 122.000000 30.000000 158.000000" class="connection animated-connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:10.000000,9.865639;stroke-dashoffset:-198.656393;animation: dashdraw 4.932820s linear infinite;" marker-end="url(#mk-238431170)" mask="url(#1731880649)"/></g><mask id="1731880649" maskUnits="userSpaceOnUse" x="-100" y="-100" width="280" height="444">
<rect x="-100" y="-100" width="280" height="444" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 329 KiB

After

Width:  |  Height:  |  Size: 329 KiB

18
e2etests/testdata/stable/sql_table_tooltip_animated/elk/board.exp.json generated vendored
View file

@ -10,7 +10,7 @@
"y": 12
},
"width": 60,
"height": 72,
"height": 62,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -66,8 +66,8 @@
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 12,
"labelHeight": 31,
"labelWidth": 10,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",
@ -79,10 +79,10 @@
"type": "sql_table",
"pos": {
"x": 12,
"y": 184
"y": 174
},
"width": 60,
"height": 72,
"height": 62,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -138,8 +138,8 @@
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 11,
"labelHeight": 31,
"labelWidth": 10,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",
@ -175,11 +175,11 @@
"route": [
{
"x": 42,
"y": 84
"y": 74
},
{
"x": 42,
"y": 184
"y": 174
}
],
"animated": true,

16
e2etests/testdata/stable/sql_table_tooltip_animated/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="280" height="464" viewBox="-90 -106 280 464"><style type="text/css">
width="280" height="444" viewBox="-90 -106 280 444"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,9 +39,9 @@ width="280" height="464" viewBox="-90 -106 280 464"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="x"><g class="shape" ><rect class="shape" x="12" y="12" width="60" height="72" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="60.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="32.000000" y="37.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">x</text><text class="text" x="22.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">y</text>
<text class="text" x="52.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text>
<text class="text" x="52.000000" y="71.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="84.000000" x2="72.000000" y2="84.000000" style="stroke-width:2;stroke:#0A0F25" /><g transform="translate(56 -4)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
]]></script><g id="x"><g class="shape" ><rect class="shape" x="12" y="12" width="60" height="62" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="60.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="22.000000" y="34.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">x</text><text class="text" x="22.000000" y="63.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">y</text>
<text class="text" x="52.000000" y="63.500000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text>
<text class="text" x="52.000000" y="63.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="74.000000" x2="72.000000" y2="74.000000" style="stroke-width:2;stroke:#0A0F25" /><g transform="translate(56 -4)" class="appendix-icon"><svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3427_35082111)">
<path d="M16 31.1109C24.3456 31.1109 31.1111 24.3454 31.1111 15.9998C31.1111 7.65415 24.3456 0.888672 16 0.888672C7.65436 0.888672 0.888885 7.65415 0.888885 15.9998C0.888885 24.3454 7.65436 31.1109 16 31.1109Z" fill="white" stroke="#DEE1EB"/>
<path d="M16 26C21.5228 26 26 21.5228 26 16C26 10.4772 21.5228 6 16 6C10.4772 6 6 10.4772 6 16C6 21.5228 10.4772 26 16 26Z" stroke="#2E3346" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
@ -54,10 +54,10 @@ width="280" height="464" viewBox="-90 -106 280 464"><style type="text/css">
</clipPath>
</defs>
</svg>
</g><title>I like turtles</title></g></g><g id="a"><g class="shape" ><rect class="shape" x="12" y="184" width="60" height="72" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="184.000000" width="60.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="32.000000" y="209.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">a</text><text class="text" x="22.000000" y="243.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">b</text>
<text class="text" x="52.000000" y="243.000000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text>
<text class="text" x="52.000000" y="243.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="256.000000" x2="72.000000" y2="256.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="(x -&gt; a)[0]"><marker id="mk-238431170" markerWidth="28.000000" markerHeight="30.000000" refX="25.000000" refY="15.000000" viewBox="0.000000 0.000000 28.000000 30.000000" orient="auto" markerUnits="userSpaceOnUse"> <g class="connection" stroke="#0D32B2" stroke-width="2" fill="white"><circle class="connection" stroke="#0D32B2" stroke-width="2" fill="white" cx="5.000000" cy="15.000000" r="4.000000"/><path d="M25.000000,15.000000 36.000000,15.000000 M10.000000,15.000000 36.000000,0.000000 M10.000000,15.000000 36.000000,30.000000"/></g> </marker><path d="M 42.000000 86.000000 L 42.000000 180.000000" class="connection animated-connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:10.000000,9.865639;stroke-dashoffset:-198.656393;animation: dashdraw 4.932820s linear infinite;" marker-end="url(#mk-238431170)" mask="url(#3528968)"/></g><mask id="3528968" maskUnits="userSpaceOnUse" x="-100" y="-100" width="280" height="464">
<rect x="-100" y="-100" width="280" height="464" fill="white"></rect>
</g><title>I like turtles</title></g></g><g id="a"><g class="shape" ><rect class="shape" x="12" y="174" width="60" height="62" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="174.000000" width="60.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="22.000000" y="196.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">a</text><text class="text" x="22.000000" y="225.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">b</text>
<text class="text" x="52.000000" y="225.500000" style="text-anchor:start;font-size:20px;fill:#676C7E"></text>
<text class="text" x="52.000000" y="225.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="236.000000" x2="72.000000" y2="236.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="(x -&gt; a)[0]"><marker id="mk-238431170" markerWidth="28.000000" markerHeight="30.000000" refX="25.000000" refY="15.000000" viewBox="0.000000 0.000000 28.000000 30.000000" orient="auto" markerUnits="userSpaceOnUse"> <g class="connection" stroke="#0D32B2" stroke-width="2" fill="white"><circle class="connection" stroke="#0D32B2" stroke-width="2" fill="white" cx="5.000000" cy="15.000000" r="4.000000"/><path d="M25.000000,15.000000 36.000000,15.000000 M10.000000,15.000000 36.000000,0.000000 M10.000000,15.000000 36.000000,30.000000"/></g> </marker><path d="M 42.000000 76.000000 L 42.000000 170.000000" class="connection animated-connection" style="fill:none;stroke:#0D32B2;stroke-width:2;stroke-dasharray:10.000000,9.865639;stroke-dashoffset:-198.656393;animation: dashdraw 4.932820s linear infinite;" marker-end="url(#mk-238431170)" mask="url(#2849467790)"/></g><mask id="2849467790" maskUnits="userSpaceOnUse" x="-100" y="-100" width="280" height="444">
<rect x="-100" y="-100" width="280" height="444" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 329 KiB

After

Width:  |  Height:  |  Size: 329 KiB

54
e2etests/testdata/stable/sql_tables/dagre/board.exp.json generated vendored
View file

@ -10,7 +10,7 @@
"y": 0
},
"width": 268,
"height": 216,
"height": 186,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -178,8 +178,8 @@
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 56,
"labelHeight": 31,
"labelWidth": 47,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",
@ -191,10 +191,10 @@
"type": "sql_table",
"pos": {
"x": 328,
"y": 18
"y": 16
},
"width": 164,
"height": 180,
"height": 155,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -334,8 +334,8 @@
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 94,
"labelHeight": 31,
"labelWidth": 79,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",
@ -347,10 +347,10 @@
"type": "sql_table",
"pos": {
"x": 328,
"y": 316
"y": 286
},
"width": 164,
"height": 144,
"height": 124,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -462,8 +462,8 @@
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 69,
"labelHeight": 31,
"labelWidth": 58,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",
@ -475,10 +475,10 @@
"type": "sql_table",
"pos": {
"x": 552,
"y": 18
"y": 16
},
"width": 244,
"height": 180,
"height": 155,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -618,8 +618,8 @@
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 111,
"labelHeight": 31,
"labelWidth": 93,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",
@ -655,19 +655,19 @@
"route": [
{
"x": 134,
"y": 216
"y": 186
},
{
"x": 134,
"y": 256
"y": 226
},
{
"x": 172.8,
"y": 283.2
"y": 251.8
},
{
"x": 328,
"y": 352
"y": 315
}
],
"isCurve": true,
@ -703,19 +703,19 @@
"route": [
{
"x": 410,
"y": 198
"y": 171.5
},
{
"x": 410,
"y": 252.4
"y": 223.1
},
{
"x": 410,
"y": 276
"y": 246
},
{
"x": 410,
"y": 316
"y": 286
}
],
"isCurve": true,
@ -751,19 +751,19 @@
"route": [
{
"x": 674,
"y": 198
"y": 171.5
},
{
"x": 674,
"y": 252.4
"y": 223.1
},
{
"x": 637.6,
"y": 282.8
"y": 251.4
},
{
"x": 492,
"y": 350
"y": 313
}
],
"isCurve": true,

70
e2etests/testdata/stable/sql_tables/dagre/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="1000" height="664" viewBox="-102 -102 1000 664"><style type="text/css">
width="1000" height="614" viewBox="-102 -102 1000 614"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,40 +39,40 @@ width="1000" height="664" viewBox="-102 -102 1000 664"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="users"><g class="shape" ><rect class="shape" x="0" y="0" width="268" height="216" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="268.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="20.000000" y="25.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">users</text><text class="text" x="10.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
<text class="text" x="111.000000" y="59.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="248.000000" y="59.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="72.000000" x2="268.000000" y2="72.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
<text class="text" x="111.000000" y="95.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="248.000000" y="95.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="108.000000" x2="268.000000" y2="108.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="131.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
<text class="text" x="111.000000" y="131.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="248.000000" y="131.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="144.000000" x2="268.000000" y2="144.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="167.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
<text class="text" x="111.000000" y="167.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="248.000000" y="167.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="180.000000" x2="268.000000" y2="180.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="203.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
<text class="text" x="111.000000" y="203.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
<text class="text" x="248.000000" y="203.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;">PK</text><line x1="0.000000" y1="216.000000" x2="268.000000" y2="216.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="products"><g class="shape" ><rect class="shape" x="328" y="18" width="164" height="180" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="328.000000" y="18.000000" width="164.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="348.000000" y="43.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">products</text><text class="text" x="338.000000" y="77.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
<text class="text" x="405.000000" y="77.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="472.000000" y="77.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="90.000000" x2="492.000000" y2="90.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="338.000000" y="113.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">price</text>
<text class="text" x="405.000000" y="113.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">decimal</text>
<text class="text" x="472.000000" y="113.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="126.000000" x2="492.000000" y2="126.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="338.000000" y="149.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">sku</text>
<text class="text" x="405.000000" y="149.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="472.000000" y="149.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="162.000000" x2="492.000000" y2="162.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="338.000000" y="185.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
<text class="text" x="405.000000" y="185.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="472.000000" y="185.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="198.000000" x2="492.000000" y2="198.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="orders"><g class="shape" ><rect class="shape" x="328" y="316" width="164" height="144" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="328.000000" y="316.000000" width="164.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="348.000000" y="341.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">orders</text><text class="text" x="338.000000" y="375.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
<text class="text" x="449.000000" y="375.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="472.000000" y="375.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="388.000000" x2="492.000000" y2="388.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="338.000000" y="411.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">user_id</text>
<text class="text" x="449.000000" y="411.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="472.000000" y="411.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="424.000000" x2="492.000000" y2="424.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="338.000000" y="447.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">product_id</text>
<text class="text" x="449.000000" y="447.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="472.000000" y="447.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="460.000000" x2="492.000000" y2="460.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="shipments"><g class="shape" ><rect class="shape" x="552" y="18" width="244" height="180" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="552.000000" y="18.000000" width="244.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="572.000000" y="43.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">shipments</text><text class="text" x="562.000000" y="77.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
<text class="text" x="728.000000" y="77.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="776.000000" y="77.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="552.000000" y1="90.000000" x2="796.000000" y2="90.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="562.000000" y="113.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">order_id</text>
<text class="text" x="728.000000" y="113.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="776.000000" y="113.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="552.000000" y1="126.000000" x2="796.000000" y2="126.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="562.000000" y="149.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">tracking_number</text>
<text class="text" x="728.000000" y="149.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="776.000000" y="149.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="552.000000" y1="162.000000" x2="796.000000" y2="162.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="562.000000" y="185.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">status</text>
<text class="text" x="728.000000" y="185.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="776.000000" y="185.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="552.000000" y1="198.000000" x2="796.000000" y2="198.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="(users &lt;-&gt; orders)[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><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 134.000000 220.000000 C 134.000000 256.000000 172.800000 283.200000 324.343201 350.378945" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2271009607)"/></g><g id="(products &lt;-&gt; orders)[0]"><path d="M 410.000000 202.000000 C 410.000000 252.400000 410.000000 276.000000 410.000000 312.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2271009607)"/></g><g id="(shipments &lt;-&gt; orders)[0]"><path d="M 674.000000 202.000000 C 674.000000 252.400000 637.600000 282.800000 495.631838 348.323767" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#2271009607)"/></g><mask id="2271009607" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1000" height="664">
<rect x="-100" y="-100" width="1000" height="664" fill="white"></rect>
]]></script><g id="users"><g class="shape" ><rect class="shape" x="0" y="0" width="268" height="186" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="0.000000" width="268.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="10.000000" y="22.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">users</text><text class="text" x="10.000000" y="51.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
<text class="text" x="111.000000" y="51.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="248.000000" y="51.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="62.000000" x2="268.000000" y2="62.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="82.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
<text class="text" x="111.000000" y="82.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="248.000000" y="82.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="93.000000" x2="268.000000" y2="93.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="113.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
<text class="text" x="111.000000" y="113.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="248.000000" y="113.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="124.000000" x2="268.000000" y2="124.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="144.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
<text class="text" x="111.000000" y="144.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="248.000000" y="144.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="155.000000" x2="268.000000" y2="155.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="175.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
<text class="text" x="111.000000" y="175.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
<text class="text" x="248.000000" y="175.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;">PK</text><line x1="0.000000" y1="186.000000" x2="268.000000" y2="186.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="products"><g class="shape" ><rect class="shape" x="328" y="16" width="164" height="155" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="328.000000" y="16.000000" width="164.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="338.000000" y="38.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">products</text><text class="text" x="338.000000" y="67.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
<text class="text" x="405.000000" y="67.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="472.000000" y="67.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="78.000000" x2="492.000000" y2="78.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="338.000000" y="98.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">price</text>
<text class="text" x="405.000000" y="98.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">decimal</text>
<text class="text" x="472.000000" y="98.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="109.000000" x2="492.000000" y2="109.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="338.000000" y="129.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">sku</text>
<text class="text" x="405.000000" y="129.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="472.000000" y="129.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="140.000000" x2="492.000000" y2="140.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="338.000000" y="160.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
<text class="text" x="405.000000" y="160.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="472.000000" y="160.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="171.000000" x2="492.000000" y2="171.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="orders"><g class="shape" ><rect class="shape" x="328" y="286" width="164" height="124" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="328.000000" y="286.000000" width="164.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="338.000000" y="308.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">orders</text><text class="text" x="338.000000" y="337.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
<text class="text" x="449.000000" y="337.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="472.000000" y="337.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="348.000000" x2="492.000000" y2="348.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="338.000000" y="368.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">user_id</text>
<text class="text" x="449.000000" y="368.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="472.000000" y="368.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="379.000000" x2="492.000000" y2="379.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="338.000000" y="399.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">product_id</text>
<text class="text" x="449.000000" y="399.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="472.000000" y="399.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="328.000000" y1="410.000000" x2="492.000000" y2="410.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="shipments"><g class="shape" ><rect class="shape" x="552" y="16" width="244" height="155" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="552.000000" y="16.000000" width="244.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="562.000000" y="38.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">shipments</text><text class="text" x="562.000000" y="67.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
<text class="text" x="728.000000" y="67.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="776.000000" y="67.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="552.000000" y1="78.000000" x2="796.000000" y2="78.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="562.000000" y="98.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">order_id</text>
<text class="text" x="728.000000" y="98.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="776.000000" y="98.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="552.000000" y1="109.000000" x2="796.000000" y2="109.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="562.000000" y="129.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">tracking_number</text>
<text class="text" x="728.000000" y="129.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="776.000000" y="129.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="552.000000" y1="140.000000" x2="796.000000" y2="140.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="562.000000" y="160.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">status</text>
<text class="text" x="728.000000" y="160.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="776.000000" y="160.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="552.000000" y1="171.000000" x2="796.000000" y2="171.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="(users &lt;-&gt; orders)[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><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 134.000000 190.000000 C 134.000000 226.000000 172.800000 251.800000 324.295383 313.491419" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#3115382824)"/></g><g id="(products &lt;-&gt; orders)[0]"><path d="M 410.000000 175.500000 C 410.000000 223.100000 410.000000 246.000000 410.000000 282.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#3115382824)"/></g><g id="(shipments &lt;-&gt; orders)[0]"><path d="M 674.000000 175.500000 C 674.000000 223.100000 637.600000 251.400000 495.683869 311.441440" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#3115382824)"/></g><mask id="3115382824" maskUnits="userSpaceOnUse" x="-100" y="-100" width="1000" height="614">
<rect x="-100" y="-100" width="1000" height="614" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 335 KiB

After

Width:  |  Height:  |  Size: 335 KiB

50
e2etests/testdata/stable/sql_tables/elk/board.exp.json generated vendored
View file

@ -10,7 +10,7 @@
"y": 12
},
"width": 268,
"height": 216,
"height": 186,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -178,8 +178,8 @@
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 56,
"labelHeight": 31,
"labelWidth": 47,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",
@ -191,10 +191,10 @@
"type": "sql_table",
"pos": {
"x": 300,
"y": 48
"y": 43
},
"width": 164,
"height": 180,
"height": 155,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -334,8 +334,8 @@
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 94,
"labelHeight": 31,
"labelWidth": 79,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",
@ -347,10 +347,10 @@
"type": "sql_table",
"pos": {
"x": 300,
"y": 328
"y": 298
},
"width": 164,
"height": 144,
"height": 124,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -462,8 +462,8 @@
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 69,
"labelHeight": 31,
"labelWidth": 58,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",
@ -475,10 +475,10 @@
"type": "sql_table",
"pos": {
"x": 484,
"y": 48
"y": 43
},
"width": 244,
"height": 180,
"height": 155,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -618,8 +618,8 @@
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 111,
"labelHeight": 31,
"labelWidth": 93,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",
@ -655,19 +655,19 @@
"route": [
{
"x": 146,
"y": 228
"y": 198
},
{
"x": 146,
"y": 278
"y": 248
},
{
"x": 341,
"y": 278
"y": 248
},
{
"x": 341,
"y": 328
"y": 298
}
],
"animated": false,
@ -702,11 +702,11 @@
"route": [
{
"x": 382,
"y": 228
"y": 198
},
{
"x": 382,
"y": 328
"y": 298
}
],
"animated": false,
@ -741,19 +741,19 @@
"route": [
{
"x": 606,
"y": 228
"y": 198
},
{
"x": 606,
"y": 278
"y": 248
},
{
"x": 423,
"y": 278
"y": 248
},
{
"x": 423,
"y": 328
"y": 298
}
],
"animated": false,

70
e2etests/testdata/stable/sql_tables/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="920" height="664" viewBox="-90 -90 920 664"><style type="text/css">
width="920" height="614" viewBox="-90 -90 920 614"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -39,40 +39,40 @@ width="920" height="664" viewBox="-90 -90 920 664"><style type="text/css">
svgEl.setAttribute("height", height * ratio - 16);
}
});
]]></script><g id="users"><g class="shape" ><rect class="shape" x="12" y="12" width="268" height="216" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="268.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="32.000000" y="37.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">users</text><text class="text" x="22.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
<text class="text" x="123.000000" y="71.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="260.000000" y="71.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="84.000000" x2="280.000000" y2="84.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
<text class="text" x="123.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="260.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="120.000000" x2="280.000000" y2="120.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
<text class="text" x="123.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="260.000000" y="143.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="156.000000" x2="280.000000" y2="156.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
<text class="text" x="123.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="260.000000" y="179.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="192.000000" x2="280.000000" y2="192.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="215.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
<text class="text" x="123.000000" y="215.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
<text class="text" x="260.000000" y="215.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;">PK</text><line x1="12.000000" y1="228.000000" x2="280.000000" y2="228.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="products"><g class="shape" ><rect class="shape" x="300" y="48" width="164" height="180" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="300.000000" y="48.000000" width="164.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="320.000000" y="73.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">products</text><text class="text" x="310.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
<text class="text" x="377.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="444.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="120.000000" x2="464.000000" y2="120.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="310.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">price</text>
<text class="text" x="377.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">decimal</text>
<text class="text" x="444.000000" y="143.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="156.000000" x2="464.000000" y2="156.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="310.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">sku</text>
<text class="text" x="377.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="444.000000" y="179.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="192.000000" x2="464.000000" y2="192.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="310.000000" y="215.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
<text class="text" x="377.000000" y="215.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="444.000000" y="215.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="228.000000" x2="464.000000" y2="228.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="orders"><g class="shape" ><rect class="shape" x="300" y="328" width="164" height="144" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="300.000000" y="328.000000" width="164.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="320.000000" y="353.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">orders</text><text class="text" x="310.000000" y="387.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
<text class="text" x="421.000000" y="387.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="444.000000" y="387.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="400.000000" x2="464.000000" y2="400.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="310.000000" y="423.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">user_id</text>
<text class="text" x="421.000000" y="423.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="444.000000" y="423.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="436.000000" x2="464.000000" y2="436.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="310.000000" y="459.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">product_id</text>
<text class="text" x="421.000000" y="459.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="444.000000" y="459.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="472.000000" x2="464.000000" y2="472.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="shipments"><g class="shape" ><rect class="shape" x="484" y="48" width="244" height="180" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="484.000000" y="48.000000" width="244.000000" height="36.000000" fill="#0A0F25" /><text class="text" x="504.000000" y="73.750000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">shipments</text><text class="text" x="494.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
<text class="text" x="660.000000" y="107.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="708.000000" y="107.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="484.000000" y1="120.000000" x2="728.000000" y2="120.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="494.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">order_id</text>
<text class="text" x="660.000000" y="143.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="708.000000" y="143.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="484.000000" y1="156.000000" x2="728.000000" y2="156.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="494.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">tracking_number</text>
<text class="text" x="660.000000" y="179.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="708.000000" y="179.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="484.000000" y1="192.000000" x2="728.000000" y2="192.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="494.000000" y="215.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">status</text>
<text class="text" x="660.000000" y="215.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="708.000000" y="215.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="484.000000" y1="228.000000" x2="728.000000" y2="228.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="(users &lt;-&gt; orders)[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><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 146.000000 232.000000 L 146.000000 268.000000 S 146.000000 278.000000 156.000000 278.000000 L 331.000000 278.000000 S 341.000000 278.000000 341.000000 288.000000 L 341.000000 324.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#703003900)"/></g><g id="(products &lt;-&gt; orders)[0]"><path d="M 382.000000 232.000000 L 382.000000 324.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#703003900)"/></g><g id="(shipments &lt;-&gt; orders)[0]"><path d="M 606.000000 232.000000 L 606.000000 268.000000 S 606.000000 278.000000 596.000000 278.000000 L 433.000000 278.000000 S 423.000000 278.000000 423.000000 288.000000 L 423.000000 324.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#703003900)"/></g><mask id="703003900" maskUnits="userSpaceOnUse" x="-100" y="-100" width="920" height="664">
<rect x="-100" y="-100" width="920" height="664" fill="white"></rect>
]]></script><g id="users"><g class="shape" ><rect class="shape" x="12" y="12" width="268" height="186" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="12.000000" width="268.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="22.000000" y="34.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">users</text><text class="text" x="22.000000" y="63.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
<text class="text" x="123.000000" y="63.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="260.000000" y="63.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="74.000000" x2="280.000000" y2="74.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="94.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
<text class="text" x="123.000000" y="94.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="260.000000" y="94.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="105.000000" x2="280.000000" y2="105.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="125.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
<text class="text" x="123.000000" y="125.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="260.000000" y="125.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="136.000000" x2="280.000000" y2="136.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="156.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
<text class="text" x="123.000000" y="156.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="260.000000" y="156.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="167.000000" x2="280.000000" y2="167.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="187.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
<text class="text" x="123.000000" y="187.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
<text class="text" x="260.000000" y="187.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;">PK</text><line x1="12.000000" y1="198.000000" x2="280.000000" y2="198.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="products"><g class="shape" ><rect class="shape" x="300" y="43" width="164" height="155" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="300.000000" y="43.000000" width="164.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="310.000000" y="65.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">products</text><text class="text" x="310.000000" y="94.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
<text class="text" x="377.000000" y="94.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="444.000000" y="94.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="105.000000" x2="464.000000" y2="105.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="310.000000" y="125.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">price</text>
<text class="text" x="377.000000" y="125.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">decimal</text>
<text class="text" x="444.000000" y="125.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="136.000000" x2="464.000000" y2="136.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="310.000000" y="156.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">sku</text>
<text class="text" x="377.000000" y="156.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="444.000000" y="156.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="167.000000" x2="464.000000" y2="167.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="310.000000" y="187.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
<text class="text" x="377.000000" y="187.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="444.000000" y="187.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="198.000000" x2="464.000000" y2="198.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="orders"><g class="shape" ><rect class="shape" x="300" y="298" width="164" height="124" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="300.000000" y="298.000000" width="164.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="310.000000" y="320.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">orders</text><text class="text" x="310.000000" y="349.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
<text class="text" x="421.000000" y="349.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="444.000000" y="349.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="360.000000" x2="464.000000" y2="360.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="310.000000" y="380.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">user_id</text>
<text class="text" x="421.000000" y="380.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="444.000000" y="380.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="391.000000" x2="464.000000" y2="391.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="310.000000" y="411.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">product_id</text>
<text class="text" x="421.000000" y="411.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="444.000000" y="411.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="300.000000" y1="422.000000" x2="464.000000" y2="422.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="shipments"><g class="shape" ><rect class="shape" x="484" y="43" width="244" height="155" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="484.000000" y="43.000000" width="244.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="494.000000" y="65.000000" style="text-anchor:start;font-size:24px;fill:#FFFFFF">shipments</text><text class="text" x="494.000000" y="94.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
<text class="text" x="660.000000" y="94.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="708.000000" y="94.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="484.000000" y1="105.000000" x2="728.000000" y2="105.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="494.000000" y="125.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">order_id</text>
<text class="text" x="660.000000" y="125.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="708.000000" y="125.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="484.000000" y1="136.000000" x2="728.000000" y2="136.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="494.000000" y="156.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">tracking_number</text>
<text class="text" x="660.000000" y="156.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="708.000000" y="156.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="484.000000" y1="167.000000" x2="728.000000" y2="167.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="494.000000" y="187.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">status</text>
<text class="text" x="660.000000" y="187.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="708.000000" y="187.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="484.000000" y1="198.000000" x2="728.000000" y2="198.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="(users &lt;-&gt; orders)[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><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 146.000000 202.000000 L 146.000000 238.000000 S 146.000000 248.000000 156.000000 248.000000 L 331.000000 248.000000 S 341.000000 248.000000 341.000000 258.000000 L 341.000000 294.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#281893068)"/></g><g id="(products &lt;-&gt; orders)[0]"><path d="M 382.000000 202.000000 L 382.000000 294.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#281893068)"/></g><g id="(shipments &lt;-&gt; orders)[0]"><path d="M 606.000000 202.000000 L 606.000000 238.000000 S 606.000000 248.000000 596.000000 248.000000 L 433.000000 248.000000 S 423.000000 248.000000 423.000000 258.000000 L 423.000000 294.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-start="url(#mk-2510427236)" marker-end="url(#mk-3990223579)" mask="url(#281893068)"/></g><mask id="281893068" maskUnits="userSpaceOnUse" x="-100" y="-100" width="920" height="614">
<rect x="-100" y="-100" width="920" height="614" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 336 KiB

After

Width:  |  Height:  |  Size: 336 KiB

4
e2etests/testdata/stable/unnamed_only_height/dagre/board.exp.json generated vendored
View file

@ -253,8 +253,8 @@
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 59,
"labelHeight": 31,
"labelWidth": 49,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",

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

@ -63,7 +63,7 @@ width="626" height="2752" viewBox="-102 -102 626 2752"><style type="text/css">
<text class="text" x="218.000000" y="1086.333333" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
<text class="text" x="295.000000" y="1086.333333" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="107.000000" y1="1124.000000" x2="315.000000" y2="1124.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(116.000000 1224.000000)"><rect class="shape" width="191" height="512" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
</text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="package"><g class="shape" ><path d="M 161 1836 L 211 1836 L 211 1891 L 261 1891 L 261 2348 L 161 2348 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g></g><g id="no height"><g class="shape" ><rect x="161" y="2448" width="100" height="100" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="(class -&gt; users)[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 211.000000 514.000000 C 211.000000 552.000000 211.000000 572.000000 211.000000 608.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1765115256)"/></g><g id="(users -&gt; code)[0]"><path d="M 211.000000 1126.000000 C 211.000000 1164.000000 211.000000 1184.000000 211.000000 1220.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1765115256)"/></g><g id="(code -&gt; package)[0]"><path d="M 211.000000 1738.000000 C 211.000000 1776.000000 211.000000 1796.000000 211.000000 1832.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1765115256)"/></g><g id="(package -&gt; no height)[0]"><path d="M 211.000000 2350.000000 C 211.000000 2388.000000 211.000000 2408.000000 211.000000 2444.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#1765115256)"/></g><mask id="1765115256" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="2752">
</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="package"><g class="shape" ><path d="M 161 1836 L 211 1836 L 211 1891 L 261 1891 L 261 2348 L 161 2348 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g></g><g id="no height"><g class="shape" ><rect x="161" y="2448" width="100" height="100" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="(class -&gt; users)[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 211.000000 514.000000 C 211.000000 552.000000 211.000000 572.000000 211.000000 608.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#888894335)"/></g><g id="(users -&gt; code)[0]"><path d="M 211.000000 1126.000000 C 211.000000 1164.000000 211.000000 1184.000000 211.000000 1220.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#888894335)"/></g><g id="(code -&gt; package)[0]"><path d="M 211.000000 1738.000000 C 211.000000 1776.000000 211.000000 1796.000000 211.000000 1832.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#888894335)"/></g><g id="(package -&gt; no height)[0]"><path d="M 211.000000 2350.000000 C 211.000000 2388.000000 211.000000 2408.000000 211.000000 2444.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#888894335)"/></g><mask id="888894335" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="2752">
<rect x="-100" y="-100" width="626" height="2752" fill="white"></rect>
</mask><style type="text/css"><![CDATA[

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 602 KiB

After

Width:  |  Height:  |  Size: 602 KiB

4
e2etests/testdata/stable/unnamed_only_height/elk/board.exp.json generated vendored
View file

@ -253,8 +253,8 @@
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 59,
"labelHeight": 31,
"labelWidth": 49,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",

2
e2etests/testdata/stable/unnamed_only_height/elk/sketch.exp.svg vendored
View file

@ -63,7 +63,7 @@ width="626" height="2752" viewBox="-90 -90 626 2752"><style type="text/css">
<text class="text" x="230.000000" y="1098.333333" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
<text class="text" x="307.000000" y="1098.333333" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="119.000000" y1="1136.000000" x2="327.000000" y2="1136.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(127.000000 1236.000000)"><rect class="shape" width="191" height="512" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
</text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="package"><g class="shape" ><path d="M 173 1848 L 223 1848 L 223 1903 L 273 1903 L 273 2360 L 173 2360 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g></g><g id="no height"><g class="shape" ><rect x="173" y="2460" width="100" height="100" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="(class -&gt; users)[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 223.000000 526.000000 L 223.000000 620.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3341296419)"/></g><g id="(users -&gt; code)[0]"><path d="M 223.000000 1138.000000 L 223.000000 1232.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3341296419)"/></g><g id="(code -&gt; package)[0]"><path d="M 223.000000 1750.000000 L 223.000000 1844.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3341296419)"/></g><g id="(package -&gt; no height)[0]"><path d="M 223.000000 2362.000000 L 223.000000 2456.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3341296419)"/></g><mask id="3341296419" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="2752">
</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="package"><g class="shape" ><path d="M 173 1848 L 223 1848 L 223 1903 L 273 1903 L 273 2360 L 173 2360 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g></g><g id="no height"><g class="shape" ><rect x="173" y="2460" width="100" height="100" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="(class -&gt; users)[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 223.000000 526.000000 L 223.000000 620.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2946768308)"/></g><g id="(users -&gt; code)[0]"><path d="M 223.000000 1138.000000 L 223.000000 1232.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2946768308)"/></g><g id="(code -&gt; package)[0]"><path d="M 223.000000 1750.000000 L 223.000000 1844.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2946768308)"/></g><g id="(package -&gt; no height)[0]"><path d="M 223.000000 2362.000000 L 223.000000 2456.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#2946768308)"/></g><mask id="2946768308" maskUnits="userSpaceOnUse" x="-100" y="-100" width="626" height="2752">
<rect x="-100" y="-100" width="626" height="2752" fill="white"></rect>
</mask><style type="text/css"><![CDATA[

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 602 KiB

After

Width:  |  Height:  |  Size: 602 KiB

36
e2etests/testdata/stable/unnamed_only_width/dagre/board.exp.json generated vendored
View file

@ -85,7 +85,7 @@
"y": 468
},
"width": 512,
"height": 186,
"height": 156,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -253,8 +253,8 @@
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 59,
"labelHeight": 31,
"labelWidth": 49,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",
@ -266,7 +266,7 @@
"type": "code",
"pos": {
"x": 0,
"y": 754
"y": 724
},
"width": 512,
"height": 65,
@ -306,7 +306,7 @@
"type": "package",
"pos": {
"x": 0,
"y": 919
"y": 889
},
"width": 512,
"height": 100,
@ -346,7 +346,7 @@
"type": "rectangle",
"pos": {
"x": 206,
"y": 1119
"y": 1089
},
"width": 100,
"height": 100,
@ -458,19 +458,19 @@
"route": [
{
"x": 256,
"y": 654
"y": 624
},
{
"x": 256,
"y": 694
"y": 664
},
{
"x": 256,
"y": 714
"y": 684
},
{
"x": 256,
"y": 754
"y": 724
}
],
"isCurve": true,
@ -506,19 +506,19 @@
"route": [
{
"x": 256,
"y": 819
"y": 789
},
{
"x": 256,
"y": 859
"y": 829
},
{
"x": 256,
"y": 883
"y": 853
},
{
"x": 256,
"y": 939
"y": 909
}
],
"isCurve": true,
@ -554,19 +554,19 @@
"route": [
{
"x": 256,
"y": 1019
"y": 989
},
{
"x": 256,
"y": 1059
"y": 1029
},
{
"x": 256,
"y": 1079
"y": 1049
},
{
"x": 256,
"y": 1119
"y": 1089
}
],
"isCurve": true,

28
e2etests/testdata/stable/unnamed_only_width/dagre/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="716" height="1423" viewBox="-102 -102 716 1423"><style type="text/css">
width="716" height="1393" viewBox="-102 -102 716 1393"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -51,20 +51,20 @@ width="716" height="1423" viewBox="-102 -102 716 1423"><style type="text/css">
<text class="text-mono" x="30.000000" y="304.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
<text class="text-mono" x="492.000000" y="304.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="10.000000" y="350.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
<text class="text-mono" x="30.000000" y="350.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
<text class="text-mono" x="492.000000" y="350.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="0" y="468" width="512" height="186" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="468.000000" width="512.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="10.000000" y="519.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
<text class="text" x="111.000000" y="519.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="492.000000" y="519.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="530.000000" x2="512.000000" y2="530.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="550.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
<text class="text" x="111.000000" y="550.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="492.000000" y="550.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="561.000000" x2="512.000000" y2="561.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="581.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
<text class="text" x="111.000000" y="581.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="492.000000" y="581.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="592.000000" x2="512.000000" y2="592.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="612.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
<text class="text" x="111.000000" y="612.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="492.000000" y="612.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="623.000000" x2="512.000000" y2="623.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="643.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
<text class="text" x="111.000000" y="643.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
<text class="text" x="492.000000" y="643.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="654.000000" x2="512.000000" y2="654.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(0.000000 754.000000)"><rect class="shape" width="512" height="65" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
<text class="text-mono" x="492.000000" y="350.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="0" y="468" width="512" height="156" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="0.000000" y="468.000000" width="512.000000" height="26.000000" fill="#0A0F25" /><text class="text" x="10.000000" y="512.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
<text class="text" x="111.000000" y="512.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="492.000000" y="512.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="520.000000" x2="512.000000" y2="520.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="538.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
<text class="text" x="111.000000" y="538.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="492.000000" y="538.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="546.000000" x2="512.000000" y2="546.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="564.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
<text class="text" x="111.000000" y="564.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="492.000000" y="564.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="572.000000" x2="512.000000" y2="572.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="590.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
<text class="text" x="111.000000" y="590.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="492.000000" y="590.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="598.000000" x2="512.000000" y2="598.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="10.000000" y="616.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
<text class="text" x="111.000000" y="616.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
<text class="text" x="492.000000" y="616.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="0.000000" y1="624.000000" x2="512.000000" y2="624.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(0.000000 724.000000)"><rect class="shape" width="512" height="65" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
</text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="package"><g class="shape" ><path d="M 0 919 L 150 919 L 150 939 L 512 939 L 512 1019 L 0 1019 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g></g><g id="no width"><g class="shape" ><rect x="206" y="1119" width="100" height="100" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="(class -&gt; users)[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 256.000000 370.000000 C 256.000000 408.000000 256.000000 428.000000 256.000000 464.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4000366913)"/></g><g id="(users -&gt; code)[0]"><path d="M 256.000000 656.000000 C 256.000000 694.000000 256.000000 714.000000 256.000000 750.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4000366913)"/></g><g id="(code -&gt; package)[0]"><path d="M 256.000000 821.000000 C 256.000000 859.000000 256.000000 883.000000 256.000000 935.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4000366913)"/></g><g id="(package -&gt; no width)[0]"><path d="M 256.000000 1021.000000 C 256.000000 1059.000000 256.000000 1079.000000 256.000000 1115.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4000366913)"/></g><mask id="4000366913" maskUnits="userSpaceOnUse" x="-100" y="-100" width="716" height="1423">
<rect x="-100" y="-100" width="716" height="1423" fill="white"></rect>
</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="package"><g class="shape" ><path d="M 0 889 L 150 889 L 150 909 L 512 909 L 512 989 L 0 989 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g></g><g id="no width"><g class="shape" ><rect x="206" y="1089" width="100" height="100" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="(class -&gt; users)[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 256.000000 370.000000 C 256.000000 408.000000 256.000000 428.000000 256.000000 464.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#400515219)"/></g><g id="(users -&gt; code)[0]"><path d="M 256.000000 626.000000 C 256.000000 664.000000 256.000000 684.000000 256.000000 720.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#400515219)"/></g><g id="(code -&gt; package)[0]"><path d="M 256.000000 791.000000 C 256.000000 829.000000 256.000000 853.000000 256.000000 905.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#400515219)"/></g><g id="(package -&gt; no width)[0]"><path d="M 256.000000 991.000000 C 256.000000 1029.000000 256.000000 1049.000000 256.000000 1085.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#400515219)"/></g><mask id="400515219" maskUnits="userSpaceOnUse" x="-100" y="-100" width="716" height="1393">
<rect x="-100" y="-100" width="716" height="1393" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 602 KiB

After

Width:  |  Height:  |  Size: 602 KiB

24
e2etests/testdata/stable/unnamed_only_width/elk/board.exp.json generated vendored
View file

@ -85,7 +85,7 @@
"y": 480
},
"width": 512,
"height": 186,
"height": 156,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
@ -253,8 +253,8 @@
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 59,
"labelHeight": 31,
"labelWidth": 49,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",
@ -266,7 +266,7 @@
"type": "code",
"pos": {
"x": 12,
"y": 766
"y": 736
},
"width": 512,
"height": 65,
@ -306,7 +306,7 @@
"type": "package",
"pos": {
"x": 12,
"y": 931
"y": 901
},
"width": 512,
"height": 100,
@ -346,7 +346,7 @@
"type": "rectangle",
"pos": {
"x": 218,
"y": 1131
"y": 1101
},
"width": 100,
"height": 100,
@ -449,11 +449,11 @@
"route": [
{
"x": 268,
"y": 666
"y": 636
},
{
"x": 268,
"y": 766
"y": 736
}
],
"animated": false,
@ -488,11 +488,11 @@
"route": [
{
"x": 268,
"y": 831
"y": 801
},
{
"x": 268,
"y": 951
"y": 921
}
],
"animated": false,
@ -527,11 +527,11 @@
"route": [
{
"x": 268,
"y": 1031
"y": 1001
},
{
"x": 268,
"y": 1131
"y": 1101
}
],
"animated": false,

28
e2etests/testdata/stable/unnamed_only_width/elk/sketch.exp.svg vendored
View file

@ -3,7 +3,7 @@
id="d2-svg"
style="background: white;"
xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="716" height="1423" viewBox="-90 -90 716 1423"><style type="text/css">
width="716" height="1393" viewBox="-90 -90 716 1393"><style type="text/css">
<![CDATA[
.shape {
shape-rendering: geometricPrecision;
@ -51,20 +51,20 @@ width="716" height="1423" viewBox="-90 -90 716 1423"><style type="text/css">
<text class="text-mono" x="42.000000" y="316.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
<text class="text-mono" x="504.000000" y="316.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="22.000000" y="362.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
<text class="text-mono" x="42.000000" y="362.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
<text class="text-mono" x="504.000000" y="362.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="12" y="480" width="512" height="186" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="480.000000" width="512.000000" height="31.000000" fill="#0A0F25" /><text class="text" x="22.000000" y="531.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
<text class="text" x="123.000000" y="531.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="504.000000" y="531.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="542.000000" x2="524.000000" y2="542.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="562.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
<text class="text" x="123.000000" y="562.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="504.000000" y="562.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="573.000000" x2="524.000000" y2="573.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="593.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
<text class="text" x="123.000000" y="593.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="504.000000" y="593.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="604.000000" x2="524.000000" y2="604.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="624.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
<text class="text" x="123.000000" y="624.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="504.000000" y="624.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="635.000000" x2="524.000000" y2="635.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="655.500000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
<text class="text" x="123.000000" y="655.500000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
<text class="text" x="504.000000" y="655.500000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="666.000000" x2="524.000000" y2="666.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(12.000000 766.000000)"><rect class="shape" width="512" height="65" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
<text class="text-mono" x="504.000000" y="362.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="12" y="480" width="512" height="156" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="12.000000" y="480.000000" width="512.000000" height="26.000000" fill="#0A0F25" /><text class="text" x="22.000000" y="524.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
<text class="text" x="123.000000" y="524.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="504.000000" y="524.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="532.000000" x2="524.000000" y2="532.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="550.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
<text class="text" x="123.000000" y="550.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="504.000000" y="550.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="558.000000" x2="524.000000" y2="558.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="576.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">email</text>
<text class="text" x="123.000000" y="576.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="504.000000" y="576.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="584.000000" x2="524.000000" y2="584.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="602.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">password</text>
<text class="text" x="123.000000" y="602.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
<text class="text" x="504.000000" y="602.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="610.000000" x2="524.000000" y2="610.000000" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="22.000000" y="628.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">last_login</text>
<text class="text" x="123.000000" y="628.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">datetime</text>
<text class="text" x="504.000000" y="628.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="12.000000" y1="636.000000" x2="524.000000" y2="636.000000" style="stroke-width:2;stroke:#0A0F25" /></g></g><g id="code"><g class="shape" ></g><g transform="translate(12.000000 736.000000)"><rect class="shape" width="512" height="65" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
</text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="package"><g class="shape" ><path d="M 12 931 L 162 931 L 162 951 L 524 951 L 524 1031 L 12 1031 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g></g><g id="no width"><g class="shape" ><rect x="218" y="1131" width="100" height="100" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="(class -&gt; users)[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 268.000000 382.000000 L 268.000000 476.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3421712416)"/></g><g id="(users -&gt; code)[0]"><path d="M 268.000000 668.000000 L 268.000000 762.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3421712416)"/></g><g id="(code -&gt; package)[0]"><path d="M 268.000000 833.000000 L 268.000000 947.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3421712416)"/></g><g id="(package -&gt; no width)[0]"><path d="M 268.000000 1033.000000 L 268.000000 1127.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3421712416)"/></g><mask id="3421712416" maskUnits="userSpaceOnUse" x="-100" y="-100" width="716" height="1423">
<rect x="-100" y="-100" width="716" height="1423" fill="white"></rect>
</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="package"><g class="shape" ><path d="M 12 901 L 162 901 L 162 921 L 524 921 L 524 1001 L 12 1001 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g></g><g id="no width"><g class="shape" ><rect x="218" y="1101" width="100" height="100" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g></g><g id="(class -&gt; users)[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 268.000000 382.000000 L 268.000000 476.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3593326473)"/></g><g id="(users -&gt; code)[0]"><path d="M 268.000000 638.000000 L 268.000000 732.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3593326473)"/></g><g id="(code -&gt; package)[0]"><path d="M 268.000000 803.000000 L 268.000000 917.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3593326473)"/></g><g id="(package -&gt; no width)[0]"><path d="M 268.000000 1003.000000 L 268.000000 1097.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#3593326473)"/></g><mask id="3593326473" maskUnits="userSpaceOnUse" x="-100" y="-100" width="716" height="1393">
<rect x="-100" y="-100" width="716" height="1393" fill="white"></rect>
</mask><style type="text/css"><![CDATA[
.text {

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 602 KiB

After

Width:  |  Height:  |  Size: 602 KiB

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

@ -520,8 +520,8 @@
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 70,
"labelHeight": 31,
"labelWidth": 58,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",
@ -704,8 +704,8 @@
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 56,
"labelHeight": 31,
"labelWidth": 47,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",

6
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

8
e2etests/testdata/todo/shape_set_width_height/elk/board.exp.json generated vendored
View file

@ -520,8 +520,8 @@
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 70,
"labelHeight": 31,
"labelWidth": 58,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",
@ -704,8 +704,8 @@
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 56,
"labelHeight": 31,
"labelWidth": 47,
"labelHeight": 26,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "#0D32B2",

6
e2etests/testdata/todo/shape_set_width_height/elk/sketch.exp.svg vendored
View file

@ -796,7 +796,7 @@ width="2622" height="2644" viewBox="-90 -90 2622 2644"><style type="text/css">
.md .contains-task-list:dir(rtl) .task-list-item-checkbox {
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g id="containers"><g class="shape" ><rect x="12" y="12" width="1322" height="428" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="673.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">containers</text></g><g id="cloud"><g class="shape" ><path d="M 1439 273 C 1439 276 1436 278 1432 278 C 1389 281 1354 316 1354 358 C 1354 403 1392 439 1441 439 H 1771 C 1823 439 1866 400 1866 353 C 1866 308 1827 271 1777 268 C 1774 268 1770 266 1769 263 C 1758 217 1707 183 1647 183 C 1608 183 1573 197 1551 220 C 1548 223 1544 223 1542 223 C 1533 220 1524 219 1514 219 C 1474 219 1442 243 1439 273 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="1607.664000" y="364.644000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">cloud</text></g><g id="tall cylinder"><g class="shape" ><path d="M 1482 1464 C 1482 1440 1597 1440 1610 1440 C 1623 1440 1738 1440 1738 1464 V 1928 C 1738 1952 1623 1952 1610 1952 C 1597 1952 1482 1952 1482 1928 V 1464 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 1482 1464 C 1482 1488 1597 1488 1610 1488 C 1623 1488 1738 1488 1738 1464" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="1610.000000" y="1713.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">tall cylinder</text></g><g id="class"><g class="shape" ><rect class="shape" x="1210" y="740" width="800" height="400" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="1210.000000" y="740.000000" width="800.000000" height="100.000000" fill="#0A0F25" /><text class="text-mono" x="1610.000000" y="797.750000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">class</text><text class="text-mono" x="1220.000000" y="870.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
</style><g id="containers"><g class="shape" ><rect x="12" y="12" width="1322" height="428" style="fill:#E3E9FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="673.000000" y="45.000000" style="text-anchor:middle;font-size:28px;fill:#0A0F25">containers</text></g><g id="cloud"><g class="shape" ><path d="M 1439 273 C 1439 276 1436 278 1432 278 C 1389 281 1354 316 1354 358 C 1354 403 1392 439 1441 439 H 1771 C 1823 439 1866 400 1866 353 C 1866 308 1827 271 1777 268 C 1774 268 1770 266 1769 263 C 1758 217 1707 183 1647 183 C 1608 183 1573 197 1551 220 C 1548 223 1544 223 1542 223 C 1533 220 1524 219 1514 219 C 1474 219 1442 243 1439 273 Z" style="fill:#FFFFFF;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="1607.664000" y="364.644000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">cloud</text></g><g id="tall cylinder"><g class="shape" ><path d="M 1482 1464 C 1482 1440 1597 1440 1610 1440 C 1623 1440 1738 1440 1738 1464 V 1928 C 1738 1952 1623 1952 1610 1952 C 1597 1952 1482 1952 1482 1928 V 1464 Z" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/><path d="M 1482 1464 C 1482 1488 1597 1488 1610 1488 C 1623 1488 1738 1488 1738 1464" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="1610.000000" y="1713.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">tall cylinder</text></g><g id="class"><g class="shape" ><rect class="shape" x="1210" y="740" width="800" height="400" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="1210.000000" y="740.000000" width="800.000000" height="100.000000" fill="#0A0F25" /><text class="text-mono" x="1610.000000" y="796.500000" style="text-anchor:middle;font-size:24px;fill:#FFFFFF">class</text><text class="text-mono" x="1220.000000" y="870.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
<text class="text-mono" x="1240.000000" y="870.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">num</text>
<text class="text-mono" x="1990.000000" y="870.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">int</text><text class="text-mono" x="1220.000000" y="920.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">-</text>
<text class="text-mono" x="1240.000000" y="920.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">timeout</text>
@ -808,7 +808,7 @@ width="2622" height="2644" viewBox="-90 -90 2622 2644"><style type="text/css">
<text class="text-mono" x="1240.000000" y="1070.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">getJobs()</text>
<text class="text-mono" x="1990.000000" y="1070.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">Job[]</text><text class="text-mono" x="1220.000000" y="1120.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">+</text>
<text class="text-mono" x="1240.000000" y="1120.000000" style="text-anchor:start;font-size:20px;fill:#0A0F25">setTimeout(seconds int)</text>
<text class="text-mono" x="1990.000000" y="1120.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="1210" y="2052" width="800" height="400" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="1210.000000" y="2052.000000" width="800.000000" height="66.666667" fill="#0A0F25" /><text class="text" x="1230.000000" y="2093.083333" style="text-anchor:start;font-size:24px;fill:#FFFFFF">users</text><text class="text" x="1220.000000" y="2157.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
<text class="text-mono" x="1990.000000" y="1120.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3">void</text></g></g><g id="users"><g class="shape" ><rect class="shape" x="1210" y="2052" width="800" height="400" style="fill:#FFFFFF;stroke:#0A0F25;stroke-width:2;"/><rect class="class_header" x="1210.000000" y="2052.000000" width="800.000000" height="66.666667" fill="#0A0F25" /><text class="text" x="1220.000000" y="2091.833333" style="text-anchor:start;font-size:24px;fill:#FFFFFF">users</text><text class="text" x="1220.000000" y="2157.000000" style="text-anchor:start;font-size:20px;fill:#0D32B2">id</text>
<text class="text" x="1321.000000" y="2157.000000" style="text-anchor:start;font-size:20px;fill:#676C7E">int</text>
<text class="text" x="1990.000000" y="2157.000000" style="text-anchor:end;font-size:20px;fill:#4A6FF3;letter-spacing:2px;"></text><line x1="1210.000000" y1="2185.333333" x2="2010.000000" y2="2185.333333" style="stroke-width:2;stroke:#0A0F25" /><text class="text" x="1220.000000" y="2223.666667" style="text-anchor:start;font-size:20px;fill:#0D32B2">name</text>
<text class="text" x="1321.000000" y="2223.666667" style="text-anchor:start;font-size:20px;fill:#676C7E">string</text>
@ -823,7 +823,7 @@ width="2622" height="2644" viewBox="-90 -90 2622 2644"><style type="text/css">
</text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="small code"><g class="shape" ></g><g transform="translate(2134.000000 2052.000000)"><rect class="shape" width="191" height="65" style="stroke: #0A0F25;fill:#ffffff" /><g transform="translate(6 6)"><text class="text-mono" x="0" y="1.000000em" xml:space="preserve">a&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;<tspan fill="#009999">5</tspan>
</text><text class="text-mono" x="0" y="2.000000em" xml:space="preserve">b&#160;<tspan fill="#000000" class="text-mono-bold">:=</tspan>&#160;a&#160;<tspan fill="#000000" class="text-mono-bold">+</tspan>&#160;<tspan fill="#009999">7</tspan>
</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="containers.circle container"><g class="shape" ><ellipse class="shape" cx="226.000000" cy="226.000000" rx="139.000000" ry="107.000000" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="226.000000" y="180.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">circle container</text></g><g id="containers.diamond container"><g class="shape" ><path d="M 524 365 C 523 365 522 365 521 364 L 386 229 C 385 228 385 225 386 224 L 521 88 C 522 87 525 87 526 88 L 661 224 C 662 225 662 228 661 229 L 527 364 C 526 365 525 365 524 365 Z" style="fill:#CFD2DD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="524.000000" y="185.500000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">diamond container</text></g><g id="containers.oval container"><g class="shape" ><ellipse class="shape" cx="822.000000" cy="226.000000" rx="139.000000" ry="107.000000" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="822.000000" y="180.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">oval container</text></g><g id="containers.hexagon container"><g class="shape" ><path d="M 1051 119 L 981 226 L 1051 333 L 1190 333 L 1259 226 L 1190 119 Z" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="1120.000000" y="183.666667" style="text-anchor:middle;font-size:24px;fill:#0A0F25">hexagon container</text></g><g id="containers.circle container.diamond"><g class="shape" ><path d="M 226 258 C 226 258 225 258 225 258 L 162 227 C 161 227 161 226 162 226 L 225 194 C 226 194 227 194 227 194 L 289 225 C 290 225 290 226 289 226 L 227 258 C 227 258 226 258 226 258 Z" style="fill:#CFD2DD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="226.000000" y="231.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">diamond</text></g><g id="containers.diamond container.circle"><g class="shape" ><ellipse class="shape" cx="524.000000" cy="226.000000" rx="64.000000" ry="64.000000" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="524.000000" y="231.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">circle</text></g><g id="containers.oval container.hexagon"><g class="shape" ><path d="M 790 194 L 758 226 L 790 258 L 854 258 L 886 226 L 854 194 Z" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="822.000000" y="231.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">hexagon</text></g><g id="containers.hexagon container.oval"><g class="shape" ><ellipse class="shape" cx="1120.000000" cy="226.000000" rx="64.000000" ry="32.000000" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1120.000000" y="231.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">oval</text></g><g id="(cloud -&gt; class)[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 1610.000000 441.000000 L 1610.000000 736.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#128338623)"/></g><g id="(class -&gt; tall cylinder)[0]"><path d="M 1610.000000 1142.000000 L 1610.000000 1436.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#128338623)"/></g><g id="(tall cylinder -&gt; users)[0]"><path d="M 1610.000000 1954.000000 L 1610.000000 2048.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#128338623)"/></g><g id="(container -&gt; text)[0]"><path d="M 2230.000000 442.000000 L 2230.000000 536.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#128338623)"/></g><g id="(text -&gt; code)[0]"><path d="M 2230.000000 1342.000000 L 2230.000000 1542.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#128338623)"/></g><g id="(code -&gt; small code)[0]"><path d="M 2230.000000 1848.000000 L 2230.000000 2048.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#128338623)"/></g><mask id="128338623" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2622" height="2644">
</text><text class="text-mono" x="0" y="3.000000em" xml:space="preserve">fmt.<tspan fill="#990000" class="text-mono-bold">Printf</tspan>(<tspan fill="#dd1144">&quot;%d&quot;</tspan>,&#160;b)</text></g></g></g><g id="containers.circle container"><g class="shape" ><ellipse class="shape" cx="226.000000" cy="226.000000" rx="139.000000" ry="107.000000" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="226.000000" y="180.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">circle container</text></g><g id="containers.diamond container"><g class="shape" ><path d="M 524 365 C 523 365 522 365 521 364 L 386 229 C 385 228 385 225 386 224 L 521 88 C 522 87 525 87 526 88 L 661 224 C 662 225 662 228 661 229 L 527 364 C 526 365 525 365 524 365 Z" style="fill:#CFD2DD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="524.000000" y="185.500000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">diamond container</text></g><g id="containers.oval container"><g class="shape" ><ellipse class="shape" cx="822.000000" cy="226.000000" rx="139.000000" ry="107.000000" style="fill:#EDF0FD;stroke:#0D32B2;stroke-width:2;" /></g><text class="text" x="822.000000" y="180.000000" style="text-anchor:middle;font-size:24px;fill:#0A0F25">oval container</text></g><g id="containers.hexagon container"><g class="shape" ><path d="M 1051 119 L 981 226 L 1051 333 L 1190 333 L 1259 226 L 1190 119 Z" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:2;"/></g><text class="text" x="1120.000000" y="183.666667" style="text-anchor:middle;font-size:24px;fill:#0A0F25">hexagon container</text></g><g id="containers.circle container.diamond"><g class="shape" ><path d="M 226 258 C 226 258 225 258 225 258 L 162 227 C 161 227 161 226 162 226 L 225 194 C 226 194 227 194 227 194 L 289 225 C 290 225 290 226 289 226 L 227 258 C 227 258 226 258 226 258 Z" style="fill:#CFD2DD;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="226.000000" y="231.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">diamond</text></g><g id="containers.diamond container.circle"><g class="shape" ><ellipse class="shape" cx="524.000000" cy="226.000000" rx="64.000000" ry="64.000000" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="524.000000" y="231.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">circle</text></g><g id="containers.oval container.hexagon"><g class="shape" ><path d="M 790 194 L 758 226 L 790 258 L 854 258 L 886 226 L 854 194 Z" style="fill:#DEE1EB;stroke:#0D32B2;stroke-width:2;"/></g><text class="text-bold" x="822.000000" y="231.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">hexagon</text></g><g id="containers.hexagon container.oval"><g class="shape" ><ellipse class="shape" cx="1120.000000" cy="226.000000" rx="64.000000" ry="32.000000" style="fill:#F7F8FE;stroke:#0D32B2;stroke-width:2;" /></g><text class="text-bold" x="1120.000000" y="231.500000" style="text-anchor:middle;font-size:16px;fill:#0A0F25">oval</text></g><g id="(cloud -&gt; class)[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 1610.000000 441.000000 L 1610.000000 736.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4198495199)"/></g><g id="(class -&gt; tall cylinder)[0]"><path d="M 1610.000000 1142.000000 L 1610.000000 1436.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4198495199)"/></g><g id="(tall cylinder -&gt; users)[0]"><path d="M 1610.000000 1954.000000 L 1610.000000 2048.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4198495199)"/></g><g id="(container -&gt; text)[0]"><path d="M 2230.000000 442.000000 L 2230.000000 536.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4198495199)"/></g><g id="(text -&gt; code)[0]"><path d="M 2230.000000 1342.000000 L 2230.000000 1542.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4198495199)"/></g><g id="(code -&gt; small code)[0]"><path d="M 2230.000000 1848.000000 L 2230.000000 2048.000000" class="connection" style="fill:none;stroke:#0D32B2;stroke-width:2;" marker-end="url(#mk-3990223579)" mask="url(#4198495199)"/></g><mask id="4198495199" maskUnits="userSpaceOnUse" x="-100" y="-100" width="2622" height="2644">
<rect x="-100" y="-100" width="2622" height="2644" fill="white"></rect>
</mask><style type="text/css"><![CDATA[

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 942 KiB

After

Width:  |  Height:  |  Size: 942 KiB