Skip to content

Commit 40cea76

Browse files
thelenwthelenw
committed
Attempt to fix failing snapshot tests
1 parent 7d15622 commit 40cea76

File tree

4 files changed

+326
-370
lines changed

4 files changed

+326
-370
lines changed

‎web-ui/package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -101,7 +101,7 @@
101101
"typescript-eslint": "^7.7.1",
102102
"vite": "^5.2.14",
103103
"vite-tsconfig-paths": "^4.3.2",
104-
"vitest": "^1.6.0",
104+
"vitest": "^2.1.4",
105105
"vitest-fetch-mock": "^0.2.2"
106106
}
107107
}

‎web-ui/src/components/feedback_request_card/__snapshots__/FeedbackRequestCard.test.jsx.snap‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
exports[`renders correctly 1`] = `
44
<div>
55
<div
6-
class="feedback-request-card"
6+
class="feedback-request-card "
77
>
88
<div
99
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root ForwardRef(Card)-root-1 FeedbackRequestCard-root css-bhp9pd-MuiPaper-root-MuiCard-root"

‎web-ui/src/components/view_feedback_responses/feedback_response_card/__snapshots__/FeedbackResponseCard.test.tsx.snap‎

Lines changed: 147 additions & 93 deletions
Original file line numberDiff line numberDiff line change
@@ -3,44 +3,128 @@
33
exports[`FeedbackResponseCard > renders correctly for radio button responses 1`] = `
44
<div>
55
<div
6-
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-bhp9pd-MuiPaper-root-MuiCard-root"
6+
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root response-card css-bhp9pd-MuiPaper-root-MuiCard-root"
77
>
88
<div
9-
class="MuiCardContent-root css-46bh2p-MuiCardContent-root"
9+
class="MuiCardContent-root response-card-content css-46bh2p-MuiCardContent-root"
1010
>
11-
<h6
12-
class="MuiTypography-root MuiTypography-h6 css-2ulfj5-MuiTypography-root"
11+
<div
12+
class="response-card-recipient-info"
1313
>
14-
Responder:
15-
01b7d769-9fa2-43ff-95c7-f3b950a27bf9
16-
</h6>
17-
<p
18-
class="MuiTypography-root MuiTypography-body2 css-e784if-MuiTypography-root"
19-
>
20-
Answer:
21-
Yes
22-
</p>
23-
<button
24-
aria-label="Deny feedback request"
25-
class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-78trlr-MuiButtonBase-root-MuiIconButton-root"
26-
tabindex="0"
27-
type="button"
28-
>
29-
<svg
30-
aria-hidden="true"
31-
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
32-
data-testid="CloseIcon"
33-
focusable="false"
34-
viewBox="0 0 24 24"
14+
<div
15+
class="MuiAvatar-root MuiAvatar-circular avatar-photo css-1wlk0hk-MuiAvatar-root"
3516
>
36-
<path
37-
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"
17+
<img
18+
class="MuiAvatar-img css-1pqm26d-MuiAvatar-img"
19+
src="http://localhost:8080/services/member-profiles/member-photos/undefined"
3820
/>
39-
</svg>
40-
<span
41-
class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
21+
</div>
22+
<p
23+
class="MuiTypography-root MuiTypography-body1 responder-name css-ahj2mt-MuiTypography-root"
4224
/>
43-
</button>
25+
</div>
26+
<div
27+
class="MuiFormGroup-root MuiFormGroup-row MuiRadioGroup-root MuiRadioGroup-row feedback-answer-radio css-qfz70r-MuiFormGroup-root"
28+
role="radiogroup"
29+
>
30+
<label
31+
class="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd css-j204z7-MuiFormControlLabel-root"
32+
>
33+
<span
34+
aria-disabled="true"
35+
class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-checked Mui-disabled MuiRadio-root MuiRadio-colorPrimary css-vqmohf-MuiButtonBase-root-MuiRadio-root"
36+
tabindex="-1"
37+
>
38+
<input
39+
checked=""
40+
class="PrivateSwitchBase-input css-1m9pwf3"
41+
disabled=""
42+
name=":r0:"
43+
type="radio"
44+
value="Yes"
45+
/>
46+
<span
47+
class="css-hyxlzm"
48+
>
49+
<svg
50+
aria-hidden="true"
51+
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1hbvpl3-MuiSvgIcon-root"
52+
data-testid="RadioButtonUncheckedIcon"
53+
focusable="false"
54+
viewBox="0 0 24 24"
55+
>
56+
<path
57+
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
58+
/>
59+
</svg>
60+
<svg
61+
aria-hidden="true"
62+
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-11zohuh-MuiSvgIcon-root"
63+
data-testid="RadioButtonCheckedIcon"
64+
focusable="false"
65+
viewBox="0 0 24 24"
66+
>
67+
<path
68+
d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
69+
/>
70+
</svg>
71+
</span>
72+
</span>
73+
<span
74+
class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled css-ahj2mt-MuiTypography-root"
75+
>
76+
Yes
77+
</span>
78+
</label>
79+
<label
80+
class="MuiFormControlLabel-root Mui-disabled MuiFormControlLabel-labelPlacementEnd css-j204z7-MuiFormControlLabel-root"
81+
>
82+
<span
83+
aria-disabled="true"
84+
class="MuiButtonBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled PrivateSwitchBase-root MuiRadio-root MuiRadio-colorPrimary Mui-disabled MuiRadio-root MuiRadio-colorPrimary css-vqmohf-MuiButtonBase-root-MuiRadio-root"
85+
tabindex="-1"
86+
>
87+
<input
88+
class="PrivateSwitchBase-input css-1m9pwf3"
89+
disabled=""
90+
name=":r0:"
91+
type="radio"
92+
value="No"
93+
/>
94+
<span
95+
class="css-hyxlzm"
96+
>
97+
<svg
98+
aria-hidden="true"
99+
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1hbvpl3-MuiSvgIcon-root"
100+
data-testid="RadioButtonUncheckedIcon"
101+
focusable="false"
102+
viewBox="0 0 24 24"
103+
>
104+
<path
105+
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
106+
/>
107+
</svg>
108+
<svg
109+
aria-hidden="true"
110+
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-1hhw7if-MuiSvgIcon-root"
111+
data-testid="RadioButtonCheckedIcon"
112+
focusable="false"
113+
viewBox="0 0 24 24"
114+
>
115+
<path
116+
d="M8.465 8.465C9.37 7.56 10.62 7 12 7C14.76 7 17 9.24 17 12C17 13.38 16.44 14.63 15.535 15.535C14.63 16.44 13.38 17 12 17C9.24 17 7 14.76 7 12C7 10.62 7.56 9.37 8.465 8.465Z"
117+
/>
118+
</svg>
119+
</span>
120+
</span>
121+
<span
122+
class="MuiTypography-root MuiTypography-body1 MuiFormControlLabel-label Mui-disabled css-ahj2mt-MuiTypography-root"
123+
>
124+
No
125+
</span>
126+
</label>
127+
</div>
44128
</div>
45129
</div>
46130
</div>
@@ -49,44 +133,26 @@ exports[`FeedbackResponseCard > renders correctly for radio button responses 1`]
49133
exports[`FeedbackResponseCard > renders correctly for slider responses 1`] = `
50134
<div>
51135
<div
52-
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-bhp9pd-MuiPaper-root-MuiCard-root"
136+
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root response-card css-bhp9pd-MuiPaper-root-MuiCard-root"
53137
>
54138
<div
55-
class="MuiCardContent-root css-46bh2p-MuiCardContent-root"
139+
class="MuiCardContent-root response-card-content css-46bh2p-MuiCardContent-root"
56140
>
57-
<h6
58-
class="MuiTypography-root MuiTypography-h6 css-2ulfj5-MuiTypography-root"
59-
>
60-
Responder:
61-
01b7d769-9fa2-43ff-95c7-f3b950a27bf9
62-
</h6>
63-
<p
64-
class="MuiTypography-root MuiTypography-body2 css-e784if-MuiTypography-root"
141+
<div
142+
class="response-card-recipient-info"
65143
>
66-
Answer:
67-
Neither Agree nor Disagree
68-
</p>
69-
<button
70-
aria-label="Deny feedback request"
71-
class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-78trlr-MuiButtonBase-root-MuiIconButton-root"
72-
tabindex="0"
73-
type="button"
74-
>
75-
<svg
76-
aria-hidden="true"
77-
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
78-
data-testid="CloseIcon"
79-
focusable="false"
80-
viewBox="0 0 24 24"
144+
<div
145+
class="MuiAvatar-root MuiAvatar-circular avatar-photo css-1wlk0hk-MuiAvatar-root"
81146
>
82-
<path
83-
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"
147+
<img
148+
class="MuiAvatar-img css-1pqm26d-MuiAvatar-img"
149+
src="http://localhost:8080/services/member-profiles/member-photos/undefined"
84150
/>
85-
</svg>
86-
<span
87-
class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
151+
</div>
152+
<p
153+
class="MuiTypography-root MuiTypography-body1 responder-name css-ahj2mt-MuiTypography-root"
88154
/>
89-
</button>
155+
</div>
90156
</div>
91157
</div>
92158
</div>
@@ -95,44 +161,32 @@ exports[`FeedbackResponseCard > renders correctly for slider responses 1`] = `
95161
exports[`FeedbackResponseCard > renders correctly for text responses 1`] = `
96162
<div>
97163
<div
98-
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root css-bhp9pd-MuiPaper-root-MuiCard-root"
164+
class="MuiPaper-root MuiPaper-elevation MuiPaper-rounded MuiPaper-elevation1 MuiCard-root response-card css-bhp9pd-MuiPaper-root-MuiCard-root"
99165
>
100166
<div
101-
class="MuiCardContent-root css-46bh2p-MuiCardContent-root"
167+
class="MuiCardContent-root response-card-content css-46bh2p-MuiCardContent-root"
102168
>
103-
<h6
104-
class="MuiTypography-root MuiTypography-h6 css-2ulfj5-MuiTypography-root"
105-
>
106-
Responder:
107-
01b7d769-9fa2-43ff-95c7-f3b950a27bf9
108-
</h6>
109-
<p
110-
class="MuiTypography-root MuiTypography-body2 css-e784if-MuiTypography-root"
111-
>
112-
Answer:
113-
I love opossums. I have rehabilitated baby opossums for 25 years, and I intend to do so until my last day!
114-
</p>
115-
<button
116-
aria-label="Deny feedback request"
117-
class="MuiButtonBase-root MuiIconButton-root MuiIconButton-sizeMedium css-78trlr-MuiButtonBase-root-MuiIconButton-root"
118-
tabindex="0"
119-
type="button"
169+
<div
170+
class="response-card-recipient-info"
120171
>
121-
<svg
122-
aria-hidden="true"
123-
class="MuiSvgIcon-root MuiSvgIcon-fontSizeMedium css-i4bv87-MuiSvgIcon-root"
124-
data-testid="CloseIcon"
125-
focusable="false"
126-
viewBox="0 0 24 24"
172+
<div
173+
class="MuiAvatar-root MuiAvatar-circular avatar-photo css-1wlk0hk-MuiAvatar-root"
127174
>
128-
<path
129-
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"
175+
<img
176+
class="MuiAvatar-img css-1pqm26d-MuiAvatar-img"
177+
src="http://localhost:8080/services/member-profiles/member-photos/undefined"
130178
/>
131-
</svg>
132-
<span
133-
class="MuiTouchRipple-root css-8je8zh-MuiTouchRipple-root"
179+
</div>
180+
<p
181+
class="MuiTypography-root MuiTypography-body1 responder-name css-ahj2mt-MuiTypography-root"
134182
/>
135-
</button>
183+
</div>
184+
<pre
185+
class="fullWidth"
186+
style="white-space: pre-wrap;"
187+
>
188+
I love opossums. I have rehabilitated baby opossums for 25 years, and I intend to do so until my last day!
189+
</pre>
136190
</div>
137191
</div>
138192
</div>

0 commit comments

Comments
 (0)