Stabilise React useId values in DOM snapshots in element-web (#33579)

* Stabilise React useId values in DOM snapshots - app/web

* Stabilise React useId values in DOM snapshots - shared components

* Update additional snapshots

* Added comments and changed replace pattern to 'react-use-id-N'
This commit is contained in:
rbondesson
2026-05-21 13:30:05 +01:00
committed by GitHub
parent 7ce368537b
commit 80024991aa
95 changed files with 1247 additions and 1173 deletions
@@ -219,10 +219,10 @@ exports[`<AdvancedPanel /> <OtherSettings /> should display the blacklist of unv
class="_container_udcm8_10"
>
<input
aria-describedby="radix-_r_7_"
aria-describedby="radix-react-use-id-1"
checked=""
class="_input_udcm8_24"
id="radix-_r_6_"
id="radix-react-use-id-2"
name="neverSendEncrypted"
role="switch"
title=""
@@ -238,13 +238,13 @@ exports[`<AdvancedPanel /> <OtherSettings /> should display the blacklist of unv
>
<label
class="_label_19upo_59"
for="radix-_r_6_"
for="radix-react-use-id-2"
>
In encrypted rooms, only send messages to verified users
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="radix-_r_7_"
id="radix-react-use-id-1"
>
Warning: users who have not explicitly verified with you (e.g. using emoji) will not receive your encrypted messages. Also, unverified devices of verified users will not receive your encrypted messages. Changes require an application restart to take effect.
</span>
@@ -258,25 +258,25 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
>
<label
class="_label_19upo_59"
for="radix-_r_0_"
for="radix-react-use-id-1"
>
Enter recovery key
</label>
<div
class="_container_1s836_8 mx_KeyForm_password mx_no_textinput"
id="_r_1_"
id="react-use-id-2"
>
<input
class="_control_d83jn_10 _control_1s836_13"
id="radix-_r_0_"
id="radix-react-use-id-1"
name="recoveryKey"
required=""
title="Enter recovery key"
type="password"
/>
<button
aria-controls="_r_1_"
aria-labelledby="_r_2_"
aria-controls="react-use-id-2"
aria-labelledby="react-use-id-3"
class="_action_1s836_24"
type="button"
>
@@ -420,28 +420,28 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
<label
class="_label_19upo_59"
data-invalid="true"
for="radix-_r_0_"
for="radix-react-use-id-1"
>
Enter recovery key
</label>
<div
class="_container_1s836_8 mx_KeyForm_password mx_no_textinput"
id="_r_1_"
id="react-use-id-2"
>
<input
aria-describedby="radix-_r_8_"
aria-describedby="radix-react-use-id-3"
aria-invalid="true"
class="_control_d83jn_10 _control_1s836_13"
data-invalid="true"
id="radix-_r_0_"
id="radix-react-use-id-1"
name="recoveryKey"
required=""
title="Enter recovery key"
type="password"
/>
<button
aria-controls="_r_1_"
aria-labelledby="_r_2_"
aria-controls="react-use-id-2"
aria-labelledby="react-use-id-4"
class="_action_1s836_24"
type="button"
>
@@ -461,7 +461,7 @@ exports[`<ChangeRecoveryKey /> flow to set up a recovery key should ask the user
</div>
<span
class="_message_19upo_85 _error-message_19upo_95"
id="radix-_r_8_"
id="radix-react-use-id-3"
>
<svg
fill="currentColor"