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/__snapshots__/LayoutSwitcher-test.tsx.snap
+10 -10
View File
@@ -27,7 +27,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
<label
aria-label="Modern"
class="_label_19upo_59"
for="radix-_r_0_"
for="radix-react-use-id-1"
>
<div
class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline"
@@ -38,7 +38,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
<input
checked=""
class="_input_1ug7n_18"
id="radix-_r_0_"
id="radix-react-use-id-1"
name="layout"
title=""
type="radio"
@@ -122,7 +122,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
<label
aria-label="Message bubbles"
class="_label_19upo_59"
for="radix-_r_1_"
for="radix-react-use-id-2"
>
<div
class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline"
@@ -132,7 +132,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
>
<input
class="_input_1ug7n_18"
id="radix-_r_1_"
id="radix-react-use-id-2"
name="layout"
title=""
type="radio"
@@ -216,7 +216,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
<label
aria-label="IRC (experimental)"
class="_label_19upo_59"
for="radix-_r_2_"
for="radix-react-use-id-3"
>
<div
class="mxLayoutSwitcher_LayoutSelector_LayoutRadio_inline"
@@ -226,7 +226,7 @@ exports[`<LayoutSwitcher /> should render 1`] = `
>
<input
class="_input_1ug7n_18"
id="radix-_r_2_"
id="radix-react-use-id-3"
name="layout"
title=""
type="radio"
@@ -321,9 +321,9 @@ exports[`<LayoutSwitcher /> should render 1`] = `
class="_container_udcm8_10"
>
<input
aria-describedby="radix-_r_4_"
aria-describedby="radix-react-use-id-4"
class="_input_udcm8_24"
id="radix-_r_3_"
id="radix-react-use-id-5"
name="compactLayout"
role="switch"
title=""
@@ -339,13 +339,13 @@ exports[`<LayoutSwitcher /> should render 1`] = `
>
<label
class="_label_19upo_59"
for="radix-_r_3_"
for="radix-react-use-id-5"
>
Show compact text and messages
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="radix-_r_4_"
id="radix-react-use-id-4"
>
Modern layout must be selected to use this feature.
</span>
apps/web/test/unit-tests/components/views/settings/__snapshots__/Notifications-test.tsx.snap
+3 -3
View File
@@ -16,7 +16,7 @@ exports[`<Notifications /> main notification switches renders only enable notifi
>
<input
class="_input_udcm8_24"
id="_r_0_"
id="react-use-id-1"
role="switch"
type="checkbox"
/>
@@ -30,13 +30,13 @@ exports[`<Notifications /> main notification switches renders only enable notifi
>
<label
class="_label_19upo_59"
for="_r_0_"
for="react-use-id-1"
>
Enable notifications for this account
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="radix-_r_2_"
id="radix-react-use-id-2"
>
Turn off to disable notifications on all your devices and sessions
</span>
apps/web/test/unit-tests/components/views/settings/__snapshots__/SetIdServer-test.tsx.snap
+2 -2
View File
@@ -30,7 +30,7 @@ exports[`<SetIdServer /> renders expected fields 1`] = `
>
<label
class="_label_19upo_59"
for="radix-_r_0_"
for="radix-react-use-id-1"
>
Enter a new identity server
</label>
@@ -39,7 +39,7 @@ exports[`<SetIdServer /> renders expected fields 1`] = `
>
<input
class="_control_d83jn_10"
id="radix-_r_0_"
id="radix-react-use-id-1"
name="input"
placeholder=""
title=""
apps/web/test/unit-tests/components/views/settings/__snapshots__/SetIntegrationManager-test.tsx.snap
+2 -2
View File
@@ -52,7 +52,7 @@ exports[`SetIntegrationManager should render manage integrations sections 1`] =
>
<input
class="_input_udcm8_24"
id="_r_0_"
id="react-use-id-1"
role="switch"
type="checkbox"
/>
@@ -66,7 +66,7 @@ exports[`SetIntegrationManager should render manage integrations sections 1`] =
>
<label
class="_label_19upo_59"
for="_r_0_"
for="react-use-id-1"
>
Enable the integration manager
</label>
apps/web/test/unit-tests/components/views/settings/__snapshots__/ThemeChoicePanel-test.tsx.snap
+38 -38
View File
@@ -32,7 +32,7 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
>
<input
class="_input_udcm8_24"
id="radix-_r_28_"
id="radix-react-use-id-1"
name="systemTheme"
role="switch"
title=""
@@ -48,7 +48,7 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
>
<label
class="_label_19upo_59"
for="radix-_r_28_"
for="radix-react-use-id-1"
>
Match system theme
</label>
@@ -70,7 +70,7 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
<input
checked=""
class="_input_1ug7n_18"
id="radix-_r_29_"
id="radix-react-use-id-2"
name="themeSelector"
title=""
type="radio"
@@ -86,7 +86,7 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-_r_29_"
for="radix-react-use-id-2"
>
Light
</label>
@@ -103,7 +103,7 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
>
<input
class="_input_1ug7n_18"
id="radix-_r_2a_"
id="radix-react-use-id-3"
name="themeSelector"
title=""
type="radio"
@@ -119,7 +119,7 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-_r_2a_"
for="radix-react-use-id-3"
>
Dark
</label>
@@ -136,7 +136,7 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
>
<input
class="_input_1ug7n_18"
id="radix-_r_2b_"
id="radix-react-use-id-4"
name="themeSelector"
title=""
type="radio"
@@ -152,7 +152,7 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-_r_2b_"
for="radix-react-use-id-4"
>
High contrast
</label>
@@ -169,7 +169,7 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
>
<input
class="_input_1ug7n_18"
id="radix-_r_2c_"
id="radix-react-use-id-5"
name="themeSelector"
title=""
type="radio"
@@ -185,7 +185,7 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-_r_2c_"
for="radix-react-use-id-5"
>
Alice theme
</label>
@@ -203,7 +203,7 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
>
<label
class="_label_19upo_59"
for="radix-_r_2d_"
for="radix-react-use-id-6"
>
Add custom theme
</label>
@@ -211,9 +211,9 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
class="_controls_17lij_8"
>
<input
aria-describedby="radix-_r_2e_"
aria-describedby="radix-react-use-id-7"
class="_control_d83jn_10"
id="radix-_r_2d_"
id="radix-react-use-id-6"
name="input"
title=""
value=""
@@ -221,7 +221,7 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
</div>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="radix-_r_2e_"
id="radix-react-use-id-7"
>
Enter the URL of a custom theme you want to apply.
</span>
@@ -241,7 +241,7 @@ exports[`<ThemeChoicePanel /> custom theme should display custom theme 1`] = `
</span>
<button
aria-label="Delete"
aria-labelledby="_r_2f_"
aria-labelledby="react-use-id-8"
class="_icon-button_1215g_8 _destructive_1215g_95"
data-kind="primary"
role="button"
@@ -311,7 +311,7 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
>
<input
class="_input_udcm8_24"
id="radix-_r_10_"
id="radix-react-use-id-1"
name="systemTheme"
role="switch"
title=""
@@ -327,7 +327,7 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
>
<label
class="_label_19upo_59"
for="radix-_r_10_"
for="radix-react-use-id-1"
>
Match system theme
</label>
@@ -349,7 +349,7 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
<input
checked=""
class="_input_1ug7n_18"
id="radix-_r_11_"
id="radix-react-use-id-2"
name="themeSelector"
title=""
type="radio"
@@ -365,7 +365,7 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-_r_11_"
for="radix-react-use-id-2"
>
Light
</label>
@@ -382,7 +382,7 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
>
<input
class="_input_1ug7n_18"
id="radix-_r_12_"
id="radix-react-use-id-3"
name="themeSelector"
title=""
type="radio"
@@ -398,7 +398,7 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-_r_12_"
for="radix-react-use-id-3"
>
Dark
</label>
@@ -415,7 +415,7 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
>
<input
class="_input_1ug7n_18"
id="radix-_r_13_"
id="radix-react-use-id-4"
name="themeSelector"
title=""
type="radio"
@@ -431,7 +431,7 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-_r_13_"
for="radix-react-use-id-4"
>
High contrast
</label>
@@ -448,7 +448,7 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
>
<input
class="_input_1ug7n_18"
id="radix-_r_14_"
id="radix-react-use-id-5"
name="themeSelector"
title=""
type="radio"
@@ -464,7 +464,7 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-_r_14_"
for="radix-react-use-id-5"
>
Alice theme
</label>
@@ -482,7 +482,7 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
>
<label
class="_label_19upo_59"
for="radix-_r_15_"
for="radix-react-use-id-6"
>
Add custom theme
</label>
@@ -490,9 +490,9 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
class="_controls_17lij_8"
>
<input
aria-describedby="radix-_r_16_"
aria-describedby="radix-react-use-id-7"
class="_control_d83jn_10"
id="radix-_r_15_"
id="radix-react-use-id-6"
name="input"
title=""
value=""
@@ -500,7 +500,7 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
</div>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="radix-_r_16_"
id="radix-react-use-id-7"
>
Enter the URL of a custom theme you want to apply.
</span>
@@ -520,7 +520,7 @@ exports[`<ThemeChoicePanel /> custom theme should render the custom theme sectio
</span>
<button
aria-label="Delete"
aria-labelledby="_r_17_"
aria-labelledby="react-use-id-8"
class="_icon-button_1215g_8 _destructive_1215g_95"
data-kind="primary"
role="button"
@@ -590,7 +590,7 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
>
<input
class="_input_udcm8_24"
id="radix-_r_0_"
id="radix-react-use-id-1"
name="systemTheme"
role="switch"
title=""
@@ -606,7 +606,7 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
>
<label
class="_label_19upo_59"
for="radix-_r_0_"
for="radix-react-use-id-1"
>
Match system theme
</label>
@@ -628,7 +628,7 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
<input
checked=""
class="_input_1ug7n_18"
id="radix-_r_1_"
id="radix-react-use-id-2"
name="themeSelector"
title=""
type="radio"
@@ -644,7 +644,7 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-_r_1_"
for="radix-react-use-id-2"
>
Light
</label>
@@ -661,7 +661,7 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
>
<input
class="_input_1ug7n_18"
id="radix-_r_2_"
id="radix-react-use-id-3"
name="themeSelector"
title=""
type="radio"
@@ -677,7 +677,7 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-_r_2_"
for="radix-react-use-id-3"
>
Dark
</label>
@@ -694,7 +694,7 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
>
<input
class="_input_1ug7n_18"
id="radix-_r_3_"
id="radix-react-use-id-4"
name="themeSelector"
title=""
type="radio"
@@ -710,7 +710,7 @@ exports[`<ThemeChoicePanel /> renders the theme choice UI 1`] = `
>
<label
class="_label_19upo_59 mx_ThemeChoicePanel_themeSelector_Label"
for="radix-_r_3_"
for="radix-react-use-id-4"
>
High contrast
</label>
apps/web/test/unit-tests/components/views/settings/devices/__snapshots__/FilteredDeviceListHeader-test.tsx.snap
+2 -2
View File
@@ -23,7 +23,7 @@ exports[`<FilteredDeviceListHeader /> renders correctly when all devices are sel
>
<input
aria-label="Deselect all"
aria-labelledby="_r_9_"
aria-labelledby="react-use-id-1"
checked=""
class="_input_153f2_18"
data-testid="device-select-all-checkbox"
@@ -89,7 +89,7 @@ exports[`<FilteredDeviceListHeader /> renders correctly when no devices are sele
>
<input
aria-label="Select all"
aria-labelledby="_r_0_"
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/encryption/__snapshots__/AdvancedPanel-test.tsx.snap
+4 -4
View File
@@ -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>
apps/web/test/unit-tests/components/views/settings/encryption/__snapshots__/ChangeRecoveryKey-test.tsx.snap
+12 -12
View File
@@ -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"
apps/web/test/unit-tests/components/views/settings/notifications/__snapshots__/Notifications2-test.tsx.snap
+8 -8
View File
@@ -27,7 +27,7 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
checked=""
class="_input_udcm8_24"
disabled=""
id="_r_1f_"
id="react-use-id-1"
role="switch"
type="checkbox"
/>
@@ -41,7 +41,7 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
>
<label
class="_label_19upo_59"
for="_r_1f_"
for="react-use-id-1"
>
Enable notifications for this account
</label>
@@ -786,7 +786,7 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
class="_container_153f2_10"
>
<input
aria-describedby="_r_2g_"
aria-describedby="react-use-id-2"
checked=""
class="_input_153f2_18"
disabled=""
@@ -826,7 +826,7 @@ exports[`<Notifications /> correctly handles the loading/disabled state 1`] = `
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="_r_2g_"
id="react-use-id-2"
>
Enter keywords here, or use for spelling variations or nicknames
</span>
@@ -1051,7 +1051,7 @@ exports[`<Notifications /> matches the snapshot 1`] = `
<input
checked=""
class="_input_udcm8_24"
id="_r_0_"
id="react-use-id-1"
role="switch"
type="checkbox"
/>
@@ -1065,7 +1065,7 @@ exports[`<Notifications /> matches the snapshot 1`] = `
>
<label
class="_label_19upo_59"
for="_r_0_"
for="react-use-id-1"
>
Enable notifications for this account
</label>
@@ -1799,7 +1799,7 @@ exports[`<Notifications /> matches the snapshot 1`] = `
class="_container_153f2_10"
>
<input
aria-describedby="_r_11_"
aria-describedby="react-use-id-2"
checked=""
class="_input_153f2_18"
id="checkbox_SwicmKUiOB"
@@ -1838,7 +1838,7 @@ exports[`<Notifications /> matches the snapshot 1`] = `
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="_r_11_"
id="react-use-id-2"
>
Enter keywords here, or use for spelling variations or nicknames
</span>
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>