Skip to content

Commit 7456c37

Browse files
MrKaasheeMrKaashee
committed
test: add Toolbar snapshot tests
1 parent 4364df7 commit 7456c37

File tree

2 files changed

+218
-0
lines changed

2 files changed

+218
-0
lines changed

‎test/components/__snapshots__/Toolbar-vue.spec.ts.snap

Lines changed: 109 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,109 @@
1+
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2+
3+
exports[`Toolbar > renders with as correctly 1`] = `
4+
"<section class="flex justify-between items-center shrink-0 no-wrap relative w-full px-3 gap-1.5 overflow-x-auto min-h-[49px] bg-default border border-default">
5+
<div class="flex items-center gap-1.5">
6+
<!--v-if-->
7+
</div>
8+
<div class="flex items-center gap-1.5"></div>
9+
<div class="flex items-center gap-1.5"></div>
10+
</section>"
11+
`;
12+
13+
exports[`Toolbar > renders with center slot correctly 1`] = `
14+
"<div class="flex justify-between items-center shrink-0 no-wrap relative w-full px-3 gap-1.5 overflow-x-auto min-h-[49px] bg-default border border-default">
15+
<div class="flex items-center gap-1.5">
16+
<!--v-if-->
17+
</div>
18+
<div class="flex items-center gap-1.5">Center slot</div>
19+
<div class="flex items-center gap-1.5"></div>
20+
</div>"
21+
`;
22+
23+
exports[`Toolbar > renders with class correctly 1`] = `
24+
"<div class="flex justify-between items-center shrink-0 no-wrap relative w-full px-3 gap-1.5 overflow-x-auto min-h-[49px] bg-default border-default border-0 border-b">
25+
<div class="flex items-center gap-1.5">
26+
<!--v-if-->
27+
</div>
28+
<div class="flex items-center gap-1.5"></div>
29+
<div class="flex items-center gap-1.5"></div>
30+
</div>"
31+
`;
32+
33+
exports[`Toolbar > renders with left slot correctly 1`] = `
34+
"<div class="flex justify-between items-center shrink-0 no-wrap relative w-full px-3 gap-1.5 overflow-x-auto min-h-[49px] bg-default border border-default">
35+
<div class="flex items-center gap-1.5">Left slot</div>
36+
<div class="flex items-center gap-1.5"></div>
37+
<div class="flex items-center gap-1.5"></div>
38+
</div>"
39+
`;
40+
41+
exports[`Toolbar > renders with right slot correctly 1`] = `
42+
"<div class="flex justify-between items-center shrink-0 no-wrap relative w-full px-3 gap-1.5 overflow-x-auto min-h-[49px] bg-default border border-default">
43+
<div class="flex items-center gap-1.5">
44+
<!--v-if-->
45+
</div>
46+
<div class="flex items-center gap-1.5"></div>
47+
<div class="flex items-center gap-1.5">Right slot</div>
48+
</div>"
49+
`;
50+
51+
exports[`Toolbar > renders with title slot correctly 1`] = `
52+
"<div class="flex justify-between items-center shrink-0 no-wrap relative w-full px-3 gap-1.5 overflow-x-auto min-h-[49px] bg-default border border-default">
53+
<div class="flex items-center gap-1.5">
54+
<div class="text-base text-pretty truncate font-semibold text-highlighted px-3">Title slot</div>
55+
</div>
56+
<div class="flex items-center gap-1.5"></div>
57+
<div class="flex items-center gap-1.5"></div>
58+
</div>"
59+
`;
60+
61+
exports[`Toolbar > renders with ui correctly 1`] = `
62+
"<div class="flex justify-between items-center shrink-0 no-wrap relative w-full px-3 gap-1.5 overflow-x-auto min-h-[49px] bg-default border border-default border-x-0">
63+
<div class="flex items-center gap-1.5">
64+
<!--v-if-->
65+
</div>
66+
<div class="flex items-center gap-1.5"></div>
67+
<div class="flex items-center gap-1.5"></div>
68+
</div>"
69+
`;
70+
71+
exports[`Toolbar > renders with variant outline correctly 1`] = `
72+
"<div class="flex justify-between items-center shrink-0 no-wrap relative w-full px-3 gap-1.5 overflow-x-auto min-h-[49px] bg-default border border-default">
73+
<div class="flex items-center gap-1.5">
74+
<!--v-if-->
75+
</div>
76+
<div class="flex items-center gap-1.5"></div>
77+
<div class="flex items-center gap-1.5"></div>
78+
</div>"
79+
`;
80+
81+
exports[`Toolbar > renders with variant soft correctly 1`] = `
82+
"<div class="flex justify-between items-center shrink-0 no-wrap relative w-full px-3 gap-1.5 overflow-x-auto min-h-[49px] bg-elevated/50">
83+
<div class="flex items-center gap-1.5">
84+
<!--v-if-->
85+
</div>
86+
<div class="flex items-center gap-1.5"></div>
87+
<div class="flex items-center gap-1.5"></div>
88+
</div>"
89+
`;
90+
91+
exports[`Toolbar > renders with variant solid correctly 1`] = `
92+
"<div class="flex justify-between items-center shrink-0 no-wrap relative w-full px-3 gap-1.5 overflow-x-auto min-h-[49px] bg-inverted text-inverted">
93+
<div class="flex items-center gap-1.5">
94+
<!--v-if-->
95+
</div>
96+
<div class="flex items-center gap-1.5"></div>
97+
<div class="flex items-center gap-1.5"></div>
98+
</div>"
99+
`;
100+
101+
exports[`Toolbar > renders with variant subtle correctly 1`] = `
102+
"<div class="flex justify-between items-center shrink-0 no-wrap relative w-full px-3 gap-1.5 overflow-x-auto min-h-[49px] bg-elevated/50 border border-default">
103+
<div class="flex items-center gap-1.5">
104+
<!--v-if-->
105+
</div>
106+
<div class="flex items-center gap-1.5"></div>
107+
<div class="flex items-center gap-1.5"></div>
108+
</div>"
109+
`;

