Skip to content

Commit c382226

Browse files
dlabajdlabaj
committed
fix: updated with review comments.
1 parent 5d723a4 commit c382226

File tree

2 files changed

+279
-0
lines changed

2 files changed

+279
-0
lines changed

‎packages/module/src/Severity/__snapshots__/Severity.test.tsx.snap‎

Lines changed: 270 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,270 @@
1+
// Jest Snapshot v1, https://goo.gl/fbAQLP
2+
3+
exports[`Severity component API should hide label 1`] = `
4+
<div>
5+
<div
6+
class="pf-v6-l-flex pf-m-space-items-sm"
7+
>
8+
<div
9+
class=""
10+
>
11+
<span
12+
data-ouia-component-id="Severity-icon"
13+
title="important important"
14+
widget-id="important"
15+
widget-type="Severity"
16+
>
17+
<svg
18+
aria-hidden="true"
19+
class="pf-v6-svg"
20+
color="var(--pf-t--global--icon--color--severity--important--default)"
21+
fill="currentColor"
22+
height="1em"
23+
role="img"
24+
viewBox="0 0 1024 1024"
25+
width="1em"
26+
>
27+
<path
28+
d="M0,587.2c0,23.2,10.8,40.4,30.7,51.6,20.8,11.7,42.1,12.5,63.1-.5l378.4-235.4c26.5-16.7,51.7-16.4,78.7.5,123.4,77.2,247.5,153.4,371,230.5,22.9,14.3,44.9,18.7,69.3,5.3,24.5-13.5,32.5-35,32.3-61.4-.4-49.4,0-41.9,0-91.3s-.3-99.9,0-149.8c.2-27.6-11.5-47.8-35.1-61.8C841.4,187.2,694.4,99.5,547.5,11.7c-24.5-14.6-48.1-14.4-72.4.2C327.3,100.3,179.4,188.5,31.7,276.8c-21.1,12.6-31.7,31.5-31.7,56.1v254.3ZM1023.8,857.8c0,1.9,0-.6.2-10.3,0-2.1,0-4.1-.2-6.1v-35.1c0-29.9,0,8.8,0,33.8-1.8-23.9-13.4-41.7-34.9-54.4-147-87.7-294-175.4-441-263.3-24.5-14.6-48.1-14.4-72.4.2-147.7,88.4-295.6,176.6-443.4,265-21.1,12.6-31.7,31.4-31.7,56.1v120.3c0,23.2,10.8,40.4,30.7,51.6,20.8,11.7,42.1,12.5,63.1-.5l378.4-235.4c26.5-16.7,51.7-16.4,78.7.5,123.4,77.2,247.5,153.4,371,230.5,22.9,14.3,44.9,18.7,69.3,5.3,24.5-13.5,32.5-35,32.3-61.4-.2-32.3-.2-64.6-.2-96.9h.2Z"
29+
/>
30+
</svg>
31+
</span>
32+
</div>
33+
<div
34+
class=""
35+
/>
36+
</div>
37+
</div>
38+
`;
39+
40+
exports[`Severity component should render correctly CriticalSeverity 1`] = `
41+
<div>
42+
<div
43+
class="pf-v6-l-flex pf-m-space-items-sm"
44+
>
45+
<div
46+
class=""
47+
>
48+
<span
49+
data-ouia-component-id="Severity-icon"
50+
title="critical Critical"
51+
widget-id="Critical"
52+
widget-type="Severity"
53+
>
54+
<svg
55+
aria-hidden="true"
56+
class="pf-v6-svg"
57+
color="var(--pf-t--global--icon--color--severity--critical--default)"
58+
fill="currentColor"
59+
height="1em"
60+
role="img"
61+
viewBox="0 0 1024 1024"
62+
width="1em"
63+
>
64+
<path
65+
d="M0,963.4c0,23.2,10.8,40.4,30.7,51.6,20.8,11.7,42.1,12.5,63.1-.5l378.6-235.6c26.5-16.7,51.7-16.4,78.7.5,123.5,77.3,247.6,153.5,371.2,230.7,22.9,14.3,44.9,18.7,69.3,5.3,24.5-13.5,32.5-35,32.3-61.5-.4-49.4,0-41.9,0-91.4s-.3-476.6,0-526.5c.2-27.6-11.5-47.8-35.1-61.9C841.8,186.5,694.7,98.6,547.8,10.8c-24.5-14.6-48.1-14.4-72.4.2C327.5,99.4,179.5,187.8,31.7,276.2,10.6,288.8,0,307.7,0,332.3v631.1H0Z"
66+
/>
67+
</svg>
68+
</span>
69+
</div>
70+
<div
71+
class=""
72+
>
73+
Critical
74+
</div>
75+
</div>
76+
</div>
77+
`;
78+
79+
exports[`Severity component should render correctly HighSeverity 1`] = `
80+
<div>
81+
<div
82+
class="pf-v6-l-flex pf-m-space-items-sm"
83+
>
84+
<div
85+
class=""
86+
>
87+
<span
88+
data-ouia-component-id="Severity-icon"
89+
title="important Important"
90+
widget-id="Important"
91+
widget-type="Severity"
92+
>
93+
<svg
94+
aria-hidden="true"
95+
class="pf-v6-svg"
96+
color="var(--pf-t--global--icon--color--severity--important--default)"
97+
fill="currentColor"
98+
height="1em"
99+
role="img"
100+
viewBox="0 0 1024 1024"
101+
width="1em"
102+
>
103+
<path
104+
d="M0,587.2c0,23.2,10.8,40.4,30.7,51.6,20.8,11.7,42.1,12.5,63.1-.5l378.4-235.4c26.5-16.7,51.7-16.4,78.7.5,123.4,77.2,247.5,153.4,371,230.5,22.9,14.3,44.9,18.7,69.3,5.3,24.5-13.5,32.5-35,32.3-61.4-.4-49.4,0-41.9,0-91.3s-.3-99.9,0-149.8c.2-27.6-11.5-47.8-35.1-61.8C841.4,187.2,694.4,99.5,547.5,11.7c-24.5-14.6-48.1-14.4-72.4.2C327.3,100.3,179.4,188.5,31.7,276.8c-21.1,12.6-31.7,31.5-31.7,56.1v254.3ZM1023.8,857.8c0,1.9,0-.6.2-10.3,0-2.1,0-4.1-.2-6.1v-35.1c0-29.9,0,8.8,0,33.8-1.8-23.9-13.4-41.7-34.9-54.4-147-87.7-294-175.4-441-263.3-24.5-14.6-48.1-14.4-72.4.2-147.7,88.4-295.6,176.6-443.4,265-21.1,12.6-31.7,31.4-31.7,56.1v120.3c0,23.2,10.8,40.4,30.7,51.6,20.8,11.7,42.1,12.5,63.1-.5l378.4-235.4c26.5-16.7,51.7-16.4,78.7.5,123.4,77.2,247.5,153.4,371,230.5,22.9,14.3,44.9,18.7,69.3,5.3,24.5-13.5,32.5-35,32.3-61.4-.2-32.3-.2-64.6-.2-96.9h.2Z"
105+
/>
106+
</svg>
107+
</span>
108+
</div>
109+
<div
110+
class=""
111+
>
112+
Important
113+
</div>
114+
</div>
115+
</div>
116+
`;
117+
118+
exports[`Severity component should render correctly LowSeverity 1`] = `
119+
<div>
120+
<div
121+
class="pf-v6-l-flex pf-m-space-items-sm"
122+
>
123+
<div
124+
class=""
125+
>
126+
<span
127+
data-ouia-component-id="Severity-icon"
128+
title="minor Minor"
129+
widget-id="Minor"
130+
widget-type="Severity"
131+
>
132+
<svg
133+
aria-hidden="true"
134+
class="pf-v6-svg"
135+
color="var(--pf-t--global--icon--color--severity--minor--default)"
136+
fill="currentColor"
137+
height="1em"
138+
role="img"
139+
viewBox="0 0 1024 1024"
140+
width="1em"
141+
>
142+
<path
143+
d="M1023.9,538.3c0-49.4-.3-41.9,0-91.3.2-26.4-7.8-48-32.3-61.4-24.4-13.4-46.5-9-69.3,5.3-123.5,77.1-247.6,153.3-371,230.5-27,16.9-52.3,17.2-78.7.5L94.3,386.5c-20.9-13-42.2-12.2-63.1-.5-19.9,11.1-30.7,28.4-30.7,51.6v254.3c0,24.6,10.6,43.5,31.7,56.1,147.8,88.4,295.6,176.5,443.4,265,24.4,14.6,48,14.8,72.4.2,146.9-87.9,293.9-175.6,441-263.3,23.6-14.1,35.3-34.2,35.1-61.8-.4-49.9,0-99.9,0-149.8h0ZM1024.4,177.2c0-9.7,0-12.2-.2-10.3,0-32.3,0-64.6.2-96.9.2-26.4-7.8-48-32.3-61.4-24.4-13.4-46.5-9-69.3,5.3-123.5,77.1-247.6,153.3-371,230.5-27,16.9-52.3,17.2-78.7.5L94.7,9.7c-20.9-13-42.2-12.2-63.1-.5C11.7,20.3.9,37.5.9,60.7v120.3c0,24.6,10.6,43.5,31.7,56.1,147.8,88.4,295.6,176.5,443.4,265,24.4,14.6,48,14.8,72.4.2,146.9-87.9,293.9-175.6,441-263.3,21.4-12.8,33.1-30.6,34.9-54.4,0,25.1,0,63.7,0,33.8v-35.1c0-2,.2-4,.2-6.1h-.2Z"
144+
/>
145+
</svg>
146+
</span>
147+
</div>
148+
<div
149+
class=""
150+
>
151+
Minor
152+
</div>
153+
</div>
154+
</div>
155+
`;
156+
157+
exports[`Severity component should render correctly LowSeverity 2`] = `
158+
<div>
159+
<div
160+
class="pf-v6-l-flex pf-m-space-items-sm"
161+
>
162+
<div
163+
class=""
164+
>
165+
<span
166+
data-ouia-component-id="Severity-icon"
167+
title="none None"
168+
widget-id="None"
169+
widget-type="Severity"
170+
>
171+
<svg
172+
aria-hidden="true"
173+
class="pf-v6-svg"
174+
color="var(--pf-t--global--icon--color--severity--none--default)"
175+
fill="currentColor"
176+
height="1em"
177+
role="img"
178+
viewBox="0 0 1024 1024"
179+
width="1em"
180+
>
181+
<path
182+
d="M64,128h896c35.3,0,64,28.7,64,64v64c0,35.3-28.7,64-64,64H64c-35.3,0-64-28.7-64-64v-64c0-35.3,28.7-64,64-64ZM64,448h896c35.3,0,64,28.7,64,64v256c0,35.3-28.7,64-64,64H64c-35.3,0-64-28.7-64-64v-256c0-35.3,28.7-64,64-64Z"
183+
/>
184+
</svg>
185+
</span>
186+
</div>
187+
<div
188+
class=""
189+
>
190+
None
191+
</div>
192+
</div>
193+
</div>
194+
`;
195+
196+
exports[`Severity component should render correctly MediumSeverity 1`] = `
197+
<div>
198+
<div
199+
class="pf-v6-l-flex pf-m-space-items-sm"
200+
>
201+
<div
202+
class=""
203+
>
204+
<span
205+
data-ouia-component-id="Severity-icon"
206+
title="moderate Moderate"
207+
widget-id="Moderate"
208+
widget-type="Severity"
209+
>
210+
<svg
211+
aria-hidden="true"
212+
class="pf-v6-svg"
213+
color="var(--pf-t--global--icon--color--severity--moderate--default)"
214+
fill="currentColor"
215+
height="1em"
216+
role="img"
217+
viewBox="0 0 1024 1024"
218+
width="1em"
219+
>
220+
<path
221+
d="M.8,403.4c.2,25.2,0,28.2-.1,39.9,0-10.5,0-23.3.1-39.9ZM1023.2,389.4c0,1.7,0,3.4,0,5.2v8.7-13.9h0ZM1023.5,475h0v-32.2c0,6.4.2,15.3.2,32.2h-.2ZM1023.9,577.1c0,31.9-31.9,62.8-63.9,62.8H63.9C31.9,639.9,0,609,0,577.1c.4-62,.1-168.9.2-182.1,1.2-24.9,12.9-43.4,35-56.5,147.1-87.4,265.8-153.3,412.7-240.8,13.6-6.8,27.2-11.4,40.8-13.8,15.3-2.8,31.1-2.8,46.4,0,13.6,2.5,27.2,7.1,40.8,13.8,147,87.5,265.7,153.4,412.7,240.8,22.5,13.2,34.3,32.4,35,57.7,0,4.4-.2,131.6.2,180.8h0ZM.5,475c0-16.4,0-25.3.1-31.7v31.7h-.1ZM.7,394.6c0-1.8,0-3.5.1-5.2v13.8-8.6h-.1ZM1023.3,442.7c0-11.2-.3-14.6,0-39.3,0,16.3,0,29,0,39.3ZM63.9,752.1h896.1c35.3,0,64,28.3,64,63.3v63.3c0,34.9-28.6,63.3-64,63.3H63.9c-35.3.1-63.9-28.2-63.9-63.2v-63.3c0-34.9,28.6-63.3,64-63.3h0Z"
222+
/>
223+
</svg>
224+
</span>
225+
</div>
226+
<div
227+
class=""
228+
>
229+
Moderate
230+
</div>
231+
</div>
232+
</div>
233+
`;
234+
235+
exports[`Severity component should render correctly UndefinedSeverity, default 1`] = `
236+
<div>
237+
<div
238+
class="pf-v6-l-flex pf-m-space-items-sm"
239+
>
240+
<div
241+
class=""
242+
>
243+
<span
244+
data-ouia-component-id="Severity-icon"
245+
title=" "
246+
widget-id=""
247+
widget-type="Severity"
248+
>
249+
<svg
250+
aria-hidden="true"
251+
class="pf-v6-svg"
252+
color="var(--pf-t--global--icon--color--severity--undefined--default)"
253+
fill="currentColor"
254+
height="1em"
255+
role="img"
256+
viewBox="0 0 1024 1024"
257+
width="1em"
258+
>
259+
<path
260+
d="M640,384h320c35.3,0,64,28.7,64,64v64c0,35.3-28.7,64-64,64h-320c-35.3,0-64-28.7-64-64v-64c0-35.3,28.7-64,64-64ZM64,384h320c35.3,0,64,28.7,64,64v64c0,35.3-28.7,64-64,64H64c-35.3,0-64-28.7-64-64v-64c0-35.3,28.7-64,64-64Z"
261+
/>
262+
</svg>
263+
</span>
264+
</div>
265+
<div
266+
class=""
267+
/>
268+
</div>
269+
</div>
270+
`;

‎packages/module/src/TagCount/TagCount.test.tsx‎

Lines changed: 9 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,3 +12,12 @@ describe('TagCount component', () => {
1212
expect(render(<TagCount count={11} />)).toMatchSnapshot();
1313
});
1414
});
15+
it('should have the correct class when rendered', () => {
16+
const { container } = render(<TagCount />);
17+
expect(container.firstChild).toHaveClass('buttonTagCount');
18+
});
19+
20+
it('should have the correct class when count is provided', () => {
21+
const { container } = render(<TagCount count={5} />);
22+
expect(container.firstChild).toHaveClass('buttonTagCount');
23+
});

0 commit comments

Comments
 (0)