Flaky Jest test: <MatrixChat /> › Multi-tab lockout › waits for other tab to stop during startup #30337
Description
Steps to reproduce
expect(received).toMatchSnapshot()
Snapshot name: `<MatrixChat /> Multi-tab lockout waits for other tab to stop during startup 1`
- Snapshot - 7
+ Received + 845
<div>
<div
- class="mx_ConfirmSessionLockTheftView"
+ aria-hidden="false"
+ class="mx_MatrixChat_wrapper"
+ >
+ <div
+ class="mx_ToastContainer"
+ role="alert"
+ >
+ <div
+ class="mx_Toast_toast"
+ >
+ <div
+ class="mx_Toast_title"
+ >
+ <h2
+ class="_typography_6v6n8_153 _font-body-lg-semibold_6v6n8_74"
+ >
+ Test does not support this browser
+ </h2>
+ <span
+ class="mx_Toast_title_countIndicator"
+ />
+ </div>
+ <div
+ class="mx_Toast_body"
+ >
+ <div>
+ <div
+ class="mx_Toast_description"
+ >
+ If you continue, some features may stop working and there is a risk that you may lose data in the future. Update your browser to continue using Test.
+ </div>
+ <div
+ aria-live="off"
+ class="mx_Toast_buttons"
+ >
+ <button
+ class="_button_vczzf_8 _has-icon_vczzf_57"
+ data-kind="secondary"
+ data-size="sm"
+ role="button"
+ tabindex="0"
+ >
+ <svg
+ aria-hidden="true"
+ fill="currentColor"
+ height="20"
+ viewBox="0 0 24 24"
+ width="20"
+ xmlns="
http://www.w3.org/2000/svg
"
+ >
+ <path
+ d="M5 3h6a1 1 0 1 1 0 2H5v14h14v-6a1 1 0 1 1 2 0v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2"
+ />
+ <path
+ d="M15 3h5a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V6.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L17.586 5H15a1 1 0 1 1 0-2"
+ />
+ </svg>
+ Learn more
+ </button>
+ <button
+ class="_button_vczzf_8"
+ data-kind="primary"
+ data-size="sm"
+ role="button"
+ tabindex="0"
+ >
+ Dismiss
+ </button>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div
+ class="mx_MatrixChat"
+ >
+ <div
+ class="mx_LeftPanel_outerWrapper"
+ >
+ <div
+ class="mx_LeftPanel_wrapper"
+ >
+ <nav
+ aria-label="Spaces"
+ class="mx_SpacePanel collapsed"
+ >
+ <div
+ class="mx_UserMenu"
+ >
+ <div
+ aria-expanded="false"
+ aria-haspopup="true"
+ aria-label="User menu"
+ class="mx_AccessibleButton mx_UserMenu_contextMenuButton"
+ role="button"
+ tabindex="0"
+ >
+ <div
+ class="mx_UserMenu_userAvatar"
+ >
+ <span
+ class="_avatar_1qbcf_8 mx_BaseAvatar mx_UserMenu_userAvatar_BaseAvatar _avatar-imageless_1qbcf_52"
+ data-color="2"
+ data-testid="avatar-img"
+ data-type="round"
+ role="presentation"
+ style="--cpd-avatar-size: 32px;"
>
+ E
+ </span>
+ </div>
+ </div>
<div
- class="mx_ConfirmSessionLockTheftView_body"
+ aria-label="Expand"
+ class="mx_AccessibleButton mx_SpacePanel_toggleCollapse"
+ role="button"
+ tabindex="0"
+ />
+ </div>
+ <ul
+ aria-label="Spaces"
+ class="mx_AutoHideScrollbar mx_SpaceTreeLevel"
+ data-rbd-droppable-context-id="30"
+ data-rbd-droppable-id="top-level-spaces"
+ role="tree"
+ tabindex="-1"
>
- <p>
- Test is open in another window. Click "Continue" to use Test here and disconnect the other window.
- </p>
+ <li
+ aria-selected="true"
+ class="mx_SpaceItem collapsed"
+ role="treeitem"
+ >
<div
- class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
+ aria-label="Home"
+ class="mx_AccessibleButton mx_SpaceButton mx_SpaceButton_home mx_SpaceButton_active mx_SpaceButton_narrow"
role="button"
tabindex="0"
+ >
+ <div
+ class="mx_SpaceButton_selectionWrapper"
>
- Continue
+ <div
+ class="mx_SpaceButton_avatarWrapper"
+ >
+ <div
+ class="mx_SpaceButton_avatarPlaceholder"
+ >
+ <div
+ class="mx_SpaceButton_icon"
+ />
+ </div>
+ <div
+ class="mx_SpacePanel_badgeContainer"
+ />
+ </div>
+ <div
+ aria-expanded="false"
+ aria-haspopup="true"
+ aria-label="Options"
+ class="mx_AccessibleButton mx_SpaceButton_menuButton"
+ role="button"
+ tabindex="0"
+ />
+ </div>
+ </div>
+ </li>
+ <li
+ aria-selected="false"
+ class="mx_SpaceItem mx_SpaceItem_new collapsed"
+ role="treeitem"
+ >
+ <div
+ aria-label="Create a space"
+ class="mx_AccessibleButton mx_SpaceButton mx_SpaceButton_new mx_SpaceButton_narrow"
+ data-testid="create-space-button"
+ role="button"
+ tabindex="-1"
+ >
+ <div
+ class="mx_SpaceButton_selectionWrapper"
+ >
+ <div
+ class="mx_SpaceButton_avatarWrapper"
+ >
+ <div
+ class="mx_SpaceButton_avatarPlaceholder"
+ >
+ <div
+ class="mx_SpaceButton_icon"
+ />
+ </div>
+ </div>
+ </div>
+ </div>
+ </li>
+ </ul>
+ <div
+ class="mx_ThreadsActivityCentre_container"
+ >
+ <button
+ aria-disabled="false"
+ aria-expanded="false"
+ aria-haspopup="menu"
+ aria-label="Threads"
+ aria-labelledby="«r2e2»"
+ class="_icon-button_1pz9o_8 mx_ThreadsActivityCentreButton"
+ data-kind="primary"
+ data-state="closed"
+ id="radix-«r2e0»"
+ role="button"
+ style="--cpd-icon-button-size: 32px;"
+ tabindex="0"
+ type="button"
+ >
+ <div
+ class="_indicator-icon_zr2a0_17"
+ style="--cpd-icon-button-size: 100%;"
+ >
+ <svg
+ class="mx_ThreadsActivityCentreButton_Icon"
+ fill="currentColor"
+ height="1em"
+ viewBox="0 0 24 24"
+ width="1em"
+ xmlns="
http://www.w3.org/2000/svg
"
+ >
+ <path
+ d="M4 3h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H6l-2.293 2.293c-.63.63-1.707.184-1.707-.707V5a2 2 0 0 1 2-2m3 7h10q.424 0 .712-.287A.97.97 0 0 0 18 9a.97.97 0 0 0-.288-.713A.97.97 0 0 0 17 8H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 9q0 .424.287.713Q6.576 10 7 10m0 4h6q.424 0 .713-.287A.97.97 0 0 0 14 13a.97.97 0 0 0-.287-.713A.97.97 0 0 0 13 12H7a.97.97 0 0 0-.713.287A.97.97 0 0 0 6 13q0 .424.287.713Q6.576 14 7 14"
+ />
+ </svg>
+ </div>
+ </button>
+ </div>
+ <div
+ aria-expanded="false"
+ aria-label="Quick settings"
+ class="mx_AccessibleButton mx_QuickSettingsButton"
+ role="button"
+ tabindex="0"
+ />
+ </nav>
+ <div
+ class="mx_LeftPanel_wrapper--user"
+ style="width: 350px;"
+ >
+ <div
+ class="mx_LeftPanel"
+ >
+ <div
+ class="mx_LeftPanel_roomListContainer"
+ >
+ <div
+ class="mx_LeftPanel_filterContainer"
+ role="search"
+ >
+ <div
+ aria-label="Search"
+ class="mx_AccessibleButton mx_RoomSearch mx_RoomSearch_spotlightTrigger"
+ role="button"
+ tabindex="0"
+ >
+ <div
+ class="mx_RoomSearch_icon"
+ />
+ <div
+ class="mx_RoomSearch_spotlightTriggerText"
+ >
+ Search
+ </div>
+ <kbd
+ class="mx_RoomSearch_shortcutPrompt"
+ >
+ Ctrl K
+ </kbd>
+ </div>
+ <div
+ aria-label="Explore rooms"
+ class="mx_AccessibleButton mx_LeftPanel_exploreButton"
+ role="button"
+ tabindex="0"
+ />
+ </div>
+ <aside
+ aria-label="Room options"
+ class="mx_LegacyRoomListHeader"
+ >
+ <div
+ aria-expanded="false"
+ aria-haspopup="true"
+ aria-label="Home options"
+ class="mx_AccessibleButton mx_LegacyRoomListHeader_contextMenuButton"
+ role="button"
+ tabindex="0"
+ >
+ Home
+ </div>
+ <div
+ aria-expanded="false"
+ aria-haspopup="true"
+ aria-label="Add"
+ class="mx_AccessibleButton mx_LegacyRoomListHeader_plusButton"
+ role="button"
+ tabindex="0"
+ />
+ </aside>
+ <nav
+ aria-label="Rooms"
+ class="mx_LeftPanel_roomListWrapper mx_LeftPanel_roomListWrapper_stickyTop mx_LeftPanel_roomListWrapper_stickyBottom"
+ >
+ <div
+ class="mx_LeftPanel_actualRoomListContainer mx_AutoHideScrollbar"
+ tabindex="-1"
+ >
+ <div
+ aria-label="Rooms"
+ class="mx_LegacyRoomList"
+ role="tree"
+ >
+ <div
+ aria-hidden="true"
+ aria-labelledby="mx_RoomSublist_label_im.vector.fake.invite"
+ class="mx_RoomSublist mx_RoomSublist_hidden"
+ role="group"
+ >
+ <div
+ aria-expanded="true"
+ aria-label="Invites"
+ aria-level="1"
+ aria-selected="false"
+ class="mx_RoomSublist_headerContainer"
+ role="treeitem"
+ >
+ <div
+ class="mx_RoomSublist_stickableContainer"
+ >
+ <div
+ class="mx_RoomSublist_stickable"
+ >
+ <div
+ aria-expanded="true"
+ class="mx_AccessibleButton mx_RoomSublist_headerText"
+ role="button"
+ tabindex="0"
+ >
+ <span
+ class="mx_RoomSublist_collapseBtn"
+ />
+ <span
+ id="mx_RoomSublist_label_im.vector.fake.invite"
+ >
+ Invites
+ </span>
+ </div>
+ <div
+ aria-expanded="false"
+ aria-haspopup="true"
+ aria-label="List options"
+ class="mx_AccessibleButton mx_RoomSublist_menuButton"
+ role="button"
+ tabindex="0"
+ />
+ <div
+ class="mx_RoomSublist_badgeContainer"
+ >
+ <div
+ class="mx_AccessibleButton mx_NotificationBadge mx_NotificationBadge_visible mx_NotificationBadge_level_highlight mx_NotificationBadge_2char cpd-theme-light"
+ role="button"
+ tabindex="0"
+ >
+ <span
+ class="mx_NotificationBadge_count"
+ />
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div
+ class="mx_RoomSublist_skeletonUI"
+ />
+ </div>
+ <div
+ aria-hidden="true"
+ aria-labelledby="mx_RoomSublist_label_m.favourite"
+ class="mx_RoomSublist mx_RoomSublist_hidden"
+ role="group"
+ >
+ <div
+ aria-expanded="true"
+ aria-label="Favourites"
+ aria-level="1"
+ aria-selected="false"
+ class="mx_RoomSublist_headerContainer"
+ role="treeitem"
+ >
+ <div
+ class="mx_RoomSublist_stickableContainer"
+ >
+ <div
+ class="mx_RoomSublist_stickable"
+ >
+ <div
+ aria-expanded="true"
+ class="mx_AccessibleButton mx_RoomSublist_headerText"
+ role="button"
+ tabindex="-1"
+ >
+ <span
+ class="mx_RoomSublist_collapseBtn"
+ />
+ <span
+ id="mx_RoomSublist_label_m.favourite"
+ >
+ Favourites
+ </span>
+ </div>
+ <div
+ aria-expanded="false"
+ aria-haspopup="true"
+ aria-label="List options"
+ class="mx_AccessibleButton mx_RoomSublist_menuButton"
+ role="button"
+ tabindex="0"
+ />
+ <div
+ class="mx_RoomSublist_badgeContainer"
+ />
</div>
</div>
</div>
+ <div
+ class="mx_RoomSublist_skeletonUI"
+ />
+ </div>
+ <div
+ aria-hidden="false"
+ aria-labelledby="mx_RoomSublist_label_im.vector.fake.direct"
+ class="mx_RoomSublist"
+ role="group"
+ >
+ <div
+ aria-expanded="true"
+ aria-label="People"
+ aria-level="1"
+ aria-selected="false"
+ class="mx_RoomSublist_headerContainer mx_RoomSublist_headerContainer_withAux"
+ role="treeitem"
+ >
+ <div
+ class="mx_RoomSublist_stickableContainer"
+ >
+ <div
+ class="mx_RoomSublist_stickable mx_RoomSublist_headerContainer_stickyTop mx_RoomSublist_headerContainer_sticky"
+ style="top: 0px;"
+ >
+ <div
+ aria-expanded="true"
+ class="mx_AccessibleButton mx_RoomSublist_headerText"
+ role="button"
+ tabindex="-1"
+ >
+ <span
+ class="mx_RoomSublist_collapseBtn"
+ />
+ <span
+ id="mx_RoomSublist_label_im.vector.fake.direct"
+ >
+ People
+ </span>
+ </div>
+ <div
+ aria-expanded="false"
+ aria-haspopup="true"
+ aria-label="List options"
+ class="mx_AccessibleButton mx_RoomSublist_menuButton"
+ role="button"
+ tabindex="0"
+ />
+ <div
+ class="mx_RoomSublist_badgeContainer"
+ />
+ <div
+ aria-label="Start chat"
+ class="mx_AccessibleButton mx_RoomSublist_auxButton"
+ role="button"
+ tabindex="-1"
+ />
+ </div>
+ </div>
+ </div>
+ <div
+ class="mx_RoomSublist_skeletonUI"
+ />
+ </div>
+ <div
+ aria-hidden="false"
+ aria-labelledby="mx_RoomSublist_label_im.vector.fake.recent"
+ class="mx_RoomSublist"
+ role="group"
+ >
+ <div
+ aria-expanded="true"
+ aria-label="Rooms"
+ aria-level="1"
+ aria-selected="false"
+ class="mx_RoomSublist_headerContainer mx_RoomSublist_headerContainer_withAux"
+ role="treeitem"
+ >
+ <div
+ class="mx_RoomSublist_stickableContainer"
+ >
+ <div
+ class="mx_RoomSublist_stickable mx_RoomSublist_headerContainer_stickyBottom mx_RoomSublist_headerContainer_sticky"
+ style="bottom: 768px;"
+ >
+ <div
+ aria-expanded="true"
+ class="mx_AccessibleButton mx_RoomSublist_headerText"
+ role="button"
+ tabindex="-1"
+ >
+ <span
+ class="mx_RoomSublist_collapseBtn"
+ />
+ <span
+ id="mx_RoomSublist_label_im.vector.fake.recent"
+ >
+ Rooms
+ </span>
+ </div>
+ <div
+ aria-expanded="false"
+ aria-haspopup="true"
+ aria-label="List options"
+ class="mx_AccessibleButton mx_RoomSublist_menuButton"
+ role="button"
+ tabindex="0"
+ />
+ <div
+ class="mx_RoomSublist_badgeContainer"
+ />
+ <div
+ aria-expanded="false"
+ aria-haspopup="true"
+ aria-label="Add room"
+ class="mx_AccessibleButton mx_RoomSublist_auxButton"
+ role="button"
+ tabindex="-1"
+ />
+ </div>
+ </div>
+ </div>
+ <div
+ class="mx_RoomSublist_skeletonUI"
+ />
+ </div>
+ <div
+ aria-hidden="true"
+ aria-labelledby="mx_RoomSublist_label_im.vector.fake.conferences"
+ class="mx_RoomSublist mx_RoomSublist_hidden"
+ role="group"
+ >
+ <div
+ aria-expanded="true"
+ aria-label="Conferences"
+ aria-level="1"
+ aria-selected="false"
+ class="mx_RoomSublist_headerContainer"
+ role="treeitem"
+ >
+ <div
+ class="mx_RoomSublist_stickableContainer"
+ >
+ <div
+ class="mx_RoomSublist_stickable"
+ >
+ <div
+ aria-expanded="true"
+ class="mx_AccessibleButton mx_RoomSublist_headerText"
+ role="button"
+ tabindex="-1"
+ >
+ <span
+ class="mx_RoomSublist_collapseBtn"
+ />
+ <span
+ id="mx_RoomSublist_label_im.vector.fake.conferences"
+ >
+ Conferences
+ </span>
+ </div>
+ <div
+ aria-expanded="false"
+ aria-haspopup="true"
+ aria-label="List options"
+ class="mx_AccessibleButton mx_RoomSublist_menuButton"
+ role="button"
+ tabindex="0"
+ />
+ <div
+ class="mx_RoomSublist_badgeContainer"
+ />
+ </div>
+ </div>
+ </div>
+ <div
+ class="mx_RoomSublist_skeletonUI"
+ />
+ </div>
+ <div
+ aria-hidden="true"
+ aria-labelledby="mx_RoomSublist_label_m.lowpriority"
+ class="mx_RoomSublist mx_RoomSublist_hidden"
+ role="group"
+ >
+ <div
+ aria-expanded="true"
+ aria-label="Low priority"
+ aria-level="1"
+ aria-selected="false"
+ class="mx_RoomSublist_headerContainer"
+ role="treeitem"
+ >
+ <div
+ class="mx_RoomSublist_stickableContainer"
+ >
+ <div
+ class="mx_RoomSublist_stickable"
+ >
+ <div
+ aria-expanded="true"
+ class="mx_AccessibleButton mx_RoomSublist_headerText"
+ role="button"
+ tabindex="-1"
+ >
+ <span
+ class="mx_RoomSublist_collapseBtn"
+ />
+ <span
+ id="mx_RoomSublist_label_m.lowpriority"
+ >
+ Low priority
+ </span>
+ </div>
+ <div
+ aria-expanded="false"
+ aria-haspopup="true"
+ aria-label="List options"
+ class="mx_AccessibleButton mx_RoomSublist_menuButton"
+ role="button"
+ tabindex="0"
+ />
+ <div
+ class="mx_RoomSublist_badgeContainer"
+ />
+ </div>
+ </div>
+ </div>
+ <div
+ class="mx_RoomSublist_skeletonUI"
+ />
+ </div>
+ <div
+ aria-hidden="true"
+ aria-labelledby="mx_RoomSublist_label_m.server_notice"
+ class="mx_RoomSublist mx_RoomSublist_hidden"
+ role="group"
+ >
+ <div
+ aria-expanded="true"
+ aria-label="System Alerts"
+ aria-level="1"
+ aria-selected="false"
+ class="mx_RoomSublist_headerContainer"
+ role="treeitem"
+ >
+ <div
+ class="mx_RoomSublist_stickableContainer"
+ >
+ <div
+ class="mx_RoomSublist_stickable"
+ >
+ <div
+ aria-expanded="true"
+ class="mx_AccessibleButton mx_RoomSublist_headerText"
+ role="button"
+ tabindex="-1"
+ >
+ <span
+ class="mx_RoomSublist_collapseBtn"
+ />
+ <span
+ id="mx_RoomSublist_label_m.server_notice"
+ >
+ System Alerts
+ </span>
+ </div>
+ <div
+ aria-expanded="false"
+ aria-haspopup="true"
+ aria-label="List options"
+ class="mx_AccessibleButton mx_RoomSublist_menuButton"
+ role="button"
+ tabindex="0"
+ />
+ <div
+ class="mx_RoomSublist_badgeContainer"
+ />
+ </div>
+ </div>
+ </div>
+ <div
+ class="mx_RoomSublist_skeletonUI"
+ />
+ </div>
+ <div
+ aria-hidden="true"
+ aria-labelledby="mx_RoomSublist_label_im.vector.fake.suggested"
+ class="mx_RoomSublist mx_RoomSublist_hidden"
+ role="group"
+ >
+ <div
+ aria-expanded="true"
+ aria-label="Suggested Rooms"
+ aria-level="1"
+ aria-selected="false"
+ class="mx_RoomSublist_headerContainer"
+ role="treeitem"
+ >
+ <div
+ class="mx_RoomSublist_stickableContainer"
+ >
+ <div
+ class="mx_RoomSublist_stickable"
+ >
+ <div
+ aria-expanded="true"
+ class="mx_AccessibleButton mx_RoomSublist_headerText"
+ role="button"
+ tabindex="-1"
+ >
+ <span
+ class="mx_RoomSublist_collapseBtn"
+ />
+ <span
+ id="mx_RoomSublist_label_im.vector.fake.suggested"
+ >
+ Suggested Rooms
+ </span>
+ </div>
+ <div
+ class="mx_RoomSublist_badgeContainer"
+ />
+ </div>
+ </div>
+ </div>
+ <div
+ class="mx_RoomSublist_skeletonUI"
+ />
+ </div>
+ </div>
+ </div>
+ </nav>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div
+ class="mx_ResizeHandle mx_ResizeHandle--horizontal"
+ data-id="lp-resizer"
+ >
+ <div />
+ </div>
+ <div
+ class="mx_RoomView_wrapper"
+ >
+ <main
+ class="mx_AutoHideScrollbar mx_HomePage mx_HomePage_default"
+ tabindex="-1"
+ >
+ <div
+ class="mx_HomePage_default_wrapper"
+ >
+ <div>
+ <input
+ accept="image/*"
+ class="mx_MiniAvatarUploader_input"
+ type="file"
+ />
+ <div
+ aria-label="Add a photo so people know it's you."
+ class="mx_AccessibleButton mx_MiniAvatarUploader"
+ role="button"
+ tabindex="0"
+ >
+ <span
+ class="_avatar_1qbcf_8 mx_BaseAvatar _avatar-imageless_1qbcf_52"
+ data-color="2"
+ data-testid="avatar-img"
+ data-type="round"
+ role="presentation"
+ style="--cpd-avatar-size: 52px;"
+ >
+ E
+ </span>
+ <div
+ class="mx_MiniAvatarUploader_indicator"
+ >
+ <div
+ class="mx_MiniAvatarUploader_cameraIcon"
+ />
+ </div>
+ </div>
+ <h1>
+ Welcome Ernie
+ </h1>
+ <h2>
+ Now, let's help you get started
+ </h2>
+ </div>
+ <div
+ class="mx_HomePage_default_buttons"
+ >
+ <div
+ class="mx_AccessibleButton mx_HomePage_button_sendDm"
+ role="button"
+ tabindex="0"
+ >
+ Send a Direct Message
+ </div>
+ <div
+ class="mx_AccessibleButton mx_HomePage_button_explore"
+ role="button"
+ tabindex="0"
+ >
+ Explore Public Rooms
+ </div>
+ <div
+ class="mx_AccessibleButton mx_HomePage_button_createGroup"
+ role="button"
+ tabindex="0"
+ >
+ Create a Group Chat
+ </div>
+ </div>
+ </div>
+ </main>
+ </div>
+ </div>
+ </div>
+ <div
+ class="mx_NonUrgentToastContainer"
+ role="alert"
+ />
</div>
Outcome
N/A
Operating system
No response
Browser information
No response
URL for webapp
No response
Application version
No response
Homeserver
No response
Will you send logs?
No