sorb/ThreadNet-Web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 4 Wiki Activity

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

Browse Source 
* 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
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/AppearanceUserSettingsTab-test.tsx.snap
+16 -16
View File
@@ -46,7 +46,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
<input
class="_input_1ug7n_18"
disabled=""
id="radix-_r_0_"
id="radix-react-use-id-1"
name="themeSelector"
title=""
type="radio"
@@ -62,7 +62,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-_r_0_"
for="radix-react-use-id-1"
>
Light
</label>
@@ -80,7 +80,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
<input
class="_input_1ug7n_18"
disabled=""
id="radix-_r_1_"
id="radix-react-use-id-2"
name="themeSelector"
title=""
type="radio"
@@ -96,7 +96,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-_r_1_"
for="radix-react-use-id-2"
>
Dark
</label>
@@ -114,7 +114,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
<input
class="_input_1ug7n_18"
disabled=""
id="radix-_r_2_"
id="radix-react-use-id-3"
name="themeSelector"
title=""
type="radio"
@@ -130,7 +130,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-_r_2_"
for="radix-react-use-id-3"
>
High contrast
</label>
@@ -170,7 +170,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
<label
aria-label="Modern"
class="_label_19upo_59"
for="radix-_r_3_"
for="radix-react-use-id-4"
>
<div
class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline"
@@ -181,7 +181,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
<input
checked=""
class="_input_1ug7n_18"
id="radix-_r_3_"
id="radix-react-use-id-4"
name="layout"
title=""
type="radio"
@@ -265,7 +265,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
<label
aria-label="Message bubbles"
class="_label_19upo_59"
for="radix-_r_4_"
for="radix-react-use-id-5"
>
<div
class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline"
@@ -275,7 +275,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
>
<input
class="_input_1ug7n_18"
id="radix-_r_4_"
id="radix-react-use-id-5"
name="layout"
title=""
type="radio"
@@ -359,7 +359,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
<label
aria-label="IRC (experimental)"
class="_label_19upo_59"
for="radix-_r_5_"
for="radix-react-use-id-6"
>
<div
class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline"
@@ -369,7 +369,7 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
>
<input
class="_input_1ug7n_18"
id="radix-_r_5_"
id="radix-react-use-id-6"
name="layout"
title=""
type="radio"
@@ -464,9 +464,9 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
class="_container_udcm8_10"
>
<input
aria-describedby="radix-_r_7_"
aria-describedby="radix-react-use-id-7"
class="_input_udcm8_24"
id="radix-_r_6_"
id="radix-react-use-id-8"
name="compactLayout"
role="switch"
title=""
@@ -482,13 +482,13 @@ exports[`AppearanceUserSettingsTab should render 1`] = `
>
<label
class="_label_19upo_59"
for="radix-_r_6_"
for="radix-react-use-id-8"
>
Show compact text and messages
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="radix-_r_7_"
id="radix-react-use-id-7"
>
Modern layout must be selected to use this feature.
</span>
apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/PreferencesUserSettingsTab-test.tsx.snap
+11 -11
View File
@@ -170,7 +170,7 @@ exports[`PreferencesUserSettingsTab should render 1`] = `
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="radix-_r_4_"
id="radix-react-use-id-1"
>
All rooms you're in will appear in Home.
</span>
@@ -403,7 +403,7 @@ exports[`PreferencesUserSettingsTab should render 1`] = `
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="radix-_r_d_"
id="radix-react-use-id-2"
>
Requires your server to support MSC4133
</span>
@@ -472,7 +472,7 @@ exports[`PreferencesUserSettingsTab should render 1`] = `
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="radix-_r_g_"
id="radix-react-use-id-3"
>
Your server doesn't support disabling sending read receipts.
</span>
@@ -597,7 +597,7 @@ exports[`PreferencesUserSettingsTab should render 1`] = `
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="radix-_r_n_"
id="radix-react-use-id-4"
>
<span>
Start messages with
@@ -1484,7 +1484,7 @@ exports[`PreferencesUserSettingsTab should render 1`] = `
>
<input
class="_input_udcm8_24"
id="_r_26_"
id="react-use-id-5"
role="switch"
type="checkbox"
/>
@@ -1498,7 +1498,7 @@ exports[`PreferencesUserSettingsTab should render 1`] = `
>
<label
class="_label_19upo_59"
for="_r_26_"
for="react-use-id-5"
>
Hide avatars of room and inviter
</label>
@@ -1512,13 +1512,13 @@ exports[`PreferencesUserSettingsTab should render 1`] = `
>
<label
class="_label_19upo_59"
for="radix-_r_28_"
for="radix-react-use-id-6"
>
Show media in timeline
</label>
<span
class="_message_19upo_85 _help-message_19upo_91 mx_MediaPreviewAccountSetting_RadioHelp"
id="radix-_r_29_"
id="radix-react-use-id-7"
>
A hidden media can always be shown by tapping on it
</span>
@@ -1631,7 +1631,7 @@ exports[`PreferencesUserSettingsTab should render 1`] = `
checked=""
class="_input_udcm8_24"
disabled=""
id="_r_2d_"
id="react-use-id-8"
role="switch"
type="checkbox"
/>
@@ -1645,13 +1645,13 @@ exports[`PreferencesUserSettingsTab should render 1`] = `
>
<label
class="_label_19upo_59"
for="_r_2d_"
for="react-use-id-8"
>
Allow users to invite you to rooms
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="radix-_r_2f_"
id="radix-react-use-id-9"
>
Your server does not implement this feature.
</span>
apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/SecurityUserSettingsTab-test.tsx.snap
+4 -4
View File
@@ -86,7 +86,7 @@ exports[`<SecurityUserSettingsTab /> renders security section 1`] = `
<input
checked=""
class="_input_udcm8_24"
id="_r_0_"
id="react-use-id-1"
role="switch"
type="checkbox"
/>
@@ -100,7 +100,7 @@ exports[`<SecurityUserSettingsTab /> renders security section 1`] = `
>
<label
class="_label_19upo_59"
for="_r_0_"
for="react-use-id-1"
>
Enable the integration manager
</label>
@@ -223,7 +223,7 @@ exports[`<SecurityUserSettingsTab /> renders security section 1`] = `
>
<label
class="_label_19upo_59"
for="radix-_r_2_"
for="radix-react-use-id-2"
>
Enter a new identity server
</label>
@@ -232,7 +232,7 @@ exports[`<SecurityUserSettingsTab /> renders security section 1`] = `
>
<input
class="_control_d83jn_10"
id="radix-_r_2_"
id="radix-react-use-id-2"
name="input"
placeholder=""
title=""
apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/SessionManagerTab-test.tsx.snap
+1 -1
View File
@@ -458,7 +458,7 @@ exports[`<SessionManagerTab /> goes to filtered list from security recommendatio
>
<input
aria-label="Select all"
aria-labelledby="_r_4q_"
aria-labelledby="react-use-id-1"
class="_input_153f2_18"
data-testid="device-select-all-checkbox"
id="device-select-all-checkbox"
apps/web/test/unit-tests/components/views/settings/tabs/user/__snapshots__/SidebarUserSettingsTab-test.tsx.snap
+16 -16
View File
@@ -51,7 +51,7 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
class="_container_153f2_10"
>
<input
aria-describedby="_r_1_"
aria-describedby="react-use-id-1"
checked=""
class="_input_153f2_18"
disabled=""
@@ -99,7 +99,7 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="_r_1_"
id="react-use-id-1"
>
Home is useful for getting an overview of everything.
</span>
@@ -119,7 +119,7 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
class="_container_153f2_10"
>
<input
aria-describedby="_r_5_"
aria-describedby="react-use-id-2"
class="_input_153f2_18"
data-testid="mx_SidebarUserSettingsTab_homeAllRoomsCheckbox"
id="checkbox_38QgU2Pomx"
@@ -154,7 +154,7 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="_r_5_"
id="react-use-id-2"
>
Show all your rooms in Home, even if they're in a space.
</span>
@@ -174,7 +174,7 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
class="_container_153f2_10"
>
<input
aria-describedby="_r_9_"
aria-describedby="react-use-id-3"
class="_input_153f2_18"
id="checkbox_wKpa6hpi3Y"
type="checkbox"
@@ -208,7 +208,7 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="_r_9_"
id="react-use-id-3"
>
Group all your rooms that aren't part of a space in one place.
</span>
@@ -228,7 +228,7 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
class="_container_153f2_10"
>
<input
aria-describedby="_r_d_"
aria-describedby="react-use-id-4"
class="_input_153f2_18"
id="checkbox_EetmBG4yVC"
type="checkbox"
@@ -274,7 +274,7 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings with guest spa url
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="_r_d_"
id="react-use-id-4"
>
Group all private video rooms and conferences. In conferences you can invite people outside of matrix.
</span>
@@ -341,7 +341,7 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
class="_container_153f2_10"
>
<input
aria-describedby="_r_h_"
aria-describedby="react-use-id-1"
checked=""
class="_input_153f2_18"
disabled=""
@@ -389,7 +389,7 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="_r_h_"
id="react-use-id-1"
>
Home is useful for getting an overview of everything.
</span>
@@ -409,7 +409,7 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
class="_container_153f2_10"
>
<input
aria-describedby="_r_l_"
aria-describedby="react-use-id-2"
class="_input_153f2_18"
data-testid="mx_SidebarUserSettingsTab_homeAllRoomsCheckbox"
id="checkbox_38QgU2Pomx"
@@ -444,7 +444,7 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="_r_l_"
id="react-use-id-2"
>
Show all your rooms in Home, even if they're in a space.
</span>
@@ -464,7 +464,7 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
class="_container_153f2_10"
>
<input
aria-describedby="_r_p_"
aria-describedby="react-use-id-3"
class="_input_153f2_18"
id="checkbox_wKpa6hpi3Y"
type="checkbox"
@@ -498,7 +498,7 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="_r_p_"
id="react-use-id-3"
>
Group all your rooms that aren't part of a space in one place.
</span>
@@ -518,7 +518,7 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
class="_container_153f2_10"
>
<input
aria-describedby="_r_t_"
aria-describedby="react-use-id-4"
class="_input_153f2_18"
id="checkbox_EetmBG4yVC"
type="checkbox"
@@ -564,7 +564,7 @@ exports[`<SidebarUserSettingsTab /> renders sidebar settings without guest spa u
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="_r_t_"
id="react-use-id-4"
>
Group all private video rooms and conferences.
</span>