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/avatars/__snapshots__/DecoratedRoomAvatar-test.tsx.snap
+2 -2
View File
@@ -16,7 +16,7 @@ exports[`DecoratedRoomAvatar shows an avatar with globe icon and tooltip for pub
r
</span>
<div
aria-labelledby="_r_0_"
aria-labelledby="react-use-id-1"
class="mx_DecoratedRoomAvatar_icon mx_DecoratedRoomAvatar_icon_globe"
tabindex="0"
>
@@ -52,7 +52,7 @@ exports[`DecoratedRoomAvatar shows the presence indicator in a DM room that also
r
</span>
<div
aria-labelledby="_r_6_"
aria-labelledby="react-use-id-1"
class="mx_DecoratedRoomAvatar_icon mx_DecoratedRoomAvatar_icon_online"
tabindex="0"
/>
apps/web/test/unit-tests/components/views/avatars/__snapshots__/RoomAvatarView-test.tsx.snap
+7 -7
View File
@@ -51,7 +51,7 @@ exports[`<RoomAvatarView /> should render a low priority room decoration 1`] = `
</span>
<svg
aria-label="This is a low priority room"
aria-labelledby="_r_0_"
aria-labelledby="react-use-id-1"
class="mx_RoomAvatarView_icon"
color="var(--cpd-color-icon-tertiary)"
fill="currentColor"
@@ -95,7 +95,7 @@ exports[`<RoomAvatarView /> should render a public room decoration 1`] = `
</span>
<svg
aria-label="This room is public"
aria-labelledby="_r_c_"
aria-labelledby="react-use-id-1"
class="mx_RoomAvatarView_icon"
color="var(--cpd-color-icon-info-primary)"
fill="currentColor"
@@ -139,7 +139,7 @@ exports[`<RoomAvatarView /> should render a video room decoration 1`] = `
</span>
<svg
aria-label="This room is a video room"
aria-labelledby="_r_6_"
aria-labelledby="react-use-id-1"
class="mx_RoomAvatarView_icon"
color="var(--cpd-color-icon-tertiary)"
fill="currentColor"
@@ -183,7 +183,7 @@ exports[`<RoomAvatarView /> should render the AWAY presence 1`] = `
</span>
<svg
aria-label="Away"
aria-labelledby="_r_14_"
aria-labelledby="react-use-id-1"
class="mx_RoomAvatarView_PresenceDecoration"
color="var(--cpd-color-icon-quaternary)"
fill="currentColor"
@@ -240,7 +240,7 @@ exports[`<RoomAvatarView /> should render the BUSY presence 1`] = `
</span>
<svg
aria-label="Busy"
aria-labelledby="_r_u_"
aria-labelledby="react-use-id-1"
class="mx_RoomAvatarView_PresenceDecoration"
color="var(--cpd-color-icon-tertiary)"
fill="currentColor"
@@ -299,7 +299,7 @@ exports[`<RoomAvatarView /> should render the OFFLINE presence 1`] = `
</span>
<svg
aria-label="Offline"
aria-labelledby="_r_o_"
aria-labelledby="react-use-id-1"
class="mx_RoomAvatarView_PresenceDecoration"
color="var(--cpd-color-icon-tertiary)"
fill="currentColor"
@@ -358,7 +358,7 @@ exports[`<RoomAvatarView /> should render the ONLINE presence 1`] = `
</span>
<svg
aria-label="Online"
aria-labelledby="_r_i_"
aria-labelledby="react-use-id-1"
class="mx_RoomAvatarView_PresenceDecoration"
color="var(--cpd-color-icon-accent-primary)"
fill="currentColor"
apps/web/test/unit-tests/components/views/avatars/__snapshots__/WithPresenceIndicator-test.tsx.snap
+3 -3
View File
@@ -7,7 +7,7 @@ exports[`WithPresenceIndicator renders presence indicator with tooltip for DM ro
>
<span />
<div
aria-labelledby="_r_0_"
aria-labelledby="react-use-id-1"
class="mx_WithPresenceIndicator_icon mx_WithPresenceIndicator_icon_online"
style="width: 32px; height: 32px;"
tabindex="0"
@@ -23,7 +23,7 @@ exports[`WithPresenceIndicator renders presence indicator with tooltip for DM ro
>
<span />
<div
aria-labelledby="_r_6_"
aria-labelledby="react-use-id-1"
class="mx_WithPresenceIndicator_icon mx_WithPresenceIndicator_icon_offline"
style="width: 32px; height: 32px;"
tabindex="0"
@@ -39,7 +39,7 @@ exports[`WithPresenceIndicator renders presence indicator with tooltip for DM ro
>
<span />
<div
aria-labelledby="_r_c_"
aria-labelledby="react-use-id-1"
class="mx_WithPresenceIndicator_icon mx_WithPresenceIndicator_icon_away"
style="width: 32px; height: 32px;"
tabindex="0"
apps/web/test/unit-tests/components/views/beacon/__snapshots__/BeaconListItem-test.tsx.snap
+1 -1
View File
@@ -32,7 +32,7 @@ exports[`<BeaconListItem /> when a beacon is live and has locations renders beac
class="mx_BeaconListItem_interactions"
>
<a
aria-labelledby="_r_0_"
aria-labelledby="react-use-id-1"
data-testid="open-location-in-osm"
href="https://www.openstreetmap.org/?mlat=51&mlon=41#map=16/51/41"
rel="noreferrer noopener"
apps/web/test/unit-tests/components/views/beacon/__snapshots__/DialogSidebar-test.tsx.snap
+1 -1
View File
@@ -72,7 +72,7 @@ exports[`<DialogSidebar /> renders sidebar correctly with beacons 1`] = `
class="mx_BeaconListItem_interactions"
>
<a
aria-labelledby="_r_8_"
aria-labelledby="react-use-id-1"
data-testid="open-location-in-osm"
href="https://www.openstreetmap.org/?mlat=51&mlon=41#map=16/51/41"
rel="noreferrer noopener"
apps/web/test/unit-tests/components/views/beacon/__snapshots__/ShareLatestLocation-test.tsx.snap
+1 -1
View File
@@ -3,7 +3,7 @@
exports[`<ShareLatestLocation /> renders share buttons when there is a location 1`] = `
<DocumentFragment>
<a
aria-labelledby="_r_0_"
aria-labelledby="react-use-id-1"
data-testid="open-location-in-osm"
href="https://www.openstreetmap.org/?mlat=51&mlon=42#map=16/51/42"
rel="noreferrer noopener"
apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ConfirmRejectInviteDialog-test.tsx.snap
+6 -6
View File
@@ -42,7 +42,7 @@ exports[`ConfirmRejectInviteDialog can reject with options selected 1`] = `
>
<input
class="_input_udcm8_24"
id="_r_b_"
id="react-use-id-1"
role="switch"
type="checkbox"
/>
@@ -56,13 +56,13 @@ exports[`ConfirmRejectInviteDialog can reject with options selected 1`] = `
>
<label
class="_label_19upo_59"
for="_r_b_"
for="react-use-id-1"
>
Ignore user
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="radix-_r_d_"
id="radix-react-use-id-2"
>
You will not see any messages or room invites from this user.
</span>
@@ -79,7 +79,7 @@ exports[`ConfirmRejectInviteDialog can reject with options selected 1`] = `
>
<input
class="_input_udcm8_24"
id="_r_e_"
id="react-use-id-3"
role="switch"
type="checkbox"
/>
@@ -93,13 +93,13 @@ exports[`ConfirmRejectInviteDialog can reject with options selected 1`] = `
>
<label
class="_label_19upo_59"
for="_r_e_"
for="react-use-id-3"
>
Report room
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="radix-_r_g_"
id="radix-react-use-id-4"
>
Report this room to your account provider.
</span>
apps/web/test/unit-tests/components/views/dialogs/__snapshots__/CreateRoomDialog-test.tsx.snap
+18 -18
View File
@@ -127,7 +127,7 @@ exports[`<CreateRoomDialog /> for a private room should create a private room 1`
<input
checked=""
class="_input_udcm8_24"
id="_r_72_"
id="react-use-id-1"
role="switch"
type="checkbox"
/>
@@ -141,13 +141,13 @@ exports[`<CreateRoomDialog /> for a private room should create a private room 1`
>
<label
class="_label_19upo_59"
for="_r_72_"
for="react-use-id-1"
>
Enable end-to-end encryption
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="radix-_r_74_"
id="radix-react-use-id-2"
>
You can't disable this later. Bridges & most bots won't work yet.
</span>
@@ -172,7 +172,7 @@ exports[`<CreateRoomDialog /> for a private room should create a private room 1`
>
<input
class="_input_udcm8_24"
id="_r_75_"
id="react-use-id-3"
role="switch"
type="checkbox"
/>
@@ -186,13 +186,13 @@ exports[`<CreateRoomDialog /> for a private room should create a private room 1`
>
<label
class="_label_19upo_59"
for="_r_75_"
for="react-use-id-3"
>
Block anyone not part of server.org from ever joining this room.
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="radix-_r_77_"
id="radix-react-use-id-4"
>
You might enable this if the room will only be used for collaborating with internal teams on your homeserver. This cannot be changed later.
</span>
@@ -376,7 +376,7 @@ exports[`<CreateRoomDialog /> for a private room should render not the advanced
<input
checked=""
class="_input_udcm8_24"
id="_r_7k_"
id="react-use-id-1"
role="switch"
type="checkbox"
/>
@@ -390,13 +390,13 @@ exports[`<CreateRoomDialog /> for a private room should render not the advanced
>
<label
class="_label_19upo_59"
for="_r_7k_"
for="react-use-id-1"
>
Enable end-to-end encryption
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="radix-_r_7m_"
id="radix-react-use-id-2"
>
You can't disable this later. Bridges & most bots won't work yet.
</span>
@@ -413,7 +413,7 @@ exports[`<CreateRoomDialog /> for a private room should render not the advanced
>
<input
class="_input_udcm8_24"
id="_r_7n_"
id="react-use-id-3"
role="switch"
type="checkbox"
/>
@@ -427,13 +427,13 @@ exports[`<CreateRoomDialog /> for a private room should render not the advanced
>
<label
class="_label_19upo_59"
for="_r_7n_"
for="react-use-id-3"
>
Encrypt state events
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="radix-_r_7p_"
id="radix-react-use-id-4"
>
Enables experimental support for encrypting state events, which hides metadata such as room names and topics from the server. This metadata will also be hidden from people joining rooms later, and people whose clients do not support MSC4362.
</span>
@@ -618,7 +618,7 @@ exports[`<CreateRoomDialog /> for a private room when the state encryption labs
<input
checked=""
class="_input_udcm8_24"
id="_r_86_"
id="react-use-id-1"
role="switch"
type="checkbox"
/>
@@ -632,13 +632,13 @@ exports[`<CreateRoomDialog /> for a private room when the state encryption labs
>
<label
class="_label_19upo_59"
for="_r_86_"
for="react-use-id-1"
>
Enable end-to-end encryption
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="radix-_r_88_"
id="radix-react-use-id-2"
>
You can't disable this later. Bridges & most bots won't work yet.
</span>
@@ -655,7 +655,7 @@ exports[`<CreateRoomDialog /> for a private room when the state encryption labs
>
<input
class="_input_udcm8_24"
id="_r_89_"
id="react-use-id-3"
role="switch"
type="checkbox"
/>
@@ -669,13 +669,13 @@ exports[`<CreateRoomDialog /> for a private room when the state encryption labs
>
<label
class="_label_19upo_59"
for="_r_89_"
for="react-use-id-3"
>
Encrypt state events
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="radix-_r_8b_"
id="radix-react-use-id-4"
>
Enables experimental support for encrypting state events, which hides metadata such as room names and topics from the server. This metadata will also be hidden from people joining rooms later, and people whose clients do not support MSC4362.
</span>
apps/web/test/unit-tests/components/views/dialogs/__snapshots__/CreateSectionDialog-test.tsx.snap
+2 -2
View File
@@ -41,14 +41,14 @@ exports[`CreateSectionDialog renders the dialog 1`] = `
>
<label
class="_label_19upo_59"
for="radix-_r_0_"
for="radix-react-use-id-1"
>
Section name
</label>
<input
class="_control_d83jn_10"
id="radix-_r_0_"
id="radix-react-use-id-1"
name="sectionName"
required=""
title=""
apps/web/test/unit-tests/components/views/dialogs/__snapshots__/DevtoolsDialog-test.tsx.snap
+4 -4
View File
@@ -34,7 +34,7 @@ exports[`DevtoolsDialog renders the devtools dialog 1`] = `
>
Room ID: !id
<button
aria-describedby="_r_2_"
aria-describedby="react-use-id-1"
aria-label="Copy"
class="mx_AccessibleButton mx_CopyableText_copyButton"
role="button"
@@ -268,7 +268,7 @@ exports[`DevtoolsDialog renders the devtools dialog 1`] = `
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="radix-_r_c_"
id="radix-react-use-id-2"
>
<span>
<span
@@ -290,7 +290,7 @@ exports[`DevtoolsDialog renders the devtools dialog 1`] = `
>
<label
class="_label_19upo_59"
for="radix-_r_d_"
for="radix-react-use-id-3"
>
Element Call URL
</label>
@@ -299,7 +299,7 @@ exports[`DevtoolsDialog renders the devtools dialog 1`] = `
>
<input
class="_control_d83jn_10"
id="radix-_r_d_"
id="radix-react-use-id-3"
name="input"
title=""
value=""
apps/web/test/unit-tests/components/views/dialogs/__snapshots__/LogoutDialog-test.tsx.snap
+2 -2
View File
@@ -74,7 +74,7 @@ exports[`LogoutDialog Prompts user to go to settings if there is a backup on the
</details>
</div>
<div
aria-describedby="_r_q_"
aria-describedby="react-use-id-1"
aria-label="Close dialog"
class="mx_AccessibleButton mx_Dialog_cancelButton"
role="button"
@@ -175,7 +175,7 @@ exports[`LogoutDialog Prompts user to go to settings if there is no backup on th
</details>
</div>
<div
aria-describedby="_r_10_"
aria-describedby="react-use-id-1"
aria-label="Close dialog"
class="mx_AccessibleButton mx_Dialog_cancelButton"
role="button"
apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ManageRestrictedJoinRuleDialog-test.tsx.snap
+2 -2
View File
@@ -88,7 +88,7 @@ exports[`<ManageRestrictedJoinRuleDialog /> should list spaces which are not par
class="_container_153f2_10"
>
<input
aria-describedby="_r_5_"
aria-describedby="react-use-id-1"
class="_input_153f2_18"
id="checkbox_vY7Q4uEh9K"
type="checkbox"
@@ -138,7 +138,7 @@ exports[`<ManageRestrictedJoinRuleDialog /> should list spaces which are not par
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="_r_5_"
id="react-use-id-1"
>
0 members
</span>
apps/web/test/unit-tests/components/views/dialogs/__snapshots__/MessageEditHistoryDialog-test.tsx.snap
+2 -2
View File
@@ -113,7 +113,7 @@ exports[`<MessageEditHistory /> should match the snapshot 1`] = `
</div>
</div>
<div
aria-describedby="_r_2_"
aria-describedby="react-use-id-1"
aria-label="Close dialog"
class="mx_AccessibleButton mx_Dialog_cancelButton"
role="button"
@@ -366,7 +366,7 @@ exports[`<MessageEditHistory /> should support events with 1`] = `
</div>
</div>
<div
aria-describedby="_r_c_"
aria-describedby="react-use-id-1"
aria-label="Close dialog"
class="mx_AccessibleButton mx_Dialog_cancelButton"
role="button"
apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ReportRoomDialog-test.tsx.snap
+3 -3
View File
@@ -44,7 +44,7 @@ exports[`ReportRoomDialog displays admin message 1`] = `
/>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="radix-_r_9_"
id="radix-react-use-id-1"
>
Report this room to your account provider. If the messages are encrypted, your admin will not be able to read them.
</span>
@@ -76,7 +76,7 @@ exports[`ReportRoomDialog displays admin message 1`] = `
>
<input
class="_input_udcm8_24"
id="_r_a_"
id="react-use-id-2"
role="switch"
type="checkbox"
/>
@@ -90,7 +90,7 @@ exports[`ReportRoomDialog displays admin message 1`] = `
>
<label
class="_label_19upo_59"
for="_r_a_"
for="react-use-id-2"
>
Leave room
</label>
apps/web/test/unit-tests/components/views/dialogs/__snapshots__/ServerPickerDialog-test.tsx.snap
+1 -1
View File
@@ -51,7 +51,7 @@ exports[`<ServerPickerDialog /> should render dialog 1`] = `
class="mx_StyledRadioButton_content"
>
<span
aria-labelledby="_r_0_"
aria-labelledby="react-use-id-1"
class="mx_Login_underlinedServerName"
tabindex="0"
>
apps/web/test/unit-tests/components/views/dialogs/__snapshots__/VerificationRequestDialog-test.tsx.snap
+1 -1
View File
@@ -126,7 +126,7 @@ exports[`VerificationRequestDialog After we started verification here, says we a
Once accepted you'll be able to continue with the verification.
</div>
<div
aria-describedby="_r_6_"
aria-describedby="react-use-id-1"
aria-label="Close dialog"
class="mx_AccessibleButton mx_Dialog_cancelButton"
role="button"
apps/web/test/unit-tests/components/views/dialogs/__snapshots__/WidgetOpenIDPermissionsDialog-test.tsx.snap
+2 -2
View File
@@ -56,7 +56,7 @@ exports[`WidgetOpenIDPermissionsDialog should render 1`] = `
>
<input
class="_input_udcm8_24"
id="_r_0_"
id="react-use-id-1"
role="switch"
type="checkbox"
/>
@@ -70,7 +70,7 @@ exports[`WidgetOpenIDPermissionsDialog should render 1`] = `
>
<label
class="_label_19upo_59"
for="_r_0_"
for="react-use-id-1"
>
Remember this
</label>
apps/web/test/unit-tests/components/views/dialogs/devtools/__snapshots__/Users-test.tsx.snap
+2 -2
View File
@@ -704,7 +704,7 @@ exports[`<Users /> should render a user list 1`] = `
<input
checked=""
class="_input_udcm8_24"
id="_r_4_"
id="react-use-id-1"
role="switch"
type="checkbox"
/>
@@ -718,7 +718,7 @@ exports[`<Users /> should render a user list 1`] = `
>
<label
class="_label_19upo_59"
for="_r_4_"
for="react-use-id-1"
>
Only joined users
</label>
apps/web/test/unit-tests/components/views/dialogs/security/__snapshots__/RestoreKeyBackupDialog-test.tsx.snap
+3 -3
View File
@@ -310,7 +310,7 @@ exports[`<RestoreKeyBackupDialog /> should render 1`] = `
</div>
</div>
<div
aria-describedby="_r_2_"
aria-describedby="react-use-id-1"
aria-label="Close dialog"
class="mx_AccessibleButton mx_Dialog_cancelButton"
role="button"
@@ -545,7 +545,7 @@ exports[`<RestoreKeyBackupDialog /> should restore key backup when the key is ca
</div>
</div>
<div
aria-describedby="_r_k_"
aria-describedby="react-use-id-1"
aria-label="Close dialog"
class="mx_AccessibleButton mx_Dialog_cancelButton"
role="button"
@@ -624,7 +624,7 @@ exports[`<RestoreKeyBackupDialog /> should restore key backup when the key is in
</div>
</div>
<div
aria-describedby="_r_q_"
aria-describedby="react-use-id-1"
aria-label="Close dialog"
class="mx_AccessibleButton mx_Dialog_cancelButton"
role="button"
apps/web/test/unit-tests/components/views/elements/__snapshots__/AppTile-test.tsx.snap
+7 -7
View File
@@ -27,14 +27,14 @@ exports[`AppTile destroys non-persisted right panel widget on room change 1`] =
aria-label="Options"
class="mx_AccessibleButton mx_BaseCard_header_title_button--option"
data-state="closed"
id="radix-_r_0_"
id="radix-react-use-id-1"
role="button"
tabindex="0"
type="button"
/>
</div>
<button
aria-labelledby="_r_2_"
aria-labelledby="react-use-id-2"
class="_icon-button_1215g_8"
data-kind="secondary"
data-testid="base-card-close-button"
@@ -177,7 +177,7 @@ exports[`AppTile for a pinned widget should render 1`] = `
aria-label="Options"
class="mx_AccessibleButton mx_AppTileMenuBar_widgets_button"
data-state="closed"
id="radix-_r_1k_"
id="radix-react-use-id-1"
role="button"
tabindex="0"
type="button"
@@ -293,7 +293,7 @@ exports[`AppTile for a pinned widget should render permission request 1`] = `
aria-label="Options"
class="mx_AccessibleButton mx_AppTileMenuBar_widgets_button"
data-state="closed"
id="radix-_r_30_"
id="radix-react-use-id-1"
role="button"
tabindex="0"
type="button"
@@ -349,8 +349,8 @@ exports[`AppTile for a pinned widget should render permission request 1`] = `
<span>
Using this widget may share data
<div
aria-describedby="_r_33_"
aria-labelledby="_r_32_"
aria-describedby="react-use-id-2"
aria-labelledby="react-use-id-3"
class="mx_TextWithTooltip_target mx_TextWithTooltip_target--helpIcon"
>
<svg
@@ -488,7 +488,7 @@ exports[`AppTile preserves non-persisted widget on container move 1`] = `
aria-label="Options"
class="mx_AccessibleButton mx_AppTileMenuBar_widgets_button"
data-state="closed"
id="radix-_r_10_"
id="radix-react-use-id-1"
role="button"
tabindex="0"
type="button"
apps/web/test/unit-tests/components/views/elements/__snapshots__/FacePile-test.tsx.snap
+1 -1
View File
@@ -3,7 +3,7 @@
exports[`<FacePile /> renders with a tooltip 1`] = `
<DocumentFragment>
<div
aria-labelledby="_r_0_"
aria-labelledby="react-use-id-1"
class="mx_AccessibleButton mx_FacePile"
role="button"
tabindex="0"
apps/web/test/unit-tests/components/views/elements/__snapshots__/ImageView-test.tsx.snap
+1 -1
View File
@@ -21,7 +21,7 @@ exports[`<ImageView /> renders correctly 1`] = `
class="mx_ImageView_toolbar"
>
<div
aria-describedby="_r_2_"
aria-describedby="react-use-id-1"
aria-label="Zoom out"
class="mx_AccessibleButton mx_ImageView_button"
role="button"
apps/web/test/unit-tests/components/views/elements/__snapshots__/InfoTooltip-test.tsx.snap
+1 -1
View File
@@ -3,7 +3,7 @@
exports[`InfoTooltip should show tooltip on hover 1`] = `
<DocumentFragment>
<div
aria-describedby="_r_2_"
aria-describedby="react-use-id-1"
class="mx_InfoTooltip"
tabindex="0"
>
apps/web/test/unit-tests/components/views/elements/__snapshots__/LabelledCheckbox-test.tsx.snap
+2 -2
View File
@@ -18,7 +18,7 @@ exports[`<LabelledCheckbox /> should render with byline of "this is a byline" 1`
class="_container_153f2_10"
>
<input
aria-describedby="_r_4_"
aria-describedby="react-use-id-1"
checked=""
class="_input_153f2_18"
id="checkbox_vY7Q4uEh9K"
@@ -57,7 +57,7 @@ exports[`<LabelledCheckbox /> should render with byline of "this is a byline" 1`
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="_r_4_"
id="react-use-id-1"
>
this is a byline
</span>
apps/web/test/unit-tests/components/views/elements/__snapshots__/RoomFacePile-test.tsx.snap
+2 -2
View File
@@ -3,8 +3,8 @@
exports[`<RoomFacePile /> renders 1`] = `
<DocumentFragment>
<div
aria-describedby="_r_1_"
aria-labelledby="_r_0_"
aria-describedby="react-use-id-1"
aria-labelledby="react-use-id-2"
class="mx_AccessibleButton mx_FacePile"
role="button"
tabindex="0"
apps/web/test/unit-tests/components/views/elements/__snapshots__/SettingsDropdown-test.tsx.snap
+4 -4
View File
@@ -7,7 +7,7 @@ exports[`<SettingsDropdown /> should render a disabled setting 1`] = `
>
<label
class="mx_SettingsDropdown_label"
for="_r_0_"
for="react-use-id-1"
>
<span
class="mx_SettingsDropdown_labelText"
@@ -19,12 +19,12 @@ exports[`<SettingsDropdown /> should render a disabled setting 1`] = `
class="mx_Dropdown mx_Dropdown_disabled"
>
<div
aria-describedby="_r_0__value"
aria-describedby="react-use-id-1_value"
aria-disabled="true"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Open %(brand)s when you log in to your computer"
aria-owns="_r_0__input"
aria-owns="react-use-id-1_input"
class="mx_AccessibleButton mx_Dropdown_input mx_no_textinput mx_AccessibleButton_disabled"
disabled=""
role="button"
@@ -32,7 +32,7 @@ exports[`<SettingsDropdown /> should render a disabled setting 1`] = `
>
<div
class="mx_Dropdown_option"
id="_r_0__value"
id="react-use-id-1_value"
>
<div>
No
apps/web/test/unit-tests/components/views/elements/__snapshots__/SettingsField-test.tsx.snap
+2 -2
View File
@@ -10,7 +10,7 @@ exports[`<SettingsField /> should render with the default label 1`] = `
>
<label
class="_label_19upo_59"
for="radix-_r_0_"
for="radix-react-use-id-1"
>
Element Call URL
</label>
@@ -19,7 +19,7 @@ exports[`<SettingsField /> should render with the default label 1`] = `
>
<input
class="_control_d83jn_10"
id="radix-_r_0_"
id="radix-react-use-id-1"
name="input"
title=""
value=""
apps/web/test/unit-tests/components/views/location/__snapshots__/LocationShareMenu-test.tsx.snap
+2 -2
View File
@@ -32,7 +32,7 @@ exports[`<LocationShareMenu /> with live location disabled goes to labs flag scr
>
<input
class="_input_udcm8_24"
id="_r_0_"
id="react-use-id-1"
role="switch"
type="checkbox"
/>
@@ -46,7 +46,7 @@ exports[`<LocationShareMenu /> with live location disabled goes to labs flag scr
>
<label
class="_label_19upo_59"
for="_r_0_"
for="react-use-id-1"
>
Enable live location sharing
</label>
apps/web/test/unit-tests/components/views/location/__snapshots__/LocationViewDialog-test.tsx.snap
+1 -1
View File
@@ -32,7 +32,7 @@ exports[`<LocationViewDialog /> renders map correctly 1`] = `
class="mx_ZoomButtons"
>
<div
aria-describedby="_r_6_"
aria-describedby="react-use-id-1"
aria-label="Zoom in"
class="mx_AccessibleButton mx_ZoomButtons_button"
data-testid="map-zoom-in-button"
apps/web/test/unit-tests/components/views/messages/__snapshots__/MLocationBody-test.tsx.snap
+2 -2
View File
@@ -34,7 +34,7 @@ exports[`MLocationBody <MLocationBody> without error renders map correctly 1`] =
class="mx_MLocationBody"
>
<div
aria-labelledby="_r_i_"
aria-labelledby="react-use-id-1"
class="mx_MLocationBody_map"
>
<div
@@ -76,7 +76,7 @@ exports[`MLocationBody <MLocationBody> without error renders marker correctly fo
class="mx_MLocationBody"
>
<div
aria-labelledby="_r_u_"
aria-labelledby="react-use-id-1"
class="mx_MLocationBody_map"
>
<div
apps/web/test/unit-tests/components/views/polls/pollHistory/__snapshots__/PollHistory-test.tsx.snap
+2 -2
View File
@@ -118,7 +118,7 @@ exports[`<PollHistory /> renders a list of active polls when there are polls in
tabindex="0"
>
<div
aria-labelledby="_r_a_"
aria-labelledby="react-use-id-1"
class="mx_PollListItem_content"
>
<span>
@@ -152,7 +152,7 @@ exports[`<PollHistory /> renders a list of active polls when there are polls in
tabindex="0"
>
<div
aria-labelledby="_r_f_"
aria-labelledby="react-use-id-2"
class="mx_PollListItem_content"
>
<span>
apps/web/test/unit-tests/components/views/polls/pollHistory/__snapshots__/PollListItem-test.tsx.snap
+1 -1
View File
@@ -10,7 +10,7 @@ exports[`<PollListItem /> renders a poll 1`] = `
tabindex="0"
>
<div
aria-labelledby="_r_0_"
aria-labelledby="react-use-id-1"
class="mx_PollListItem_content"
>
<span>
apps/web/test/unit-tests/components/views/polls/pollHistory/__snapshots__/PollListItemEnded-test.tsx.snap
+1 -1
View File
@@ -10,7 +10,7 @@ exports[`<PollListItemEnded /> renders a poll with no responses 1`] = `
tabindex="0"
>
<div
aria-labelledby="_r_0_"
aria-labelledby="react-use-id-1"
class="mx_PollListItemEnded_content"
>
<div
apps/web/test/unit-tests/components/views/right_panel/__snapshots__/BaseCard-test.tsx.snap
+1 -1
View File
@@ -19,7 +19,7 @@ exports[`<BaseCard /> should close when clicking X button 1`] = `
</p>
</div>
<button
aria-labelledby="_r_0_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="secondary"
data-testid="base-card-close-button"
apps/web/test/unit-tests/components/views/right_panel/__snapshots__/ExtensionsCard-test.tsx.snap
+2 -2
View File
@@ -19,7 +19,7 @@ exports[`<ExtensionsCard /> should render empty state 1`] = `
</p>
</div>
<button
aria-labelledby="_r_0_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="secondary"
data-testid="base-card-close-button"
@@ -120,7 +120,7 @@ exports[`<ExtensionsCard /> should render widgets 1`] = `
</p>
</div>
<button
aria-labelledby="_r_6_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="secondary"
data-testid="base-card-close-button"
apps/web/test/unit-tests/components/views/right_panel/__snapshots__/PinnedMessagesCard-test.tsx.snap
+19 -19
View File
@@ -19,7 +19,7 @@ exports[`<PinnedMessagesCard /> should show the empty state when there are no pi
</p>
</div>
<button
aria-labelledby="_r_f_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="secondary"
data-testid="base-card-close-button"
@@ -101,7 +101,7 @@ exports[`<PinnedMessagesCard /> should show two pinned messages 1`] = `
</p>
</div>
<button
aria-labelledby="_r_l_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="secondary"
data-testid="base-card-close-button"
@@ -159,13 +159,13 @@ exports[`<PinnedMessagesCard /> should show two pinned messages 1`] = `
class="mx_PinnedEventTile_top"
>
<span
aria-labelledby="_r_s_"
aria-labelledby="react-use-id-2"
class="mx_PinnedEventTile_sender mx_Username_color3"
>
@alice:example.org
</span>
<button
aria-describedby="_r_r_"
aria-describedby="react-use-id-3"
aria-disabled="false"
aria-expanded="false"
aria-haspopup="menu"
@@ -173,7 +173,7 @@ exports[`<PinnedMessagesCard /> should show two pinned messages 1`] = `
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_11_"
id="radix-react-use-id-4"
role="button"
style="--cpd-icon-button-size: 24px;"
tabindex="0"
@@ -199,7 +199,7 @@ exports[`<PinnedMessagesCard /> should show two pinned messages 1`] = `
</div>
<div
class="mx_MTextBody mx_EventTile_content _root_1hgc7_8 _text_1hgc7_13"
id="_r_r_"
id="react-use-id-3"
>
<div
class="mx_EventTile_body translate"
@@ -240,13 +240,13 @@ exports[`<PinnedMessagesCard /> should show two pinned messages 1`] = `
class="mx_PinnedEventTile_top"
>
<span
aria-labelledby="_r_14_"
aria-labelledby="react-use-id-5"
class="mx_PinnedEventTile_sender mx_Username_color3"
>
@alice:example.org
</span>
<button
aria-describedby="_r_13_"
aria-describedby="react-use-id-6"
aria-disabled="false"
aria-expanded="false"
aria-haspopup="menu"
@@ -254,7 +254,7 @@ exports[`<PinnedMessagesCard /> should show two pinned messages 1`] = `
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_19_"
id="radix-react-use-id-7"
role="button"
style="--cpd-icon-button-size: 24px;"
tabindex="0"
@@ -280,7 +280,7 @@ exports[`<PinnedMessagesCard /> should show two pinned messages 1`] = `
</div>
<div
class="mx_MTextBody mx_EventTile_content _root_1hgc7_8 _text_1hgc7_13"
id="_r_13_"
id="react-use-id-6"
>
<div
class="mx_EventTile_body translate"
@@ -329,7 +329,7 @@ exports[`<PinnedMessagesCard /> unpin all should not allow to unpinall 1`] = `
</p>
</div>
<button
aria-labelledby="_r_10u_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="secondary"
data-testid="base-card-close-button"
@@ -387,13 +387,13 @@ exports[`<PinnedMessagesCard /> unpin all should not allow to unpinall 1`] = `
class="mx_PinnedEventTile_top"
>
<span
aria-labelledby="_r_115_"
aria-labelledby="react-use-id-2"
class="mx_PinnedEventTile_sender mx_Username_color3"
>
@alice:example.org
</span>
<button
aria-describedby="_r_114_"
aria-describedby="react-use-id-3"
aria-disabled="false"
aria-expanded="false"
aria-haspopup="menu"
@@ -401,7 +401,7 @@ exports[`<PinnedMessagesCard /> unpin all should not allow to unpinall 1`] = `
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_11a_"
id="radix-react-use-id-4"
role="button"
style="--cpd-icon-button-size: 24px;"
tabindex="0"
@@ -427,7 +427,7 @@ exports[`<PinnedMessagesCard /> unpin all should not allow to unpinall 1`] = `
</div>
<div
class="mx_MTextBody mx_EventTile_content _root_1hgc7_8 _text_1hgc7_13"
id="_r_114_"
id="react-use-id-3"
>
<div
class="mx_EventTile_body translate"
@@ -468,13 +468,13 @@ exports[`<PinnedMessagesCard /> unpin all should not allow to unpinall 1`] = `
class="mx_PinnedEventTile_top"
>
<span
aria-labelledby="_r_11d_"
aria-labelledby="react-use-id-5"
class="mx_PinnedEventTile_sender mx_Username_color3"
>
@alice:example.org
</span>
<button
aria-describedby="_r_11c_"
aria-describedby="react-use-id-6"
aria-disabled="false"
aria-expanded="false"
aria-haspopup="menu"
@@ -482,7 +482,7 @@ exports[`<PinnedMessagesCard /> unpin all should not allow to unpinall 1`] = `
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_11i_"
id="radix-react-use-id-7"
role="button"
style="--cpd-icon-button-size: 24px;"
tabindex="0"
@@ -508,7 +508,7 @@ exports[`<PinnedMessagesCard /> unpin all should not allow to unpinall 1`] = `
</div>
<div
class="mx_MTextBody mx_EventTile_content _root_1hgc7_8 _text_1hgc7_13"
id="_r_11c_"
id="react-use-id-6"
>
<div
class="mx_EventTile_body translate"
apps/web/test/unit-tests/components/views/right_panel/__snapshots__/RoomSummaryCardView-test.tsx.snap
+6 -6
View File
@@ -15,7 +15,7 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
class="mx_BaseCard_header_spacer"
/>
<button
aria-labelledby="_r_e_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="secondary"
data-testid="base-card-close-button"
@@ -235,7 +235,7 @@ exports[`<RoomSummaryCard /> has button to edit topic 1`] = `
<input
aria-hidden="true"
class="_input_udcm8_24"
id="_r_j_"
id="react-use-id-2"
role="switch"
tabindex="-1"
type="checkbox"
@@ -754,7 +754,7 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
class="mx_BaseCard_header_spacer"
/>
<button
aria-labelledby="_r_0_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="secondary"
data-testid="base-card-close-button"
@@ -932,7 +932,7 @@ exports[`<RoomSummaryCard /> renders the room summary 1`] = `
<input
aria-hidden="true"
class="_input_udcm8_24"
id="_r_5_"
id="react-use-id-2"
role="switch"
tabindex="-1"
type="checkbox"
@@ -1451,7 +1451,7 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
class="mx_BaseCard_header_spacer"
/>
<button
aria-labelledby="_r_7_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="secondary"
data-testid="base-card-close-button"
@@ -1671,7 +1671,7 @@ exports[`<RoomSummaryCard /> renders the room topic in the summary 1`] = `
<input
aria-hidden="true"
class="_input_udcm8_24"
id="_r_c_"
id="react-use-id-2"
role="switch"
tabindex="-1"
type="checkbox"
apps/web/test/unit-tests/components/views/right_panel/__snapshots__/UserInfo-test.tsx.snap
+2 -2
View File
@@ -19,7 +19,7 @@ exports[`<UserInfo /> with crypto enabled renders <BasicUserInfo /> 1`] = `
</p>
</div>
<button
aria-labelledby="_r_7c_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="secondary"
data-testid="base-card-close-button"
@@ -321,7 +321,7 @@ exports[`<UserInfo /> with crypto enabled should render a deactivate button for
</p>
</div>
<button
aria-labelledby="_r_7m_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="secondary"
data-testid="base-card-close-button"
apps/web/test/unit-tests/components/views/rooms/EventTile/__snapshots__/E2eMessageSharedIcon-test.tsx.snap
+2 -2
View File
@@ -4,7 +4,7 @@ exports[`E2eMessageSharedIcon renders correctly for a known user 1`] = `
<div>
<div
aria-label="State of the end-to-end encryption"
aria-labelledby="_r_0_"
aria-labelledby="react-use-id-1"
class="_e2ePadlock_ohpuo_8 mx_EventTile_e2eIcon"
data-testid="e2e-padlock"
role="img"
@@ -35,7 +35,7 @@ exports[`E2eMessageSharedIcon renders correctly for an unknown user 1`] = `
<div>
<div
aria-label="State of the end-to-end encryption"
aria-labelledby="_r_6_"
aria-labelledby="react-use-id-1"
class="_e2ePadlock_ohpuo_8 mx_EventTile_e2eIcon"
data-testid="e2e-padlock"
role="img"
apps/web/test/unit-tests/components/views/rooms/RoomHeader/__snapshots__/RoomHeader-test.tsx.snap
+4 -4
View File
@@ -56,7 +56,7 @@ exports[`RoomHeader dm does not show the face pile for DMs 1`] = `
style="--cpd-icon-button-size: 100%;"
>
<svg
aria-labelledby="_r_14k_"
aria-labelledby="react-use-id-1"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
@@ -83,7 +83,7 @@ exports[`RoomHeader dm does not show the face pile for DMs 1`] = `
style="--cpd-icon-button-size: 100%;"
>
<svg
aria-labelledby="_r_14p_"
aria-labelledby="react-use-id-2"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
@@ -98,7 +98,7 @@ exports[`RoomHeader dm does not show the face pile for DMs 1`] = `
</button>
<button
aria-label="Threads"
aria-labelledby="_r_14u_"
aria-labelledby="react-use-id-3"
class="_icon-button_1215g_8"
data-kind="primary"
role="button"
@@ -125,7 +125,7 @@ exports[`RoomHeader dm does not show the face pile for DMs 1`] = `
</button>
<button
aria-label="Room info"
aria-labelledby="_r_153_"
aria-labelledby="react-use-id-4"
class="_icon-button_1215g_8"
data-kind="primary"
role="button"
apps/web/test/unit-tests/components/views/rooms/RoomHeader/__snapshots__/VideoRoomChatButton-test.tsx.snap
+1 -1
View File
@@ -3,7 +3,7 @@
exports[`<VideoRoomChatButton /> renders button with an unread marker when room is unread 1`] = `
<button
aria-label="Chat"
aria-labelledby="_r_6_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-indicator="default"
data-kind="primary"
apps/web/test/unit-tests/components/views/rooms/__snapshots__/PinnedEventTile-test.tsx.snap
+12 -12
View File
@@ -25,13 +25,13 @@ exports[`<PinnedEventTile /> should render pinned event 1`] = `
class="mx_PinnedEventTile_top"
>
<span
aria-labelledby="_r_1_"
aria-labelledby="react-use-id-1"
class="mx_PinnedEventTile_sender mx_Username_color2"
>
@alice:server.org
</span>
<button
aria-describedby="_r_0_"
aria-describedby="react-use-id-2"
aria-disabled="false"
aria-expanded="false"
aria-haspopup="menu"
@@ -39,7 +39,7 @@ exports[`<PinnedEventTile /> should render pinned event 1`] = `
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_6_"
id="radix-react-use-id-3"
role="button"
style="--cpd-icon-button-size: 24px;"
tabindex="0"
@@ -65,7 +65,7 @@ exports[`<PinnedEventTile /> should render pinned event 1`] = `
</div>
<div
class="mx_MTextBody mx_EventTile_content _root_1hgc7_8 _text_1hgc7_13"
id="_r_0_"
id="react-use-id-2"
>
<div
class="mx_EventTile_body translate"
@@ -104,13 +104,13 @@ exports[`<PinnedEventTile /> should render pinned event with thread info 1`] = `
class="mx_PinnedEventTile_top"
>
<span
aria-labelledby="_r_a_"
aria-labelledby="react-use-id-1"
class="mx_PinnedEventTile_sender mx_Username_color2"
>
@alice:server.org
</span>
<button
aria-describedby="_r_9_"
aria-describedby="react-use-id-2"
aria-disabled="false"
aria-expanded="false"
aria-haspopup="menu"
@@ -118,7 +118,7 @@ exports[`<PinnedEventTile /> should render pinned event with thread info 1`] = `
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_f_"
id="radix-react-use-id-3"
role="button"
style="--cpd-icon-button-size: 24px;"
tabindex="0"
@@ -144,7 +144,7 @@ exports[`<PinnedEventTile /> should render pinned event with thread info 1`] = `
</div>
<div
class="mx_MTextBody mx_EventTile_content _root_1hgc7_8 _text_1hgc7_13"
id="_r_9_"
id="react-use-id-2"
>
<div
class="mx_EventTile_body translate"
@@ -187,7 +187,7 @@ exports[`<PinnedEventTile /> should render pinned event with thread info 1`] = `
exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
<div
aria-label="Open menu"
aria-labelledby="radix-_r_14_"
aria-labelledby="radix-react-use-id-1"
aria-orientation="vertical"
class="_menu_1kl3y_8"
data-align="start"
@@ -196,7 +196,7 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
data-side="right"
data-state="open"
dir="ltr"
id="radix-_r_15_"
id="radix-react-use-id-2"
role="menu"
style="outline: none; --radix-dropdown-menu-content-transform-origin: var(--radix-popper-transform-origin); --radix-dropdown-menu-content-available-width: var(--radix-popper-available-width); --radix-dropdown-menu-content-available-height: var(--radix-popper-available-height); --radix-dropdown-menu-trigger-width: var(--radix-popper-anchor-width); --radix-dropdown-menu-trigger-height: var(--radix-popper-anchor-height); pointer-events: auto;"
tabindex="-1"
@@ -378,7 +378,7 @@ exports[`<PinnedEventTile /> should render the menu with all the options 1`] = `
exports[`<PinnedEventTile /> should render the menu without unpin and delete 1`] = `
<div
aria-label="Open menu"
aria-labelledby="radix-_r_o_"
aria-labelledby="radix-react-use-id-1"
aria-orientation="vertical"
class="_menu_1kl3y_8"
data-align="start"
@@ -387,7 +387,7 @@ exports[`<PinnedEventTile /> should render the menu without unpin and delete 1`]
data-side="right"
data-state="open"
dir="ltr"
id="radix-_r_p_"
id="radix-react-use-id-2"
role="menu"
style="outline: none; --radix-dropdown-menu-content-transform-origin: var(--radix-popper-transform-origin); --radix-dropdown-menu-content-available-width: var(--radix-popper-available-width); --radix-dropdown-menu-content-available-height: var(--radix-popper-available-height); --radix-dropdown-menu-trigger-width: var(--radix-popper-anchor-width); --radix-dropdown-menu-trigger-height: var(--radix-popper-anchor-height); pointer-events: auto;"
tabindex="-1"
apps/web/test/unit-tests/components/views/rooms/__snapshots__/PinnedMessageBanner-test.tsx.snap
+18 -18
View File
@@ -10,14 +10,14 @@ exports[`<PinnedMessageBanner /> should display display a poll event 1`] = `
role="region"
>
<button
aria-describedby="_r_a_"
aria-describedby="react-use-id-1"
aria-label="View the pinned message in the timeline and the newest pinned message here"
class="mx_PinnedMessageBanner_main"
type="button"
>
<div
class="mx_PinnedMessageBanner_content"
id="_r_a_"
id="react-use-id-1"
>
<div
class="mx_PinnedMessageBanner_Indicators"
@@ -68,14 +68,14 @@ exports[`<PinnedMessageBanner /> should display the last message when the pinned
role="region"
>
<button
aria-describedby="_r_4_"
aria-describedby="react-use-id-1"
aria-label="View the pinned message in the timeline and the newest pinned message here"
class="mx_PinnedMessageBanner_main"
type="button"
>
<div
class="mx_PinnedMessageBanner_content"
id="_r_4_"
id="react-use-id-1"
>
<div
class="mx_PinnedMessageBanner_Indicators"
@@ -150,14 +150,14 @@ exports[`<PinnedMessageBanner /> should display the m.audio event type 1`] = `
role="region"
>
<button
aria-describedby="_r_7_"
aria-describedby="react-use-id-1"
aria-label="View the pinned message in the timeline and the newest pinned message here"
class="mx_PinnedMessageBanner_main"
type="button"
>
<div
class="mx_PinnedMessageBanner_content"
id="_r_7_"
id="react-use-id-1"
>
<div
class="mx_PinnedMessageBanner_Indicators"
@@ -208,14 +208,14 @@ exports[`<PinnedMessageBanner /> should display the m.file event type 1`] = `
role="region"
>
<button
aria-describedby="_r_6_"
aria-describedby="react-use-id-1"
aria-label="View the pinned message in the timeline and the newest pinned message here"
class="mx_PinnedMessageBanner_main"
type="button"
>
<div
class="mx_PinnedMessageBanner_content"
id="_r_6_"
id="react-use-id-1"
>
<div
class="mx_PinnedMessageBanner_Indicators"
@@ -266,14 +266,14 @@ exports[`<PinnedMessageBanner /> should display the m.image event type 1`] = `
role="region"
>
<button
aria-describedby="_r_9_"
aria-describedby="react-use-id-1"
aria-label="View the pinned message in the timeline and the newest pinned message here"
class="mx_PinnedMessageBanner_main"
type="button"
>
<div
class="mx_PinnedMessageBanner_content"
id="_r_9_"
id="react-use-id-1"
>
<div
class="mx_PinnedMessageBanner_Indicators"
@@ -324,14 +324,14 @@ exports[`<PinnedMessageBanner /> should display the m.video event type 1`] = `
role="region"
>
<button
aria-describedby="_r_8_"
aria-describedby="react-use-id-1"
aria-label="View the pinned message in the timeline and the newest pinned message here"
class="mx_PinnedMessageBanner_main"
type="button"
>
<div
class="mx_PinnedMessageBanner_content"
id="_r_8_"
id="react-use-id-1"
>
<div
class="mx_PinnedMessageBanner_Indicators"
@@ -382,14 +382,14 @@ exports[`<PinnedMessageBanner /> should render 2 pinned event 1`] = `
role="region"
>
<button
aria-describedby="_r_2_"
aria-describedby="react-use-id-1"
aria-label="View the pinned message in the timeline and the newest pinned message here"
class="mx_PinnedMessageBanner_main"
type="button"
>
<div
class="mx_PinnedMessageBanner_content"
id="_r_2_"
id="react-use-id-1"
>
<div
class="mx_PinnedMessageBanner_Indicators"
@@ -460,14 +460,14 @@ exports[`<PinnedMessageBanner /> should render 4 pinned event 1`] = `
role="region"
>
<button
aria-describedby="_r_3_"
aria-describedby="react-use-id-1"
aria-label="View the pinned message in the timeline and the newest pinned message here"
class="mx_PinnedMessageBanner_main"
type="button"
>
<div
class="mx_PinnedMessageBanner_content"
id="_r_3_"
id="react-use-id-1"
>
<div
class="mx_PinnedMessageBanner_Indicators"
@@ -542,14 +542,14 @@ exports[`<PinnedMessageBanner /> should render a single pinned event 1`] = `
role="region"
>
<button
aria-describedby="_r_1_"
aria-describedby="react-use-id-1"
aria-label="View the pinned message in the timeline and the newest pinned message here"
class="mx_PinnedMessageBanner_main"
type="button"
>
<div
class="mx_PinnedMessageBanner_content"
id="_r_1_"
id="react-use-id-1"
>
<div
class="mx_PinnedMessageBanner_Indicators"
apps/web/test/unit-tests/components/views/rooms/__snapshots__/ReadReceiptGroup-test.tsx.snap
+4 -4
View File
@@ -4,7 +4,7 @@ exports[`ReadReceiptGroup <ReadReceiptPerson /> should display a tooltip 1`] = `
<div
class="_tooltip_1nqnq_8"
data-floating-ui-focusable=""
id="_r_6_"
id="react-use-id-1"
role="tooltip"
style="position: absolute; left: 0px; top: 0px; transform: translate(5px, -6px);"
tabindex="-1"
@@ -22,7 +22,7 @@ exports[`ReadReceiptGroup <ReadReceiptPerson /> should display a tooltip 1`] = `
stroke="none"
/>
<clippath
id="_r_9_"
id="react-use-id-2"
>
<rect
height="10"
@@ -33,13 +33,13 @@ exports[`ReadReceiptGroup <ReadReceiptPerson /> should display a tooltip 1`] = `
</clippath>
</svg>
<span
id="_r_4_"
id="react-use-id-3"
>
Alice
</span>
<span
class="_caption_1nqnq_28 cpd-theme-dark"
id="_r_5_"
id="react-use-id-4"
>
@alice:example.org
</span>
apps/web/test/unit-tests/components/views/rooms/__snapshots__/ThirdPartyMemberInfo-test.tsx.snap
+2 -2
View File
@@ -19,7 +19,7 @@ exports[`<ThirdPartyMemberInfo /> should render invite 1`] = `
</p>
</div>
<button
aria-labelledby="_r_0_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="secondary"
data-testid="base-card-close-button"
@@ -94,7 +94,7 @@ exports[`<ThirdPartyMemberInfo /> should render invite when room in not availabl
</p>
</div>
<button
aria-labelledby="_r_6_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="secondary"
data-testid="base-card-close-button"
apps/web/test/unit-tests/components/views/rooms/memberlist/__snapshots__/MemberTileView-test.tsx.snap
+2 -2
View File
@@ -54,7 +54,7 @@ exports[`MemberTileView RoomMemberTileView should display an verified E2EIcon wh
class="mx_MemberTileView_right"
>
<div
aria-labelledby="_r_6_"
aria-labelledby="react-use-id-1"
class="mx_E2EIconView"
>
<svg
@@ -130,7 +130,7 @@ exports[`MemberTileView RoomMemberTileView should display an warning E2EIcon whe
class="mx_MemberTileView_right"
>
<div
aria-labelledby="_r_0_"
aria-labelledby="react-use-id-1"
class="mx_E2EIconView"
>
<svg
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>
apps/web/test/unit-tests/components/views/spaces/__snapshots__/SpacePanel-test.tsx.snap
+4 -4
View File
@@ -15,7 +15,7 @@ exports[`<SpacePanel /> should show all activated MetaSpaces in the correct orde
aria-label="User menu"
class="_triggerButton_1yvpq_57 mx_UserMenu"
data-state="closed"
id="radix-_r_0_"
id="radix-react-use-id-1"
type="button"
>
<span
@@ -329,11 +329,11 @@ exports[`<SpacePanel /> should show all activated MetaSpaces in the correct orde
aria-expanded="false"
aria-haspopup="menu"
aria-label="Threads"
aria-labelledby="_r_14_"
aria-labelledby="react-use-id-2"
class="_icon-button_1215g_8 mx_ThreadsActivityCentreButton"
data-kind="primary"
data-state="closed"
id="radix-_r_12_"
id="radix-react-use-id-3"
role="button"
style="--cpd-icon-button-size: 32px;"
tabindex="0"
@@ -361,7 +361,7 @@ exports[`<SpacePanel /> should show all activated MetaSpaces in the correct orde
<button
aria-expanded="false"
aria-label="Quick settings"
aria-labelledby="_r_19_"
aria-labelledby="react-use-id-4"
class="_icon-button_1215g_8 mx_QuickSettingsButton"
data-kind="primary"
role="button"
apps/web/test/unit-tests/components/views/spaces/__snapshots__/SpaceSettingsVisibilityTab-test.tsx.snap
+10 -10
View File
@@ -4,7 +4,7 @@ exports[`<SpaceSettingsVisibilityTab /> for a public space Access renders guest
<input
checked=""
class="_input_udcm8_24"
id="_r_h_"
id="react-use-id-1"
role="switch"
type="checkbox"
/>
@@ -133,7 +133,7 @@ exports[`<SpaceSettingsVisibilityTab /> for a public space renders addresses sec
<input
checked=""
class="_input_udcm8_24"
id="_r_3j_"
id="react-use-id-1"
role="switch"
type="checkbox"
/>
@@ -147,13 +147,13 @@ exports[`<SpaceSettingsVisibilityTab /> for a public space renders addresses sec
>
<label
class="_label_19upo_59"
for="_r_3j_"
for="react-use-id-1"
>
Preview space
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="radix-_r_3l_"
id="radix-react-use-id-2"
>
Allow people to preview your space before they join.
</span>
@@ -248,7 +248,7 @@ exports[`<SpaceSettingsVisibilityTab /> for a public space renders addresses sec
<input
class="_input_udcm8_24"
disabled=""
id="_r_3u_"
id="react-use-id-3"
role="switch"
type="checkbox"
/>
@@ -262,13 +262,13 @@ exports[`<SpaceSettingsVisibilityTab /> for a public space renders addresses sec
>
<label
class="_label_19upo_59"
for="_r_3u_"
for="react-use-id-3"
>
Publish this room to the public in matrix.org's room directory?
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="radix-_r_40_"
id="radix-react-use-id-4"
>
You must have permission to set the main address to publish this room.
</span>
@@ -500,7 +500,7 @@ exports[`<SpaceSettingsVisibilityTab /> renders container 1`] = `
<input
checked=""
class="_input_udcm8_24"
id="_r_0_"
id="react-use-id-1"
role="switch"
type="checkbox"
/>
@@ -514,13 +514,13 @@ exports[`<SpaceSettingsVisibilityTab /> renders container 1`] = `
>
<label
class="_label_19upo_59"
for="_r_0_"
for="react-use-id-1"
>
Preview space
</label>
<span
class="_message_19upo_85 _help-message_19upo_91"
id="radix-_r_2_"
id="radix-react-use-id-2"
>
Allow people to preview your space before they join.
</span>
apps/web/test/unit-tests/components/views/spaces/__snapshots__/ThreadsActivityCentre-test.tsx.snap
+9 -9
View File
@@ -2,7 +2,7 @@
exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] = `
<div
aria-labelledby="radix-_r_1m_"
aria-labelledby="radix-react-use-id-1"
aria-orientation="vertical"
class="_menu_1kl3y_8"
data-align="start"
@@ -11,14 +11,14 @@ exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] =
data-side="top"
data-state="open"
dir="ltr"
id="radix-_r_1n_"
id="radix-react-use-id-2"
role="menu"
style="outline: none; --radix-dropdown-menu-content-transform-origin: var(--radix-popper-transform-origin); --radix-dropdown-menu-content-available-width: var(--radix-popper-available-width); --radix-dropdown-menu-content-available-height: var(--radix-popper-available-height); --radix-dropdown-menu-trigger-width: var(--radix-popper-anchor-width); --radix-dropdown-menu-trigger-height: var(--radix-popper-anchor-height); pointer-events: auto;"
tabindex="-1"
>
<h3
class="_typography_6v6n8_153 _font-body-sm-semibold_6v6n8_36 _menu-title_1sgvx_8 _title_1kl3y_65"
id="_r_1u_"
id="react-use-id-3"
>
Threads activity
</h3>
@@ -127,7 +127,7 @@ exports[`ThreadsActivityCentre renders notifications matching the snapshot 1`] =
exports[`ThreadsActivityCentre should match snapshot when empty 1`] = `
<div
aria-labelledby="radix-_r_2a_"
aria-labelledby="radix-react-use-id-1"
aria-orientation="vertical"
class="_menu_1kl3y_8"
data-align="start"
@@ -136,14 +136,14 @@ exports[`ThreadsActivityCentre should match snapshot when empty 1`] = `
data-side="top"
data-state="open"
dir="ltr"
id="radix-_r_2b_"
id="radix-react-use-id-2"
role="menu"
style="outline: none; --radix-dropdown-menu-content-transform-origin: var(--radix-popper-transform-origin); --radix-dropdown-menu-content-available-width: var(--radix-popper-available-width); --radix-dropdown-menu-content-available-height: var(--radix-popper-available-height); --radix-dropdown-menu-trigger-width: var(--radix-popper-anchor-width); --radix-dropdown-menu-trigger-height: var(--radix-popper-anchor-height); pointer-events: auto;"
tabindex="-1"
>
<h3
class="_typography_6v6n8_153 _font-body-sm-semibold_6v6n8_36 _menu-title_1sgvx_8 _title_1kl3y_65"
id="_r_2i_"
id="react-use-id-3"
>
Threads activity
</h3>
@@ -161,7 +161,7 @@ exports[`ThreadsActivityCentre should match snapshot when empty 1`] = `
exports[`ThreadsActivityCentre should order the room with the same notification level by most recent 1`] = `
<div
aria-labelledby="radix-_r_2j_"
aria-labelledby="radix-react-use-id-1"
aria-orientation="vertical"
class="_menu_1kl3y_8"
data-align="start"
@@ -170,14 +170,14 @@ exports[`ThreadsActivityCentre should order the room with the same notification
data-side="top"
data-state="open"
dir="ltr"
id="radix-_r_2k_"
id="radix-react-use-id-2"
role="menu"
style="outline: none; --radix-dropdown-menu-content-transform-origin: var(--radix-popper-transform-origin); --radix-dropdown-menu-content-available-width: var(--radix-popper-available-width); --radix-dropdown-menu-content-available-height: var(--radix-popper-available-height); --radix-dropdown-menu-trigger-width: var(--radix-popper-anchor-width); --radix-dropdown-menu-trigger-height: var(--radix-popper-anchor-height); pointer-events: auto;"
tabindex="-1"
>
<h3
class="_typography_6v6n8_153 _font-body-sm-semibold_6v6n8_36 _menu-title_1sgvx_8 _title_1kl3y_65"
id="_r_2r_"
id="react-use-id-3"
>
Threads activity
</h3>