‎test/components/__snapshots__/Toolbar.spec.ts.snap

Lines changed: 109 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,109 @@
1+
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2+
3+
exports[`Toolbar > renders with as correctly 1`] = `
4+
"<section class="flex justify-between items-center shrink-0 no-wrap relative w-full px-3 gap-1.5 overflow-x-auto min-h-[49px] bg-default border border-default">
5+
<div class="flex items-center gap-1.5">
6+
<!--v-if-->
7+
</div>
8+
<div class="flex items-center gap-1.5"></div>
9+
<div class="flex items-center gap-1.5"></div>
10+
</section>"
11+
`;
12+
13+
exports[`Toolbar > renders with center slot correctly 1`] = `
14+
"<div class="flex justify-between items-center shrink-0 no-wrap relative w-full px-3 gap-1.5 overflow-x-auto min-h-[49px] bg-default border border-default">
15+
<div class="flex items-center gap-1.5">
16+
<!--v-if-->
17+
</div>
18+
<div class="flex items-center gap-1.5">Center slot</div>
19+
<div class="flex items-center gap-1.5"></div>
20+
</div>"
21+
`;
22+
23+
exports[`Toolbar > renders with class correctly 1`] = `
24+
"<div class="flex justify-between items-center shrink-0 no-wrap relative w-full px-3 gap-1.5 overflow-x-auto min-h-[49px] bg-default border-default border-0 border-b">
25+
<div class="flex items-center gap-1.5">
26+
<!--v-if-->
27+
</div>
28+
<div class="flex items-center gap-1.5"></div>
29+
<div class="flex items-center gap-1.5"></div>
30+
</div>"
31+
`;
32+
33+
exports[`Toolbar > renders with left slot correctly 1`] = `
34+
"<div class="flex justify-between items-center shrink-0 no-wrap relative w-full px-3 gap-1.5 overflow-x-auto min-h-[49px] bg-default border border-default">
35+
<div class="flex items-center gap-1.5">Left slot</div>
36+
<div class="flex items-center gap-1.5"></div>
37+
<div class="flex items-center gap-1.5"></div>
38+
</div>"
39+
`;
40+
41+
exports[`Toolbar > renders with right slot correctly 1`] = `
42+
"<div class="flex justify-between items-center shrink-0 no-wrap relative w-full px-3 gap-1.5 overflow-x-auto min-h-[49px] bg-default border border-default">
43+
<div class="flex items-center gap-1.5">
44+
<!--v-if-->
45+
</div>
46+
<div class="flex items-center gap-1.5"></div>
47+
<div class="flex items-center gap-1.5">Right slot</div>
48+
</div>"
49+
`;
50+
51+
exports[`Toolbar > renders with title slot correctly 1`] = `
52+
"<div class="flex justify-between items-center shrink-0 no-wrap relative w-full px-3 gap-1.5 overflow-x-auto min-h-[49px] bg-default border border-default">
53+
<div class="flex items-center gap-1.5">
54+
<div class="text-base text-pretty truncate font-semibold text-highlighted px-3">Title slot</div>
55+
</div>
56+
<div class="flex items-center gap-1.5"></div>
57+
<div class="flex items-center gap-1.5"></div>
58+
</div>"
59+
`;
60+
61+
exports[`Toolbar > renders with ui correctly 1`] = `
62+
"<div class="flex justify-between items-center shrink-0 no-wrap relative w-full px-3 gap-1.5 overflow-x-auto min-h-[49px] bg-default border border-default border-x-0">
63+
<div class="flex items-center gap-1.5">
64+
<!--v-if-->
65+
</div>
66+
<div class="flex items-center gap-1.5"></div>
67+
<div class="flex items-center gap-1.5"></div>
68+
</div>"
69+
`;
70+
71+
exports[`Toolbar > renders with variant outline correctly 1`] = `
72+
"<div class="flex justify-between items-center shrink-0 no-wrap relative w-full px-3 gap-1.5 overflow-x-auto min-h-[49px] bg-default border border-default">
73+
<div class="flex items-center gap-1.5">
74+
<!--v-if-->
75+
</div>
76+
<div class="flex items-center gap-1.5"></div>
77+
<div class="flex items-center gap-1.5"></div>
78+
</div>"
79+
`;
80+
81+
exports[`Toolbar > renders with variant soft correctly 1`] = `
82+
"<div class="flex justify-between items-center shrink-0 no-wrap relative w-full px-3 gap-1.5 overflow-x-auto min-h-[49px] bg-elevated/50">
83+
<div class="flex items-center gap-1.5">
84+
<!--v-if-->
85+
</div>
86+
<div class="flex items-center gap-1.5"></div>
87+
<div class="flex items-center gap-1.5"></div>
88+
</div>"
89+
`;
90+
91+
exports[`Toolbar > renders with variant solid correctly 1`] = `
92+
"<div class="flex justify-between items-center shrink-0 no-wrap relative w-full px-3 gap-1.5 overflow-x-auto min-h-[49px] bg-inverted text-inverted">
93+
<div class="flex items-center gap-1.5">
94+
<!--v-if-->
95+
</div>
96+
<div class="flex items-center gap-1.5"></div>
97+
<div class="flex items-center gap-1.5"></div>
98+
</div>"
99+
`;
100+
101+
exports[`Toolbar > renders with variant subtle correctly 1`] = `
102+
"<div class="flex justify-between items-center shrink-0 no-wrap relative w-full px-3 gap-1.5 overflow-x-auto min-h-[49px] bg-elevated/50 border border-default">
103+
<div class="flex items-center gap-1.5">
104+
<!--v-if-->
105+
</div>
106+
<div class="flex items-center gap-1.5"></div>
107+
<div class="flex items-center gap-1.5"></div>
108+
</div>"
109+
`;

0 commit comments

Comments
 (0)