Remove release announcements for new sounds & room list (#31544)

* Remove release announcements for new sounds & room list

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update tests

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update tests

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

* Update tests

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

---------

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

playwright/e2e/release-announcement/releaseAnnouncement.spec.ts

@@ -25,7 +25,8 @@ test.describe("Release announcement", () => {
         labsFlags: ["feature_new_room_list"],
     });
 
-    test(
+    // There is no release announcement currently live
+    test.skip(
         "should display the new room list release announcement",
         { tag: "@screenshot" },
         async ({ page, app, room, util }) => {

src/components/views/rooms/RoomListPanel/RoomListHeaderView.tsx

@@ -23,7 +23,6 @@ import {
     useRoomListHeaderViewModel,
 } from "../../../viewmodels/roomlist/RoomListHeaderViewModel";
 import { RoomListOptionsMenu } from "./RoomListOptionsMenu";
-import { ReleaseAnnouncement } from "../../../structures/ReleaseAnnouncement";
 
 /**
  * The header view for the room list
@@ -46,38 +45,23 @@ export function RoomListHeaderView(): JSX.Element {
                 {vm.displaySpaceMenu && <SpaceMenu vm={vm} />}
             </Flex>
             <Flex align="center" gap="var(--cpd-space-2x)">
-                <ReleaseAnnouncement
+                <div className="mx_RoomListHeaderView_ReleaseAnnouncementAnchor">
-                    feature="newRoomList_sort"
+                    <RoomListOptionsMenu vm={vm} />
-                    header={_t("room_list|release_announcement|sort|title")}
+                </div>
-                    description={_t("room_list|release_announcement|sort|description")}
-                    closeLabel={_t("room_list|release_announcement|next")}
-                    placement="bottom"
-                >
-                    <div className="mx_RoomListHeaderView_ReleaseAnnouncementAnchor">
-                        <RoomListOptionsMenu vm={vm} />
-                    </div>
-                </ReleaseAnnouncement>
 
                 {/* If we don't display the compose menu, it means that the user can only send DM */}
-                <ReleaseAnnouncement
+                <div className="mx_RoomListHeaderView_ReleaseAnnouncementAnchor">
-                    feature="newRoomList_intro"
+                    {vm.displayComposeMenu ? (
-                    header={_t("room_list|release_announcement|intro|title")}
+                        <ComposeMenu vm={vm} />
-                    description={_t("room_list|release_announcement|intro|description")}
+                    ) : (
-                    closeLabel={_t("room_list|release_announcement|next")}
+                        <IconButton
-                >
+                            onClick={(e) => vm.createChatRoom(e.nativeEvent)}
-                    <div className="mx_RoomListHeaderView_ReleaseAnnouncementAnchor">
+                            tooltip={_t("action|new_conversation")}
-                        {vm.displayComposeMenu ? (
+                        >
-                            <ComposeMenu vm={vm} />
+                            <ComposeIcon color="var(--cpd-color-icon-secondary)" aria-hidden />
-                        ) : (
+                        </IconButton>
-                            <IconButton
+                    )}
-                                onClick={(e) => vm.createChatRoom(e.nativeEvent)}
+                </div>
-                                tooltip={_t("action|new_conversation")}
-                            >
-                                <ComposeIcon color="var(--cpd-color-icon-secondary)" aria-hidden />
-                            </IconButton>
-                        )}
-                    </div>
-                </ReleaseAnnouncement>
             </Flex>
         </Flex>
     );

src/components/views/rooms/RoomListPanel/RoomListView.tsx

@@ -11,8 +11,6 @@ import { useRoomListViewModel } from "../../../viewmodels/roomlist/RoomListViewM
 import { RoomList } from "./RoomList";
 import { EmptyRoomList } from "./EmptyRoomList";
 import { RoomListPrimaryFilters } from "./RoomListPrimaryFilters";
-import { _t } from "../../../../languageHandler";
-import { ReleaseAnnouncement } from "../../../structures/ReleaseAnnouncement";
 
 /**
  * Host the room list and the (future) room filters
@@ -30,17 +28,9 @@ export function RoomListView(): JSX.Element {
     }
     return (
         <>
-            <ReleaseAnnouncement
+            <div>
-                feature="newRoomList_filter"
+                <RoomListPrimaryFilters vm={vm} />
-                header={_t("room_list|release_announcement|filter|title")}
+            </div>
-                description={_t("room_list|release_announcement|filter|description")}
-                closeLabel={_t("room_list|release_announcement|next")}
-                placement="right"
-            >
-                <div>
-                    <RoomListPrimaryFilters vm={vm} />
-                </div>
-            </ReleaseAnnouncement>
             {listBody}
         </>
     );

src/components/views/spaces/QuickSettingsButton.tsx

@@ -31,7 +31,6 @@ import QuickThemeSwitcher from "./QuickThemeSwitcher";
 import Modal from "../../../Modal";
 import DevtoolsDialog from "../dialogs/DevtoolsDialog";
 import { SdkContextClass } from "../../../contexts/SDKContext";
-import { ReleaseAnnouncement } from "../../structures/ReleaseAnnouncement";
 
 const QuickSettingsButton: React.FC<{
     isPanelCollapsed: boolean;
@@ -169,16 +168,7 @@ const QuickSettingsButton: React.FC<{
 
     return (
         <>
-            <ReleaseAnnouncement
+            {button}
-                feature="newRoomList_settings"
-                header={_t("room_list|release_announcement|settings|title")}
-                description={_t("room_list|release_announcement|settings|description")}
-                closeLabel={_t("room_list|release_announcement|done")}
-                placement="right"
-            >
-                {button}
-            </ReleaseAnnouncement>
-
             {contextMenu}
         </>
     );

src/components/views/spaces/SpacePanel.tsx

@@ -79,7 +79,6 @@ import { Landmark, LandmarkNavigation } from "../../../accessibility/LandmarkNav
 import { KeyboardShortcut } from "../settings/KeyboardShortcut";
 import { ModuleApi } from "../../../modules/Api.ts";
 import { useModuleSpacePanelItems } from "../../../modules/ExtrasApi.ts";
-import { ReleaseAnnouncement } from "../../structures/ReleaseAnnouncement";
 
 const useSpaces = (): [Room[], MetaSpace[], Room[], SpaceKey] => {
     const invites = useEventEmitterState<Room[]>(SpaceStore.instance, UPDATE_INVITED_SPACES, () => {
@@ -415,74 +414,65 @@ const SpacePanel: React.FC = () => {
                         onDragEndHandler();
                     }}
                 >
-                    <ReleaseAnnouncement
+                    <nav
-                        feature="newNotificationSounds"
+                        className={classNames("mx_SpacePanel", {
-                        header={_t("settings|notifications|sounds_release_announcement|title")}
+                            collapsed: isPanelCollapsed,
-                        description={_t("settings|notifications|sounds_release_announcement|description")}
+                            newUi: newRoomListEnabled,
-                        closeLabel={_t("action|ok")}
+                        })}
-                        displayArrow={false}
+                        onKeyDown={(ev) => {
-                        placement="right-start"
+                            const navAction = getKeyBindingsManager().getNavigationAction(ev);
+                            if (
+                                navAction === KeyBindingAction.NextLandmark ||
+                                navAction === KeyBindingAction.PreviousLandmark
+                            ) {
+                                LandmarkNavigation.findAndFocusNextLandmark(
+                                    Landmark.ACTIVE_SPACE_BUTTON,
+                                    navAction === KeyBindingAction.PreviousLandmark,
+                                );
+                                ev.stopPropagation();
+                                ev.preventDefault();
+                                return;
+                            }
+                            onKeyDownHandler(ev);
+                        }}
+                        ref={ref}
+                        aria-label={_t("common|spaces")}
                     >
-                        <nav
+                        <UserMenu isPanelCollapsed={isPanelCollapsed}>
-                            className={classNames("mx_SpacePanel", {
+                            <AccessibleButton
-                                collapsed: isPanelCollapsed,
+                                className={classNames("mx_SpacePanel_toggleCollapse", {
-                                newUi: newRoomListEnabled,
+                                    expanded: !isPanelCollapsed,
-                            })}
+                                })}
-                            onKeyDown={(ev) => {
+                                onClick={() => setPanelCollapsed(!isPanelCollapsed)}
-                                const navAction = getKeyBindingsManager().getNavigationAction(ev);
+                                title={isPanelCollapsed ? _t("action|expand") : _t("action|collapse")}
-                                if (
+                                caption={
-                                    navAction === KeyBindingAction.NextLandmark ||
+                                    <KeyboardShortcut
-                                    navAction === KeyBindingAction.PreviousLandmark
+                                        value={{ ctrlOrCmdKey: true, shiftKey: true, key: "d" }}
-                                ) {
+                                        className="mx_SpacePanel_Tooltip_KeyboardShortcut"
-                                    LandmarkNavigation.findAndFocusNextLandmark(
+                                    />
-                                        Landmark.ACTIVE_SPACE_BUTTON,
-                                        navAction === KeyBindingAction.PreviousLandmark,
-                                    );
-                                    ev.stopPropagation();
-                                    ev.preventDefault();
-                                    return;
                                 }
-                                onKeyDownHandler(ev);
+                            >
-                            }}
+                                <ChevronRightIcon />
-                            ref={ref}
+                            </AccessibleButton>
-                            aria-label={_t("common|spaces")}
+                        </UserMenu>
-                        >
+                        <Droppable droppableId="top-level-spaces">
-                            <UserMenu isPanelCollapsed={isPanelCollapsed}>
+                            {(provided, snapshot) => (
-                                <AccessibleButton
+                                <InnerSpacePanel
-                                    className={classNames("mx_SpacePanel_toggleCollapse", {
+                                    {...provided.droppableProps}
-                                        expanded: !isPanelCollapsed,
+                                    isPanelCollapsed={isPanelCollapsed}
-                                    })}
+                                    setPanelCollapsed={setPanelCollapsed}
-                                    onClick={() => setPanelCollapsed(!isPanelCollapsed)}
+                                    isDraggingOver={snapshot.isDraggingOver}
-                                    title={isPanelCollapsed ? _t("action|expand") : _t("action|collapse")}
+                                    innerRef={provided.innerRef}
-                                    caption={
-                                        <KeyboardShortcut
-                                            value={{ ctrlOrCmdKey: true, shiftKey: true, key: "d" }}
-                                            className="mx_SpacePanel_Tooltip_KeyboardShortcut"
-                                        />
-                                    }
                                 >
-                                    <ChevronRightIcon />
+                                    {provided.placeholder}
-                                </AccessibleButton>
+                                </InnerSpacePanel>
-                            </UserMenu>
+                            )}
-                            <Droppable droppableId="top-level-spaces">
+                        </Droppable>
-                                {(provided, snapshot) => (
-                                    <InnerSpacePanel
-                                        {...provided.droppableProps}
-                                        isPanelCollapsed={isPanelCollapsed}
-                                        setPanelCollapsed={setPanelCollapsed}
-                                        isDraggingOver={snapshot.isDraggingOver}
-                                        innerRef={provided.innerRef}
-                                    >
-                                        {provided.placeholder}
-                                    </InnerSpacePanel>
-                                )}
-                            </Droppable>
 
-                            <ThreadsActivityCentre displayButtonLabel={!isPanelCollapsed} />
+                        <ThreadsActivityCentre displayButtonLabel={!isPanelCollapsed} />
 
-                            <QuickSettingsButton isPanelCollapsed={isPanelCollapsed} />
+                        <QuickSettingsButton isPanelCollapsed={isPanelCollapsed} />
-                        </nav>
+                    </nav>
-                    </ReleaseAnnouncement>
                 </DragDropContext>
             )}
         </RovingTabIndexProvider>

src/i18n/strings/en_EN.json

@@ -2219,26 +2219,6 @@
             "one": "Currently removing messages in %(count)s room",
             "other": "Currently removing messages in %(count)s rooms"
         },
-        "release_announcement": {
-            "done": "Done",
-            "filter": {
-                "description": "Filter your chats with a single click. Expand to view more filters.",
-                "title": "New quick filters"
-            },
-            "intro": {
-                "description": "The chats list has been updated to be more clear and simple to use.",
-                "title": "Chats has a new look!"
-            },
-            "next": "Next",
-            "settings": {
-                "description": "To show or hide message previews, go to All settings > Preferences > Room list",
-                "title": "Some settings have moved"
-            },
-            "sort": {
-                "description": "Change the ordering of your chats from most recent to A-Z",
-                "title": "Sort your chats"
-            }
-        },
         "room": {
             "more_options": "More Options",
             "open_room": "Open room %(roomName)s"
@@ -2908,10 +2888,6 @@
             "rule_suppress_notices": "Messages sent by bot",
             "rule_tombstone": "When rooms are upgraded",
             "show_message_desktop_notification": "Show message in desktop notification",
-            "sounds_release_announcement": {
-                "description": "Your notification ping and call ringer have been updated—clearer, quicker, and less disruptive",
-                "title": "We’ve refreshed your sounds"
-            },
             "voip": "Audio and Video calls"
         },
         "preferences": {

src/stores/ReleaseAnnouncementStore.ts

@@ -17,14 +17,10 @@ import ToastStore from "./ToastStore";
 
 /**
  * The features are shown in the array order.
+ * We include a `_test_dummy` value to enable tests to function even where there are no running release announcements.
+ * This value must be at the end of the list.
  */
-const FEATURES = [
+const FEATURES = ["_test_dummy1", "_test_dummy2"] as const;
-    "newNotificationSounds",
-    "newRoomList_intro",
-    "newRoomList_sort",
-    "newRoomList_filter",
-    "newRoomList_settings",
-] as const;
 /**
  * All the features that can be shown in the release announcements.
  */

test/unit-tests/components/structures/ReleaseAnnouncement-test.tsx

@@ -22,12 +22,7 @@ describe("ReleaseAnnouncement", () => {
 
     function renderReleaseAnnouncement() {
         return render(
-            <ReleaseAnnouncement
+            <ReleaseAnnouncement feature="_test_dummy1" header="header" description="description" closeLabel="close">
-                feature="newNotificationSounds"
-                header="header"
-                description="description"
-                closeLabel="close"
-            >
                 <div>content</div>
             </ReleaseAnnouncement>,
         );

test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListHeaderView-test.tsx.snap

@@ -25,7 +25,7 @@ exports[`<RoomListHeaderView /> compose menu should display the compose menu 1`]
         class="_icon-button_1pz9o_8 mx_SpaceMenu_button"
         data-kind="primary"
         data-state="closed"
-        id="radix-_r_q_"
+        id="radix-_r_i_"
         role="button"
         style="--cpd-icon-button-size: 20px;"
         tabindex="0"
@@ -55,7 +55,6 @@ exports[`<RoomListHeaderView /> compose menu should display the compose menu 1`]
       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: nowrap;"
     >
       <div
-        aria-haspopup="dialog"
         class="mx_RoomListHeaderView_ReleaseAnnouncementAnchor"
       >
         <button
@@ -63,11 +62,11 @@ exports[`<RoomListHeaderView /> compose menu should display the compose menu 1`]
           aria-expanded="false"
           aria-haspopup="menu"
           aria-label="Room Options"
-          aria-labelledby="_r_12_"
+          aria-labelledby="_r_m_"
           class="_icon-button_1pz9o_8"
           data-kind="primary"
           data-state="closed"
-          id="radix-_r_10_"
+          id="radix-_r_k_"
           role="button"
           style="--cpd-icon-button-size: 32px;"
           tabindex="0"
@@ -93,18 +92,17 @@ exports[`<RoomListHeaderView /> compose menu should display the compose menu 1`]
         </button>
       </div>
       <div
-        aria-haspopup="dialog"
         class="mx_RoomListHeaderView_ReleaseAnnouncementAnchor"
       >
         <button
           aria-disabled="false"
           aria-expanded="false"
           aria-haspopup="menu"
-          aria-labelledby="_r_1d_"
+          aria-labelledby="_r_t_"
           class="_icon-button_1pz9o_8"
           data-kind="primary"
           data-state="closed"
-          id="radix-_r_1b_"
+          id="radix-_r_r_"
           role="button"
           style="--cpd-icon-button-size: 32px;"
           tabindex="0"
@@ -165,7 +163,7 @@ exports[`<RoomListHeaderView /> compose menu should not display the compose menu
         class="_icon-button_1pz9o_8 mx_SpaceMenu_button"
         data-kind="primary"
         data-state="closed"
-        id="radix-_r_1k_"
+        id="radix-_r_14_"
         role="button"
         style="--cpd-icon-button-size: 20px;"
         tabindex="0"
@@ -195,7 +193,6 @@ exports[`<RoomListHeaderView /> compose menu should not display the compose menu
       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: nowrap;"
     >
       <div
-        aria-haspopup="dialog"
         class="mx_RoomListHeaderView_ReleaseAnnouncementAnchor"
       >
         <button
@@ -203,11 +200,11 @@ exports[`<RoomListHeaderView /> compose menu should not display the compose menu
           aria-expanded="false"
           aria-haspopup="menu"
           aria-label="Room Options"
-          aria-labelledby="_r_1s_"
+          aria-labelledby="_r_18_"
           class="_icon-button_1pz9o_8"
           data-kind="primary"
           data-state="closed"
-          id="radix-_r_1q_"
+          id="radix-_r_16_"
           role="button"
           style="--cpd-icon-button-size: 32px;"
           tabindex="0"
@@ -233,11 +230,10 @@ exports[`<RoomListHeaderView /> compose menu should not display the compose menu
         </button>
       </div>
       <div
-        aria-haspopup="dialog"
         class="mx_RoomListHeaderView_ReleaseAnnouncementAnchor"
       >
         <button
-          aria-labelledby="_r_25_"
+          aria-labelledby="_r_1d_"
           class="_icon-button_1pz9o_8"
           data-kind="primary"
           role="button"
@@ -329,7 +325,6 @@ exports[`<RoomListHeaderView /> should render 'room options' button 1`] = `
       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: nowrap;"
     >
       <div
-        aria-haspopup="dialog"
         class="mx_RoomListHeaderView_ReleaseAnnouncementAnchor"
       >
         <button
@@ -337,11 +332,11 @@ exports[`<RoomListHeaderView /> should render 'room options' button 1`] = `
           aria-expanded="false"
           aria-haspopup="menu"
           aria-label="Room Options"
-          aria-labelledby="_r_8_"
+          aria-labelledby="_r_4_"
           class="_icon-button_1pz9o_8"
           data-kind="primary"
           data-state="closed"
-          id="radix-_r_6_"
+          id="radix-_r_2_"
           role="button"
           style="--cpd-icon-button-size: 32px;"
           tabindex="0"
@@ -367,18 +362,17 @@ exports[`<RoomListHeaderView /> should render 'room options' button 1`] = `
         </button>
       </div>
       <div
-        aria-haspopup="dialog"
         class="mx_RoomListHeaderView_ReleaseAnnouncementAnchor"
       >
         <button
           aria-disabled="false"
           aria-expanded="false"
           aria-haspopup="menu"
-          aria-labelledby="_r_j_"
+          aria-labelledby="_r_b_"
           class="_icon-button_1pz9o_8"
           data-kind="primary"
           data-state="closed"
-          id="radix-_r_h_"
+          id="radix-_r_9_"
           role="button"
           style="--cpd-icon-button-size: 32px;"
           tabindex="0"
@@ -439,7 +433,7 @@ exports[`<RoomListHeaderView /> space menu should display the space menu 1`] = `
         class="_icon-button_1pz9o_8 mx_SpaceMenu_button"
         data-kind="primary"
         data-state="closed"
-        id="radix-_r_4e_"
+        id="radix-_r_36_"
         role="button"
         style="--cpd-icon-button-size: 20px;"
         tabindex="0"
@@ -469,7 +463,6 @@ exports[`<RoomListHeaderView /> space menu should display the space menu 1`] = `
       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: nowrap;"
     >
       <div
-        aria-haspopup="dialog"
         class="mx_RoomListHeaderView_ReleaseAnnouncementAnchor"
       >
         <button
@@ -477,11 +470,11 @@ exports[`<RoomListHeaderView /> space menu should display the space menu 1`] = `
           aria-expanded="false"
           aria-haspopup="menu"
           aria-label="Room Options"
-          aria-labelledby="_r_4m_"
+          aria-labelledby="_r_3a_"
           class="_icon-button_1pz9o_8"
           data-kind="primary"
           data-state="closed"
-          id="radix-_r_4k_"
+          id="radix-_r_38_"
           role="button"
           style="--cpd-icon-button-size: 32px;"
           tabindex="0"
@@ -507,18 +500,17 @@ exports[`<RoomListHeaderView /> space menu should display the space menu 1`] = `
         </button>
       </div>
       <div
-        aria-haspopup="dialog"
         class="mx_RoomListHeaderView_ReleaseAnnouncementAnchor"
       >
         <button
           aria-disabled="false"
           aria-expanded="false"
           aria-haspopup="menu"
-          aria-labelledby="_r_51_"
+          aria-labelledby="_r_3h_"
           class="_icon-button_1pz9o_8"
           data-kind="primary"
           data-state="closed"
-          id="radix-_r_4v_"
+          id="radix-_r_3f_"
           role="button"
           style="--cpd-icon-button-size: 32px;"
           tabindex="0"
@@ -577,7 +569,6 @@ exports[`<RoomListHeaderView /> space menu should not display the space menu 1`]
       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: nowrap;"
     >
       <div
-        aria-haspopup="dialog"
         class="mx_RoomListHeaderView_ReleaseAnnouncementAnchor"
       >
         <button
@@ -585,11 +576,11 @@ exports[`<RoomListHeaderView /> space menu should not display the space menu 1`]
           aria-expanded="false"
           aria-haspopup="menu"
           aria-label="Room Options"
-          aria-labelledby="_r_5e_"
+          aria-labelledby="_r_3q_"
           class="_icon-button_1pz9o_8"
           data-kind="primary"
           data-state="closed"
-          id="radix-_r_5c_"
+          id="radix-_r_3o_"
           role="button"
           style="--cpd-icon-button-size: 32px;"
           tabindex="0"
@@ -615,18 +606,17 @@ exports[`<RoomListHeaderView /> space menu should not display the space menu 1`]
         </button>
       </div>
       <div
-        aria-haspopup="dialog"
         class="mx_RoomListHeaderView_ReleaseAnnouncementAnchor"
       >
         <button
           aria-disabled="false"
           aria-expanded="false"
           aria-haspopup="menu"
-          aria-labelledby="_r_5p_"
+          aria-labelledby="_r_41_"
           class="_icon-button_1pz9o_8"
           data-kind="primary"
           data-state="closed"
-          id="radix-_r_5n_"
+          id="radix-_r_3v_"
           role="button"
           style="--cpd-icon-button-size: 32px;"
           tabindex="0"

test/unit-tests/components/views/spaces/__snapshots__/QuickSettingsButton-test.tsx.snap

@@ -4,7 +4,6 @@ exports[`QuickSettingsButton should render the quick settings button in expanded
 <DocumentFragment>
   <button
     aria-expanded="true"
-    aria-haspopup="dialog"
     aria-label="Quick settings"
     class="_icon-button_1pz9o_8 mx_QuickSettingsButton expanded"
     data-kind="primary"

test/unit-tests/components/views/spaces/__snapshots__/SpacePanel-test.tsx.snap

@@ -3,12 +3,8 @@
 exports[`<SpacePanel /> should show all activated MetaSpaces in the correct order 1`] = `
 <DocumentFragment>
   <nav
-    aria-controls="_r_2_"
-    aria-describedby="_r_2_"
-    aria-haspopup="dialog"
     aria-label="Spaces"
     class="mx_SpacePanel collapsed newUi"
-    data-floating-ui-inert=""
   >
     <div
       class="mx_UserMenu"
@@ -336,11 +332,11 @@ exports[`<SpacePanel /> should show all activated MetaSpaces in the correct orde
         aria-expanded="false"
         aria-haspopup="menu"
         aria-label="Threads"
-        aria-labelledby="_r_16_"
+        aria-labelledby="_r_12_"
         class="_icon-button_1pz9o_8 mx_ThreadsActivityCentreButton"
         data-kind="primary"
         data-state="closed"
-        id="radix-_r_14_"
+        id="radix-_r_10_"
         role="button"
         style="--cpd-icon-button-size: 32px;"
         tabindex="0"
@@ -368,7 +364,7 @@ exports[`<SpacePanel /> should show all activated MetaSpaces in the correct orde
     <button
       aria-expanded="false"
       aria-label="Quick settings"
-      aria-labelledby="_r_1f_"
+      aria-labelledby="_r_17_"
       class="_icon-button_1pz9o_8 mx_QuickSettingsButton"
       data-kind="primary"
       role="button"
@@ -394,30 +390,5 @@ exports[`<SpacePanel /> should show all activated MetaSpaces in the correct orde
       </div>
     </button>
   </nav>
-  <span
-    aria-hidden="true"
-    data-floating-ui-inert=""
-    style="border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: fixed; white-space: nowrap; width: 1px; top: 0px; left: 0px;"
-    tabindex="-1"
-  />
-  <span
-    data-floating-ui-focus-guard=""
-    data-type="outside"
-    role="button"
-    style="border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: fixed; white-space: nowrap; width: 1px; top: 0px; left: 0px;"
-    tabindex="0"
-  />
-  <span
-    aria-owns="_r_1k_"
-    data-floating-ui-inert=""
-    style="border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: fixed; white-space: nowrap; width: 1px; top: 0px; left: 0px;"
-  />
-  <span
-    data-floating-ui-focus-guard=""
-    data-type="outside"
-    role="button"
-    style="border: 0px; height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: fixed; white-space: nowrap; width: 1px; top: 0px; left: 0px;"
-    tabindex="0"
-  />
 </DocumentFragment>
 `;

test/unit-tests/stores/ReleaseAnnouncementStore-test.tsx

@@ -117,13 +117,13 @@ describe("ReleaseAnnouncementStore", () => {
 
     it("should listen to release announcement data changes in the store", async () => {
         const secondStore = new ReleaseAnnouncementStore();
-        expect(secondStore.getReleaseAnnouncement()).toBe("newNotificationSounds");
+        expect(secondStore.getReleaseAnnouncement()).toBe("_test_dummy1");
 
         const promise = listenReleaseAnnouncementChanged();
         await secondStore.nextReleaseAnnouncement();
 
-        expect(await promise).toBe("newRoomList_intro");
+        expect(await promise).toBe("_test_dummy2");
-        expect(releaseAnnouncementStore.getReleaseAnnouncement()).toBe("newRoomList_intro");
+        expect(releaseAnnouncementStore.getReleaseAnnouncement()).toBe("_test_dummy2");
     });
 
     it("should return null when there are toasts on screen", async () => {