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

tests

Browse source
This commit is contained in:
Alexander Wang 2023-06-05 11:33:34 -07:00
parent 24f48ee438
commit 4147c4506c
No known key found for this signature in database
GPG key ID: D89FA31966BDBECE
56 changed files with 2120 additions and 1696 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
d2graph/d2graph.go
View file

@ -1005,7 +1005,7 @@ func (obj *Object) GetDefaultSize(mtexts []*d2target.MText, ruler *textmeasure.R
case d2target.ShapeSQLTable:
maxNameWidth := 0
maxTypeWidth := 0
constraintWidth := 0
maxConstraintWidth := 0
colFontSize := d2fonts.FONT_SIZE_L
if obj.Style.FontSize != nil {
@ -1032,23 +1032,24 @@ func (obj *Object) GetDefaultSize(mtexts []*d2target.MText, ruler *textmeasure.R
}
c.Type.LabelWidth = typeDims.Width
c.Type.LabelHeight = typeDims.Height
if maxTypeWidth < typeDims.Width {
maxTypeWidth = typeDims.Width
}
maxTypeWidth = go2.Max(maxTypeWidth, typeDims.Width)
if l := len(c.Constraint); l > 0 {
// 60 covers UNQ constraint with padding, 40 for further constraints covers UNQ + comma + space
if newWidth := 60 + 40*(l-1); newWidth > constraintWidth {
constraintWidth = newWidth
constraintDims := GetTextDimensions(mtexts, ruler, ctexts[2], fontFamily)
if typeDims == nil {
return nil, fmt.Errorf("dimensions for sql_table constraint %#v not found", ctexts[2].Text)
}
maxConstraintWidth = go2.Max(maxConstraintWidth, constraintDims.Width)
}
}
// The rows get padded a little due to header font being larger than row font
dims.Height = go2.Max(12, labelDims.Height*(len(obj.SQLTable.Columns)+1))
headerWidth := d2target.HeaderPadding + labelDims.Width + d2target.HeaderPadding
rowsWidth := d2target.NamePadding + maxNameWidth + d2target.TypePadding + maxTypeWidth + d2target.TypePadding + constraintWidth
rowsWidth := d2target.NamePadding + maxNameWidth + d2target.TypePadding + maxTypeWidth + d2target.TypePadding + maxConstraintWidth
if maxConstraintWidth != 0 {
rowsWidth += d2target.ConstraintPadding
}
dims.Width = go2.Max(12, go2.Max(headerWidth, rowsWidth))
}

162
d2renderers/d2sketch/testdata/class_and_sqlTable_border_radius/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: 71 KiB

After

Width:  |  Height:  |  Size: 71 KiB

156
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: 74 KiB

After

Width:  |  Height:  |  Size: 74 KiB

156
d2renderers/d2sketch/testdata/sql_tables_dark/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: 65 KiB

After

Width:  |  Height:  |  Size: 65 KiB

2
d2renderers/d2svg/dark_theme/testdata/opacity/dark_theme.exp.svg vendored
View file

@ -844,7 +844,7 @@
margin: 0 -1.6em 0.25em 0.2em;
}
</style><g id="x" style='opacity:0.400000'><g class="shape" ><rect x="162.000000" y="3.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="189.000000" y="41.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g id="y" style='opacity:0.400000'><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="276.000000" y="24.000000" width="347" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md"><p>linux: because a PC is a terrible thing to waste</p>
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="162.000000" y="211.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="189.000000" y="249.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="users" style='opacity:0.400000'><g class="shape" ><rect x="683.000000" y="0.000000" width="211.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="683.000000" y="0.000000" width="211.000000" height="36.000000" class="class_header fill-N1" /><text x="693.000000" y="25.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">users</text><text x="693.000000" y="59.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">last_login</text><text x="796.000000" y="59.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">datetime</text><text x="874.000000" y="59.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="683.000000" x2="894.000000" y1="72.000000" y2="72.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="(x -&gt; a)[0]" style='opacity:0.400000'><marker id="mk-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 189.000000 71.000000 C 189.000000 127.000000 189.000000 155.500000 189.000000 207.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3707432891)" /><text x="189.000000" y="137.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px"><tspan x="189.000000" dy="0.000000">You don&#39;t have to know how the computer works,</tspan><tspan x="189.000000" dy="19.500000">just how to work the computer.</tspan></text></g><mask id="d2-3707432891" maskUnits="userSpaceOnUse" x="-100" y="-101" width="1095" height="479">
</div></foreignObject></g></g><g id="a"><g class="shape" ><rect x="162.000000" y="211.000000" width="54.000000" height="66.000000" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="189.000000" y="249.500000" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g id="users" style='opacity:0.400000'><g class="shape" ><rect x="683.000000" y="0.000000" width="211.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="683.000000" y="0.000000" width="211.000000" height="36.000000" class="class_header fill-N1" /><text x="693.000000" y="25.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">users</text><text x="693.000000" y="59.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">last_login</text><text x="796.000000" y="59.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">datetime</text><text x="884.000000" y="59.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="683.000000" x2="894.000000" y1="72.000000" y2="72.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="(x -&gt; a)[0]" style='opacity:0.400000'><marker id="mk-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 189.000000 71.000000 C 189.000000 127.000000 189.000000 155.500000 189.000000 207.500000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3707432891)" /><text x="189.000000" y="137.000000" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px"><tspan x="189.000000" dy="0.000000">You don&#39;t have to know how the computer works,</tspan><tspan x="189.000000" dy="19.500000">just how to work the computer.</tspan></text></g><mask id="d2-3707432891" maskUnits="userSpaceOnUse" x="-100" y="-101" width="1095" height="479">
<rect x="-100" y="-101" width="1095" height="479" fill="white"></rect>
<rect x="0.000000" y="121.000000" width="378" height="39" fill="black"></rect>
</mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 62 KiB

After

Width:  |  Height:  |  Size: 62 KiB

154
d2renderers/d2svg/dark_theme/testdata/sql_tables/dark_theme.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: 24 KiB

After

Width:  |  Height:  |  Size: 23 KiB

19
d2renderers/d2svg/table.go
View file

