enki/blap
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 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 14:30:05 +02: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/setupTests.ts
+37
View File
@@ -22,6 +22,43 @@ declare global {
globalThis.IS_REACT_ACT_ENVIRONMENT = true;
const REACT_USE_ID = /_r_[a-z0-9]+_/g;
function normaliseReactUseIds(snapshot: string): string {
// React useId values can vary between runs and make snapshots flaky:
// https://github.com/element-hq/element-web/issues/31765
// Avoid running the regex for DOM snapshots without React useId output.
if (!snapshot.includes("_r_")) return snapshot;
const ids = new Map<string, string>();
let nextId = 1;
return snapshot.replace(REACT_USE_ID, (id) => {
let replacement = ids.get(id);
if (!replacement) {
replacement = `react-use-id-${nextId++}`;
ids.set(id, replacement);
}
return replacement;
});
}
// Prevent this serializer from recursively matching the same DOM node when it calls serialize().
let isSerializingDomSnapshot = false;
expect.addSnapshotSerializer({
test: (value: unknown): value is Element | DocumentFragment =>
!isSerializingDomSnapshot && (value instanceof Element || value instanceof DocumentFragment),
print: (value: unknown, serialize: (value: unknown) => string): string => {
isSerializingDomSnapshot = true;
try {
return normaliseReactUseIds(serialize(value));
} finally {
isSerializingDomSnapshot = false;
}
},
});
// Fake random strings to give a predictable snapshot for IDs
jest.mock("matrix-js-sdk/src/randomstring");
beforeEach(() => {
apps/web/test/unit-tests/components/structures/__snapshots__/FilePanel-test.tsx.snap
+1 -1
View File
@@ -19,7 +19,7 @@ exports[`FilePanel renders 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"
apps/web/test/unit-tests/components/structures/__snapshots__/RoomView-test.tsx.snap
+47 -47
View File
@@ -212,7 +212,7 @@ exports[`RoomView for a local room in state ERROR should match the snapshot 1`]
</div>
</div>
<div
aria-labelledby="_r_1dt_"
aria-labelledby="react-use-id-1"
class="_banner_n7ud0_8"
data-type="critical"
role="status"
@@ -238,7 +238,7 @@ exports[`RoomView for a local room in state ERROR should match the snapshot 1`]
>
<p
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 _title_mcq5y_24"
id="_r_1dt_"
id="react-use-id-1"
>
Could not start a chat with this user
</p>
@@ -423,7 +423,7 @@ exports[`RoomView for a local room in state NEW should match the snapshot 1`] =
>
<svg
aria-label="Messages in this room are not end-to-end encrypted"
aria-labelledby="_r_1an_"
aria-labelledby="react-use-id-1"
class="mx_E2EIcon mx_MessageComposer_e2eIcon"
color="var(--cpd-color-icon-info-primary)"
fill="currentColor"
@@ -610,7 +610,7 @@ exports[`RoomView for a local room in state NEW should match the snapshot 1`] =
</div>
<button
aria-label="Attachment"
aria-labelledby="_r_1bs_"
aria-labelledby="react-use-id-2"
class="_icon-button_1215g_8"
data-kind="primary"
role="button"
@@ -710,7 +710,7 @@ exports[`RoomView for a local room in state NEW that is encrypted should match t
</span>
<svg
aria-label="New members see history"
aria-labelledby="_r_1dn_"
aria-labelledby="react-use-id-1"
class="mx_RoomHeader_icon"
color="var(--cpd-color-icon-info-primary)"
fill="currentColor"
@@ -991,7 +991,7 @@ exports[`RoomView for a local room in state NEW that is encrypted should match t
</div>
<button
aria-label="Attachment"
aria-labelledby="_r_1dc_"
aria-labelledby="react-use-id-2"
class="_icon-button_1215g_8"
data-kind="primary"
role="button"
@@ -1194,7 +1194,7 @@ exports[`RoomView should hide the composer when hideComposer=true 1`] = `
style="--cpd-icon-button-size: 100%;"
>
<svg
aria-labelledby="_r_0_"
aria-labelledby="react-use-id-1"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
@@ -1221,7 +1221,7 @@ exports[`RoomView should hide the composer when hideComposer=true 1`] = `
style="--cpd-icon-button-size: 100%;"
>
<svg
aria-labelledby="_r_5_"
aria-labelledby="react-use-id-2"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
@@ -1236,7 +1236,7 @@ exports[`RoomView should hide the composer when hideComposer=true 1`] = `
</button>
<button
aria-label="Threads"
aria-labelledby="_r_a_"
aria-labelledby="react-use-id-3"
class="_icon-button_1215g_8"
data-kind="primary"
role="button"
@@ -1263,7 +1263,7 @@ exports[`RoomView should hide the composer when hideComposer=true 1`] = `
</button>
<button
aria-label="Room info"
aria-labelledby="_r_f_"
aria-labelledby="react-use-id-4"
class="_icon-button_1215g_8"
data-kind="primary"
role="button"
@@ -1293,7 +1293,7 @@ exports[`RoomView should hide the composer when hideComposer=true 1`] = `
>
<div
aria-label="0 members"
aria-labelledby="_r_k_"
aria-labelledby="react-use-id-5"
class="mx_AccessibleButton mx_FacePile"
role="button"
tabindex="0"
@@ -1430,7 +1430,7 @@ exports[`RoomView should hide the header when hideHeader=true 1`] = `
>
<svg
aria-label="Messages in this room are not end-to-end encrypted"
aria-labelledby="_r_12_"
aria-labelledby="react-use-id-1"
class="mx_E2EIcon mx_MessageComposer_e2eIcon"
color="var(--cpd-color-icon-info-primary)"
fill="currentColor"
@@ -1617,7 +1617,7 @@ exports[`RoomView should hide the header when hideHeader=true 1`] = `
</div>
<button
aria-label="Attachment"
aria-labelledby="_r_27_"
aria-labelledby="react-use-id-2"
class="_icon-button_1215g_8"
data-kind="primary"
role="button"
@@ -1748,7 +1748,7 @@ exports[`RoomView should hide the pinned message banner when hidePinnedMessageBa
style="--cpd-icon-button-size: 100%;"
>
<svg
aria-labelledby="_r_5i_"
aria-labelledby="react-use-id-1"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
@@ -1775,7 +1775,7 @@ exports[`RoomView should hide the pinned message banner when hidePinnedMessageBa
style="--cpd-icon-button-size: 100%;"
>
<svg
aria-labelledby="_r_5n_"
aria-labelledby="react-use-id-2"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
@@ -1790,7 +1790,7 @@ exports[`RoomView should hide the pinned message banner when hidePinnedMessageBa
</button>
<button
aria-label="Threads"
aria-labelledby="_r_5s_"
aria-labelledby="react-use-id-3"
class="_icon-button_1215g_8"
data-kind="primary"
role="button"
@@ -1817,7 +1817,7 @@ exports[`RoomView should hide the pinned message banner when hidePinnedMessageBa
</button>
<button
aria-label="Room info"
aria-labelledby="_r_61_"
aria-labelledby="react-use-id-4"
class="_icon-button_1215g_8"
data-kind="primary"
role="button"
@@ -1847,7 +1847,7 @@ exports[`RoomView should hide the pinned message banner when hidePinnedMessageBa
>
<div
aria-label="0 members"
aria-labelledby="_r_66_"
aria-labelledby="react-use-id-5"
class="mx_AccessibleButton mx_FacePile"
role="button"
tabindex="0"
@@ -1914,7 +1914,7 @@ exports[`RoomView should hide the pinned message banner when hidePinnedMessageBa
>
<svg
aria-label="Messages in this room are not end-to-end encrypted"
aria-labelledby="_r_6i_"
aria-labelledby="react-use-id-6"
class="mx_E2EIcon mx_MessageComposer_e2eIcon"
color="var(--cpd-color-icon-info-primary)"
fill="currentColor"
@@ -2101,7 +2101,7 @@ exports[`RoomView should hide the pinned message banner when hidePinnedMessageBa
</div>
<button
aria-label="Attachment"
aria-labelledby="_r_7n_"
aria-labelledby="react-use-id-7"
class="_icon-button_1215g_8"
data-kind="primary"
role="button"
@@ -2232,7 +2232,7 @@ exports[`RoomView should hide the right panel when hideRightPanel=true 1`] = `
style="--cpd-icon-button-size: 100%;"
>
<svg
aria-labelledby="_r_2i_"
aria-labelledby="react-use-id-1"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
@@ -2259,7 +2259,7 @@ exports[`RoomView should hide the right panel when hideRightPanel=true 1`] = `
style="--cpd-icon-button-size: 100%;"
>
<svg
aria-labelledby="_r_2n_"
aria-labelledby="react-use-id-2"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
@@ -2274,7 +2274,7 @@ exports[`RoomView should hide the right panel when hideRightPanel=true 1`] = `
</button>
<button
aria-label="Threads"
aria-labelledby="_r_2s_"
aria-labelledby="react-use-id-3"
class="_icon-button_1215g_8"
data-kind="primary"
role="button"
@@ -2301,7 +2301,7 @@ exports[`RoomView should hide the right panel when hideRightPanel=true 1`] = `
</button>
<button
aria-label="Room info"
aria-labelledby="_r_31_"
aria-labelledby="react-use-id-4"
class="_icon-button_1215g_8"
data-kind="primary"
role="button"
@@ -2331,7 +2331,7 @@ exports[`RoomView should hide the right panel when hideRightPanel=true 1`] = `
>
<div
aria-label="0 members"
aria-labelledby="_r_36_"
aria-labelledby="react-use-id-5"
class="mx_AccessibleButton mx_FacePile mx_FacePile_toggled"
role="button"
tabindex="0"
@@ -2398,7 +2398,7 @@ exports[`RoomView should hide the right panel when hideRightPanel=true 1`] = `
>
<svg
aria-label="Messages in this room are not end-to-end encrypted"
aria-labelledby="_r_3i_"
aria-labelledby="react-use-id-6"
class="mx_E2EIcon mx_MessageComposer_e2eIcon"
color="var(--cpd-color-icon-info-primary)"
fill="currentColor"
@@ -2585,7 +2585,7 @@ exports[`RoomView should hide the right panel when hideRightPanel=true 1`] = `
</div>
<button
aria-label="Attachment"
aria-labelledby="_r_4n_"
aria-labelledby="react-use-id-7"
class="_icon-button_1215g_8"
data-kind="primary"
role="button"
@@ -2716,7 +2716,7 @@ exports[`RoomView should not display the timeline when the room encryption is lo
style="--cpd-icon-button-size: 100%;"
>
<svg
aria-labelledby="_r_fo_"
aria-labelledby="react-use-id-1"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
@@ -2743,7 +2743,7 @@ exports[`RoomView should not display the timeline when the room encryption is lo
style="--cpd-icon-button-size: 100%;"
>
<svg
aria-labelledby="_r_ft_"
aria-labelledby="react-use-id-2"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
@@ -2758,7 +2758,7 @@ exports[`RoomView should not display the timeline when the room encryption is lo
</button>
<button
aria-label="Threads"
aria-labelledby="_r_g2_"
aria-labelledby="react-use-id-3"
class="_icon-button_1215g_8"
data-kind="primary"
role="button"
@@ -2785,7 +2785,7 @@ exports[`RoomView should not display the timeline when the room encryption is lo
</button>
<button
aria-label="Room info"
aria-labelledby="_r_g7_"
aria-labelledby="react-use-id-4"
class="_icon-button_1215g_8"
data-kind="primary"
role="button"
@@ -2815,7 +2815,7 @@ exports[`RoomView should not display the timeline when the room encryption is lo
>
<div
aria-label="0 members"
aria-labelledby="_r_gc_"
aria-labelledby="react-use-id-5"
class="mx_AccessibleButton mx_FacePile"
role="button"
tabindex="0"
@@ -2921,7 +2921,7 @@ exports[`RoomView should not display the timeline when the room encryption is lo
</span>
<svg
aria-label="New members see history"
aria-labelledby="_r_go_"
aria-labelledby="react-use-id-1"
class="mx_RoomHeader_icon"
color="var(--cpd-color-icon-info-primary)"
fill="currentColor"
@@ -2954,7 +2954,7 @@ exports[`RoomView should not display the timeline when the room encryption is lo
style="--cpd-icon-button-size: 100%;"
>
<svg
aria-labelledby="_r_fo_"
aria-labelledby="react-use-id-2"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
@@ -2981,7 +2981,7 @@ exports[`RoomView should not display the timeline when the room encryption is lo
style="--cpd-icon-button-size: 100%;"
>
<svg
aria-labelledby="_r_ft_"
aria-labelledby="react-use-id-3"
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
@@ -2996,7 +2996,7 @@ exports[`RoomView should not display the timeline when the room encryption is lo
</button>
<button
aria-label="Threads"
aria-labelledby="_r_g2_"
aria-labelledby="react-use-id-4"
class="_icon-button_1215g_8"
data-kind="primary"
role="button"
@@ -3023,7 +3023,7 @@ exports[`RoomView should not display the timeline when the room encryption is lo
</button>
<button
aria-label="Room info"
aria-labelledby="_r_g7_"
aria-labelledby="react-use-id-5"
class="_icon-button_1215g_8"
data-kind="primary"
role="button"
@@ -3053,7 +3053,7 @@ exports[`RoomView should not display the timeline when the room encryption is lo
>
<div
aria-label="0 members"
aria-labelledby="_r_gc_"
aria-labelledby="react-use-id-6"
class="mx_AccessibleButton mx_FacePile"
role="button"
tabindex="0"
@@ -3122,7 +3122,7 @@ exports[`RoomView should not display the timeline when the room encryption is lo
tabindex="0"
>
<div
aria-labelledby="_r_gt_"
aria-labelledby="react-use-id-7"
class="mx_E2EIcon mx_MessageComposer_e2eIcon"
data-testid="e2e-icon"
style="width: 12px; height: 12px;"
@@ -3317,7 +3317,7 @@ exports[`RoomView should not display the timeline when the room encryption is lo
</div>
<button
aria-label="Attachment"
aria-labelledby="_r_i2_"
aria-labelledby="react-use-id-8"
class="_icon-button_1215g_8"
data-kind="primary"
role="button"
@@ -3466,7 +3466,7 @@ exports[`RoomView video rooms should render joined video room view 1`] = `
</button>
<button
aria-label="Chat"
aria-labelledby="_r_lc_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="primary"
role="button"
@@ -3493,7 +3493,7 @@ exports[`RoomView video rooms should render joined video room view 1`] = `
</button>
<button
aria-label="Threads"
aria-labelledby="_r_lh_"
aria-labelledby="react-use-id-2"
class="_icon-button_1215g_8"
data-kind="primary"
role="button"
@@ -3520,7 +3520,7 @@ exports[`RoomView video rooms should render joined video room view 1`] = `
</button>
<button
aria-label="Room info"
aria-labelledby="_r_lm_"
aria-labelledby="react-use-id-3"
class="_icon-button_1215g_8"
data-kind="primary"
role="button"
@@ -3550,7 +3550,7 @@ exports[`RoomView video rooms should render joined video room view 1`] = `
>
<div
aria-label="0 members"
aria-labelledby="_r_lr_"
aria-labelledby="react-use-id-4"
class="mx_AccessibleButton mx_FacePile"
role="button"
tabindex="0"
@@ -3635,7 +3635,7 @@ exports[`RoomView video rooms should render joined video room view 1`] = `
</p>
</div>
<button
aria-labelledby="_r_m4_"
aria-labelledby="react-use-id-5"
class="_icon-button_1215g_8"
data-kind="secondary"
data-testid="base-card-close-button"
@@ -3695,7 +3695,7 @@ exports[`RoomView video rooms should render joined video room view 1`] = `
>
<svg
aria-label="Messages in this room are not end-to-end encrypted"
aria-labelledby="_r_m9_"
aria-labelledby="react-use-id-6"
class="mx_E2EIcon mx_MessageComposer_e2eIcon"
color="var(--cpd-color-icon-info-primary)"
fill="currentColor"
@@ -3882,7 +3882,7 @@ exports[`RoomView video rooms should render joined video room view 1`] = `
</div>
<button
aria-label="Attachment"
aria-labelledby="_r_ne_"
aria-labelledby="react-use-id-7"
class="_icon-button_1215g_8"
data-kind="primary"
role="button"
apps/web/test/unit-tests/components/structures/__snapshots__/SpaceHierarchy-test.tsx.snap
+25 -25
View File
@@ -70,7 +70,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
role="tree"
>
<li
aria-labelledby="_r_8_"
aria-labelledby="react-use-id-1"
class="mx_SpaceHierarchy_roomTileWrapper"
role="treeitem"
>
@@ -100,7 +100,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
class="mx_SpaceHierarchy_roomTile_name"
>
<span
id="_r_8_"
id="react-use-id-1"
>
Unnamed Room
</span>
@@ -134,7 +134,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
class="_container_153f2_10"
>
<input
aria-labelledby="_r_8_"
aria-labelledby="react-use-id-1"
class="_input_153f2_18"
id="checkbox_MwbPDmfGtm"
role="presentation"
@@ -168,7 +168,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
</div>
</li>
<li
aria-labelledby="_r_c_"
aria-labelledby="react-use-id-2"
class="mx_SpaceHierarchy_roomTileWrapper"
role="treeitem"
>
@@ -198,7 +198,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
class="mx_SpaceHierarchy_roomTile_name"
>
<span
id="_r_c_"
id="react-use-id-2"
>
Unnamed Room
</span>
@@ -232,7 +232,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
class="_container_153f2_10"
>
<input
aria-labelledby="_r_c_"
aria-labelledby="react-use-id-2"
class="_input_153f2_18"
id="checkbox_GQvdMWe954"
role="presentation"
@@ -267,7 +267,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
</li>
<li
aria-expanded="true"
aria-labelledby="_r_g_"
aria-labelledby="react-use-id-3"
class="mx_SpaceHierarchy_roomTileWrapper"
role="treeitem"
>
@@ -297,7 +297,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
class="mx_SpaceHierarchy_roomTile_name"
>
<span
id="_r_g_"
id="react-use-id-3"
>
Nested space
</span>
@@ -331,7 +331,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
class="_container_153f2_10"
>
<input
aria-labelledby="_r_g_"
aria-labelledby="react-use-id-3"
class="_input_153f2_18"
id="checkbox_DVIAu5CsiH"
role="presentation"
@@ -383,7 +383,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
role="group"
>
<li
aria-labelledby="_r_k_"
aria-labelledby="react-use-id-4"
class="mx_SpaceHierarchy_roomTileWrapper"
role="treeitem"
>
@@ -413,7 +413,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
class="mx_SpaceHierarchy_roomTile_name"
>
<span
id="_r_k_"
id="react-use-id-4"
>
Nested room
</span>
@@ -435,7 +435,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
Join
</div>
<span
aria-labelledby="_r_l_"
aria-labelledby="react-use-id-5"
tabindex="0"
>
<form
@@ -451,7 +451,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
class="_container_153f2_10"
>
<input
aria-labelledby="_r_k_"
aria-labelledby="react-use-id-4"
class="_input_153f2_18"
disabled=""
id="checkbox_RD7nyrA2oh"
@@ -489,7 +489,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
</ul>
</li>
<li
aria-labelledby="_r_t_"
aria-labelledby="react-use-id-6"
class="mx_SpaceHierarchy_roomTileWrapper"
role="treeitem"
>
@@ -519,7 +519,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
class="mx_SpaceHierarchy_roomTile_name"
>
<span
id="_r_t_"
id="react-use-id-6"
>
Knock room
</span>
@@ -553,7 +553,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> renders 1`] = `
class="_container_153f2_10"
>
<input
aria-labelledby="_r_t_"
aria-labelledby="react-use-id-6"
class="_input_153f2_18"
id="checkbox_jWVJIPauy1"
role="presentation"
@@ -660,7 +660,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> should not render cycles 1`] = `
role="tree"
>
<li
aria-labelledby="_r_3i_"
aria-labelledby="react-use-id-1"
class="mx_SpaceHierarchy_roomTileWrapper"
role="treeitem"
>
@@ -690,7 +690,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> should not render cycles 1`] = `
class="mx_SpaceHierarchy_roomTile_name"
>
<span
id="_r_3i_"
id="react-use-id-1"
>
Unnamed Room
</span>
@@ -724,7 +724,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> should not render cycles 1`] = `
class="_container_153f2_10"
>
<input
aria-labelledby="_r_3i_"
aria-labelledby="react-use-id-1"
class="_input_153f2_18"
id="checkbox_EetmBG4yVC"
role="presentation"
@@ -758,7 +758,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> should not render cycles 1`] = `
</div>
</li>
<li
aria-labelledby="_r_3m_"
aria-labelledby="react-use-id-2"
class="mx_SpaceHierarchy_roomTileWrapper"
role="treeitem"
>
@@ -788,7 +788,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> should not render cycles 1`] = `
class="mx_SpaceHierarchy_roomTile_name"
>
<span
id="_r_3m_"
id="react-use-id-2"
>
Unnamed Room
</span>
@@ -822,7 +822,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> should not render cycles 1`] = `
class="_container_153f2_10"
>
<input
aria-labelledby="_r_3m_"
aria-labelledby="react-use-id-2"
class="_input_153f2_18"
id="checkbox_eEefiPqpMR"
role="presentation"
@@ -857,7 +857,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> should not render cycles 1`] = `
</li>
<li
aria-expanded="true"
aria-labelledby="_r_3q_"
aria-labelledby="react-use-id-3"
class="mx_SpaceHierarchy_roomTileWrapper"
role="treeitem"
>
@@ -887,7 +887,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> should not render cycles 1`] = `
class="mx_SpaceHierarchy_roomTile_name"
>
<span
id="_r_3q_"
id="react-use-id-3"
>
Nested space
</span>
@@ -921,7 +921,7 @@ exports[`SpaceHierarchy <SpaceHierarchy /> should not render cycles 1`] = `
class="_container_153f2_10"
>
<input
aria-labelledby="_r_3q_"
aria-labelledby="react-use-id-3"
class="_input_153f2_18"
id="checkbox_MwbPDmfGtm"
role="presentation"
apps/web/test/unit-tests/components/structures/__snapshots__/ThreadPanel-test.tsx.snap
+2 -2
View File
@@ -6,7 +6,7 @@ exports[`ThreadPanel Header expect that All filter for ThreadPanelHeader properl
class="mx_ThreadPanelHeader"
>
<button
aria-labelledby="_r_0_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="primary"
role="button"
@@ -56,7 +56,7 @@ exports[`ThreadPanel Header expect that My filter for ThreadPanelHeader properly
class="mx_ThreadPanelHeader"
>
<button
aria-labelledby="_r_6_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="primary"
role="button"
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>
apps/web/test/unit-tests/renderer/__snapshots__/link-tooltip-test.tsx.snap
+1 -1
View File
@@ -14,7 +14,7 @@ exports[`link-tooltip wraps single anchor 1`] = `
<span
aria-labelledby="_r_0_"
aria-labelledby="react-use-id-1"
tabindex="0"
>
<a
packages/shared-components/src/audio/PlayPauseButton/__snapshots__/PlayPauseButton.test.tsx.snap
+2 -2
View File
@@ -5,7 +5,7 @@ exports[`PlayPauseButton > renders the button in default state 1`] = `
<button
aria-disabled="false"
aria-label="Play"
aria-labelledby="_r_0_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8 PlayPauseButton-module_button"
data-kind="primary"
role="button"
@@ -37,7 +37,7 @@ exports[`PlayPauseButton > renders the button in playing state 1`] = `
<button
aria-disabled="false"
aria-label="Pause"
aria-labelledby="_r_6_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8 PlayPauseButton-module_button"
data-kind="primary"
role="button"
packages/shared-components/src/core/pill-input/Pill/__snapshots__/Pill.test.tsx.snap
+3 -3
View File
@@ -11,12 +11,12 @@ exports[`Pill > renders the pill 1`] = `
/>
<span
class="Pill-module_label"
id="_r_0_"
id="react-use-id-1"
>
Pill
</span>
<button
aria-describedby="_r_0_"
aria-describedby="react-use-id-1"
aria-label="Delete"
class="_icon-button_1215g_8 mx_Dialog_nonDialogButton"
data-kind="primary"
@@ -56,7 +56,7 @@ exports[`Pill > renders the pill without close button 1`] = `
/>
<span
class="Pill-module_label"
id="_r_1_"
id="react-use-id-1"
>
Pill
</span>
packages/shared-components/src/core/rich-list/RichList/__snapshots__/RichList.test.tsx.snap
+3 -3
View File
@@ -11,12 +11,12 @@ exports[`RichItem > renders the list 1`] = `
>
<span
class="RichList-module_title"
id="_r_0_"
id="react-use-id-1"
>
Rich List Title
</span>
<ul
aria-labelledby="_r_0_"
aria-labelledby="react-use-id-1"
class="RichList-module_content"
role="listbox"
tabindex="0"
@@ -174,7 +174,7 @@ exports[`RichItem > renders the list with isEmpty=true 1`] = `
>
<span
class="RichList-module_title"
id="_r_1_"
id="react-use-id-1"
>
Rich List Title
</span>
packages/shared-components/src/menus/UserMenu/__snapshots__/UserMenu.test.tsx.snap
+13 -13
View File
@@ -11,7 +11,7 @@ exports[`UserMenu > renders a button 1`] = `
aria-label="User menu"
class="UserMenu-module_triggerButton"
data-state="closed"
id="radix-_r_0_"
id="radix-react-use-id-1"
type="button"
>
<span
@@ -54,7 +54,7 @@ exports[`UserMenu > renders a button with a longer name 1`] = `
aria-label="User menu"
class="UserMenu-module_triggerButton"
data-state="closed"
id="radix-_r_2_"
id="radix-react-use-id-1"
type="button"
>
<span
@@ -102,7 +102,7 @@ exports[`UserMenu > renders a guest menu 1`] = `
aria-label="User menu"
class="UserMenu-module_triggerButton"
data-state="closed"
id="radix-_r_8_"
id="radix-react-use-id-1"
type="button"
>
<span
@@ -151,7 +151,7 @@ exports[`UserMenu > renders a menu 1`] = `
aria-label="User menu"
class="UserMenu-module_triggerButton"
data-state="closed"
id="radix-_r_6_"
id="radix-react-use-id-1"
type="button"
>
<span
@@ -208,13 +208,13 @@ exports[`UserMenu > renders a menu without an avatar 1`] = `
class="UserMenu-module_wrapper"
>
<button
aria-controls="radix-_r_i_"
aria-controls="radix-react-use-id-1"
aria-expanded="true"
aria-haspopup="menu"
aria-label="User menu"
class="UserMenu-module_triggerButton"
data-state="open"
id="radix-_r_h_"
id="radix-react-use-id-2"
type="button"
>
<span
@@ -251,7 +251,7 @@ exports[`UserMenu > renders a menu without an avatar 1`] = `
>
<div
aria-label="User menu"
aria-labelledby="radix-_r_h_"
aria-labelledby="radix-react-use-id-2"
aria-orientation="vertical"
class="UserMenu-module_container _menu_1kl3y_8"
data-align="start"
@@ -260,7 +260,7 @@ exports[`UserMenu > renders a menu without an avatar 1`] = `
data-side="right"
data-state="open"
dir="ltr"
id="radix-_r_i_"
id="radix-react-use-id-1"
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); animation: auto ease 0s 1 normal none running none; pointer-events: auto;"
tabindex="-1"
@@ -517,13 +517,13 @@ exports[`UserMenu > renders an open menu 1`] = `
class="UserMenu-module_wrapper"
>
<button
aria-controls="radix-_r_b_"
aria-controls="radix-react-use-id-1"
aria-expanded="true"
aria-haspopup="menu"
aria-label="User menu"
class="UserMenu-module_triggerButton"
data-state="open"
id="radix-_r_a_"
id="radix-react-use-id-2"
type="button"
>
<span
@@ -560,7 +560,7 @@ exports[`UserMenu > renders an open menu 1`] = `
>
<div
aria-label="User menu"
aria-labelledby="radix-_r_a_"
aria-labelledby="radix-react-use-id-2"
aria-orientation="vertical"
class="UserMenu-module_container _menu_1kl3y_8"
data-align="start"
@@ -569,7 +569,7 @@ exports[`UserMenu > renders an open menu 1`] = `
data-side="right"
data-state="open"
dir="ltr"
id="radix-_r_b_"
id="radix-react-use-id-1"
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); animation: auto ease 0s 1 normal none running none; pointer-events: auto;"
tabindex="-1"
@@ -832,7 +832,7 @@ exports[`UserMenu > renders condensed view 1`] = `
aria-label="User menu"
class="UserMenu-module_triggerButton"
data-state="closed"
id="radix-_r_4_"
id="radix-react-use-id-1"
type="button"
>
<span
packages/shared-components/src/resize/group/__snapshots__/GroupView.test.tsx.snap
+9 -9
View File
@@ -7,14 +7,14 @@ exports[`<GroupView /> > renders Default story 1`] = `
>
<div
data-group="true"
data-testid="_r_0_"
id="_r_0_"
data-testid="react-use-id-1"
id="react-use-id-1"
style="height: 100%; width: 100%; overflow: hidden; display: flex; flex-flow: row; touch-action: pan-y;"
>
<div
data-panel="true"
data-testid="_r_1_"
id="_r_1_"
data-testid="react-use-id-2"
id="react-use-id-2"
style="min-height: 0px; max-height: 100%; height: auto; min-width: 0px; max-width: 100%; width: auto; border: 0px; padding: 0px; margin: 0px; display: flex; flex: 50 1 0px; overflow: visible;"
>
<div
@@ -29,22 +29,22 @@ exports[`<GroupView /> > renders Default story 1`] = `
</div>
</div>
<div
aria-controls="_r_1_"
aria-controls="react-use-id-2"
aria-orientation="vertical"
aria-valuemax="96.618"
aria-valuemin="48.309"
aria-valuenow="50"
data-separator="inactive"
data-testid="_r_2_"
id="_r_2_"
data-testid="react-use-id-3"
id="react-use-id-3"
role="separator"
style="flex: 0 0 auto; touch-action: none;"
tabindex="0"
/>
<div
data-panel="true"
data-testid="_r_3_"
id="_r_3_"
data-testid="react-use-id-4"
id="react-use-id-4"
style="min-height: 0px; max-height: 100%; height: auto; min-width: 0px; max-width: 100%; width: auto; border: 0px; padding: 0px; margin: 0px; display: flex; flex: 50 1 0px; overflow: visible;"
>
<div
packages/shared-components/src/resize/panel/__snapshots__/LeftResizablePanelView.test.tsx.snap
+6 -6
View File
@@ -7,8 +7,8 @@ exports[`<LeftResizablePanelView /> > renders Default story 1`] = `
>
<div
data-group="true"
data-testid="_r_0_"
id="_r_0_"
data-testid="react-use-id-1"
id="react-use-id-1"
style="height: 100%; width: 100%; overflow: hidden; display: flex; flex-flow: row; touch-action: pan-y;"
>
<div
@@ -35,16 +35,16 @@ exports[`<LeftResizablePanelView /> > renders Default story 1`] = `
aria-valuemin="0"
aria-valuenow="0"
data-separator="inactive"
data-testid="_r_2_"
id="_r_2_"
data-testid="react-use-id-2"
id="react-use-id-2"
role="separator"
style="flex: 0 0 auto; touch-action: none;"
tabindex="0"
/>
<div
data-panel="true"
data-testid="_r_3_"
id="_r_3_"
data-testid="react-use-id-3"
id="react-use-id-3"
style="min-height: 0px; max-height: 100%; height: auto; min-width: 0px; max-width: 100%; width: auto; border: 0px; padding: 0px; margin: 0px; display: flex; flex: 100 1 0px; overflow: visible;"
>
<div
packages/shared-components/src/resize/separator/__snapshots__/SeparatorView.test.tsx.snap
+26 -26
View File
@@ -7,14 +7,14 @@ exports[`<SeparatorView /> > renders Default story 1`] = `
>
<div
data-group="true"
data-testid="_r_0_"
id="_r_0_"
data-testid="react-use-id-1"
id="react-use-id-1"
style="height: 100%; width: 100%; overflow: hidden; display: flex; flex-flow: row; touch-action: pan-y;"
>
<div
data-panel="true"
data-testid="_r_1_"
id="_r_1_"
data-testid="react-use-id-2"
id="react-use-id-2"
style="min-height: 0px; max-height: 100%; height: auto; min-width: 0px; max-width: 100%; width: auto; border: 0px; padding: 0px; margin: 0px; display: flex; flex: 0 1 0px; overflow: visible;"
>
<div
@@ -30,7 +30,7 @@ exports[`<SeparatorView /> > renders Default story 1`] = `
</div>
</div>
<div
aria-controls="_r_1_"
aria-controls="react-use-id-2"
aria-label="Click or drag to expand"
aria-orientation="vertical"
aria-valuemax="99.502"
@@ -38,8 +38,8 @@ exports[`<SeparatorView /> > renders Default story 1`] = `
aria-valuenow="0"
class="SeparatorView-module_separator Separator SeparatorView-module_visible"
data-separator="inactive"
data-testid="_r_2_"
id="_r_2_"
data-testid="react-use-id-3"
id="react-use-id-3"
role="separator"
style="flex: 0 0 auto; touch-action: none;"
tabindex="0"
@@ -59,8 +59,8 @@ exports[`<SeparatorView /> > renders Default story 1`] = `
</div>
<div
data-panel="true"
data-testid="_r_7_"
id="_r_7_"
data-testid="react-use-id-4"
id="react-use-id-4"
style="min-height: 0px; max-height: 100%; height: auto; min-width: 0px; max-width: 100%; width: auto; border: 0px; padding: 0px; margin: 0px; display: flex; flex: 100 1 0px; overflow: visible;"
>
<div
@@ -86,14 +86,14 @@ exports[`<SeparatorView /> > renders KeyboardFocused story 1`] = `
>
<div
data-group="true"
data-testid="_r_g_"
id="_r_g_"
data-testid="react-use-id-1"
id="react-use-id-1"
style="height: 100%; width: 100%; overflow: hidden; display: flex; flex-flow: row; touch-action: pan-y;"
>
<div
data-panel="true"
data-testid="_r_h_"
id="_r_h_"
data-testid="react-use-id-2"
id="react-use-id-2"
style="min-height: 0px; max-height: 100%; height: auto; min-width: 0px; max-width: 100%; width: auto; border: 0px; padding: 0px; margin: 0px; display: flex; flex: 49.751 1 0px; overflow: visible;"
>
<div
@@ -109,7 +109,7 @@ exports[`<SeparatorView /> > renders KeyboardFocused story 1`] = `
</div>
</div>
<div
aria-controls="_r_h_"
aria-controls="react-use-id-2"
aria-label="Click or drag to expand"
aria-orientation="vertical"
aria-valuemax="99.502"
@@ -117,8 +117,8 @@ exports[`<SeparatorView /> > renders KeyboardFocused story 1`] = `
aria-valuenow="49.751"
class="SeparatorView-module_separator Separator SeparatorView-module_visible"
data-separator="inactive"
data-testid="_r_i_"
id="_r_i_"
data-testid="react-use-id-3"
id="react-use-id-3"
role="separator"
style="flex: 0 0 auto; touch-action: none;"
tabindex="0"
@@ -138,8 +138,8 @@ exports[`<SeparatorView /> > renders KeyboardFocused story 1`] = `
</div>
<div
data-panel="true"
data-testid="_r_n_"
id="_r_n_"
data-testid="react-use-id-4"
id="react-use-id-4"
style="min-height: 0px; max-height: 100%; height: auto; min-width: 0px; max-width: 100%; width: auto; border: 0px; padding: 0px; margin: 0px; display: flex; flex: 50.249 1 0px; overflow: visible;"
>
<div
@@ -165,14 +165,14 @@ exports[`<SeparatorView /> > renders LeftPanelExpanded story 1`] = `
>
<div
data-group="true"
data-testid="_r_8_"
id="_r_8_"
data-testid="react-use-id-1"
id="react-use-id-1"
style="height: 100%; width: 100%; overflow: hidden; display: flex; flex-flow: row; touch-action: pan-y;"
>
<div
data-panel="true"
data-testid="_r_9_"
id="_r_9_"
data-testid="react-use-id-2"
id="react-use-id-2"
style="min-height: 0px; max-height: 100%; height: auto; min-width: 0px; max-width: 100%; width: auto; border: 0px; padding: 0px; margin: 0px; display: flex; flex: 48.309 1 0px; overflow: visible;"
>
<div
@@ -192,8 +192,8 @@ exports[`<SeparatorView /> > renders LeftPanelExpanded story 1`] = `
aria-orientation="vertical"
class="SeparatorView-module_separator Separator"
data-separator="inactive"
data-testid="_r_a_"
id="_r_a_"
data-testid="react-use-id-3"
id="react-use-id-3"
role="separator"
style="flex: 0 0 auto; touch-action: none;"
tabindex="0"
@@ -213,8 +213,8 @@ exports[`<SeparatorView /> > renders LeftPanelExpanded story 1`] = `
</div>
<div
data-panel="true"
data-testid="_r_f_"
id="_r_f_"
data-testid="react-use-id-4"
id="react-use-id-4"
style="min-height: 0px; max-height: 100%; height: auto; min-width: 0px; max-width: 100%; width: auto; border: 0px; padding: 0px; margin: 0px; display: flex; flex: 51.691 1 0px; overflow: visible;"
>
<div
packages/shared-components/src/room-list/RoomListHeaderView/__snapshots__/RoomListHeaderView.test.tsx.snap
+13 -13
View File
@@ -30,7 +30,7 @@ exports[`RoomListHeaderView > renders the default state 1`] = `
class="_icon-button_1215g_8 SpaceMenuView-module_button"
data-kind="primary"
data-state="closed"
id="radix-_r_0_"
id="radix-react-use-id-1"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -63,11 +63,11 @@ exports[`RoomListHeaderView > renders the default state 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="Room Options"
aria-labelledby="_r_4_"
aria-labelledby="react-use-id-2"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_2_"
id="radix-react-use-id-3"
role="button"
style="--cpd-icon-button-size: 28px; padding: 4px;"
tabindex="0"
@@ -94,11 +94,11 @@ exports[`RoomListHeaderView > renders the default state 1`] = `
aria-disabled="false"
aria-expanded="false"
aria-haspopup="menu"
aria-labelledby="_r_b_"
aria-labelledby="react-use-id-4"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_9_"
id="radix-react-use-id-5"
role="button"
style="--cpd-icon-button-size: 28px; padding: 4px;"
tabindex="0"
@@ -164,7 +164,7 @@ exports[`RoomListHeaderView > renders without compose menu 1`] = `
class="_icon-button_1215g_8 SpaceMenuView-module_button"
data-kind="primary"
data-state="closed"
id="radix-_r_i_"
id="radix-react-use-id-1"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -197,11 +197,11 @@ exports[`RoomListHeaderView > renders without compose menu 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="Room Options"
aria-labelledby="_r_m_"
aria-labelledby="react-use-id-2"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_k_"
id="radix-react-use-id-3"
role="button"
style="--cpd-icon-button-size: 28px; padding: 4px;"
tabindex="0"
@@ -225,7 +225,7 @@ exports[`RoomListHeaderView > renders without compose menu 1`] = `
</div>
</button>
<button
aria-labelledby="_r_r_"
aria-labelledby="react-use-id-4"
class="_icon-button_1215g_8"
data-kind="primary"
role="button"
@@ -294,11 +294,11 @@ exports[`RoomListHeaderView > renders without space menu 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="Room Options"
aria-labelledby="_r_14_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_12_"
id="radix-react-use-id-2"
role="button"
style="--cpd-icon-button-size: 28px; padding: 4px;"
tabindex="0"
@@ -325,11 +325,11 @@ exports[`RoomListHeaderView > renders without space menu 1`] = `
aria-disabled="false"
aria-expanded="false"
aria-haspopup="menu"
aria-labelledby="_r_1b_"
aria-labelledby="react-use-id-3"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_19_"
id="radix-react-use-id-4"
role="button"
style="--cpd-icon-button-size: 28px; padding: 4px;"
tabindex="0"
packages/shared-components/src/room-list/RoomListHeaderView/menu/__snapshots__/ComposeMenuView.test.tsx.snap
+2 -2
View File
@@ -6,11 +6,11 @@ exports[`<ComposeMenuView /> > should match snapshot 1`] = `
aria-disabled="false"
aria-expanded="false"
aria-haspopup="menu"
aria-labelledby="_r_2_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_0_"
id="radix-react-use-id-2"
role="button"
style="--cpd-icon-button-size: 28px; padding: 4px;"
tabindex="0"
packages/shared-components/src/room-list/RoomListHeaderView/menu/__snapshots__/OptionMenuView.test.tsx.snap
+2 -2
View File
@@ -7,11 +7,11 @@ exports[`<OptionMenuView /> > should match snapshot 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="Room Options"
aria-labelledby="_r_2_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_0_"
id="radix-react-use-id-2"
role="button"
style="--cpd-icon-button-size: 28px; padding: 4px;"
tabindex="0"
packages/shared-components/src/room-list/RoomListHeaderView/menu/__snapshots__/SpaceMenuView.test.tsx.snap
+1 -1
View File
@@ -10,7 +10,7 @@ exports[`<SpaceMenuView /> > should match snapshot 1`] = `
class="_icon-button_1215g_8 SpaceMenuView-module_button"
data-kind="primary"
data-state="closed"
id="radix-_r_0_"
id="radix-react-use-id-1"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
packages/shared-components/src/room-list/RoomListPrimaryFilters/__snapshots__/RoomListPrimaryFilters.test.tsx.snap
+9 -9
View File
@@ -8,7 +8,7 @@ exports[`<RoomListPrimaryFilters /> stories > snapshots > renders Default story
style="--mx-flex-display: flex; --mx-flex-direction: row-reverse; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
>
<button
aria-controls="_r_0_"
aria-controls="react-use-id-1"
aria-expanded="false"
aria-label="Expand filter list"
class="_icon-button_1215g_8 RoomListPrimaryFilters-module_iconButton"
@@ -37,7 +37,7 @@ exports[`<RoomListPrimaryFilters /> stories > snapshots > renders Default story
<div
aria-label="Room list filters"
class="Flex-module_flex RoomListPrimaryFilters-module_list"
id="_r_0_"
id="react-use-id-1"
role="listbox"
style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"
>
@@ -120,7 +120,7 @@ exports[`<RoomListPrimaryFilters /> stories > snapshots > renders NarrowContaine
style="--mx-flex-display: flex; --mx-flex-direction: row-reverse; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
>
<button
aria-controls="_r_3_"
aria-controls="react-use-id-1"
aria-expanded="false"
aria-label="Expand filter list"
class="_icon-button_1215g_8 RoomListPrimaryFilters-module_iconButton"
@@ -149,7 +149,7 @@ exports[`<RoomListPrimaryFilters /> stories > snapshots > renders NarrowContaine
<div
aria-label="Room list filters"
class="Flex-module_flex RoomListPrimaryFilters-module_list"
id="_r_3_"
id="react-use-id-1"
role="listbox"
style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"
>
@@ -197,7 +197,7 @@ exports[`<RoomListPrimaryFilters /> stories > snapshots > renders NarrowWithActi
style="--mx-flex-display: flex; --mx-flex-direction: row-reverse; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
>
<button
aria-controls="_r_4_"
aria-controls="react-use-id-1"
aria-expanded="false"
aria-label="Expand filter list"
class="_icon-button_1215g_8 RoomListPrimaryFilters-module_iconButton"
@@ -226,7 +226,7 @@ exports[`<RoomListPrimaryFilters /> stories > snapshots > renders NarrowWithActi
<div
aria-label="Room list filters"
class="Flex-module_flex RoomListPrimaryFilters-module_list"
id="_r_4_"
id="react-use-id-1"
role="listbox"
style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"
>
@@ -270,7 +270,7 @@ exports[`<RoomListPrimaryFilters /> stories > snapshots > renders NoFilters stor
<div
aria-label="Room list filters"
class="Flex-module_flex RoomListPrimaryFilters-module_list"
id="_r_2_"
id="react-use-id-1"
role="listbox"
style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"
/>
@@ -286,7 +286,7 @@ exports[`<RoomListPrimaryFilters /> stories > snapshots > renders PeopleSelected
style="--mx-flex-display: flex; --mx-flex-direction: row-reverse; --mx-flex-align: start; --mx-flex-justify: space-between; --mx-flex-gap: var(--cpd-space-3x); --mx-flex-wrap: nowrap;"
>
<button
aria-controls="_r_1_"
aria-controls="react-use-id-1"
aria-expanded="false"
aria-label="Expand filter list"
class="_icon-button_1215g_8 RoomListPrimaryFilters-module_iconButton"
@@ -315,7 +315,7 @@ exports[`<RoomListPrimaryFilters /> stories > snapshots > renders PeopleSelected
<div
aria-label="Room list filters"
class="Flex-module_flex RoomListPrimaryFilters-module_list"
id="_r_1_"
id="react-use-id-1"
role="listbox"
style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"
>
packages/shared-components/src/room-list/RoomListView/RoomListToast/__snapshots__/RoomListToast.test.tsx.snap
+2 -2
View File
@@ -27,7 +27,7 @@ exports[`<RoomListToast /> > renders ChatMoved story 1`] = `
Chat moved
</div>
<button
aria-labelledby="_r_6_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8 _close_1ysb3_41 _no-background_1215g_42"
data-kind="secondary"
role="button"
@@ -83,7 +83,7 @@ exports[`<RoomListToast /> > renders SectionCreated story 1`] = `
Section created
</div>
<button
aria-labelledby="_r_0_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8 _close_1ysb3_41 _no-background_1215g_42"
data-kind="secondary"
role="button"
packages/shared-components/src/room-list/RoomListView/__snapshots__/RoomListView.test.tsx.snap
+562 -562
View File
File diff suppressed because it is too large Load Diff
packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListItemWrapper/RoomListItemView/__snapshots__/RoomListItemView.test.tsx.snap
+44 -44
View File
@@ -59,11 +59,11 @@ exports[`<RoomListItemView /> > renders Bold story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="More Options"
aria-labelledby="_r_12_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_10_"
id="radix-react-use-id-2"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -91,11 +91,11 @@ exports[`<RoomListItemView /> > renders Bold story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="Notification options"
aria-labelledby="_r_19_"
aria-labelledby="react-use-id-3"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_17_"
id="radix-react-use-id-4"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -189,11 +189,11 @@ exports[`<RoomListItemView /> > renders Default story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="More Options"
aria-labelledby="_r_2_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_0_"
id="radix-react-use-id-2"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -221,11 +221,11 @@ exports[`<RoomListItemView /> > renders Default story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="Notification options"
aria-labelledby="_r_9_"
aria-labelledby="react-use-id-3"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_7_"
id="radix-react-use-id-4"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -319,11 +319,11 @@ exports[`<RoomListItemView /> > renders Invitation story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="More Options"
aria-labelledby="_r_3i_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_3g_"
id="radix-react-use-id-2"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -351,11 +351,11 @@ exports[`<RoomListItemView /> > renders Invitation story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="Notification options"
aria-labelledby="_r_3p_"
aria-labelledby="react-use-id-3"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_3n_"
id="radix-react-use-id-4"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -461,11 +461,11 @@ exports[`<RoomListItemView /> > renders NoMessagePreview story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="More Options"
aria-labelledby="_r_4i_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_4g_"
id="radix-react-use-id-2"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -493,11 +493,11 @@ exports[`<RoomListItemView /> > renders NoMessagePreview story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="Notification options"
aria-labelledby="_r_4p_"
aria-labelledby="react-use-id-3"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_4n_"
id="radix-react-use-id-4"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -591,11 +591,11 @@ exports[`<RoomListItemView /> > renders Selected story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="More Options"
aria-labelledby="_r_i_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_g_"
id="radix-react-use-id-2"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -623,11 +623,11 @@ exports[`<RoomListItemView /> > renders Selected story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="Notification options"
aria-labelledby="_r_p_"
aria-labelledby="react-use-id-3"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_n_"
id="radix-react-use-id-4"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -721,11 +721,11 @@ exports[`<RoomListItemView /> > renders UnsentMessage story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="More Options"
aria-labelledby="_r_42_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_40_"
id="radix-react-use-id-2"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -753,11 +753,11 @@ exports[`<RoomListItemView /> > renders UnsentMessage story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="Notification options"
aria-labelledby="_r_49_"
aria-labelledby="react-use-id-3"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_47_"
id="radix-react-use-id-4"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -869,11 +869,11 @@ exports[`<RoomListItemView /> > renders WithHoverMenu story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="More Options"
aria-labelledby="_r_52_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_50_"
id="radix-react-use-id-2"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -901,11 +901,11 @@ exports[`<RoomListItemView /> > renders WithHoverMenu story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="Notification options"
aria-labelledby="_r_59_"
aria-labelledby="react-use-id-3"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_57_"
id="radix-react-use-id-4"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -999,11 +999,11 @@ exports[`<RoomListItemView /> > renders WithMention story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="More Options"
aria-labelledby="_r_22_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_20_"
id="radix-react-use-id-2"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -1031,11 +1031,11 @@ exports[`<RoomListItemView /> > renders WithMention story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="Notification options"
aria-labelledby="_r_29_"
aria-labelledby="react-use-id-3"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_27_"
id="radix-react-use-id-4"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -1152,11 +1152,11 @@ exports[`<RoomListItemView /> > renders WithNotification story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="More Options"
aria-labelledby="_r_1i_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_1g_"
id="radix-react-use-id-2"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -1184,11 +1184,11 @@ exports[`<RoomListItemView /> > renders WithNotification story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="Notification options"
aria-labelledby="_r_1p_"
aria-labelledby="react-use-id-3"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_1n_"
id="radix-react-use-id-4"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -1294,11 +1294,11 @@ exports[`<RoomListItemView /> > renders WithVideoCall story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="More Options"
aria-labelledby="_r_32_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_30_"
id="radix-react-use-id-2"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -1326,11 +1326,11 @@ exports[`<RoomListItemView /> > renders WithVideoCall story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="Notification options"
aria-labelledby="_r_39_"
aria-labelledby="react-use-id-3"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_37_"
id="radix-react-use-id-4"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -1442,11 +1442,11 @@ exports[`<RoomListItemView /> > renders WithVoiceCall story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="More Options"
aria-labelledby="_r_2i_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_2g_"
id="radix-react-use-id-2"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -1474,11 +1474,11 @@ exports[`<RoomListItemView /> > renders WithVoiceCall story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="Notification options"
aria-labelledby="_r_2p_"
aria-labelledby="react-use-id-3"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_2n_"
id="radix-react-use-id-4"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
packages/shared-components/src/room-list/VirtualizedRoomListView/RoomListSectionHeaderView/__snapshots__/RoomListSectionHeaderView.test.tsx.snap
+2 -2
View File
@@ -53,12 +53,12 @@ exports[`<RoomListSectionHeaderView /> stories > renders Default story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="More options"
aria-labelledby="_r_2_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8 RoomListSectionHeaderView-module_menu"
color="var(--cpd-color-icon-primary)"
data-kind="primary"
data-state="closed"
id="radix-_r_0_"
id="radix-react-use-id-2"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
packages/shared-components/src/room-list/VirtualizedRoomListView/__snapshots__/VirtualizedRoomListView.test.tsx.snap
+40 -40
View File
@@ -85,11 +85,11 @@ exports[`<VirtualizedRoomListView /> > renders Default story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="More Options"
aria-labelledby="_r_2_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_0_"
id="radix-react-use-id-2"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -117,11 +117,11 @@ exports[`<VirtualizedRoomListView /> > renders Default story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="Notification options"
aria-labelledby="_r_9_"
aria-labelledby="react-use-id-3"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_7_"
id="radix-react-use-id-4"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -228,11 +228,11 @@ exports[`<VirtualizedRoomListView /> > renders Default story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="More Options"
aria-labelledby="_r_g_"
aria-labelledby="react-use-id-5"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_e_"
id="radix-react-use-id-6"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -260,11 +260,11 @@ exports[`<VirtualizedRoomListView /> > renders Default story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="Notification options"
aria-labelledby="_r_n_"
aria-labelledby="react-use-id-7"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_l_"
id="radix-react-use-id-8"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -356,11 +356,11 @@ exports[`<VirtualizedRoomListView /> > renders Default story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="More Options"
aria-labelledby="_r_u_"
aria-labelledby="react-use-id-9"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_s_"
id="radix-react-use-id-10"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -388,11 +388,11 @@ exports[`<VirtualizedRoomListView /> > renders Default story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="Notification options"
aria-labelledby="_r_15_"
aria-labelledby="react-use-id-11"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_13_"
id="radix-react-use-id-12"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -478,11 +478,11 @@ exports[`<VirtualizedRoomListView /> > renders Default story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="More Options"
aria-labelledby="_r_1c_"
aria-labelledby="react-use-id-13"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_1a_"
id="radix-react-use-id-14"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -510,11 +510,11 @@ exports[`<VirtualizedRoomListView /> > renders Default story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="Notification options"
aria-labelledby="_r_1j_"
aria-labelledby="react-use-id-15"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_1h_"
id="radix-react-use-id-16"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -606,11 +606,11 @@ exports[`<VirtualizedRoomListView /> > renders Default story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="More Options"
aria-labelledby="_r_1q_"
aria-labelledby="react-use-id-17"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_1o_"
id="radix-react-use-id-18"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -638,11 +638,11 @@ exports[`<VirtualizedRoomListView /> > renders Default story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="Notification options"
aria-labelledby="_r_21_"
aria-labelledby="react-use-id-19"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_1v_"
id="radix-react-use-id-20"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -728,11 +728,11 @@ exports[`<VirtualizedRoomListView /> > renders Default story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="More Options"
aria-labelledby="_r_28_"
aria-labelledby="react-use-id-21"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_26_"
id="radix-react-use-id-22"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -760,11 +760,11 @@ exports[`<VirtualizedRoomListView /> > renders Default story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="Notification options"
aria-labelledby="_r_2f_"
aria-labelledby="react-use-id-23"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_2d_"
id="radix-react-use-id-24"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -879,11 +879,11 @@ exports[`<VirtualizedRoomListView /> > renders Default story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="More Options"
aria-labelledby="_r_2m_"
aria-labelledby="react-use-id-25"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_2k_"
id="radix-react-use-id-26"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -911,11 +911,11 @@ exports[`<VirtualizedRoomListView /> > renders Default story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="Notification options"
aria-labelledby="_r_2t_"
aria-labelledby="react-use-id-27"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_2r_"
id="radix-react-use-id-28"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -1001,11 +1001,11 @@ exports[`<VirtualizedRoomListView /> > renders Default story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="More Options"
aria-labelledby="_r_34_"
aria-labelledby="react-use-id-29"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_32_"
id="radix-react-use-id-30"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -1033,11 +1033,11 @@ exports[`<VirtualizedRoomListView /> > renders Default story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="Notification options"
aria-labelledby="_r_3b_"
aria-labelledby="react-use-id-31"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_39_"
id="radix-react-use-id-32"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -1129,11 +1129,11 @@ exports[`<VirtualizedRoomListView /> > renders Default story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="More Options"
aria-labelledby="_r_3i_"
aria-labelledby="react-use-id-33"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_3g_"
id="radix-react-use-id-34"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -1161,11 +1161,11 @@ exports[`<VirtualizedRoomListView /> > renders Default story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="Notification options"
aria-labelledby="_r_3p_"
aria-labelledby="react-use-id-35"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_3n_"
id="radix-react-use-id-36"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -1251,11 +1251,11 @@ exports[`<VirtualizedRoomListView /> > renders Default story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="More Options"
aria-labelledby="_r_40_"
aria-labelledby="react-use-id-37"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_3u_"
id="radix-react-use-id-38"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
@@ -1283,11 +1283,11 @@ exports[`<VirtualizedRoomListView /> > renders Default story 1`] = `
aria-expanded="false"
aria-haspopup="menu"
aria-label="Notification options"
aria-labelledby="_r_47_"
aria-labelledby="react-use-id-39"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_45_"
id="radix-react-use-id-40"
role="button"
style="--cpd-icon-button-size: 24px; padding: 2px;"
tabindex="0"
packages/shared-components/src/room/RoomStatusBar/__snapshots__/RoomStatusBarView.test.tsx.snap
+14 -14
View File
@@ -3,7 +3,7 @@
exports[`RoomStatusBarView > renders connection lost 1`] = `
<div>
<div
aria-labelledby="_r_0_"
aria-labelledby="react-use-id-1"
class="Banner-module_banner"
data-type="critical"
role="status"
@@ -32,7 +32,7 @@ exports[`RoomStatusBarView > renders connection lost 1`] = `
>
<p
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 RoomStatusBarView-module_title"
id="_r_0_"
id="react-use-id-1"
>
Connectivity to the server has been lost.
</p>
@@ -53,7 +53,7 @@ exports[`RoomStatusBarView > renders connection lost 1`] = `
exports[`RoomStatusBarView > renders consent link 1`] = `
<div>
<div
aria-labelledby="_r_2_"
aria-labelledby="react-use-id-1"
class="Banner-module_banner"
data-type="critical"
role="status"
@@ -82,7 +82,7 @@ exports[`RoomStatusBarView > renders consent link 1`] = `
>
<p
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 RoomStatusBarView-module_title"
id="_r_2_"
id="react-use-id-1"
>
You can't send any messages until you review and agree to our terms and conditions.
</p>
@@ -111,7 +111,7 @@ exports[`RoomStatusBarView > renders consent link 1`] = `
exports[`RoomStatusBarView > renders local room error 1`] = `
<div>
<div
aria-labelledby="_r_6_"
aria-labelledby="react-use-id-1"
class="Banner-module_banner"
data-type="critical"
role="status"
@@ -137,7 +137,7 @@ exports[`RoomStatusBarView > renders local room error 1`] = `
>
<p
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 RoomStatusBarView-module_title"
id="_r_6_"
id="react-use-id-1"
>
Could not start a chat with this user
</p>
@@ -174,7 +174,7 @@ exports[`RoomStatusBarView > renders local room error 1`] = `
exports[`RoomStatusBarView > renders resource limit error 1`] = `
<div>
<div
aria-labelledby="_r_1_"
aria-labelledby="react-use-id-1"
class="Banner-module_banner"
data-type="critical"
role="status"
@@ -203,7 +203,7 @@ exports[`RoomStatusBarView > renders resource limit error 1`] = `
>
<p
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 RoomStatusBarView-module_title"
id="_r_1_"
id="react-use-id-1"
>
Your message wasn't sent because this homeserver has been blocked by its administrator.
</p>
@@ -237,7 +237,7 @@ exports[`RoomStatusBarView > renders resource limit error 1`] = `
exports[`RoomStatusBarView > renders unsent messages 1`] = `
<div>
<div
aria-labelledby="_r_3_"
aria-labelledby="react-use-id-1"
class="Banner-module_banner"
data-type="critical"
role="status"
@@ -266,7 +266,7 @@ exports[`RoomStatusBarView > renders unsent messages 1`] = `
>
<p
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 RoomStatusBarView-module_title"
id="_r_3_"
id="react-use-id-1"
>
Some of your messages have not been sent
</p>
@@ -330,7 +330,7 @@ exports[`RoomStatusBarView > renders unsent messages 1`] = `
exports[`RoomStatusBarView > renders unsent messages and deletes all 1`] = `
<div>
<div
aria-labelledby="_r_4_"
aria-labelledby="react-use-id-1"
class="Banner-module_banner"
data-type="critical"
role="status"
@@ -359,7 +359,7 @@ exports[`RoomStatusBarView > renders unsent messages and deletes all 1`] = `
>
<p
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 RoomStatusBarView-module_title"
id="_r_4_"
id="react-use-id-1"
>
Some of your messages have not been sent
</p>
@@ -423,7 +423,7 @@ exports[`RoomStatusBarView > renders unsent messages and deletes all 1`] = `
exports[`RoomStatusBarView > renders unsent messages and resends all 1`] = `
<div>
<div
aria-labelledby="_r_5_"
aria-labelledby="react-use-id-1"
class="Banner-module_banner"
data-type="critical"
role="status"
@@ -452,7 +452,7 @@ exports[`RoomStatusBarView > renders unsent messages and resends all 1`] = `
>
<p
class="_typography_6v6n8_153 _font-body-md-medium_6v6n8_60 RoomStatusBarView-module_title"
id="_r_5_"
id="react-use-id-1"
>
Some of your messages have not been sent
</p>
packages/shared-components/src/room/WidgetPip/__snapshots__/WidgetPipView.test.tsx.snap
+4 -4
View File
@@ -10,7 +10,7 @@ exports[`WidgetPipView > detects back click action 1`] = `
class="WidgetPipView-module_header"
>
<button
aria-labelledby="_r_6_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="secondary"
data-testid="base-card-back-button"
@@ -61,7 +61,7 @@ exports[`WidgetPipView > detects double click triggers back 1`] = `
class="WidgetPipView-module_header"
>
<button
aria-labelledby="_r_c_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="secondary"
data-testid="base-card-back-button"
@@ -112,7 +112,7 @@ exports[`WidgetPipView > detects on mouse down for drag 1`] = `
class="WidgetPipView-module_header"
>
<button
aria-labelledby="_r_i_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="secondary"
data-testid="base-card-back-button"
@@ -163,7 +163,7 @@ exports[`WidgetPipView > renders with gray widget 1`] = `
class="WidgetPipView-module_header"
>
<button
aria-labelledby="_r_0_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="secondary"
data-testid="base-card-back-button"
packages/shared-components/src/room/composer/UploadButton/__snapshots__/UploadButton.test.tsx.snap
+5 -5
View File
@@ -6,15 +6,15 @@ exports[`UploadButton > can open the menu and select an option 1`] = `
data-aria-hidden="true"
>
<button
aria-controls="radix-_r_f_"
aria-controls="radix-react-use-id-1"
aria-disabled="false"
aria-expanded="true"
aria-haspopup="menu"
aria-labelledby="_r_g_"
aria-labelledby="react-use-id-2"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="open"
id="radix-_r_e_"
id="radix-react-use-id-3"
role="button"
style="--cpd-icon-button-size: 26px;"
tabindex="0"
@@ -47,11 +47,11 @@ exports[`UploadButton > renders a default button 1`] = `
aria-disabled="false"
aria-expanded="false"
aria-haspopup="menu"
aria-labelledby="_r_2_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8"
data-kind="primary"
data-state="closed"
id="radix-_r_0_"
id="radix-react-use-id-2"
role="button"
style="--cpd-icon-button-size: 26px;"
tabindex="0"
packages/shared-components/src/room/right-panel/WidgetContextMenuView/__snapshots__/WidgetContextMenuView.test.tsx.snap
+4 -4
View File
@@ -6,7 +6,7 @@ exports[`<WidgetContextMenuView /> > renders widget contextmenu with all options
data-aria-hidden="true"
>
<button
aria-controls="radix-_r_1_"
aria-controls="radix-react-use-id-1"
aria-disabled="false"
aria-expanded="true"
aria-haspopup="menu"
@@ -14,7 +14,7 @@ exports[`<WidgetContextMenuView /> > renders widget contextmenu with all options
class="_icon-button_1215g_8"
data-kind="primary"
data-state="open"
id="radix-_r_0_"
id="radix-react-use-id-2"
inert=""
role="button"
style="--cpd-icon-button-size: 24px;"
@@ -47,7 +47,7 @@ exports[`<WidgetContextMenuView /> > renders widget contextmenu without only bas
data-aria-hidden="true"
>
<button
aria-controls="radix-_r_b_"
aria-controls="radix-react-use-id-1"
aria-disabled="false"
aria-expanded="true"
aria-haspopup="menu"
@@ -55,7 +55,7 @@ exports[`<WidgetContextMenuView /> > renders widget contextmenu without only bas
class="_icon-button_1215g_8"
data-kind="primary"
data-state="open"
id="radix-_r_a_"
id="radix-react-use-id-2"
inert=""
role="button"
style="--cpd-icon-button-size: 24px;"
packages/shared-components/src/room/timeline/DateSeparatorView/__snapshots__/DateSeparatorView.test.tsx.snap
+2 -2
View File
@@ -100,7 +100,7 @@ exports[`DateSeparatorView > renders with jump to date picker story 1`] = `
role="none"
/>
<div
aria-controls="radix-_r_1_"
aria-controls="radix-react-use-id-1"
aria-expanded="true"
aria-haspopup="menu"
aria-label="Jump to date"
@@ -108,7 +108,7 @@ exports[`DateSeparatorView > renders with jump to date picker story 1`] = `
class="Flex-module_flex DateSeparatorView-module_content"
data-state="open"
data-testid="jump-to-date-separator-button"
id="radix-_r_0_"
id="radix-react-use-id-2"
role="button"
style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: start; --mx-flex-justify: start; --mx-flex-gap: 0; --mx-flex-wrap: nowrap;"
tabindex="0"
packages/shared-components/src/room/timeline/event-tile/EventTileView/E2ePadlock/__snapshots__/E2ePadlock.test.tsx.snap
+3 -3
View File
@@ -4,7 +4,7 @@ exports[`E2ePadlock > renders a 'DecryptionFailure' icon 1`] = `
<div>
<div
aria-label="State of the end-to-end encryption"
aria-labelledby="_r_c_"
aria-labelledby="react-use-id-1"
class="E2ePadlock-module_e2ePadlock"
data-testid="e2e-padlock"
role="img"
@@ -30,7 +30,7 @@ exports[`E2ePadlock > renders a 'Normal' icon 1`] = `
<div>
<div
aria-label="State of the end-to-end encryption"
aria-labelledby="_r_0_"
aria-labelledby="react-use-id-1"
class="E2ePadlock-module_e2ePadlock"
data-testid="e2e-padlock"
role="img"
@@ -61,7 +61,7 @@ exports[`E2ePadlock > renders a 'Warning' icon 1`] = `
<div>
<div
aria-label="State of the end-to-end encryption"
aria-labelledby="_r_6_"
aria-labelledby="react-use-id-1"
class="E2ePadlock-module_e2ePadlock"
data-testid="e2e-padlock"
role="img"
packages/shared-components/src/room/timeline/event-tile/body/AudioPlayerView/__snapshots__/AudioPlayerView.test.tsx.snap
+4 -4
View File
@@ -15,7 +15,7 @@ exports[`AudioPlayerView > renders the audio player in default state 1`] = `
<button
aria-disabled="false"
aria-label="Play"
aria-labelledby="_r_0_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8 PlayPauseButton-module_button"
data-kind="primary"
role="button"
@@ -106,7 +106,7 @@ exports[`AudioPlayerView > renders the audio player in error state 1`] = `
<button
aria-disabled="false"
aria-label="Play"
aria-labelledby="_r_i_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8 PlayPauseButton-module_button"
data-kind="primary"
role="button"
@@ -202,7 +202,7 @@ exports[`AudioPlayerView > renders the audio player without media name 1`] = `
<button
aria-disabled="false"
aria-label="Play"
aria-labelledby="_r_6_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8 PlayPauseButton-module_button"
data-kind="primary"
role="button"
@@ -293,7 +293,7 @@ exports[`AudioPlayerView > renders the audio player without size 1`] = `
<button
aria-disabled="false"
aria-label="Play"
aria-labelledby="_r_c_"
aria-labelledby="react-use-id-1"
class="_icon-button_1215g_8 PlayPauseButton-module_button"
data-kind="primary"
role="button"
packages/shared-components/src/room/timeline/event-tile/reactions/ReactionsRowButtonTooltip/__snapshots__/ReactionsRowButtonTooltip.test.tsx.snap
+2 -2
View File
@@ -3,7 +3,7 @@
exports[`ReactionsRowButtonTooltip > renders the tooltip with formatted senders and caption 1`] = `
<div>
<button
aria-describedby="_r_2_"
aria-describedby="react-use-id-1"
>
👍 3
</button>
@@ -13,7 +13,7 @@ exports[`ReactionsRowButtonTooltip > renders the tooltip with formatted senders
exports[`ReactionsRowButtonTooltip > renders the tooltip with many senders 1`] = `
<div>
<button
aria-describedby="_r_8_"
aria-describedby="react-use-id-1"
>
❤️ 8
</button>
packages/shared-components/src/test/setupTests.ts
+38 -1
View File
@@ -7,11 +7,48 @@ Please see LICENSE files in the repository root for full details.
import fetchMock from "@fetch-mock/vitest";
import { cleanup } from "@test-utils";
import { afterEach } from "vitest";
import { afterEach, expect } from "vitest";
import { setLanguage } from "../../src/core/i18n/i18n";
import en from "../i18n/strings/en_EN.json";
const REACT_USE_ID = /_r_[a-z0-9]+_/g;
function normaliseReactUseIds(snapshot: string): string {
// React useId values can vary between runs and make snapshots flaky:
// https://github.com/element-hq/element-web/issues/31765
// Avoid running the regex for DOM snapshots without React useId output.
if (!snapshot.includes("_r_")) return snapshot;
const ids = new Map<string, string>();
let nextId = 1;
return snapshot.replace(REACT_USE_ID, (id) => {
let replacement = ids.get(id);
if (!replacement) {
replacement = `react-use-id-${nextId++}`;
ids.set(id, replacement);
}
return replacement;
});
}
// Prevent this serializer from recursively matching the same DOM node when it calls serialize().
let isSerializingDomSnapshot = false;
expect.addSnapshotSerializer({
test: (value: unknown): value is Element | DocumentFragment =>
!isSerializingDomSnapshot && (value instanceof Element || value instanceof DocumentFragment),
print: (value: unknown, serialize: (value: unknown) => string): string => {
isSerializingDomSnapshot = true;
try {
return normaliseReactUseIds(serialize(value));
} finally {
isSerializingDomSnapshot = false;
}
},
});
function setupLanguageMock(): void {
fetchMock
.get("end:/i18n/languages.json", {