Skip to content

Commit f7a6851

Browse files
ocielliottcocielliottc
committed
Updated the KudosCard test to include an active and an inactive sender.
1 parent 3b73a48 commit f7a6851

File tree

2 files changed

+187
-4
lines changed

2 files changed

+187
-4
lines changed

‎web-ui/src/components/kudos_card/KudosCard.test.jsx‎

Lines changed: 31 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -69,8 +69,8 @@ const initialState = {
6969
}
7070
};
7171

72-
const kudos = {
73-
id: 'test-kudos',
72+
const terminated = {
73+
id: 'test-terminated-kudos',
7474
message: "Brock and Brockman did a great job helping Clark, Jimmy Olsen, Jimmy T. Olsen, and Johnson",
7575
senderId: "5",
7676
dateCreated: [ 2025, 2, 14 ],
@@ -115,7 +115,35 @@ const kudos = {
115115
],
116116
};
117117

118-
it('renders correctly', () => {
118+
const kudos = {
119+
id: 'test-kudos',
120+
message: "Jimmy is awesome!",
121+
senderId: "1",
122+
dateCreated: [ 2025, 2, 17 ],
123+
recipientMembers: [
124+
{
125+
id: "2",
126+
firstName: 'Jimmy',
127+
lastName: 'Olsen',
128+
role: ['MEMBER'],
129+
},
130+
],
131+
};
132+
133+
it('inactive renders correctly', () => {
134+
snapshot(
135+
<AppContextProvider value={initialState}>
136+
<KudosCard
137+
kudos={terminated}
138+
includeActions
139+
includeEdit
140+
onKudosAction={() =>{}}
141+
/>
142+
</AppContextProvider>
143+
);
144+
});
145+
146+
it('active renders correctly', () => {
119147
snapshot(
120148
<AppContextProvider value={initialState}>
121149
<KudosCard

‎web-ui/src/components/kudos_card/__snapshots__/KudosCard.test.jsx.snap‎

Lines changed: 156 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,161 @@
11
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
22

3-
exports[`renders correctly 1`] = `
3+
exports[`active renders correctly 1`] = `
4+
<div>
5+
<div
6+
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 kudos-card css-1ps6pg7-MuiPaper-root"
7+
>
8+
<div
9+
class="kudos-card-header"
10+
>
11+
<div
12+
class="members-container"
13+
>
14+
<div
15+
class="MuiChip-root MuiChip-filled MuiChip-sizeMedium MuiChip-colorDefault MuiChip-filledDefault css-gavykb-MuiChip-root"
16+
>
17+
<div
18+
class="MuiAvatar-root MuiAvatar-circular MuiChip-avatar MuiChip-avatarMedium MuiChip-avatarColorDefault css-1wlk0hk-MuiAvatar-root"
19+
>
20+
<img
21+
class="MuiAvatar-img css-1pqm26d-MuiAvatar-img"
22+
src="http://localhost:8080/services/member-profiles/member-photos/undefined"
23+
/>
24+
</div>
25+
<span
26+
class="MuiChip-label MuiChip-labelMedium css-6od3lo-MuiChip-label"
27+
>
28+
Jimmy Olsen
29+
</span>
30+
</div>
31+
<p
32+
class="MuiTypography-root MuiTypography-body1 css-ahj2mt-MuiTypography-root"
33+
>
34+
received kudos from
35+
</p>
36+
<div
37+
class="MuiChip-root MuiChip-filled MuiChip-sizeMedium MuiChip-colorDefault MuiChip-filledDefault css-gavykb-MuiChip-root"
38+
>
39+
<div
40+
class="MuiAvatar-root MuiAvatar-circular MuiChip-avatar MuiChip-avatarMedium MuiChip-avatarColorDefault css-1wlk0hk-MuiAvatar-root"
41+
>
42+
<img
43+
class="MuiAvatar-img css-1pqm26d-MuiAvatar-img"
44+
src="http://localhost:8080/services/member-profiles/member-photos/undefined"
45+
/>
46+
</div>
47+
<span
48+
class="MuiChip-label MuiChip-labelMedium css-6od3lo-MuiChip-label"
49+
>
50+
Jimmy Johnson
51+
</span>
52+
</div>
53+
</div>
54+
<div
55+
class="kudos-status-container"
56+
>
57+
<div
58+
class="kudos-action-buttons"
59+
>
60+
<button
61+
aria-label="Approve"
62+
class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedSuccess MuiButton-sizeSmall MuiButton-outlinedSizeSmall MuiButton-colorSuccess MuiButton-root MuiButton-outlined MuiButton-outlinedSuccess MuiButton-sizeSmall MuiButton-outlinedSizeSmall MuiButton-colorSuccess css-1k9gzqu-MuiButtonBase-root-MuiButton-root"
63+
data-mui-internal-clone-element="true"
64+
tabindex="0"
65+
type="button"
66+
>
67+
<svg
68+
aria-hidden="true"
69+
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
70+
data-testid="CheckIcon"
71+
focusable="false"
72+
viewBox="0 0 24 24"
73+
>
74+
<path
75+
d="M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
76+
/>
77+
</svg>
78+
<span
79+
class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
80+
/>
81+
</button>
82+
<button
83+
aria-label="Edit"
84+
class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeSmall MuiButton-outlinedSizeSmall MuiButton-colorPrimary MuiButton-root MuiButton-outlined MuiButton-outlinedPrimary MuiButton-sizeSmall MuiButton-outlinedSizeSmall MuiButton-colorPrimary css-1k23hlb-MuiButtonBase-root-MuiButton-root"
85+
data-mui-internal-clone-element="true"
86+
tabindex="0"
87+
type="button"
88+
>
89+
<svg
90+
aria-hidden="true"
91+
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
92+
data-testid="EditIcon"
93+
focusable="false"
94+
viewBox="0 0 24 24"
95+
>
96+
<path
97+
d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.9959.9959 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z"
98+
/>
99+
</svg>
100+
<span
101+
class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
102+
/>
103+
</button>
104+
<button
105+
aria-label="Delete"
106+
class="MuiButtonBase-root MuiButton-root MuiButton-outlined MuiButton-outlinedError MuiButton-sizeSmall MuiButton-outlinedSizeSmall MuiButton-colorError MuiButton-root MuiButton-outlined MuiButton-outlinedError MuiButton-sizeSmall MuiButton-outlinedSizeSmall MuiButton-colorError css-1ir7th6-MuiButtonBase-root-MuiButton-root"
107+
data-mui-internal-clone-element="true"
108+
tabindex="0"
109+
type="button"
110+
>
111+
<svg
112+
aria-hidden="true"
113+
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
114+
data-testid="CloseIcon"
115+
focusable="false"
116+
viewBox="0 0 24 24"
117+
>
118+
<path
119+
d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"
120+
/>
121+
</svg>
122+
<span
123+
class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
124+
/>
125+
</button>
126+
</div>
127+
</div>
128+
</div>
129+
<hr
130+
class="MuiDivider-root MuiDivider-fullWidth css-9mgopn-MuiDivider-root"
131+
/>
132+
<div
133+
class="MuiCollapse-root MuiCollapse-vertical MuiCollapse-entered css-pwcg7p-MuiCollapse-root"
134+
style="min-height: 0px;"
135+
>
136+
<div
137+
class="MuiCollapse-wrapper MuiCollapse-vertical css-smkl36-MuiCollapse-wrapper"
138+
>
139+
<div
140+
class="MuiCollapse-wrapperInner MuiCollapse-vertical css-9l5vo-MuiCollapse-wrapperInner"
141+
>
142+
<div
143+
class="kudos-card-content"
144+
>
145+
<p
146+
class="MuiTypography-root MuiTypography-body1 css-ahj2mt-MuiTypography-root"
147+
>
148+
Jimmy is awesome!
149+
</p>
150+
</div>
151+
</div>
152+
</div>
153+
</div>
154+
</div>
155+
</div>
156+
`;
157+
158+
exports[`inactive renders correctly 1`] = `
4159
<div>
5160
<div
6161
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 kudos-card css-1ps6pg7-MuiPaper-root"

0 commit comments

Comments
 (0)