Skip to content

Commit 16f0f82

Browse files
web-padawanweb-padawan
authored
test: add missing snapshot tests to dashboard (#9949)
1 parent c7fab33 commit 16f0f82

11 files changed

+505
-1
lines changed

‎packages/dashboard/test/dom/__snapshots__/dashboard-button.test.snap.js‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
/* @web/test-runner snapshot v1 */
2+
export const snapshots = {};
3+
4+
snapshots["vaadin-dashboard-button host"] =
5+
`<vaadin-dashboard-button
6+
role="button"
7+
tabindex="0"
8+
>
9+
</vaadin-dashboard-button>
10+
`;
11+
/* end snapshot vaadin-dashboard-button host */
12+
13+
snapshots["vaadin-dashboard-button shadow"] =
14+
`<div class="vaadin-button-container">
15+
<span
16+
aria-hidden="true"
17+
part="prefix"
18+
>
19+
<slot name="prefix">
20+
</slot>
21+
</span>
22+
<span part="label">
23+
<slot>
24+
</slot>
25+
</span>
26+
<span
27+
aria-hidden="true"
28+
part="suffix"
29+
>
30+
<slot name="suffix">
31+
</slot>
32+
</span>
33+
</div>
34+
<slot name="tooltip">
35+
</slot>
36+
`;
37+
/* end snapshot vaadin-dashboard-button shadow */
38+

‎packages/dashboard/test/dom/__snapshots__/dashboard-layout.test.snap.js‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
/* @web/test-runner snapshot v1 */
2+
export const snapshots = {};
3+
4+
snapshots["vaadin-dashboard-layout host"] =
5+
`<vaadin-dashboard-layout>
6+
</vaadin-dashboard-layout>
7+
`;
8+
/* end snapshot vaadin-dashboard-layout host */
9+
10+
snapshots["vaadin-dashboard-layout shadow"] =
11+
`<div
12+
id="grid"
13+
style="width: 800px; --_col-count: 1;"
14+
>
15+
<slot>
16+
</slot>
17+
</div>
18+
`;
19+
/* end snapshot vaadin-dashboard-layout shadow */
20+

‎packages/dashboard/test/dom/__snapshots__/dashboard-section.test.snap.js‎

Lines changed: 108 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,108 @@
1+
/* @web/test-runner snapshot v1 */
2+
export const snapshots = {};
3+
4+
snapshots["vaadin-dashboard-section host"] =
5+
`<vaadin-dashboard-section role="section">
6+
</vaadin-dashboard-section>
7+
`;
8+
/* end snapshot vaadin-dashboard-section host */
9+
10+
snapshots["vaadin-dashboard-section shadow"] =
11+
`<div
12+
class="mode-controls"
13+
hidden=""
14+
id="move-controls"
15+
>
16+
<vaadin-dashboard-button
17+
aria-label="Move Backward"
18+
id="move-backward"
19+
part="move-backward-button"
20+
role="button"
21+
tabindex="0"
22+
theme="primary icon"
23+
title="Move Backward"
24+
>
25+
<div class="icon">
26+
</div>
27+
</vaadin-dashboard-button>
28+
<vaadin-dashboard-button
29+
aria-label="Apply"
30+
id="move-apply"
31+
part="move-apply-button"
32+
role="button"
33+
tabindex="0"
34+
theme="primary icon large"
35+
title="Apply"
36+
>
37+
<div class="icon">
38+
</div>
39+
</vaadin-dashboard-button>
40+
<vaadin-dashboard-button
41+
aria-label="Move Forward"
42+
id="move-forward"
43+
part="move-forward-button"
44+
role="button"
45+
tabindex="0"
46+
theme="primary icon"
47+
title="Move Forward"
48+
>
49+
<div class="icon">
50+
</div>
51+
</vaadin-dashboard-button>
52+
</div>
53+
<div id="focustrap">
54+
<label
55+
class="drag-handle"
56+
draggable="true"
57+
id="focus-button-wrapper"
58+
>
59+
<button
60+
aria-describedby="title"
61+
aria-label="Select section for editing"
62+
aria-pressed="false"
63+
id="focus-button"
64+
>
65+
</button>
66+
</label>
67+
<header part="header">
68+
<vaadin-dashboard-button
69+
aria-label="Move"
70+
class="drag-handle"
71+
draggable="true"
72+
id="drag-handle"
73+
part="move-button"
74+
role="button"
75+
tabindex="-1"
76+
theme="icon tertiary"
77+
title="Move"
78+
>
79+
<div class="icon">
80+
</div>
81+
</vaadin-dashboard-button>
82+
<div
83+
aria-level="2"
84+
id="title"
85+
part="title"
86+
role="heading"
87+
>
88+
Custom title
89+
</div>
90+
<vaadin-dashboard-button
91+
aria-label="Remove"
92+
id="remove-button"
93+
part="remove-button"
94+
role="button"
95+
tabindex="-1"
96+
theme="icon tertiary"
97+
title="Remove"
98+
>
99+
<div class="icon">
100+
</div>
101+
</vaadin-dashboard-button>
102+
</header>
103+
</div>
104+
<slot>
105+
</slot>
106+
`;
107+
/* end snapshot vaadin-dashboard-section shadow */
108+

‎packages/dashboard/test/dom/__snapshots__/dashboard-widget.test.snap.js‎

Lines changed: 197 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,197 @@
1+
/* @web/test-runner snapshot v1 */
2+
export const snapshots = {};
3+
4+
snapshots["vaadin-dashboard-widget host"] =
5+
`<vaadin-dashboard-widget role="article">
6+
</vaadin-dashboard-widget>
7+
`;
8+
/* end snapshot vaadin-dashboard-widget host */
9+
10+
snapshots["vaadin-dashboard-widget shadow"] =
11+
`<div
12+
class="mode-controls"
13+
hidden=""
14+
id="move-controls"
15+
>
16+
<vaadin-dashboard-button
17+
aria-label="Move Backward"
18+
id="move-backward"
19+
part="move-backward-button"
20+
role="button"
21+
tabindex="0"
22+
theme="primary icon"
23+
title="Move Backward"
24+
>
25+
<div class="icon">
26+
</div>
27+
</vaadin-dashboard-button>
28+
<vaadin-dashboard-button
29+
aria-label="Apply"
30+
id="move-apply"
31+
part="move-apply-button"
32+
role="button"
33+
tabindex="0"
34+
theme="primary icon large"
35+
title="Apply"
36+
>
37+
<div class="icon">
38+
</div>
39+
</vaadin-dashboard-button>
40+
<vaadin-dashboard-button
41+
aria-label="Move Forward"
42+
id="move-forward"
43+
part="move-forward-button"
44+
role="button"
45+
tabindex="0"
46+
theme="primary icon"
47+
title="Move Forward"
48+
>
49+
<div class="icon">
50+
</div>
51+
</vaadin-dashboard-button>
52+
</div>
53+
<div
54+
class="mode-controls"
55+
hidden=""
56+
id="resize-controls"
57+
>
58+
<vaadin-dashboard-button
59+
aria-label="Apply"
60+
id="resize-apply"
61+
part="resize-apply-button"
62+
role="button"
63+
tabindex="0"
64+
theme="primary icon large"
65+
title="Apply"
66+
>
67+
<div class="icon">
68+
</div>
69+
</vaadin-dashboard-button>
70+
<vaadin-dashboard-button
71+
aria-label="Shrink width"
72+
hidden=""
73+
id="resize-shrink-width"
74+
part="resize-shrink-width-button"
75+
role="button"
76+
tabindex="0"
77+
theme="primary icon"
78+
title="Shrink width"
79+
>
80+
<div class="icon">
81+
</div>
82+
</vaadin-dashboard-button>
83+
<vaadin-dashboard-button
84+
aria-label="Grow width"
85+
hidden=""
86+
id="resize-grow-width"
87+
part="resize-grow-width-button"
88+
role="button"
89+
tabindex="0"
90+
theme="primary icon"
91+
title="Grow width"
92+
>
93+
<div class="icon">
94+
</div>
95+
</vaadin-dashboard-button>
96+
<vaadin-dashboard-button
97+
aria-label="Shrink height"
98+
hidden=""
99+
id="resize-shrink-height"
100+
part="resize-shrink-height-button"
101+
role="button"
102+
tabindex="0"
103+
theme="primary icon"
104+
title="Shrink height"
105+
>
106+
<div class="icon">
107+
</div>
108+
</vaadin-dashboard-button>
109+
<vaadin-dashboard-button
110+
aria-label="Grow height"
111+
id="resize-grow-height"
112+
part="resize-grow-height-button"
113+
role="button"
114+
tabindex="0"
115+
theme="primary icon"
116+
title="Grow height"
117+
>
118+
<div class="icon">
119+
</div>
120+
</vaadin-dashboard-button>
121+
</div>
122+
<div id="focustrap">
123+
<label
124+
class="drag-handle"
125+
draggable="true"
126+
id="focus-button-wrapper"
127+
>
128+
<button
129+
aria-describedby="title"
130+
aria-label="Select widget for editing"
131+
aria-pressed="false"
132+
id="focus-button"
133+
>
134+
</button>
135+
</label>
136+
<header part="header">
137+
<vaadin-dashboard-button
138+
aria-label="Move"
139+
class="drag-handle"
140+
draggable="true"
141+
id="drag-handle"
142+
part="move-button"
143+
role="button"
144+
tabindex="-1"
145+
theme="icon tertiary"
146+
title="Move"
147+
>
148+
<div class="icon">
149+
</div>
150+
</vaadin-dashboard-button>
151+
<div
152+
aria-level="2"
153+
id="title"
154+
part="title"
155+
role="heading"
156+
>
157+
Custom title
158+
</div>
159+
<slot name="header-content">
160+
</slot>
161+
<vaadin-dashboard-button
162+
aria-label="Remove"
163+
id="remove-button"
164+
part="remove-button"
165+
role="button"
166+
tabindex="-1"
167+
theme="icon tertiary"
168+
title="Remove"
169+
>
170+
<div class="icon">
171+
</div>
172+
</vaadin-dashboard-button>
173+
</header>
174+
<vaadin-dashboard-button
175+
aria-label="Resize"
176+
class="resize-handle"
177+
id="resize-handle"
178+
part="resize-button"
179+
role="button"
180+
tabindex="-1"
181+
theme="icon tertiary"
182+
title="Resize"
183+
>
184+
<div class="icon">
185+
</div>
186+
</vaadin-dashboard-button>
187+
</div>
188+
<div
189+
id="content"
190+
part="content"
191+
>
192+
<slot>
193+
</slot>
194+
</div>
195+
`;
196+
/* end snapshot vaadin-dashboard-widget shadow */
197+

‎packages/dashboard/test/dom/__snapshots__/dashboard.test.snap.js‎

Lines changed: 32 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
/* @web/test-runner snapshot v1 */
2+
export const snapshots = {};
3+
4+
snapshots["vaadin-dashboard host"] =
5+
`<vaadin-dashboard style="touch-action: none;">
6+
<vaadin-dashboard-widget-wrapper
7+
slot="slot-0"
8+
style=""
9+
>
10+
</vaadin-dashboard-widget-wrapper>
11+
<vaadin-dashboard-widget-wrapper
12+
slot="slot-1"
13+
style=""
14+
>
15+
</vaadin-dashboard-widget-wrapper>
16+
</vaadin-dashboard>
17+
`;
18+
/* end snapshot vaadin-dashboard host */
19+
20+
snapshots["vaadin-dashboard shadow"] =
21+
`<div
22+
id="grid"
23+
style="width: 800px; --_col-count: 1;"
24+
>
25+
<slot name="slot-0">
26+
</slot>
27+
<slot name="slot-1">
28+
</slot>
29+
</div>
30+
`;
31+
/* end snapshot vaadin-dashboard shadow */
32+

0 commit comments

Comments
 (0)