@ -74,18 +74,12 @@ func tableHeader(diagramHash string, shape d2target.Shape, box *geo.Box, text st
return str
}
func tableRow(shape d2target.Shape, box *geo.Box, nameText, typeText, constraintText string, fontSize, longestNameWidth float64) string {
func tableRow(shape d2target.Shape, box *geo.Box, nameText, typeText, constraintText string, fontSize, longestNameWidth, longestTypeWidth float64) string {
// Row is made up of name, type, and constraint
// e.g. | diagram int FK |
nameTL := label.InsideMiddleLeft.GetPointOnBox(
box,
d2target.NamePadding,
box.Width,
fontSize,
)
constraintTR := label.InsideMiddleRight.GetPointOnBox(
box,
d2target.TypePadding,
0,
fontSize,
)
@ -99,15 +93,14 @@ func tableRow(shape d2target.Shape, box *geo.Box, nameText, typeText, constraint
textEl.Content = svg.EscapeText(nameText)
out := textEl.Render()
textEl.X = nameTL.X + longestNameWidth + 2*d2target.NamePadding
textEl.X += longestNameWidth + d2target.TypePadding
textEl.Fill = shape.NeutralAccentColor
textEl.Content = svg.EscapeText(typeText)
out += textEl.Render()
textEl.X = constraintTR.X
textEl.Y = constraintTR.Y + fontSize*3/4
textEl.X = box.TopLeft.X + (box.Width - d2target.NamePadding)
textEl.Fill = shape.SecondaryAccentColor
textEl.Style = fmt.Sprintf("text-anchor:%s;font-size:%vpx;letter-spacing:2px", "end", fontSize)
textEl.Style = fmt.Sprintf("text-anchor:%s;font-size:%vpx", "end", fontSize)
textEl.Content = constraintText
out += textEl.Render()
@ -144,15 +137,17 @@ func drawTable(writer io.Writer, diagramHash string, targetShape d2target.Shape)
)
var longestNameWidth int
var longestTypeWidth int
for _, f := range targetShape.Columns {
longestNameWidth = go2.Max(longestNameWidth, f.Name.LabelWidth)
longestTypeWidth = go2.Max(longestTypeWidth, f.Type.LabelWidth)
}
rowBox := geo.NewBox(box.TopLeft.Copy(), box.Width, rowHeight)
rowBox.TopLeft.Y += headerBox.Height
for idx, f := range targetShape.Columns {
fmt.Fprint(writer,
tableRow(targetShape, rowBox, f.Name.Label, f.Type.Label, f.ConstraintAbbr(), float64(targetShape.FontSize), float64(longestNameWidth)),
tableRow(targetShape, rowBox, f.Name.Label, f.Type.Label, f.ConstraintAbbr(), float64(targetShape.FontSize), float64(longestNameWidth), float64(longestTypeWidth)),
)
rowBox.TopLeft.Y += rowHeight

30
d2target/sqltable.go
View file

@ -3,9 +3,10 @@ package d2target
import "strings"
const (
NamePadding = 10
TypePadding = 20
HeaderPadding = 10
NamePadding = 10
TypePadding = 20
ConstraintPadding = 20
HeaderPadding = 10
// Setting table font size sets it for columns
// The header needs to be a little larger for visual hierarchy
@ -39,26 +40,31 @@ func (c SQLColumn) Texts(fontSize int) []*MText {
IsItalic: false,
Shape: "sql_table",
},
{
Text: c.ConstraintAbbr(),
FontSize: fontSize,
IsBold: false,
IsItalic: false,
Shape: "sql_table",
},
}
}
func (c SQLColumn) ConstraintAbbr() string {
var abbrs []string
for _, constraint := range c.Constraint {
var abbr string
constraints := make([]string, len(c.Constraint))
for i, constraint := range c.Constraint {
switch constraint {
case "primary_key":
abbr = "PK"
constraint = "PK"
case "foreign_key":
abbr = "FK"
constraint = "FK"
case "unique":
abbr = "UNQ"
constraint = "UNQ"
}
abbrs = append(abbrs, abbr)
constraints[i] = constraint
}
return strings.Join(abbrs, ", ")
return strings.Join(constraints, ", ")
}

BIN
e2etests-cli/testdata/TestCLI_E2E/internal_linked_pdf.exp.pdf vendored
View file

Binary file not shown.

10
e2etests/stable_test.go
View file

@ -2409,6 +2409,16 @@ d: {
shape: sql_table
x: INT {constraint: [primary_key; foreign_key; unique]}
}
e: {
shape: sql_table
x: INT {constraint: [no_abbrev; foreign_key; hello]}
y: string
z: STRING {constraint: yo}
}
f: {
shape: sql_table
x: INT
}
`,
},
{

12
e2etests/testdata/patterns/real-lines/dagre/board.exp.json generated vendored
View file

@ -176,7 +176,7 @@
"x": 401,
"y": 100
},
"width": 311,
"width": 294,
"height": 180,
"opacity": 1,
"strokeDash": 0,
@ -335,7 +335,7 @@
"x": 401,
"y": 401
},
"width": 311,
"width": 294,
"height": 180,
"opacity": 1,
"strokeDash": 0,
@ -655,19 +655,19 @@
"labelPercentage": 0,
"route": [
{
"x": 556,
"x": 547.5,
"y": 280
},
{
"x": 556,
"x": 547.5,
"y": 328.3999938964844
},
{
"x": 556,
"x": 547.5,
"y": 352.70001220703125
},
{
"x": 556,
"x": 547.5,
"y": 401.5
}
],

168
e2etests/testdata/patterns/real-lines/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: 61 KiB

After

Width:  |  Height:  |  Size: 61 KiB

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

@ -96,7 +96,7 @@
.d2-3940939446 .color-AA4{color:#EDF0FD;}
.d2-3940939446 .color-AA5{color:#F7F8FE;}
.d2-3940939446 .color-AB4{color:#EDF0FD;}
.d2-3940939446 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="class2"><g class="shape" ><rect x="0.000000" y="0.000000" width="1082.000000" height="92.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="0.000000" y="0.000000" width="1082.000000" height="92.000000" class="class_header fill-N1" /><text x="541.000000" y="53.750000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">RefreshAuthorizationPolicyProtocolServerSideTranslatorProtocolBuffer</text><line x1="0.000000" x2="1082.000000" y1="92.000000" y2="92.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><g id="table"><g class="shape" ><rect x="351.000000" y="192.000000" width="381.000000" height="36.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="351.000000" y="192.000000" width="381.000000" height="36.000000" class="class_header fill-N1" /><text x="361.000000" y="217.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">RefreshAuthorizationPolicyCache</text></g></g><g id="table with short col"><g class="shape" ><rect x="351.000000" y="328.000000" width="381.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="351.000000" y="328.000000" width="381.000000" height="36.000000" class="class_header fill-N1" /><text x="361.000000" y="353.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">RefreshAuthorizationPolicyCache</text><text x="361.000000" y="387.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">ok</text><text x="402.000000" y="387.000000" class="text fill-N2" style="text-anchor:start;font-size:20px" /><text x="712.000000" y="387.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="351.000000" x2="732.000000" y1="400.000000" y2="400.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="(class2 -&gt; table)[0]"><marker id="mk-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 541.000000 94.000000 C 541.000000 132.000000 541.000000 152.000000 541.000000 188.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3940939446)" /></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" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3940939446)" /></g><mask id="d2-3940939446" maskUnits="userSpaceOnUse" x="-1" y="-1" width="1084" height="402">
.d2-3940939446 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="class2"><g class="shape" ><rect x="0.000000" y="0.000000" width="1082.000000" height="92.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="0.000000" y="0.000000" width="1082.000000" height="92.000000" class="class_header fill-N1" /><text x="541.000000" y="53.750000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">RefreshAuthorizationPolicyProtocolServerSideTranslatorProtocolBuffer</text><line x1="0.000000" x2="1082.000000" y1="92.000000" y2="92.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><g id="table"><g class="shape" ><rect x="351.000000" y="192.000000" width="381.000000" height="36.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="351.000000" y="192.000000" width="381.000000" height="36.000000" class="class_header fill-N1" /><text x="361.000000" y="217.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">RefreshAuthorizationPolicyCache</text></g></g><g id="table with short col"><g class="shape" ><rect x="351.000000" y="328.000000" width="381.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="351.000000" y="328.000000" width="381.000000" height="36.000000" class="class_header fill-N1" /><text x="361.000000" y="353.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">RefreshAuthorizationPolicyCache</text><text x="361.000000" y="387.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">ok</text><text x="402.000000" y="387.000000" class="text fill-N2" style="text-anchor:start;font-size:20px" /><text x="722.000000" y="387.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="351.000000" x2="732.000000" y1="400.000000" y2="400.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="(class2 -&gt; table)[0]"><marker id="mk-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 541.000000 94.000000 C 541.000000 132.000000 541.000000 152.000000 541.000000 188.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3940939446)" /></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" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3940939446)" /></g><mask id="d2-3940939446" maskUnits="userSpaceOnUse" x="-1" y="-1" width="1084" height="402">
<rect x="-1" y="-1" width="1084" height="402" fill="white"></rect>
</mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

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

@ -96,7 +96,7 @@
.d2-3935436195 .color-AA4{color:#EDF0FD;}
.d2-3935436195 .color-AA5{color:#F7F8FE;}
.d2-3935436195 .color-AB4{color:#EDF0FD;}
.d2-3935436195 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="class2"><g class="shape" ><rect x="12.000000" y="12.000000" width="1082.000000" height="92.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="12.000000" width="1082.000000" height="92.000000" class="class_header fill-N1" /><text x="553.000000" y="65.750000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">RefreshAuthorizationPolicyProtocolServerSideTranslatorProtocolBuffer</text><line x1="12.000000" x2="1094.000000" y1="104.000000" y2="104.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><g id="table"><g class="shape" ><rect x="362.000000" y="174.000000" width="381.000000" height="36.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="362.000000" y="174.000000" width="381.000000" height="36.000000" class="class_header fill-N1" /><text x="372.000000" y="199.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">RefreshAuthorizationPolicyCache</text></g></g><g id="table with short col"><g class="shape" ><rect x="362.000000" y="280.000000" width="381.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="362.000000" y="280.000000" width="381.000000" height="36.000000" class="class_header fill-N1" /><text x="372.000000" y="305.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">RefreshAuthorizationPolicyCache</text><text x="372.000000" y="339.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">ok</text><text x="413.000000" y="339.000000" class="text fill-N2" style="text-anchor:start;font-size:20px" /><text x="723.000000" y="339.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="362.000000" x2="743.000000" y1="352.000000" y2="352.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="(class2 -&gt; table)[0]"><marker id="mk-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 553.000000 106.000000 L 553.000000 170.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3935436195)" /></g><g id="(table -&gt; table with short col)[0]"><path d="M 553.000000 212.000000 L 553.000000 276.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3935436195)" /></g><mask id="d2-3935436195" maskUnits="userSpaceOnUse" x="11" y="11" width="1084" height="342">
.d2-3935436195 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="class2"><g class="shape" ><rect x="12.000000" y="12.000000" width="1082.000000" height="92.000000" class=" stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="12.000000" width="1082.000000" height="92.000000" class="class_header fill-N1" /><text x="553.000000" y="65.750000" class="text-mono fill-N7" style="text-anchor:middle;font-size:24px;">RefreshAuthorizationPolicyProtocolServerSideTranslatorProtocolBuffer</text><line x1="12.000000" x2="1094.000000" y1="104.000000" y2="104.000000" class=" stroke-N1" style="stroke-width:1" /></g></g><g id="table"><g class="shape" ><rect x="362.000000" y="174.000000" width="381.000000" height="36.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="362.000000" y="174.000000" width="381.000000" height="36.000000" class="class_header fill-N1" /><text x="372.000000" y="199.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">RefreshAuthorizationPolicyCache</text></g></g><g id="table with short col"><g class="shape" ><rect x="362.000000" y="280.000000" width="381.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="362.000000" y="280.000000" width="381.000000" height="36.000000" class="class_header fill-N1" /><text x="372.000000" y="305.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">RefreshAuthorizationPolicyCache</text><text x="372.000000" y="339.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">ok</text><text x="413.000000" y="339.000000" class="text fill-N2" style="text-anchor:start;font-size:20px" /><text x="733.000000" y="339.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="362.000000" x2="743.000000" y1="352.000000" y2="352.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="(class2 -&gt; table)[0]"><marker id="mk-3488378134" 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 points="0.000000,0.000000 10.000000,6.000000 0.000000,12.000000" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 553.000000 106.000000 L 553.000000 170.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3935436195)" /></g><g id="(table -&gt; table with short col)[0]"><path d="M 553.000000 212.000000 L 553.000000 276.000000" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-3488378134)" mask="url(#d2-3935436195)" /></g><mask id="d2-3935436195" maskUnits="userSpaceOnUse" x="11" y="11" width="1084" height="342">
<rect x="11" y="11" width="1084" height="342" fill="white"></rect>
</mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 18 KiB

After

Width:  |  Height:  |  Size: 18 KiB

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

@ -110,7 +110,7 @@
"x": 594,
"y": 0
},
"width": 594,
"width": 592,
"height": 108,
"opacity": 1,
"strokeDash": 0,

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

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1190 110"><svg id="d2-svg" class="d2-2606580960" width="1190" height="110" viewBox="-1 -1 1190 110"><rect x="-1.000000" y="-1.000000" width="1190.000000" height="110.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-2606580960 .text {
font-family: "d2-2606580960-font-regular";
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1188 110"><svg id="d2-svg" class="d2-1684363094" width="1188" height="110" viewBox="-1 -1 1188 110"><rect x="-1.000000" y="-1.000000" width="1188.000000" height="110.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-1684363094 .text {
font-family: "d2-1684363094-font-regular";
}
@font-face {
font-family: d2-2606580960-font-regular;
font-family: d2-1684363094-font-regular;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -18,78 +18,78 @@
opacity: 0.5;
}
.d2-2606580960 .fill-N1{fill:#0A0F25;}
.d2-2606580960 .fill-N2{fill:#676C7E;}
.d2-2606580960 .fill-N3{fill:#9499AB;}
.d2-2606580960 .fill-N4{fill:#CFD2DD;}
.d2-2606580960 .fill-N5{fill:#DEE1EB;}
.d2-2606580960 .fill-N6{fill:#EEF1F8;}
.d2-2606580960 .fill-N7{fill:#FFFFFF;}
.d2-2606580960 .fill-B1{fill:#0D32B2;}
.d2-2606580960 .fill-B2{fill:#0D32B2;}
.d2-2606580960 .fill-B3{fill:#E3E9FD;}
.d2-2606580960 .fill-B4{fill:#E3E9FD;}
.d2-2606580960 .fill-B5{fill:#EDF0FD;}
.d2-2606580960 .fill-B6{fill:#F7F8FE;}
.d2-2606580960 .fill-AA2{fill:#4A6FF3;}
.d2-2606580960 .fill-AA4{fill:#EDF0FD;}
.d2-2606580960 .fill-AA5{fill:#F7F8FE;}
.d2-2606580960 .fill-AB4{fill:#EDF0FD;}
.d2-2606580960 .fill-AB5{fill:#F7F8FE;}
.d2-2606580960 .stroke-N1{stroke:#0A0F25;}
.d2-2606580960 .stroke-N2{stroke:#676C7E;}
.d2-2606580960 .stroke-N3{stroke:#9499AB;}
.d2-2606580960 .stroke-N4{stroke:#CFD2DD;}
.d2-2606580960 .stroke-N5{stroke:#DEE1EB;}
.d2-2606580960 .stroke-N6{stroke:#EEF1F8;}
.d2-2606580960 .stroke-N7{stroke:#FFFFFF;}
.d2-2606580960 .stroke-B1{stroke:#0D32B2;}
.d2-2606580960 .stroke-B2{stroke:#0D32B2;}
.d2-2606580960 .stroke-B3{stroke:#E3E9FD;}
.d2-2606580960 .stroke-B4{stroke:#E3E9FD;}
.d2-2606580960 .stroke-B5{stroke:#EDF0FD;}
.d2-2606580960 .stroke-B6{stroke:#F7F8FE;}
.d2-2606580960 .stroke-AA2{stroke:#4A6FF3;}
.d2-2606580960 .stroke-AA4{stroke:#EDF0FD;}
.d2-2606580960 .stroke-AA5{stroke:#F7F8FE;}
.d2-2606580960 .stroke-AB4{stroke:#EDF0FD;}
.d2-2606580960 .stroke-AB5{stroke:#F7F8FE;}
.d2-2606580960 .background-color-N1{background-color:#0A0F25;}
.d2-2606580960 .background-color-N2{background-color:#676C7E;}
.d2-2606580960 .background-color-N3{background-color:#9499AB;}
.d2-2606580960 .background-color-N4{background-color:#CFD2DD;}
.d2-2606580960 .background-color-N5{background-color:#DEE1EB;}
.d2-2606580960 .background-color-N6{background-color:#EEF1F8;}
.d2-2606580960 .background-color-N7{background-color:#FFFFFF;}
.d2-2606580960 .background-color-B1{background-color:#0D32B2;}
.d2-2606580960 .background-color-B2{background-color:#0D32B2;}
.d2-2606580960 .background-color-B3{background-color:#E3E9FD;}
.d2-2606580960 .background-color-B4{background-color:#E3E9FD;}
.d2-2606580960 .background-color-B5{background-color:#EDF0FD;}
.d2-2606580960 .background-color-B6{background-color:#F7F8FE;}
.d2-2606580960 .background-color-AA2{background-color:#4A6FF3;}
.d2-2606580960 .background-color-AA4{background-color:#EDF0FD;}
.d2-2606580960 .background-color-AA5{background-color:#F7F8FE;}
.d2-2606580960 .background-color-AB4{background-color:#EDF0FD;}
.d2-2606580960 .background-color-AB5{background-color:#F7F8FE;}
.d2-2606580960 .color-N1{color:#0A0F25;}
.d2-2606580960 .color-N2{color:#676C7E;}
.d2-2606580960 .color-N3{color:#9499AB;}
.d2-2606580960 .color-N4{color:#CFD2DD;}
.d2-2606580960 .color-N5{color:#DEE1EB;}
.d2-2606580960 .color-N6{color:#EEF1F8;}
.d2-2606580960 .color-N7{color:#FFFFFF;}
.d2-2606580960 .color-B1{color:#0D32B2;}
.d2-2606580960 .color-B2{color:#0D32B2;}
.d2-2606580960 .color-B3{color:#E3E9FD;}
.d2-2606580960 .color-B4{color:#E3E9FD;}
.d2-2606580960 .color-B5{color:#EDF0FD;}
.d2-2606580960 .color-B6{color:#F7F8FE;}
.d2-2606580960 .color-AA2{color:#4A6FF3;}
.d2-2606580960 .color-AA4{color:#EDF0FD;}
.d2-2606580960 .color-AA5{color:#F7F8FE;}
.d2-2606580960 .color-AB4{color:#EDF0FD;}
.d2-2606580960 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="table"><g class="shape" ><rect x="0.000000" y="0.000000" width="534.000000" height="108.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="0.000000" y="0.000000" width="534.000000" height="36.000000" class="class_header fill-N1" /><text x="10.000000" y="25.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">sql_table_overflow</text><text x="10.000000" y="59.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">short</text><text x="272.000000" y="59.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">loooooooooooooooooooong</text><text x="514.000000" y="59.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="0.000000" x2="534.000000" y1="72.000000" y2="72.000000" class=" stroke-N1" style="stroke-width:2" /><text x="10.000000" y="95.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">loooooooooooooooooooong</text><text x="272.000000" y="95.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">short</text><text x="514.000000" y="95.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="0.000000" x2="534.000000" y1="108.000000" y2="108.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="table_constrained"><g class="shape" ><rect x="594.000000" y="0.000000" width="594.000000" height="108.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="594.000000" y="0.000000" width="594.000000" height="36.000000" class="class_header fill-N1" /><text x="604.000000" y="25.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">sql_table_constrained_overflow</text><text x="604.000000" y="59.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">short</text><text x="866.000000" y="59.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">loooooooooooooooooooong</text><text x="1168.000000" y="59.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px">UNQ</text><line x1="594.000000" x2="1188.000000" y1="72.000000" y2="72.000000" class=" stroke-N1" style="stroke-width:2" /><text x="604.000000" y="95.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">loooooooooooooooooooong</text><text x="866.000000" y="95.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">short</text><text x="1168.000000" y="95.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px">FK</text><line x1="594.000000" x2="1188.000000" y1="108.000000" y2="108.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><mask id="d2-2606580960" maskUnits="userSpaceOnUse" x="-1" y="-1" width="1190" height="110">
<rect x="-1" y="-1" width="1190" height="110" fill="white"></rect>
.d2-1684363094 .fill-N1{fill:#0A0F25;}
.d2-1684363094 .fill-N2{fill:#676C7E;}
.d2-1684363094 .fill-N3{fill:#9499AB;}
.d2-1684363094 .fill-N4{fill:#CFD2DD;}
.d2-1684363094 .fill-N5{fill:#DEE1EB;}
.d2-1684363094 .fill-N6{fill:#EEF1F8;}
.d2-1684363094 .fill-N7{fill:#FFFFFF;}
.d2-1684363094 .fill-B1{fill:#0D32B2;}
.d2-1684363094 .fill-B2{fill:#0D32B2;}
.d2-1684363094 .fill-B3{fill:#E3E9FD;}
.d2-1684363094 .fill-B4{fill:#E3E9FD;}
.d2-1684363094 .fill-B5{fill:#EDF0FD;}
.d2-1684363094 .fill-B6{fill:#F7F8FE;}
.d2-1684363094 .fill-AA2{fill:#4A6FF3;}
.d2-1684363094 .fill-AA4{fill:#EDF0FD;}
.d2-1684363094 .fill-AA5{fill:#F7F8FE;}
.d2-1684363094 .fill-AB4{fill:#EDF0FD;}
.d2-1684363094 .fill-AB5{fill:#F7F8FE;}
.d2-1684363094 .stroke-N1{stroke:#0A0F25;}
.d2-1684363094 .stroke-N2{stroke:#676C7E;}
.d2-1684363094 .stroke-N3{stroke:#9499AB;}
.d2-1684363094 .stroke-N4{stroke:#CFD2DD;}
.d2-1684363094 .stroke-N5{stroke:#DEE1EB;}
.d2-1684363094 .stroke-N6{stroke:#EEF1F8;}
.d2-1684363094 .stroke-N7{stroke:#FFFFFF;}
.d2-1684363094 .stroke-B1{stroke:#0D32B2;}
.d2-1684363094 .stroke-B2{stroke:#0D32B2;}
.d2-1684363094 .stroke-B3{stroke:#E3E9FD;}
.d2-1684363094 .stroke-B4{stroke:#E3E9FD;}
.d2-1684363094 .stroke-B5{stroke:#EDF0FD;}
.d2-1684363094 .stroke-B6{stroke:#F7F8FE;}
.d2-1684363094 .stroke-AA2{stroke:#4A6FF3;}
.d2-1684363094 .stroke-AA4{stroke:#EDF0FD;}
.d2-1684363094 .stroke-AA5{stroke:#F7F8FE;}
.d2-1684363094 .stroke-AB4{stroke:#EDF0FD;}
.d2-1684363094 .stroke-AB5{stroke:#F7F8FE;}
.d2-1684363094 .background-color-N1{background-color:#0A0F25;}
.d2-1684363094 .background-color-N2{background-color:#676C7E;}
.d2-1684363094 .background-color-N3{background-color:#9499AB;}
.d2-1684363094 .background-color-N4{background-color:#CFD2DD;}
.d2-1684363094 .background-color-N5{background-color:#DEE1EB;}
.d2-1684363094 .background-color-N6{background-color:#EEF1F8;}
.d2-1684363094 .background-color-N7{background-color:#FFFFFF;}
.d2-1684363094 .background-color-B1{background-color:#0D32B2;}
.d2-1684363094 .background-color-B2{background-color:#0D32B2;}
.d2-1684363094 .background-color-B3{background-color:#E3E9FD;}
.d2-1684363094 .background-color-B4{background-color:#E3E9FD;}
.d2-1684363094 .background-color-B5{background-color:#EDF0FD;}
.d2-1684363094 .background-color-B6{background-color:#F7F8FE;}
.d2-1684363094 .background-color-AA2{background-color:#4A6FF3;}
.d2-1684363094 .background-color-AA4{background-color:#EDF0FD;}
.d2-1684363094 .background-color-AA5{background-color:#F7F8FE;}
.d2-1684363094 .background-color-AB4{background-color:#EDF0FD;}
.d2-1684363094 .background-color-AB5{background-color:#F7F8FE;}
.d2-1684363094 .color-N1{color:#0A0F25;}
.d2-1684363094 .color-N2{color:#676C7E;}
.d2-1684363094 .color-N3{color:#9499AB;}
.d2-1684363094 .color-N4{color:#CFD2DD;}
.d2-1684363094 .color-N5{color:#DEE1EB;}
.d2-1684363094 .color-N6{color:#EEF1F8;}
.d2-1684363094 .color-N7{color:#FFFFFF;}
.d2-1684363094 .color-B1{color:#0D32B2;}
.d2-1684363094 .color-B2{color:#0D32B2;}
.d2-1684363094 .color-B3{color:#E3E9FD;}
.d2-1684363094 .color-B4{color:#E3E9FD;}
.d2-1684363094 .color-B5{color:#EDF0FD;}
.d2-1684363094 .color-B6{color:#F7F8FE;}
.d2-1684363094 .color-AA2{color:#4A6FF3;}
.d2-1684363094 .color-AA4{color:#EDF0FD;}
.d2-1684363094 .color-AA5{color:#F7F8FE;}
.d2-1684363094 .color-AB4{color:#EDF0FD;}
.d2-1684363094 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="table"><g class="shape" ><rect x="0.000000" y="0.000000" width="534.000000" height="108.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="0.000000" y="0.000000" width="534.000000" height="36.000000" class="class_header fill-N1" /><text x="10.000000" y="25.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">sql_table_overflow</text><text x="10.000000" y="59.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">short</text><text x="272.000000" y="59.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">loooooooooooooooooooong</text><text x="524.000000" y="59.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="0.000000" x2="534.000000" y1="72.000000" y2="72.000000" class=" stroke-N1" style="stroke-width:2" /><text x="10.000000" y="95.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">loooooooooooooooooooong</text><text x="272.000000" y="95.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">short</text><text x="524.000000" y="95.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="0.000000" x2="534.000000" y1="108.000000" y2="108.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="table_constrained"><g class="shape" ><rect x="594.000000" y="0.000000" width="592.000000" height="108.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="594.000000" y="0.000000" width="592.000000" height="36.000000" class="class_header fill-N1" /><text x="604.000000" y="25.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">sql_table_constrained_overflow</text><text x="604.000000" y="59.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">short</text><text x="866.000000" y="59.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">loooooooooooooooooooong</text><text x="1176.000000" y="59.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px">UNQ</text><line x1="594.000000" x2="1186.000000" y1="72.000000" y2="72.000000" class=" stroke-N1" style="stroke-width:2" /><text x="604.000000" y="95.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">loooooooooooooooooooong</text><text x="866.000000" y="95.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">short</text><text x="1176.000000" y="95.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px">FK</text><line x1="594.000000" x2="1186.000000" y1="108.000000" y2="108.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><mask id="d2-1684363094" maskUnits="userSpaceOnUse" x="-1" y="-1" width="1188" height="110">
<rect x="-1" y="-1" width="1188" height="110" fill="white"></rect>
</mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

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

@ -110,7 +110,7 @@
"x": 566,
"y": 12
},
"width": 594,
"width": 592,
"height": 108,
"opacity": 1,
"strokeDash": 0,

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

@ -1,9 +1,9 @@
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1150 110"><svg id="d2-svg" class="d2-3947134090" width="1150" height="110" viewBox="11 11 1150 110"><rect x="11.000000" y="11.000000" width="1150.000000" height="110.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-3947134090 .text {
font-family: "d2-3947134090-font-regular";
<?xml version="1.0" encoding="utf-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" d2Version="v0.4.2-HEAD" preserveAspectRatio="xMinYMin meet" viewBox="0 0 1148 110"><svg id="d2-svg" class="d2-1261803308" width="1148" height="110" viewBox="11 11 1148 110"><rect x="11.000000" y="11.000000" width="1148.000000" height="110.000000" rx="0.000000" class=" fill-N7" stroke-width="0" /><style type="text/css"><![CDATA[
.d2-1261803308 .text {
font-family: "d2-1261803308-font-regular";
}
@font-face {
font-family: d2-3947134090-font-regular;
font-family: d2-1261803308-font-regular;
src: url("data:application/font-woff;base64,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");
}]]></style><style type="text/css"><![CDATA[.shape {
shape-rendering: geometricPrecision;
@ -18,78 +18,78 @@
opacity: 0.5;
}
.d2-3947134090 .fill-N1{fill:#0A0F25;}
.d2-3947134090 .fill-N2{fill:#676C7E;}
.d2-3947134090 .fill-N3{fill:#9499AB;}
.d2-3947134090 .fill-N4{fill:#CFD2DD;}
.d2-3947134090 .fill-N5{fill:#DEE1EB;}
.d2-3947134090 .fill-N6{fill:#EEF1F8;}
.d2-3947134090 .fill-N7{fill:#FFFFFF;}
.d2-3947134090 .fill-B1{fill:#0D32B2;}
.d2-3947134090 .fill-B2{fill:#0D32B2;}
.d2-3947134090 .fill-B3{fill:#E3E9FD;}
.d2-3947134090 .fill-B4{fill:#E3E9FD;}
.d2-3947134090 .fill-B5{fill:#EDF0FD;}
.d2-3947134090 .fill-B6{fill:#F7F8FE;}
.d2-3947134090 .fill-AA2{fill:#4A6FF3;}
.d2-3947134090 .fill-AA4{fill:#EDF0FD;}
.d2-3947134090 .fill-AA5{fill:#F7F8FE;}
.d2-3947134090 .fill-AB4{fill:#EDF0FD;}
.d2-3947134090 .fill-AB5{fill:#F7F8FE;}
.d2-3947134090 .stroke-N1{stroke:#0A0F25;}
.d2-3947134090 .stroke-N2{stroke:#676C7E;}
.d2-3947134090 .stroke-N3{stroke:#9499AB;}
.d2-3947134090 .stroke-N4{stroke:#CFD2DD;}
.d2-3947134090 .stroke-N5{stroke:#DEE1EB;}
.d2-3947134090 .stroke-N6{stroke:#EEF1F8;}
.d2-3947134090 .stroke-N7{stroke:#FFFFFF;}
.d2-3947134090 .stroke-B1{stroke:#0D32B2;}
.d2-3947134090 .stroke-B2{stroke:#0D32B2;}
.d2-3947134090 .stroke-B3{stroke:#E3E9FD;}
.d2-3947134090 .stroke-B4{stroke:#E3E9FD;}
.d2-3947134090 .stroke-B5{stroke:#EDF0FD;}
.d2-3947134090 .stroke-B6{stroke:#F7F8FE;}
.d2-3947134090 .stroke-AA2{stroke:#4A6FF3;}
.d2-3947134090 .stroke-AA4{stroke:#EDF0FD;}
.d2-3947134090 .stroke-AA5{stroke:#F7F8FE;}
.d2-3947134090 .stroke-AB4{stroke:#EDF0FD;}
.d2-3947134090 .stroke-AB5{stroke:#F7F8FE;}
.d2-3947134090 .background-color-N1{background-color:#0A0F25;}
.d2-3947134090 .background-color-N2{background-color:#676C7E;}
.d2-3947134090 .background-color-N3{background-color:#9499AB;}
.d2-3947134090 .background-color-N4{background-color:#CFD2DD;}
.d2-3947134090 .background-color-N5{background-color:#DEE1EB;}
.d2-3947134090 .background-color-N6{background-color:#EEF1F8;}
.d2-3947134090 .background-color-N7{background-color:#FFFFFF;}
.d2-3947134090 .background-color-B1{background-color:#0D32B2;}
.d2-3947134090 .background-color-B2{background-color:#0D32B2;}
.d2-3947134090 .background-color-B3{background-color:#E3E9FD;}
.d2-3947134090 .background-color-B4{background-color:#E3E9FD;}
.d2-3947134090 .background-color-B5{background-color:#EDF0FD;}
.d2-3947134090 .background-color-B6{background-color:#F7F8FE;}
.d2-3947134090 .background-color-AA2{background-color:#4A6FF3;}
.d2-3947134090 .background-color-AA4{background-color:#EDF0FD;}
.d2-3947134090 .background-color-AA5{background-color:#F7F8FE;}
.d2-3947134090 .background-color-AB4{background-color:#EDF0FD;}
.d2-3947134090 .background-color-AB5{background-color:#F7F8FE;}
.d2-3947134090 .color-N1{color:#0A0F25;}
.d2-3947134090 .color-N2{color:#676C7E;}
.d2-3947134090 .color-N3{color:#9499AB;}
.d2-3947134090 .color-N4{color:#CFD2DD;}
.d2-3947134090 .color-N5{color:#DEE1EB;}
.d2-3947134090 .color-N6{color:#EEF1F8;}
.d2-3947134090 .color-N7{color:#FFFFFF;}
.d2-3947134090 .color-B1{color:#0D32B2;}
.d2-3947134090 .color-B2{color:#0D32B2;}
.d2-3947134090 .color-B3{color:#E3E9FD;}
.d2-3947134090 .color-B4{color:#E3E9FD;}
.d2-3947134090 .color-B5{color:#EDF0FD;}
.d2-3947134090 .color-B6{color:#F7F8FE;}
.d2-3947134090 .color-AA2{color:#4A6FF3;}
.d2-3947134090 .color-AA4{color:#EDF0FD;}
.d2-3947134090 .color-AA5{color:#F7F8FE;}
.d2-3947134090 .color-AB4{color:#EDF0FD;}
.d2-3947134090 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="table"><g class="shape" ><rect x="12.000000" y="12.000000" width="534.000000" height="108.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="12.000000" width="534.000000" height="36.000000" class="class_header fill-N1" /><text x="22.000000" y="37.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">sql_table_overflow</text><text x="22.000000" y="71.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">short</text><text x="284.000000" y="71.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">loooooooooooooooooooong</text><text x="526.000000" y="71.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="12.000000" x2="546.000000" y1="84.000000" y2="84.000000" class=" stroke-N1" style="stroke-width:2" /><text x="22.000000" y="107.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">loooooooooooooooooooong</text><text x="284.000000" y="107.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">short</text><text x="526.000000" y="107.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="12.000000" x2="546.000000" y1="120.000000" y2="120.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="table_constrained"><g class="shape" ><rect x="566.000000" y="12.000000" width="594.000000" height="108.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="566.000000" y="12.000000" width="594.000000" height="36.000000" class="class_header fill-N1" /><text x="576.000000" y="37.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">sql_table_constrained_overflow</text><text x="576.000000" y="71.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">short</text><text x="838.000000" y="71.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">loooooooooooooooooooong</text><text x="1140.000000" y="71.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px">UNQ</text><line x1="566.000000" x2="1160.000000" y1="84.000000" y2="84.000000" class=" stroke-N1" style="stroke-width:2" /><text x="576.000000" y="107.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">loooooooooooooooooooong</text><text x="838.000000" y="107.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">short</text><text x="1140.000000" y="107.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px">FK</text><line x1="566.000000" x2="1160.000000" y1="120.000000" y2="120.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><mask id="d2-3947134090" maskUnits="userSpaceOnUse" x="11" y="11" width="1150" height="110">
<rect x="11" y="11" width="1150" height="110" fill="white"></rect>
.d2-1261803308 .fill-N1{fill:#0A0F25;}
.d2-1261803308 .fill-N2{fill:#676C7E;}
.d2-1261803308 .fill-N3{fill:#9499AB;}
.d2-1261803308 .fill-N4{fill:#CFD2DD;}
.d2-1261803308 .fill-N5{fill:#DEE1EB;}
.d2-1261803308 .fill-N6{fill:#EEF1F8;}
.d2-1261803308 .fill-N7{fill:#FFFFFF;}
.d2-1261803308 .fill-B1{fill:#0D32B2;}
.d2-1261803308 .fill-B2{fill:#0D32B2;}
.d2-1261803308 .fill-B3{fill:#E3E9FD;}
.d2-1261803308 .fill-B4{fill:#E3E9FD;}
.d2-1261803308 .fill-B5{fill:#EDF0FD;}
.d2-1261803308 .fill-B6{fill:#F7F8FE;}
.d2-1261803308 .fill-AA2{fill:#4A6FF3;}
.d2-1261803308 .fill-AA4{fill:#EDF0FD;}
.d2-1261803308 .fill-AA5{fill:#F7F8FE;}
.d2-1261803308 .fill-AB4{fill:#EDF0FD;}
.d2-1261803308 .fill-AB5{fill:#F7F8FE;}
.d2-1261803308 .stroke-N1{stroke:#0A0F25;}
.d2-1261803308 .stroke-N2{stroke:#676C7E;}
.d2-1261803308 .stroke-N3{stroke:#9499AB;}
.d2-1261803308 .stroke-N4{stroke:#CFD2DD;}
.d2-1261803308 .stroke-N5{stroke:#DEE1EB;}
.d2-1261803308 .stroke-N6{stroke:#EEF1F8;}
.d2-1261803308 .stroke-N7{stroke:#FFFFFF;}
.d2-1261803308 .stroke-B1{stroke:#0D32B2;}
.d2-1261803308 .stroke-B2{stroke:#0D32B2;}
.d2-1261803308 .stroke-B3{stroke:#E3E9FD;}
.d2-1261803308 .stroke-B4{stroke:#E3E9FD;}
.d2-1261803308 .stroke-B5{stroke:#EDF0FD;}
.d2-1261803308 .stroke-B6{stroke:#F7F8FE;}
.d2-1261803308 .stroke-AA2{stroke:#4A6FF3;}
.d2-1261803308 .stroke-AA4{stroke:#EDF0FD;}
.d2-1261803308 .stroke-AA5{stroke:#F7F8FE;}
.d2-1261803308 .stroke-AB4{stroke:#EDF0FD;}
.d2-1261803308 .stroke-AB5{stroke:#F7F8FE;}
.d2-1261803308 .background-color-N1{background-color:#0A0F25;}
.d2-1261803308 .background-color-N2{background-color:#676C7E;}
.d2-1261803308 .background-color-N3{background-color:#9499AB;}
.d2-1261803308 .background-color-N4{background-color:#CFD2DD;}
.d2-1261803308 .background-color-N5{background-color:#DEE1EB;}
.d2-1261803308 .background-color-N6{background-color:#EEF1F8;}
.d2-1261803308 .background-color-N7{background-color:#FFFFFF;}
.d2-1261803308 .background-color-B1{background-color:#0D32B2;}
.d2-1261803308 .background-color-B2{background-color:#0D32B2;}
.d2-1261803308 .background-color-B3{background-color:#E3E9FD;}
.d2-1261803308 .background-color-B4{background-color:#E3E9FD;}
.d2-1261803308 .background-color-B5{background-color:#EDF0FD;}
.d2-1261803308 .background-color-B6{background-color:#F7F8FE;}
.d2-1261803308 .background-color-AA2{background-color:#4A6FF3;}
.d2-1261803308 .background-color-AA4{background-color:#EDF0FD;}
.d2-1261803308 .background-color-AA5{background-color:#F7F8FE;}
.d2-1261803308 .background-color-AB4{background-color:#EDF0FD;}
.d2-1261803308 .background-color-AB5{background-color:#F7F8FE;}
.d2-1261803308 .color-N1{color:#0A0F25;}
.d2-1261803308 .color-N2{color:#676C7E;}
.d2-1261803308 .color-N3{color:#9499AB;}
.d2-1261803308 .color-N4{color:#CFD2DD;}
.d2-1261803308 .color-N5{color:#DEE1EB;}
.d2-1261803308 .color-N6{color:#EEF1F8;}
.d2-1261803308 .color-N7{color:#FFFFFF;}
.d2-1261803308 .color-B1{color:#0D32B2;}
.d2-1261803308 .color-B2{color:#0D32B2;}
.d2-1261803308 .color-B3{color:#E3E9FD;}
.d2-1261803308 .color-B4{color:#E3E9FD;}
.d2-1261803308 .color-B5{color:#EDF0FD;}
.d2-1261803308 .color-B6{color:#F7F8FE;}
.d2-1261803308 .color-AA2{color:#4A6FF3;}
.d2-1261803308 .color-AA4{color:#EDF0FD;}
.d2-1261803308 .color-AA5{color:#F7F8FE;}
.d2-1261803308 .color-AB4{color:#EDF0FD;}
.d2-1261803308 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="table"><g class="shape" ><rect x="12.000000" y="12.000000" width="534.000000" height="108.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="12.000000" width="534.000000" height="36.000000" class="class_header fill-N1" /><text x="22.000000" y="37.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">sql_table_overflow</text><text x="22.000000" y="71.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">short</text><text x="284.000000" y="71.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">loooooooooooooooooooong</text><text x="536.000000" y="71.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="12.000000" x2="546.000000" y1="84.000000" y2="84.000000" class=" stroke-N1" style="stroke-width:2" /><text x="22.000000" y="107.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">loooooooooooooooooooong</text><text x="284.000000" y="107.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">short</text><text x="536.000000" y="107.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="12.000000" x2="546.000000" y1="120.000000" y2="120.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="table_constrained"><g class="shape" ><rect x="566.000000" y="12.000000" width="592.000000" height="108.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="566.000000" y="12.000000" width="592.000000" height="36.000000" class="class_header fill-N1" /><text x="576.000000" y="37.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">sql_table_constrained_overflow</text><text x="576.000000" y="71.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">short</text><text x="838.000000" y="71.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">loooooooooooooooooooong</text><text x="1148.000000" y="71.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px">UNQ</text><line x1="566.000000" x2="1158.000000" y1="84.000000" y2="84.000000" class=" stroke-N1" style="stroke-width:2" /><text x="576.000000" y="107.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">loooooooooooooooooooong</text><text x="838.000000" y="107.000000" class="text fill-N2" style="text-anchor:start;font-size:20px">short</text><text x="1148.000000" y="107.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px">FK</text><line x1="566.000000" x2="1158.000000" y1="120.000000" y2="120.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><mask id="d2-1261803308" maskUnits="userSpaceOnUse" x="11" y="11" width="1148" height="110">
<rect x="11" y="11" width="1148" height="110" fill="white"></rect>
</mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

2
e2etests/testdata/regression/unnamed_class_table_code/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: 32 KiB

After

Width:  |  Height:  |  Size: 32 KiB

2
e2etests/testdata/regression/unnamed_class_table_code/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: 32 KiB

After

Width:  |  Height:  |  Size: 32 KiB

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

@ -10,7 +10,7 @@
"x": 0,
"y": 2
},
"width": 439,
"width": 437,
"height": 180,
"opacity": 1,
"strokeDash": 0,
@ -169,7 +169,7 @@
"id": "b",
"type": "class",
"pos": {
"x": 499,
"x": 497,
"y": 0
},
"width": 407,
@ -224,7 +224,7 @@
"id": "c",
"type": "class",
"pos": {
"x": 966,
"x": 964,
"y": 46
},
"width": 117,
@ -267,7 +267,7 @@
"id": "d",
"type": "sql_table",
"pos": {
"x": 1143,
"x": 1141,
"y": 74
},
"width": 50,

160
e2etests/testdata/stable/class_and_sqlTable_border_radius/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: 24 KiB

After

Width:  |  Height:  |  Size: 24 KiB

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

@ -10,7 +10,7 @@
"x": 12,
"y": 14
},
"width": 439,
"width": 437,
"height": 180,
"opacity": 1,
"strokeDash": 0,
@ -169,7 +169,7 @@
"id": "b",
"type": "class",
"pos": {
"x": 471,
"x": 469,
"y": 12
},
"width": 407,
@ -224,7 +224,7 @@
"id": "c",
"type": "class",
"pos": {
"x": 898,
"x": 896,
"y": 58
},
"width": 117,
@ -267,7 +267,7 @@
"id": "d",
"type": "sql_table",
"pos": {
"x": 1035,
"x": 1033,
"y": 86
},
"width": 50,

160
e2etests/testdata/stable/class_and_sqlTable_border_radius/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: 24 KiB

After

Width:  |  Height:  |  Size: 24 KiB

146
e2etests/testdata/stable/ent2d2_basic/dagre/board.exp.json generated vendored
View file

@ -7,10 +7,10 @@
"id": "User",
"type": "sql_table",
"pos": {
"x": 553,
"x": 519,
"y": 0
},
"width": 218,
"width": 201,
"height": 144,
"opacity": 1,
"strokeDash": 0,
@ -144,7 +144,7 @@
"x": 0,
"y": 283
},
"width": 211,
"width": 194,
"height": 108,
"opacity": 1,
"strokeDash": 0,
@ -245,10 +245,10 @@
"id": "Card",
"type": "sql_table",
"pos": {
"x": 271,
"x": 254,
"y": 283
},
"width": 211,
"width": 194,
"height": 108,
"opacity": 1,
"strokeDash": 0,
@ -349,10 +349,10 @@
"id": "Post",
"type": "sql_table",
"pos": {
"x": 542,
"x": 508,
"y": 265
},
"width": 239,
"width": 222,
"height": 144,
"opacity": 1,
"strokeDash": 0,
@ -481,10 +481,10 @@
"id": "Metadata",
"type": "sql_table",
"pos": {
"x": 841,
"x": 790,
"y": 283
},
"width": 163,
"width": 146,
"height": 108,
"opacity": 1,
"strokeDash": 0,
@ -583,10 +583,10 @@
"id": "Info",
"type": "sql_table",
"pos": {
"x": 1064,
"x": 996,
"y": 283
},
"width": 325,
"width": 308,
"height": 108,
"opacity": 1,
"strokeDash": 0,
@ -708,56 +708,56 @@
"labelPercentage": 0,
"route": [
{
"x": 770.5,
"y": 22.433000564575195
"x": 719.5,
"y": 23.70599937438965
},
{
"x": 809.9660034179688,
"y": 4.486000061035156
"x": 758.9660034179688,
"y": 4.741000175476074
},
{
"x": 822.2999877929688,
"x": 771.2999877929688,
"y": 0
},
{
"x": 826,
"x": 775,
"y": 0
},
{
"x": 829.698974609375,
"x": 778.698974609375,
"y": 0
},
{
"x": 834.6329956054688,
"x": 783.6329956054688,
"y": 14.399999618530273
},
{
"x": 838.3330078125,
"x": 787.3330078125,
"y": 36
},
{
"x": 842.0330200195312,
"x": 791.0330200195312,
"y": 57.599998474121094
},
{
"x": 842.0330200195312,
"x": 791.0330200195312,
"y": 86.4000015258789
},
{
"x": 838.3330078125,
"x": 787.3330078125,
"y": 108
},
{
"x": 834.6329956054688,
"x": 783.6329956054688,
"y": 129.60000610351562
},
{
"x": 809.9660034179688,
"y": 139.51300048828125
"x": 758.9660034179688,
"y": 139.25799560546875
},
{
"x": 770.5,
"y": 121.56600189208984
"x": 719.5,
"y": 120.29299926757812
}
],
"isCurve": true,
@ -791,56 +791,56 @@
"labelPercentage": 0,
"route": [
{
"x": 770.5,
"y": 41.42300033569336
"x": 719.5,
"y": 42.84199905395508
},
{
"x": 888.6329956054688,
"y": 8.284000396728516
"x": 837.6329956054688,
"y": 8.567999839782715
},
{
"x": 925.5499877929688,
"x": 874.5499877929688,
"y": 0
},
{
"x": 936.625,
"x": 885.625,
"y": 0
},
{
"x": 947.7000122070312,
"x": 896.7000122070312,
"y": 0
},
{
"x": 962.4660034179688,
"x": 911.4660034179688,
"y": 14.399999618530273
},
{
"x": 973.541015625,
"x": 922.541015625,
"y": 36
},
{
"x": 984.6160278320312,
"x": 933.6160278320312,
"y": 57.599998474121094
},
{
"x": 984.6160278320312,
"x": 933.6160278320312,
"y": 86.4000015258789
},
{
"x": 973.541015625,
"x": 922.541015625,
"y": 108
},
{
"x": 962.4660034179688,
"x": 911.4660034179688,
"y": 129.60000610351562
},
{
"x": 888.6329956054688,
"y": 135.71499633789062
"x": 837.6329956054688,
"y": 135.43099975585938
},
{
"x": 770.5,
"y": 102.57599639892578
"x": 719.5,
"y": 101.15699768066406
}
],
"isCurve": true,
@ -874,19 +874,19 @@
"labelPercentage": 0,
"route": [
{
"x": 552.5,
"y": 97.9749984741211
"x": 518.5,
"y": 97.51000213623047
},
{
"x": 194.8990020751953,
"y": 183.19500732421875
"x": 181.2989959716797,
"y": 183.1020050048828
},
{
"x": 105.5,
"x": 97,
"y": 220.3000030517578
},
{
"x": 105.5,
"x": 97,
"y": 283.5
}
],
@ -921,19 +921,19 @@
"labelPercentage": 0,
"route": [
{
"x": 552.5,
"y": 122.67500305175781
"x": 518.5,
"y": 121.68699645996094
},
{
"x": 411.70001220703125,
"y": 188.13499450683594
"x": 384.5,
"y": 187.93699645996094
},
{
"x": 376.5,
"x": 351,
"y": 220.3000030517578
},
{
"x": 376.5,
"x": 351,
"y": 283.5
}
],
@ -968,19 +968,19 @@
"labelPercentage": 0,
"route": [
{
"x": 661.5,
"x": 619,
"y": 144
},
{
"x": 661.5,
"x": 619,
"y": 192.39999389648438
},
{
"x": 661.5,
"x": 619,
"y": 216.6999969482422
},
{
"x": 661.5,
"x": 619,
"y": 265.5
}
],
@ -1015,19 +1015,19 @@
"labelPercentage": 0,
"route": [
{
"x": 771.5,
"y": 127.33499908447266
"x": 720.5,
"y": 126.5739974975586
},
{
"x": 892.2999877929688,
"y": 189.06700134277344
"x": 834.5,
"y": 188.91400146484375
},
{
"x": 922.5,
"x": 863,
"y": 220.3000030517578
},
{
"x": 922.5,
"x": 863,
"y": 283.5
}
],
@ -1062,19 +1062,19 @@
"labelPercentage": 0,
"route": [
{
"x": 771.5,
"y": 97.56099700927734
"x": 720.5,
"y": 97.0770034790039
},
{
"x": 1135.5,
"y": 183.11199951171875
"x": 1064.0999755859375,
"y": 183.01499938964844
},
{
"x": 1226.5,
"x": 1150,
"y": 220.3000030517578
},
{
"x": 1226.5,
"x": 1150,
"y": 283.5
}
],

174
e2etests/testdata/stable/ent2d2_basic/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: 30 KiB

After

Width:  |  Height:  |  Size: 29 KiB

72
e2etests/testdata/stable/ent2d2_basic/elk/board.exp.json generated vendored
View file

@ -7,7 +7,7 @@
"id": "User",
"type": "sql_table",
"pos": {
"x": 453,
"x": 411,
"y": 12
},
"width": 280,
@ -144,7 +144,7 @@
"x": 12,
"y": 377
},
"width": 211,
"width": 194,
"height": 108,
"opacity": 1,
"strokeDash": 0,
@ -245,10 +245,10 @@
"id": "Card",
"type": "sql_table",
"pos": {
"x": 243,
"x": 226,
"y": 377
},
"width": 211,
"width": 194,
"height": 108,
"opacity": 1,
"strokeDash": 0,
@ -349,10 +349,10 @@
"id": "Post",
"type": "sql_table",
"pos": {
"x": 474,
"x": 440,
"y": 377
},
"width": 239,
"width": 222,
"height": 144,
"opacity": 1,
"strokeDash": 0,
@ -481,10 +481,10 @@
"id": "Metadata",
"type": "sql_table",
"pos": {
"x": 733,
"x": 682,
"y": 377
},
"width": 163,
"width": 146,
"height": 108,
"opacity": 1,
"strokeDash": 0,
@ -583,10 +583,10 @@
"id": "Info",
"type": "sql_table",
"pos": {
"x": 916,
"x": 848,
"y": 377
},
"width": 325,
"width": 308,
"height": 108,
"opacity": 1,
"strokeDash": 0,
@ -708,19 +708,19 @@
"labelPercentage": 0,
"route": [
{
"x": 453.5,
"x": 411,
"y": 60
},
{
"x": 365.5,
"x": 323,
"y": 60
},
{
"x": 365.5,
"x": 323,
"y": 108
},
{
"x": 453.5,
"x": 411,
"y": 108
}
],
@ -754,19 +754,19 @@
"labelPercentage": 0,
"route": [
{
"x": 733.5,
"x": 691,
"y": 108
},
{
"x": 821.5,
"x": 779,
"y": 108
},
{
"x": 821.5,
"x": 779,
"y": 60
},
{
"x": 733.5,
"x": 691,
"y": 60
}
],
@ -800,19 +800,19 @@
"labelPercentage": 0,
"route": [
{
"x": 500.1659851074219,
"x": 457.6659851074219,
"y": 156
},
{
"x": 500.1659851074219,
"x": 457.6659851074219,
"y": 196
},
{
"x": 117.5,
"x": 109,
"y": 196
},
{
"x": 117.5,
"x": 109,
"y": 377
}
],
@ -846,19 +846,19 @@
"labelPercentage": 0,
"route": [
{
"x": 546.8330078125,
"x": 504.3330078125,
"y": 156
},
{
"x": 546.8330078125,
"x": 504.3330078125,
"y": 246
},
{
"x": 348.5,
"x": 323,
"y": 246
},
{
"x": 348.5,
"x": 323,
"y": 377
}
],
@ -892,11 +892,11 @@
"labelPercentage": 0,
"route": [
{
"x": 593.5,
"x": 551,
"y": 156
},
{
"x": 593.5,
"x": 551,
"y": 377
}
],
@ -930,19 +930,19 @@
"labelPercentage": 0,
"route": [
{
"x": 640.166015625,
"x": 597.666015625,
"y": 156
},
{
"x": 640.166015625,
"x": 597.666015625,
"y": 246
},
{
"x": 814.5,
"x": 755,
"y": 246
},
{
"x": 814.5,
"x": 755,
"y": 377
}
],
@ -976,19 +976,19 @@
"labelPercentage": 0,
"route": [
{
"x": 686.8330078125,
"x": 644.3330078125,
"y": 156
},
{
"x": 686.8330078125,
"x": 644.3330078125,
"y": 196
},
{
"x": 1078.5,
"x": 1002,
"y": 196
},
{
"x": 1078.5,
"x": 1002,
"y": 377
}
],

174
e2etests/testdata/stable/ent2d2_basic/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: 30 KiB

After

Width:  |  Height:  |  Size: 29 KiB

110
e2etests/testdata/stable/ent2d2_right/dagre/board.exp.json generated vendored
View file

@ -10,7 +10,7 @@
"x": 0,
"y": 231
},
"width": 218,
"width": 201,
"height": 144,
"opacity": 1,
"strokeDash": 0,
@ -141,10 +141,10 @@
"id": "Pet",
"type": "sql_table",
"pos": {
"x": 517,
"x": 500,
"y": 0
},
"width": 211,
"width": 194,
"height": 108,
"opacity": 1,
"strokeDash": 0,
@ -245,10 +245,10 @@
"id": "Card",
"type": "sql_table",
"pos": {
"x": 517,
"x": 500,
"y": 146
},
"width": 211,
"width": 194,
"height": 108,
"opacity": 1,
"strokeDash": 0,
@ -349,10 +349,10 @@
"id": "Post",
"type": "sql_table",
"pos": {
"x": 503,
"x": 486,
"y": 274
},
"width": 239,
"width": 222,
"height": 144,
"opacity": 1,
"strokeDash": 0,
@ -481,10 +481,10 @@
"id": "Metadata",
"type": "sql_table",
"pos": {
"x": 541,
"x": 524,
"y": 438
},
"width": 163,
"width": 146,
"height": 108,
"opacity": 1,
"strokeDash": 0,
@ -583,10 +583,10 @@
"id": "Info",
"type": "sql_table",
"pos": {
"x": 460,
"x": 443,
"y": 584
},
"width": 325,
"width": 308,
"height": 108,
"opacity": 1,
"strokeDash": 0,
@ -708,11 +708,11 @@
"labelPercentage": 0,
"route": [
{
"x": 52.67399978637695,
"x": 48.566001892089844,
"y": 374.5
},
{
"x": 10.534000396728516,
"x": 9.713000297546387,
"y": 428.3659973144531
},
{
@ -728,35 +728,35 @@
"y": 455.29998779296875
},
{
"x": 21.799999237060547,
"x": 20.100000381469727,
"y": 462.0329895019531
},
{
"x": 54.5,
"x": 50.25,
"y": 467.0830078125
},
{
"x": 87.19999694824219,
"x": 80.4000015258789,
"y": 472.13299560546875
},
{
"x": 130.8000030517578,
"x": 120.5999984741211,
"y": 472.13299560546875
},
{
"x": 163.5,
"x": 150.75,
"y": 467.0830078125
},
{
"x": 196.1999969482422,
"x": 180.89999389648438,
"y": 462.0329895019531
},
{
"x": 207.46499633789062,
"x": 191.28599548339844,
"y": 428.3659973144531
},
{
"x": 165.3249969482422,
"x": 152.43299865722656,
"y": 374.5
}
],
@ -791,11 +791,11 @@
"labelPercentage": 0,
"route": [
{
"x": 80.63300323486328,
"x": 74.34500122070312,
"y": 374.5
},
{
"x": 16.125999450683594,
"x": 14.869000434875488,
"y": 538.2329711914062
},
{
@ -811,35 +811,35 @@
"y": 620.0999755859375
},
{
"x": 21.799999237060547,
"x": 20.100000381469727,
"y": 640.5659790039062
},
{
"x": 54.5,
"x": 50.25,
"y": 655.916015625
},
{
"x": 87.19999694824219,
"x": 80.4000015258789,
"y": 671.2659912109375
},
{
"x": 130.8000030517578,
"x": 120.5999984741211,
"y": 671.2659912109375
},
{
"x": 163.5,
"x": 150.75,
"y": 655.916015625
},
{
"x": 196.1999969482422,
"x": 180.89999389648438,
"y": 640.5659790039062
},
{
"x": 201.8730010986328,
"x": 186.1300048828125,
"y": 538.2329711914062
},
{
"x": 137.36599731445312,
"x": 126.65399932861328,
"y": 374.5
}
],
@ -874,19 +874,19 @@
"labelPercentage": 0,
"route": [
{
"x": 175.63900756835938,
"x": 164.677001953125,
"y": 230.5
},
{
"x": 306.3269958496094,
"x": 290.5350036621094,
"y": 89.29900360107422
},
{
"x": 374.6000061035156,
"x": 357.6000061035156,
"y": 54
},
{
"x": 517,
"x": 500,
"y": 54
}
],
@ -921,19 +921,19 @@
"labelPercentage": 0,
"route": [
{
"x": 218,
"y": 253.92300415039062
"x": 201,
"y": 255.9929962158203
},
{
"x": 314.79998779296875,
"y": 210.78399658203125
"x": 297.79998779296875,
"y": 211.197998046875
},
{
"x": 374.6000061035156,
"x": 357.6000061035156,
"y": 200
},
{
"x": 517,
"x": 500,
"y": 200
}
],
@ -968,19 +968,19 @@
"labelPercentage": 0,
"route": [
{
"x": 218,
"y": 323.114990234375
"x": 201,
"y": 322.23699951171875
},
{
"x": 314.79998779296875,
"y": 341.4230041503906
"x": 297.79998779296875,
"y": 341.24700927734375
},
{
"x": 371.79998779296875,
"x": 354.79998779296875,
"y": 346
},
{
"x": 503,
"x": 486,
"y": 346
}
],
@ -1015,19 +1015,19 @@
"labelPercentage": 0,
"route": [
{
"x": 197.38699340820312,
"x": 185.6580047607422,
"y": 375.5
},
{
"x": 310.677001953125,
"x": 294.7309875488281,
"y": 468.70001220703125
},
{
"x": 379.3999938964844,
"x": 362.3999938964844,
"y": 492
},
{
"x": 541,
"x": 524,
"y": 492
}
],
@ -1062,19 +1062,19 @@
"labelPercentage": 0,
"route": [
{
"x": 158.35899353027344,
"x": 148.03500366210938,
"y": 375.5
},
{
"x": 302.8710021972656,
"x": 287.2070007324219,
"y": 585.5
},
{
"x": 363.20001220703125,
"x": 346.20001220703125,
"y": 638
},
{
"x": 460,
"x": 443,
"y": 638
}
],

174
e2etests/testdata/stable/ent2d2_right/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: 30 KiB

After

Width:  |  Height:  |  Size: 30 KiB

74
e2etests/testdata/stable/ent2d2_right/elk/board.exp.json generated vendored
View file

@ -10,7 +10,7 @@
"x": 12,
"y": 200
},
"width": 218,
"width": 201,
"height": 280,
"opacity": 1,
"strokeDash": 0,
@ -141,10 +141,10 @@
"id": "Pet",
"type": "sql_table",
"pos": {
"x": 531,
"x": 514,
"y": 12
},
"width": 211,
"width": 194,
"height": 108,
"opacity": 1,
"strokeDash": 0,
@ -245,10 +245,10 @@
"id": "Card",
"type": "sql_table",
"pos": {
"x": 531,
"x": 514,
"y": 140
},
"width": 211,
"width": 194,
"height": 108,
"opacity": 1,
"strokeDash": 0,
@ -349,10 +349,10 @@
"id": "Post",
"type": "sql_table",
"pos": {
"x": 531,
"x": 514,
"y": 268
},
"width": 239,
"width": 222,
"height": 144,
"opacity": 1,
"strokeDash": 0,
@ -481,10 +481,10 @@
"id": "Metadata",
"type": "sql_table",
"pos": {
"x": 531,
"x": 514,
"y": 432
},
"width": 163,
"width": 146,
"height": 108,
"opacity": 1,
"strokeDash": 0,
@ -583,10 +583,10 @@
"id": "Info",
"type": "sql_table",
"pos": {
"x": 531,
"x": 514,
"y": 560
},
"width": 325,
"width": 308,
"height": 108,
"opacity": 1,
"strokeDash": 0,
@ -708,19 +708,19 @@
"labelPercentage": 0,
"route": [
{
"x": 84.66600036621094,
"x": 79,
"y": 200
},
{
"x": 84.66600036621094,
"x": 79,
"y": 150
},
{
"x": 157.33299255371094,
"x": 146,
"y": 150
},
{
"x": 157.33299255371094,
"x": 146,
"y": 200
}
],
@ -754,19 +754,19 @@
"labelPercentage": 0,
"route": [
{
"x": 157.33299255371094,
"x": 146,
"y": 480
},
{
"x": 157.33299255371094,
"x": 146,
"y": 530
},
{
"x": 84.66600036621094,
"x": 79,
"y": 530
},
{
"x": 84.66600036621094,
"x": 79,
"y": 480
}
],
@ -800,19 +800,19 @@
"labelPercentage": 0,
"route": [
{
"x": 230,
"x": 213,
"y": 246.66600036621094
},
{
"x": 270,
"x": 253,
"y": 246.66600036621094
},
{
"x": 270,
"x": 253,
"y": 66
},
{
"x": 531,
"x": 514,
"y": 66
}
],
@ -846,19 +846,19 @@
"labelPercentage": 0,
"route": [
{
"x": 230,
"x": 213,
"y": 293.3330078125
},
{
"x": 320,
"x": 303,
"y": 293.3330078125
},
{
"x": 320,
"x": 303,
"y": 194
},
{
"x": 531,
"x": 514,
"y": 194
}
],
@ -892,11 +892,11 @@
"labelPercentage": 0,
"route": [
{
"x": 230,
"x": 213,
"y": 340
},
{
"x": 531,
"x": 514,
"y": 340
}
],
@ -930,19 +930,19 @@
"labelPercentage": 0,
"route": [
{
"x": 230,
"x": 213,
"y": 386.6659851074219
},
{
"x": 320,
"x": 303,
"y": 386.6659851074219
},
{
"x": 320,
"x": 303,
"y": 486
},
{
"x": 531,
"x": 514,
"y": 486
}
],
@ -976,19 +976,19 @@
"labelPercentage": 0,
"route": [
{
"x": 230,
"x": 213,
"y": 433.3330078125
},
{
"x": 270,
"x": 253,
"y": 433.3330078125
},
{
"x": 270,
"x": 253,
"y": 614
},
{
"x": 531,
"x": 514,
"y": 614
}
],

174
e2etests/testdata/stable/ent2d2_right/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: 30 KiB

After

Width:  |  Height:  |  Size: 30 KiB

2
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: 50 KiB

After

Width:  |  Height:  |  Size: 50 KiB

2
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: 50 KiB

After

Width:  |  Height:  |  Size: 50 KiB

2
e2etests/testdata/stable/sql_table_column_styles/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: 26 KiB

After

Width:  |  Height:  |  Size: 26 KiB

2
e2etests/testdata/stable/sql_table_column_styles/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: 26 KiB

After

Width:  |  Height:  |  Size: 26 KiB

228
e2etests/testdata/stable/sql_table_constraints_width/dagre/board.exp.json generated vendored
View file

@ -8,9 +8,9 @@
"type": "sql_table",
"pos": {
"x": 0,
"y": 0
"y": 36
},
"width": 148,
"width": 146,
"height": 72,
"opacity": 1,
"strokeDash": 0,
@ -81,10 +81,10 @@
"id": "b",
"type": "sql_table",
"pos": {
"x": 208,
"y": 0
"x": 206,
"y": 36
},
"width": 188,
"width": 161,
"height": 72,
"opacity": 1,
"strokeDash": 0,
@ -156,10 +156,10 @@
"id": "c",
"type": "sql_table",
"pos": {
"x": 456,
"y": 0
"x": 427,
"y": 36
},
"width": 188,
"width": 177,
"height": 72,
"opacity": 1,
"strokeDash": 0,
@ -231,10 +231,10 @@
"id": "d",
"type": "sql_table",
"pos": {
"x": 704,
"y": 0
"x": 664,
"y": 36
},
"width": 228,
"width": 209,
"height": 72,
"opacity": 1,
"strokeDash": 0,
@ -302,6 +302,212 @@
"primaryAccentColor": "B2",
"secondaryAccentColor": "AA2",
"neutralAccentColor": "N2"
},
{
"id": "e",
"type": "sql_table",
"pos": {
"x": 933,
"y": 0
},
"width": 312,
"height": 144,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "N1",
"stroke": "N7",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": [
{
"name": {
"label": "x",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 9,
"labelHeight": 26
},
"type": {
"label": "INT",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 29,
"labelHeight": 26
},
"constraint": [
"no_abbrev",
"foreign_key",
"hello"
],
"reference": ""
},
{
"name": {
"label": "y",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 10,
"labelHeight": 26
},
"type": {
"label": "string",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 48,
"labelHeight": 26
},
"constraint": null,
"reference": ""
},
{
"name": {
"label": "z",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 8,
"labelHeight": 26
},
"type": {
"label": "STRING",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 62,
"labelHeight": 26
},
"constraint": [
"yo"
],
"reference": ""
}
],
"label": "e",
"fontSize": 20,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 12,
"labelHeight": 31,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "B2",
"secondaryAccentColor": "AA2",
"neutralAccentColor": "N2"
},
{
"id": "f",
"type": "sql_table",
"pos": {
"x": 1305,
"y": 36
},
"width": 88,
"height": 72,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "N1",
"stroke": "N7",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": [
{
"name": {
"label": "x",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 9,
"labelHeight": 26
},
"type": {
"label": "INT",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 29,
"labelHeight": 26
},
"constraint": null,
"reference": ""
}
],
"label": "f",
"fontSize": 20,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 9,
"labelHeight": 31,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "B2",
"secondaryAccentColor": "AA2",
"neutralAccentColor": "N2"
}
],
"connections": [],

156
e2etests/testdata/stable/sql_table_constraints_width/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: 12 KiB

After

Width:  |  Height:  |  Size: 16 KiB

228
e2etests/testdata/stable/sql_table_constraints_width/elk/board.exp.json generated vendored
View file

@ -8,9 +8,9 @@
"type": "sql_table",
"pos": {
"x": 12,
"y": 12
"y": 48
},
"width": 148,
"width": 146,
"height": 72,
"opacity": 1,
"strokeDash": 0,
@ -81,10 +81,10 @@
"id": "b",
"type": "sql_table",
"pos": {
"x": 180,
"y": 12
"x": 178,
"y": 48
},
"width": 188,
"width": 161,
"height": 72,
"opacity": 1,
"strokeDash": 0,
@ -156,10 +156,10 @@
"id": "c",
"type": "sql_table",
"pos": {
"x": 388,
"y": 12
"x": 359,
"y": 48
},
"width": 188,
"width": 177,
"height": 72,
"opacity": 1,
"strokeDash": 0,
@ -231,10 +231,10 @@
"id": "d",
"type": "sql_table",
"pos": {
"x": 596,
"y": 12
"x": 556,
"y": 48
},
"width": 228,
"width": 209,
"height": 72,
"opacity": 1,
"strokeDash": 0,
@ -302,6 +302,212 @@
"primaryAccentColor": "B2",
"secondaryAccentColor": "AA2",
"neutralAccentColor": "N2"
},
{
"id": "e",
"type": "sql_table",
"pos": {
"x": 785,
"y": 12
},
"width": 312,
"height": 144,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "N1",
"stroke": "N7",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": [
{
"name": {
"label": "x",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 9,
"labelHeight": 26
},
"type": {
"label": "INT",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 29,
"labelHeight": 26
},
"constraint": [
"no_abbrev",
"foreign_key",
"hello"
],
"reference": ""
},
{
"name": {
"label": "y",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 10,
"labelHeight": 26
},
"type": {
"label": "string",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 48,
"labelHeight": 26
},
"constraint": null,
"reference": ""
},
{
"name": {
"label": "z",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 8,
"labelHeight": 26
},
"type": {
"label": "STRING",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 62,
"labelHeight": 26
},
"constraint": [
"yo"
],
"reference": ""
}
],
"label": "e",
"fontSize": 20,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 12,
"labelHeight": 31,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "B2",
"secondaryAccentColor": "AA2",
"neutralAccentColor": "N2"
},
{
"id": "f",
"type": "sql_table",
"pos": {
"x": 1117,
"y": 48
},
"width": 88,
"height": 72,
"opacity": 1,
"strokeDash": 0,
"strokeWidth": 2,
"borderRadius": 0,
"fill": "N1",
"stroke": "N7",
"shadow": false,
"3d": false,
"multiple": false,
"double-border": false,
"tooltip": "",
"link": "",
"icon": null,
"iconPosition": "",
"blend": false,
"fields": null,
"methods": null,
"columns": [
{
"name": {
"label": "x",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 9,
"labelHeight": 26
},
"type": {
"label": "INT",
"fontSize": 0,
"fontFamily": "",
"language": "",
"color": "",
"italic": false,
"bold": false,
"underline": false,
"labelWidth": 29,
"labelHeight": 26
},
"constraint": null,
"reference": ""
}
],
"label": "f",
"fontSize": 20,
"fontFamily": "DEFAULT",
"language": "",
"color": "N1",
"italic": false,
"bold": true,
"underline": false,
"labelWidth": 9,
"labelHeight": 31,
"zIndex": 0,
"level": 1,
"primaryAccentColor": "B2",
"secondaryAccentColor": "AA2",
"neutralAccentColor": "N2"
}
],
"connections": [],

156
e2etests/testdata/stable/sql_table_constraints_width/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: 12 KiB

After

Width:  |  Height:  |  Size: 17 KiB

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

@ -98,7 +98,7 @@
.d2-3227093269 .color-AA4{color:#EDF0FD;}
.d2-3227093269 .color-AA5{color:#F7F8FE;}
.d2-3227093269 .color-AB4{color:#EDF0FD;}
.d2-3227093269 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="x"><g class="shape" ><rect x="0.000000" y="0.000000" width="60.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="0.000000" y="0.000000" width="60.000000" height="36.000000" class="class_header fill-N1" /><text x="10.000000" y="25.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">x</text><text x="10.000000" y="59.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">y</text><text x="40.000000" y="59.000000" class="text fill-N2" style="text-anchor:start;font-size:20px" /><text x="40.000000" y="59.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="0.000000" x2="60.000000" y1="72.000000" y2="72.000000" class=" stroke-N1" style="stroke-width:2" /><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">
.d2-3227093269 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="x"><g class="shape" ><rect x="0.000000" y="0.000000" width="60.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="0.000000" y="0.000000" width="60.000000" height="36.000000" class="class_header fill-N1" /><text x="10.000000" y="25.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">x</text><text x="10.000000" y="59.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">y</text><text x="40.000000" y="59.000000" class="text fill-N2" style="text-anchor:start;font-size:20px" /><text x="50.000000" y="59.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="0.000000" x2="60.000000" y1="72.000000" y2="72.000000" class=" stroke-N1" style="stroke-width:2" /><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"/>
@ -111,7 +111,7 @@
</clipPath>
</defs>
</svg>
</g><title>I like turtles</title></g></g><g id="a"><g class="shape" ><rect x="0.000000" y="172.000000" width="60.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="0.000000" y="172.000000" width="60.000000" height="36.000000" class="class_header fill-N1" /><text x="10.000000" y="197.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">a</text><text x="10.000000" y="231.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">b</text><text x="40.000000" y="231.000000" class="text fill-N2" style="text-anchor:start;font-size:20px" /><text x="40.000000" y="231.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="0.000000" x2="60.000000" y1="244.000000" y2="244.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="(x -&gt; a)[0]"><marker id="mk-599773101" markerWidth="18.000000" markerHeight="18.000000" refX="15.000000" refY="9.000000" viewBox="0.000000 0.000000 18.000000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <g class="connection stroke-B1 fill-N7" stroke-width="2"><circle r="3.300000" cx="5.300000" cy="9.000000" class="connection stroke-B1 fill-N7" stroke-width="2" /><path d="M15.000000,9.000000 24.600000,9.000000 M9.600000,9.000000 24.600000,0.000000 M9.600000,9.000000 24.600000,18.000000" /></g> </marker><path d="M 30.000000 74.000000 C 30.000000 112.000000 30.000000 132.000000 30.000000 168.000000" fill="none" class="connection animated-connection stroke-B1" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;stroke-dashoffset:-198.656393;animation: dashdraw 4.932820s linear infinite;" marker-end="url(#mk-599773101)" mask="url(#d2-3227093269)" /></g><mask id="d2-3227093269" maskUnits="userSpaceOnUse" x="-1" y="-18" width="79" height="263">
</g><title>I like turtles</title></g></g><g id="a"><g class="shape" ><rect x="0.000000" y="172.000000" width="60.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="0.000000" y="172.000000" width="60.000000" height="36.000000" class="class_header fill-N1" /><text x="10.000000" y="197.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">a</text><text x="10.000000" y="231.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">b</text><text x="40.000000" y="231.000000" class="text fill-N2" style="text-anchor:start;font-size:20px" /><text x="50.000000" y="231.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="0.000000" x2="60.000000" y1="244.000000" y2="244.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="(x -&gt; a)[0]"><marker id="mk-599773101" markerWidth="18.000000" markerHeight="18.000000" refX="15.000000" refY="9.000000" viewBox="0.000000 0.000000 18.000000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <g class="connection stroke-B1 fill-N7" stroke-width="2"><circle r="3.300000" cx="5.300000" cy="9.000000" class="connection stroke-B1 fill-N7" stroke-width="2" /><path d="M15.000000,9.000000 24.600000,9.000000 M9.600000,9.000000 24.600000,0.000000 M9.600000,9.000000 24.600000,18.000000" /></g> </marker><path d="M 30.000000 74.000000 C 30.000000 112.000000 30.000000 132.000000 30.000000 168.000000" fill="none" class="connection animated-connection stroke-B1" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;stroke-dashoffset:-198.656393;animation: dashdraw 4.932820s linear infinite;" marker-end="url(#mk-599773101)" mask="url(#d2-3227093269)" /></g><mask id="d2-3227093269" maskUnits="userSpaceOnUse" x="-1" y="-18" width="79" height="263">
<rect x="-1" y="-18" width="79" height="263" fill="white"></rect>
</mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

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

@ -98,7 +98,7 @@
.d2-514706804 .color-AA4{color:#EDF0FD;}
.d2-514706804 .color-AA5{color:#F7F8FE;}
.d2-514706804 .color-AB4{color:#EDF0FD;}
.d2-514706804 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="x"><g class="shape" ><rect x="12.000000" y="12.000000" width="60.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="12.000000" width="60.000000" height="36.000000" class="class_header fill-N1" /><text x="22.000000" y="37.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">x</text><text x="22.000000" y="71.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">y</text><text x="52.000000" y="71.000000" class="text fill-N2" style="text-anchor:start;font-size:20px" /><text x="52.000000" y="71.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="12.000000" x2="72.000000" y1="84.000000" y2="84.000000" class=" stroke-N1" style="stroke-width:2" /><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">
.d2-514706804 .color-AB5{color:#F7F8FE;}.appendix text.text{fill:#0A0F25}.md{--color-fg-default:#0A0F25;--color-fg-muted:#676C7E;--color-fg-subtle:#9499AB;--color-canvas-default:#FFFFFF;--color-canvas-subtle:#EEF1F8;--color-border-default:#0D32B2;--color-border-muted:#0D32B2;--color-neutral-muted:#EEF1F8;--color-accent-fg:#0D32B2;--color-accent-emphasis:#0D32B2;--color-attention-subtle:#676C7E;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g id="x"><g class="shape" ><rect x="12.000000" y="12.000000" width="60.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="12.000000" width="60.000000" height="36.000000" class="class_header fill-N1" /><text x="22.000000" y="37.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">x</text><text x="22.000000" y="71.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">y</text><text x="52.000000" y="71.000000" class="text fill-N2" style="text-anchor:start;font-size:20px" /><text x="62.000000" y="71.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="12.000000" x2="72.000000" y1="84.000000" y2="84.000000" class=" stroke-N1" style="stroke-width:2" /><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"/>
@ -111,7 +111,7 @@
</clipPath>
</defs>
</svg>
</g><title>I like turtles</title></g></g><g id="a"><g class="shape" ><rect x="12.000000" y="154.000000" width="60.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="154.000000" width="60.000000" height="36.000000" class="class_header fill-N1" /><text x="22.000000" y="179.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">a</text><text x="22.000000" y="213.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">b</text><text x="52.000000" y="213.000000" class="text fill-N2" style="text-anchor:start;font-size:20px" /><text x="52.000000" y="213.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px;letter-spacing:2px" /><line x1="12.000000" x2="72.000000" y1="226.000000" y2="226.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="(x -&gt; a)[0]"><marker id="mk-599773101" markerWidth="18.000000" markerHeight="18.000000" refX="15.000000" refY="9.000000" viewBox="0.000000 0.000000 18.000000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <g class="connection stroke-B1 fill-N7" stroke-width="2"><circle r="3.300000" cx="5.300000" cy="9.000000" class="connection stroke-B1 fill-N7" stroke-width="2" /><path d="M15.000000,9.000000 24.600000,9.000000 M9.600000,9.000000 24.600000,0.000000 M9.600000,9.000000 24.600000,18.000000" /></g> </marker><path d="M 42.000000 86.000000 L 42.000000 150.000000" fill="none" class="connection animated-connection stroke-B1" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;stroke-dashoffset:-198.656393;animation: dashdraw 4.932820s linear infinite;" marker-end="url(#mk-599773101)" mask="url(#d2-514706804)" /></g><mask id="d2-514706804" maskUnits="userSpaceOnUse" x="11" y="-6" width="79" height="233">
</g><title>I like turtles</title></g></g><g id="a"><g class="shape" ><rect x="12.000000" y="154.000000" width="60.000000" height="72.000000" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="12.000000" y="154.000000" width="60.000000" height="36.000000" class="class_header fill-N1" /><text x="22.000000" y="179.750000" class="text fill-N7" style="text-anchor:start;font-size:24px">a</text><text x="22.000000" y="213.000000" class="text fill-B2" style="text-anchor:start;font-size:20px">b</text><text x="52.000000" y="213.000000" class="text fill-N2" style="text-anchor:start;font-size:20px" /><text x="62.000000" y="213.000000" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="12.000000" x2="72.000000" y1="226.000000" y2="226.000000" class=" stroke-N1" style="stroke-width:2" /></g></g><g id="(x -&gt; a)[0]"><marker id="mk-599773101" markerWidth="18.000000" markerHeight="18.000000" refX="15.000000" refY="9.000000" viewBox="0.000000 0.000000 18.000000 18.000000" orient="auto" markerUnits="userSpaceOnUse"> <g class="connection stroke-B1 fill-N7" stroke-width="2"><circle r="3.300000" cx="5.300000" cy="9.000000" class="connection stroke-B1 fill-N7" stroke-width="2" /><path d="M15.000000,9.000000 24.600000,9.000000 M9.600000,9.000000 24.600000,0.000000 M9.600000,9.000000 24.600000,18.000000" /></g> </marker><path d="M 42.000000 86.000000 L 42.000000 150.000000" fill="none" class="connection animated-connection stroke-B1" style="stroke-width:2;stroke-dasharray:10.000000,9.865639;stroke-dashoffset:-198.656393;animation: dashdraw 4.932820s linear infinite;" marker-end="url(#mk-599773101)" mask="url(#d2-514706804)" /></g><mask id="d2-514706804" maskUnits="userSpaceOnUse" x="11" y="-6" width="79" height="233">
<rect x="11" y="-6" width="79" height="233" fill="white"></rect>
</mask></svg></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

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

@ -10,7 +10,7 @@
"x": 0,
"y": 0
},
"width": 268,
"width": 251,
"height": 216,
"opacity": 1,
"strokeDash": 0,
@ -193,7 +193,7 @@
"id": "products",
"type": "sql_table",
"pos": {
"x": 328,
"x": 311,
"y": 18
},
"width": 164,
@ -349,7 +349,7 @@
"id": "orders",
"type": "sql_table",
"pos": {
"x": 328,
"x": 311,
"y": 316
},
"width": 164,
@ -477,7 +477,7 @@
"id": "shipments",
"type": "sql_table",
"pos": {
"x": 552,
"x": 535,
"y": 18
},
"width": 244,
@ -656,20 +656,20 @@
"labelPercentage": 0,
"route": [
{
"x": 134,
"x": 125.5,
"y": 216
},
{
"x": 134,
"x": 125.5,
"y": 256
},
{
"x": 172.8000030517578,
"y": 283.20001220703125
"x": 162.6999969482422,
"y": 283
},
{
"x": 328,
"y": 352
"x": 311.5,
"y": 351
}
],
"isCurve": true,
@ -703,19 +703,19 @@
"labelPercentage": 0,
"route": [
{
"x": 410,
"x": 393,
"y": 198
},
{
"x": 410,
"x": 393,
"y": 252.39999389648438
},
{
"x": 410,
"x": 393,
"y": 276
},
{
"x": 410,
"x": 393,
"y": 316
}
],
@ -750,19 +750,19 @@
"labelPercentage": 0,
"route": [
{
"x": 674,
"x": 657,
"y": 198
},
{
"x": 674,
"x": 657,
"y": 252.39999389648438
},
{
"x": 637.5999755859375,
"x": 620.5999755859375,
"y": 282.79998779296875
},
{
"x": 492,
"x": 475,
"y": 350
}
],

154
e2etests/testdata/stable/sql_tables/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: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

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

@ -10,7 +10,7 @@
"x": 12,
"y": 12
},
"width": 268,
"width": 251,
"height": 216,
"opacity": 1,
"strokeDash": 0,
@ -193,7 +193,7 @@
"id": "products",
"type": "sql_table",
"pos": {
"x": 300,
"x": 283,
"y": 48
},
"width": 164,
@ -349,7 +349,7 @@
"id": "orders",
"type": "sql_table",
"pos": {
"x": 300,
"x": 283,
"y": 308
},
"width": 164,
@ -477,7 +477,7 @@
"id": "shipments",
"type": "sql_table",
"pos": {
"x": 484,
"x": 467,
"y": 48
},
"width": 244,
@ -656,19 +656,19 @@
"labelPercentage": 0,
"route": [
{
"x": 146,
"x": 137.5,
"y": 228
},
{
"x": 146,
"x": 137.5,
"y": 268
},
{
"x": 341,
"x": 324,
"y": 268
},
{
"x": 341,
"x": 324,
"y": 308
}
],
@ -702,11 +702,11 @@
"labelPercentage": 0,
"route": [
{
"x": 382,
"x": 365,
"y": 228
},
{
"x": 382,
"x": 365,
"y": 308
}
],
@ -740,19 +740,19 @@
"labelPercentage": 0,
"route": [
{
"x": 606,
"x": 589,
"y": 228
},
{
"x": 606,
"x": 589,
"y": 268
},
{
"x": 423,
"x": 406,
"y": 268
},
{
"x": 423,
"x": 406,
"y": 308
}
],

154
e2etests/testdata/stable/sql_tables/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: 20 KiB

After

Width:  |  Height:  |  Size: 20 KiB

2
e2etests/testdata/stable/unnamed_only_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: 33 KiB

After

Width:  |  Height:  |  Size: 33 KiB

2
e2etests/testdata/stable/unnamed_only_height/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: 33 KiB

After

Width:  |  Height:  |  Size: 33 KiB

2
e2etests/testdata/stable/unnamed_only_width/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: 33 KiB

After

Width:  |  Height:  |  Size: 33 KiB

2
e2etests/testdata/stable/unnamed_only_width/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: 33 KiB

After

Width:  |  Height:  |  Size: 33 KiB

2
e2etests/testdata/themes/dark_terrastruct_flagship/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: 108 KiB

After

Width:  |  Height:  |  Size: 108 KiB

2
e2etests/testdata/themes/dark_terrastruct_flagship/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: 108 KiB

After

Width:  |  Height:  |  Size: 107 KiB

2
e2etests/testdata/themes/terminal/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: 110 KiB

After

Width:  |  Height:  |  Size: 110 KiB

2
e2etests/testdata/themes/terminal/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: 110 KiB

After

Width:  |  Height:  |  Size: 110 KiB

2
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: 68 KiB

After

Width:  |  Height:  |  Size: 68 KiB

2
e2etests/testdata/todo/shape_set_width_height/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: 68 KiB

After

Width:  |  Height:  |  Size: 68 KiB