e8ce9cb360
* Use h1 as first heading in dialogs The dialog should be modal and therefore the only content active on the screen, so the title of the dialog should be the top level. Update snapshots & tests appropriately. * Just customise the letter spacing on dialog titles
429 lines
9.8 KiB
Text
429 lines
9.8 KiB
Text
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
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>
|
|
Test is connected in another tab
|
|
</h1>
|
|
<h2>
|
|
Switch to the other tab to connect to Test. This tab can now be closed.
|
|
</h2>
|
|
</main>
|
|
</div>
|
|
`;
|
|
|
|
exports[`<MatrixChat /> Multi-tab lockout shows the lockout page when a second tab opens during crypto init 1`] = `
|
|
<body
|
|
style="--emoji-font-family: Twemoji;"
|
|
>
|
|
<div>
|
|
<main
|
|
class="mx_SessionLockStolenView mx_SplashPage"
|
|
>
|
|
<h1>
|
|
Test is connected in another tab
|
|
</h1>
|
|
<h2>
|
|
Switch to the other tab to connect to Test. This tab can now be closed.
|
|
</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>
|
|
Test is connected in another tab
|
|
</h1>
|
|
<h2>
|
|
Switch to the other tab to connect to Test. This tab can now be closed.
|
|
</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>
|
|
Test is connected in another tab
|
|
</h1>
|
|
<h2>
|
|
Switch to the other tab to connect to Test. This tab can now be closed.
|
|
</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"
|
|
>
|
|
<div
|
|
class="mx_Welcome"
|
|
>
|
|
<div
|
|
class="mx_WelcomePage mx_WelcomePage_loggedIn"
|
|
>
|
|
<div
|
|
class="mx_WelcomePage_body"
|
|
>
|
|
<h1>
|
|
Hello
|
|
</h1>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="mx_Dropdown mx_LanguageDropdown mx_AuthBody_language"
|
|
>
|
|
<div
|
|
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"
|
|
>
|
|
<div
|
|
class="mx_Dropdown_option"
|
|
id="mx_LanguageDropdown_value"
|
|
>
|
|
<div>
|
|
English
|
|
</div>
|
|
</div>
|
|
<span
|
|
class="mx_Dropdown_arrow"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<footer
|
|
class="mx_AuthFooter"
|
|
role="contentinfo"
|
|
>
|
|
<a
|
|
href="https://matrix.org"
|
|
rel="noreferrer noopener"
|
|
target="_blank"
|
|
>
|
|
powered by Matrix
|
|
</a>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
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>
|
|
`;
|
|
|
|
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"
|
|
>
|
|
<div
|
|
class="mx_AuthHeader"
|
|
>
|
|
<aside
|
|
class="mx_AuthHeaderLogo"
|
|
>
|
|
Matrix
|
|
</aside>
|
|
<div
|
|
class="mx_Dropdown mx_LanguageDropdown mx_AuthBody_language"
|
|
>
|
|
<div
|
|
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"
|
|
>
|
|
<div
|
|
class="mx_Dropdown_option"
|
|
id="mx_LanguageDropdown_value"
|
|
>
|
|
<div>
|
|
English
|
|
</div>
|
|
</div>
|
|
<span
|
|
class="mx_Dropdown_arrow"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<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"
|
|
>
|
|
<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>
|
|
<div
|
|
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_danger"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Clear all data
|
|
</div>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
<footer
|
|
class="mx_AuthFooter"
|
|
role="contentinfo"
|
|
>
|
|
<a
|
|
href="https://matrix.org"
|
|
rel="noreferrer noopener"
|
|
target="_blank"
|
|
>
|
|
powered by Matrix
|
|
</a>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
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
|
|
class="mx_Dialog_header mx_Dialog_headerWithCancel"
|
|
>
|
|
<h1
|
|
class="mx_Heading_h3 mx_Dialog_title"
|
|
id="mx_BaseDialog_title"
|
|
>
|
|
Leave room
|
|
</h1>
|
|
<div
|
|
aria-label="Close dialog"
|
|
class="mx_AccessibleButton mx_Dialog_cancelButton"
|
|
role="button"
|
|
tabindex="0"
|
|
/>
|
|
</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
|
|
class="mx_Dialog_primary"
|
|
data-testid="dialog-primary-button"
|
|
type="button"
|
|
>
|
|
Leave
|
|
</button>
|
|
</span>
|
|
</div>
|
|
</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
|
|
class="mx_Dialog_header mx_Dialog_headerWithCancel"
|
|
>
|
|
<h1
|
|
class="mx_Heading_h3 mx_Dialog_title"
|
|
id="mx_BaseDialog_title"
|
|
>
|
|
Leave space
|
|
</h1>
|
|
<div
|
|
aria-label="Close dialog"
|
|
class="mx_AccessibleButton mx_Dialog_cancelButton"
|
|
role="button"
|
|
tabindex="0"
|
|
/>
|
|
</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
|
|
class="mx_Dialog_primary"
|
|
data-testid="dialog-primary-button"
|
|
type="button"
|
|
>
|
|
Leave
|
|
</button>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
`;
|