2023-05-25 04:35:22 +02:00
// Jest Snapshot v1, https://goo.gl/fbAQLP
2023-08-24 10:28:43 +02:00
exports[`<MatrixChat /> Multi-tab lockout shows the lockout page when a second tab opens after a session is restored 1`] = `
<div>
<main
class="mx_SessionLockStolenView mx_SplashPage"
>
<h1>
2023-11-22 11:46:11 +01:00
Test is connected in another tab
2023-08-24 10:28:43 +02:00
</h1>
<h2>
2023-11-22 11:46:11 +01:00
Switch to the other tab to connect to Test. This tab can now be closed.
2023-08-24 10:28:43 +02:00
</h2>
</main>
</div>
`;
exports[`<MatrixChat /> Multi-tab lockout shows the lockout page when a second tab opens during crypto init 1`] = `
2023-11-27 10:59:09 +01:00
<body
style="--emoji-font-family: Twemoji;"
>
2023-08-24 10:28:43 +02:00
<div>
<main
class="mx_SessionLockStolenView mx_SplashPage"
>
<h1>
2023-11-22 11:46:11 +01:00
Test is connected in another tab
2023-08-24 10:28:43 +02:00
</h1>
<h2>
2023-11-22 11:46:11 +01:00
Switch to the other tab to connect to Test. This tab can now be closed.
2023-08-24 10:28:43 +02:00
</h2>
</main>
</div>
</body>
`;
exports[`<MatrixChat /> Multi-tab lockout shows the lockout page when a second tab opens while we are checking the sync store 1`] = `
<div>
<main
class="mx_SessionLockStolenView mx_SplashPage"
>
<h1>
2023-11-22 11:46:11 +01:00
Test is connected in another tab
2023-08-24 10:28:43 +02:00
</h1>
<h2>
2023-11-22 11:46:11 +01:00
Switch to the other tab to connect to Test. This tab can now be closed.
2023-08-24 10:28:43 +02:00
</h2>
</main>
</div>
`;
exports[`<MatrixChat /> Multi-tab lockout shows the lockout page when a second tab opens while we were waiting for the lock ourselves 1`] = `
<div>
<main
class="mx_SessionLockStolenView mx_SplashPage"
>
<h1>
2023-11-22 11:46:11 +01:00
Test is connected in another tab
2023-08-24 10:28:43 +02:00
</h1>
<h2>
2023-11-22 11:46:11 +01:00
Switch to the other tab to connect to Test. This tab can now be closed.
2023-08-24 10:28:43 +02:00
</h2>
</main>
</div>
`;
exports[`<MatrixChat /> Multi-tab lockout waits for other tab to stop during startup 1`] = `
<div>
<div
class="mx_ConfirmSessionLockTheftView"
>
<div
class="mx_ConfirmSessionLockTheftView_body"
>
<p>
Test is open in another window. Click "Continue" to use Test here and disconnect the other window.
</p>
<div
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
role="button"
tabindex="0"
>
Continue
</div>
</div>
</div>
</div>
`;
exports[`<MatrixChat /> Multi-tab lockout waits for other tab to stop during startup 2`] = `
<div>
<div
class="mx_MatrixChat_splash"
>
<div
class="mx_Spinner"
>
<div
aria-label="Loading…"
class="mx_Spinner_icon"
data-testid="spinner"
role="progressbar"
style="width: 32px; height: 32px;"
/>
</div>
</div>
</div>
`;
exports[`<MatrixChat /> Multi-tab lockout waits for other tab to stop during startup 3`] = `
<div>
<div
class="mx_AuthPage"
>
<div
class="mx_AuthPage_modal"
2024-11-05 16:41:00 +01:00
style="position: relative;"
2023-08-24 10:28:43 +02:00
>
<div
2024-11-05 16:41:00 +01:00
class="mx_AuthPage_modalBlur"
style="position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; filter: blur(40px);"
/>
<div
class="mx_AuthPage_modalContent"
style="display: flex; z-index: 1; background: rgba(255, 255, 255, 0.59); border-radius: 8px;"
2023-08-24 10:28:43 +02:00
>
<div
2024-11-05 16:41:00 +01:00
class="mx_Welcome"
data-testid="mx_welcome_screen"
2023-08-24 10:28:43 +02:00
>
<div
2024-11-05 16:41:00 +01:00
class="mx_WelcomePage mx_WelcomePage_loggedIn"
2023-08-24 10:28:43 +02:00
>
2024-11-05 16:41:00 +01:00
<div
class="mx_WelcomePage_body"
>
<h1>
Hello
</h1>
</div>
2023-08-24 10:28:43 +02:00
</div>
<div
2024-11-05 16:41:00 +01:00
class="mx_Dropdown mx_LanguageDropdown mx_AuthBody_language"
2023-08-24 10:28:43 +02:00
>
<div
2024-11-05 16:41:00 +01:00
aria-describedby="mx_LanguageDropdown_value"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Language Dropdown"
aria-owns="mx_LanguageDropdown_input"
class="mx_AccessibleButton mx_Dropdown_input mx_no_textinput"
role="button"
tabindex="0"
2023-08-24 10:28:43 +02:00
>
2024-11-05 16:41:00 +01:00
<div
class="mx_Dropdown_option"
id="mx_LanguageDropdown_value"
>
<div>
English
</div>
2023-08-24 10:28:43 +02:00
</div>
2024-11-05 16:41:00 +01:00
<span
class="mx_Dropdown_arrow"
/>
2023-08-24 10:28:43 +02:00
</div>
</div>
</div>
</div>
</div>
<footer
class="mx_AuthFooter"
role="contentinfo"
>
2024-11-05 16:41:00 +01:00
<a
href="https://element.io/blog"
rel="noreferrer noopener"
target="_blank"
>
Blog
</a>
<a
href="https://twitter.com/element_hq"
rel="noreferrer noopener"
target="_blank"
>
Twitter
</a>
<a
href="https://github.com/element-hq/element-web"
rel="noreferrer noopener"
target="_blank"
>
GitHub
</a>
2023-08-24 10:28:43 +02:00
<a
href="https://matrix.org"
rel="noreferrer noopener"
target="_blank"
>
2024-11-05 16:41:00 +01:00
Powered by Matrix
2023-08-24 10:28:43 +02:00
</a>
</footer>
</div>
</div>
`;
2023-05-25 04:35:22 +02:00
exports[`<MatrixChat /> should render spinner while app is loading 1`] = `
<div>
<div
class="mx_MatrixChat_splash"
>
<div
class="mx_Spinner"
>
<div
aria-label="Loading…"
class="mx_Spinner_icon"
data-testid="spinner"
role="progressbar"
style="width: 32px; height: 32px;"
/>
</div>
</div>
</div>
`;
2023-05-31 00:46:08 +02:00
2023-08-14 14:52:08 +02:00
exports[`<MatrixChat /> with a soft-logged-out session should show the soft-logout page 1`] = `
<div>
<div
class="mx_AuthPage"
>
<div
class="mx_AuthPage_modal"
2024-11-05 16:41:00 +01:00
style="position: relative;"
2023-08-14 14:52:08 +02:00
>
<div
2024-11-05 16:41:00 +01:00
class="mx_AuthPage_modalBlur"
style="position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; filter: blur(40px);"
/>
<div
class="mx_AuthPage_modalContent"
style="display: flex; z-index: 1; background: rgba(255, 255, 255, 0.59); border-radius: 8px;"
2023-08-14 14:52:08 +02:00
>
<div
2024-11-05 16:41:00 +01:00
class="mx_AuthHeader"
2023-08-14 14:52:08 +02:00
>
2024-11-05 16:41:00 +01:00
<aside
class="mx_AuthHeaderLogo"
>
<img
alt="Element"
src="themes/element/img/logos/element-logo.svg"
/>
</aside>
2023-08-14 14:52:08 +02:00
<div
2024-11-05 16:41:00 +01:00
class="mx_Dropdown mx_LanguageDropdown mx_AuthBody_language"
2023-08-14 14:52:08 +02:00
>
<div
2024-11-05 16:41:00 +01:00
aria-describedby="mx_LanguageDropdown_value"
aria-expanded="false"
aria-haspopup="listbox"
aria-label="Language Dropdown"
aria-owns="mx_LanguageDropdown_input"
class="mx_AccessibleButton mx_Dropdown_input mx_no_textinput"
role="button"
tabindex="0"
2023-08-14 14:52:08 +02:00
>
2024-11-05 16:41:00 +01:00
<div
class="mx_Dropdown_option"
id="mx_LanguageDropdown_value"
>
<div>
English
</div>
2023-08-14 14:52:08 +02:00
</div>
2024-11-05 16:41:00 +01:00
<span
class="mx_Dropdown_arrow"
/>
2023-08-14 14:52:08 +02:00
</div>
</div>
</div>
2024-11-05 16:41:00 +01:00
<main
class="mx_AuthBody"
>
<h1>
You're signed out
</h1>
<h2>
Sign in
</h2>
<div>
<form>
<p>
Enter your password to sign in and regain access to your account.
</p>
<div
class="mx_Field mx_Field_input"
2023-08-14 14:52:08 +02:00
>
2024-11-05 16:41:00 +01:00
<input
id="mx_Field_1"
label="Password"
placeholder="Password"
type="password"
value=""
/>
<label
for="mx_Field_1"
>
Password
</label>
</div>
<div
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
role="button"
tabindex="0"
type="submit"
>
Sign in
</div>
<div
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link"
role="button"
tabindex="0"
>
Forgotten your password?
</div>
</form>
</div>
<h2>
Clear personal data
</h2>
<p>
Warning: your personal data (including encryption keys) is still stored in this session. Clear it if you're finished using this session, or want to sign in to another account.
</p>
<div>
2023-08-14 14:52:08 +02:00
<div
2024-11-05 16:41:00 +01:00
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_danger"
2023-08-14 14:52:08 +02:00
role="button"
tabindex="0"
>
2024-11-05 16:41:00 +01:00
Clear all data
2023-08-14 14:52:08 +02:00
</div>
</div>
2024-11-05 16:41:00 +01:00
</main>
</div>
2023-08-14 14:52:08 +02:00
</div>
<footer
class="mx_AuthFooter"
role="contentinfo"
>
2024-11-05 16:41:00 +01:00
<a
href="https://element.io/blog"
rel="noreferrer noopener"
target="_blank"
>
Blog
</a>
<a
href="https://twitter.com/element_hq"
rel="noreferrer noopener"
target="_blank"
>
Twitter
</a>
<a
href="https://github.com/element-hq/element-web"
rel="noreferrer noopener"
target="_blank"
>
GitHub
</a>
2023-08-14 14:52:08 +02:00
<a
href="https://matrix.org"
rel="noreferrer noopener"
target="_blank"
>
2024-11-05 16:41:00 +01:00
Powered by Matrix
2023-08-14 14:52:08 +02:00
</a>
</footer>
</div>
</div>
`;
2023-05-31 00:46:08 +02:00
exports[`<MatrixChat /> with an existing session onAction() room actions leave_room for a room should launch a confirmation modal 1`] = `
<div
aria-describedby="mx_Dialog_content"
aria-labelledby="mx_BaseDialog_title"
class="mx_QuestionDialog mx_Dialog_fixedWidth"
data-focus-lock-disabled="false"
role="dialog"
>
<div
2024-03-13 14:38:32 +01:00
class="mx_Dialog_header"
2023-05-31 00:46:08 +02:00
>
2024-02-16 15:23:33 +01:00
<h1
2023-07-04 18:54:28 +02:00
class="mx_Heading_h3 mx_Dialog_title"
2023-05-31 00:46:08 +02:00
id="mx_BaseDialog_title"
>
Leave room
2024-02-16 15:23:33 +01:00
</h1>
2023-05-31 00:46:08 +02:00
</div>
<div
class="mx_Dialog_content"
id="mx_Dialog_content"
>
<span>
Are you sure you want to leave the room '!room:server.org'?
</span>
</div>
<div
class="mx_Dialog_buttons"
>
<span
class="mx_Dialog_buttons_row"
>
<button
data-testid="dialog-cancel-button"
type="button"
>
Cancel
</button>
<button
2023-09-28 13:52:26 +02:00
class="mx_Dialog_primary"
2023-05-31 00:46:08 +02:00
data-testid="dialog-primary-button"
type="button"
>
Leave
</button>
</span>
</div>
2024-06-20 11:29:38 +02:00
<div
aria-label="Close dialog"
class="mx_AccessibleButton mx_Dialog_cancelButton"
role="button"
tabindex="0"
/>
2023-05-31 00:46:08 +02:00
</div>
`;
exports[`<MatrixChat /> with an existing session onAction() room actions leave_room for a space should launch a confirmation modal 1`] = `
<div
aria-describedby="mx_Dialog_content"
aria-labelledby="mx_BaseDialog_title"
class="mx_QuestionDialog mx_Dialog_fixedWidth"
data-focus-lock-disabled="false"
role="dialog"
>
<div
2024-03-13 14:38:32 +01:00
class="mx_Dialog_header"
2023-05-31 00:46:08 +02:00
>
2024-02-16 15:23:33 +01:00
<h1
2023-07-04 18:54:28 +02:00
class="mx_Heading_h3 mx_Dialog_title"
2023-05-31 00:46:08 +02:00
id="mx_BaseDialog_title"
>
Leave space
2024-02-16 15:23:33 +01:00
</h1>
2023-05-31 00:46:08 +02:00
</div>
<div
class="mx_Dialog_content"
id="mx_Dialog_content"
>
<span>
Are you sure you want to leave the space '!spaceRoom:server.org'?
</span>
</div>
<div
class="mx_Dialog_buttons"
>
<span
class="mx_Dialog_buttons_row"
>
<button
data-testid="dialog-cancel-button"
type="button"
>
Cancel
</button>
<button
2023-09-28 13:52:26 +02:00
class="mx_Dialog_primary"
2023-05-31 00:46:08 +02:00
data-testid="dialog-primary-button"
type="button"
>
Leave
</button>
</span>
</div>
2024-06-20 11:29:38 +02:00
<div
aria-label="Close dialog"
class="mx_AccessibleButton mx_Dialog_cancelButton"
role="button"
tabindex="0"
/>
2023-05-31 00:46:08 +02:00
</div>
`;
