mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web.git synced 2024-12-20 21:03:08 +03:00
Code Issues Projects Releases Packages Wiki Activity
element-web/test/unit-tests/components/structures/__snapshots__/MatrixChat-test.tsx.snap

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

431 lines
9.8 KiB
Text
Raw Normal View History

Add basic unit test setup for `MatrixChat` (#10971) * mock enough things to get to welcome page * lint * add simple test for view room settings action * fussy spacing * some strict fixes
2023-05-25 05:35:22 +03:00
// Jest Snapshot v1, https://goo.gl/fbAQLP
Lock out the first tab if Element is opened in a second tab. (#11425) * Implement session lock dialogs * Bump analytics-events package * clean up resetJsDomAfterEach * fix types * update snapshot * update i18n strings
2023-08-24 11:28:43 +03: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>
Update open in other tab message (#11916)
2023-11-22 13:46:11 +03:00
Test is connected in another tab
Lock out the first tab if Element is opened in a second tab. (#11425) * Implement session lock dialogs * Bump analytics-events package * clean up resetJsDomAfterEach * fix types * update snapshot * update i18n strings
2023-08-24 11:28:43 +03:00
</h1>
<h2>
Update open in other tab message (#11916)
2023-11-22 13:46:11 +03:00
Switch to the other tab to connect to Test. This tab can now be closed.
Lock out the first tab if Element is opened in a second tab. (#11425) * Implement session lock dialogs * Bump analytics-events package * clean up resetJsDomAfterEach * fix types * update snapshot * update i18n strings
2023-08-24 11:28:43 +03:00
</h2>
</main>
</div>
`;
exports[`<MatrixChat /> Multi-tab lockout shows the lockout page when a second tab opens during crypto init 1`] = `
Default bundled emoji font to on (#11935) * Update Settings.tsx * Update tests Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update snapshot Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update assertion Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> --------- Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2023-11-27 12:59:09 +03:00
<body
style="--emoji-font-family: Twemoji;"
>
Lock out the first tab if Element is opened in a second tab. (#11425) * Implement session lock dialogs * Bump analytics-events package * clean up resetJsDomAfterEach * fix types * update snapshot * update i18n strings
2023-08-24 11:28:43 +03:00
<div>
<main
class="mx_SessionLockStolenView mx_SplashPage"
>
<h1>
Update open in other tab message (#11916)
2023-11-22 13:46:11 +03:00
Test is connected in another tab
Lock out the first tab if Element is opened in a second tab. (#11425) * Implement session lock dialogs * Bump analytics-events package * clean up resetJsDomAfterEach * fix types * update snapshot * update i18n strings
2023-08-24 11:28:43 +03:00
</h1>
<h2>
Update open in other tab message (#11916)
2023-11-22 13:46:11 +03:00
Switch to the other tab to connect to Test. This tab can now be closed.
Lock out the first tab if Element is opened in a second tab. (#11425) * Implement session lock dialogs * Bump analytics-events package * clean up resetJsDomAfterEach * fix types * update snapshot * update i18n strings
2023-08-24 11:28:43 +03: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>
Update open in other tab message (#11916)
2023-11-22 13:46:11 +03:00
Test is connected in another tab
Lock out the first tab if Element is opened in a second tab. (#11425) * Implement session lock dialogs * Bump analytics-events package * clean up resetJsDomAfterEach * fix types * update snapshot * update i18n strings
2023-08-24 11:28:43 +03:00
</h1>
<h2>
Update open in other tab message (#11916)
2023-11-22 13:46:11 +03:00
Switch to the other tab to connect to Test. This tab can now be closed.
Lock out the first tab if Element is opened in a second tab. (#11425) * Implement session lock dialogs * Bump analytics-events package * clean up resetJsDomAfterEach * fix types * update snapshot * update i18n strings
2023-08-24 11:28:43 +03: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>
Update open in other tab message (#11916)
2023-11-22 13:46:11 +03:00
Test is connected in another tab
Lock out the first tab if Element is opened in a second tab. (#11425) * Implement session lock dialogs * Bump analytics-events package * clean up resetJsDomAfterEach * fix types * update snapshot * update i18n strings
2023-08-24 11:28:43 +03:00
</h1>
<h2>
Update open in other tab message (#11916)
2023-11-22 13:46:11 +03:00
Switch to the other tab to connect to Test. This tab can now be closed.
Lock out the first tab if Element is opened in a second tab. (#11425) * Implement session lock dialogs * Bump analytics-events package * clean up resetJsDomAfterEach * fix types * update snapshot * update i18n strings
2023-08-24 11:28:43 +03: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"
>
<div
class="mx_Welcome"
Force verification even for refreshed clients (#44) * Force verification even for refreshed cients Set a flag on login to remember that the device needs to be verified so that we don't forget if the user refreshes the page, but still allow user with an existing unverified session to stay logged in. * Hopefully make matrixchat tests pass? Much, much tweaking to make the matrixchat tests pass again. Should hopefully make them a bit more solid in general with judicious use of waitFor rather than flushPromises(). Also lots of fun to stop the state bleeding between tests. * Manual yarn.lock manipulation to hopefully resolve infinite package sadness * Make final test pass(?) Mock out the createClient method to return the same client, because we've mocked the peg to always return that client, so if we let the code make another one having still overridden the peg, everything becomes cursed. Also mock out the autodiscovery stuff rather than relying on fetch-mock. * another waitFor * death to flushPromises * Put the logged in dispatch back Actually it breaks all sorts of other things too, having fixed all the MatrixChat tests (although this is useful anyway). * Try displaying the screen in onClientStarted instead * Put post login screen back in logged in but move ready transition to avoid flash of main UI * Rejig more in the hope it does the right thing * Make hook work before push rules are fetched * Add test for unskippable verification * Add test for use case selection * Fix test * Add playwright test for unskippable verification * Remove console log * Add log message to log line * Add tsdoc * Use useTypedEventEmitter * Remove commented code * Use catch instead of empty then on unawaited promises or in one case just await it because the caller was async anyway * Add new mock
2024-10-03 11:55:06 +03:00
data-testid="mx_welcome_screen"
Lock out the first tab if Element is opened in a second tab. (#11425) * Implement session lock dialogs * Bump analytics-events package * clean up resetJsDomAfterEach * fix types * update snapshot * update i18n strings
2023-08-24 11:28:43 +03:00
>
<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>
`;
Add basic unit test setup for `MatrixChat` (#10971) * mock enough things to get to welcome page * lint * add simple test for view room settings action * fussy spacing * some strict fixes
2023-05-25 05:35:22 +03: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>
`;
unit test leave room action handler (#10982)
2023-05-31 01:46:08 +03:00
Clean up the MatrixChat initSession code (#11403) `async` functions are a thing, and they make this much more comprehensible.
2023-08-14 15:52:08 +03: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"
>
<div
class="mx_AuthHeader"
>
<aside
class="mx_AuthHeaderLogo"
>
Matrix
</aside>
<div
Use Intl for names of languages (#11427) * Use Intl for names of languages * Tweak Intl language style from "American English" -> "US English" * Update tests * Fix tests * Consolidate languageHandler-test files * Improve coverage * Consistent casing for languages in dropdown * Update LanguageDropdown.tsx * Delint & update snapshot * Fix tests * Improve coverage `of` will fallback to the given code with fallback=code (default)
2023-08-22 17:07:16 +03:00
class="mx_Dropdown mx_LanguageDropdown mx_AuthBody_language"
Clean up the MatrixChat initSession code (#11403) `async` functions are a thing, and they make this much more comprehensible.
2023-08-14 15:52:08 +03:00
>
<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>
Fix incompatibility of Soft Logout with Element-R (#11468) * Fix incompatibility of Soft Logout with Element-R This `countSessionsNeedingBackup` isn't available in Element-R, and I don't really understand the logic behind changing the message when we have sessions that are awaiting backup. Let's just rip it out. * i18n * update snapshot
2023-08-24 16:27:32 +03:00
Enter your password to sign in and regain access to your account.
Clean up the MatrixChat initSession code (#11403) `async` functions are a thing, and they make this much more comprehensible.
2023-08-14 15:52:08 +03:00
</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"
>
Create more `action_*` common strings (#11438)
2023-08-23 13:57:22 +03:00
Sign in
Clean up the MatrixChat initSession code (#11403) `async` functions are a thing, and they make this much more comprehensible.
2023-08-14 15:52:08 +03:00
</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>
`;
unit test leave room action handler (#10982)
2023-05-31 01:46:08 +03: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
Refine styles of menus, toasts, popovers, and modals (#12332) * Refine styles of menus, toasts, popovers, and modals This is a reintroduction of https://github.com/matrix-org/matrix-react-sdk/pull/12247, with the difference that modal styles have now been refreshed as well. * Restore the fixed heights of some dialogs * Fix formatting and flaky screenshot
2024-03-13 16:38:32 +03:00
class="mx_Dialog_header"
unit test leave room action handler (#10982)
2023-05-31 01:46:08 +03:00
>
Use h1 as first heading in dialogs (#12250) * 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
2024-02-16 17:23:33 +03:00
<h1
Compound Typography pass regression fixes (#11189) * Compound Typography pass regression fixes * updates to the room list sizing * fix subtitle clipping * revert display name to use medium variant
2023-07-04 19:54:28 +03:00
class="mx_Heading_h3 mx_Dialog_title"
unit test leave room action handler (#10982)
2023-05-31 01:46:08 +03:00
id="mx_BaseDialog_title"
>
Leave room
Use h1 as first heading in dialogs (#12250) * 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
2024-02-16 17:23:33 +03:00
</h1>
unit test leave room action handler (#10982)
2023-05-31 01:46:08 +03: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
Remove focus-visible polyfill (#11677) * Remove focus-visible polyfill Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update snapshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> --------- Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2023-09-28 14:52:26 +03:00
class="mx_Dialog_primary"
unit test leave room action handler (#10982)
2023-05-31 01:46:08 +03:00
data-testid="dialog-primary-button"
type="button"
>
Leave
</button>
</span>
</div>
Minor tweaks to UserSettings dialog (#12651) * Make user settings dialog title looks like figma design * dialog: add title to close button * Update dialog snapshot * Update playwright snapshot
2024-06-20 12:29:38 +03:00
<div
aria-label="Close dialog"
class="mx_AccessibleButton mx_Dialog_cancelButton"
role="button"
tabindex="0"
/>
unit test leave room action handler (#10982)
2023-05-31 01:46:08 +03: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
Refine styles of menus, toasts, popovers, and modals (#12332) * Refine styles of menus, toasts, popovers, and modals This is a reintroduction of https://github.com/matrix-org/matrix-react-sdk/pull/12247, with the difference that modal styles have now been refreshed as well. * Restore the fixed heights of some dialogs * Fix formatting and flaky screenshot
2024-03-13 16:38:32 +03:00
class="mx_Dialog_header"
unit test leave room action handler (#10982)
2023-05-31 01:46:08 +03:00
>
Use h1 as first heading in dialogs (#12250) * 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
2024-02-16 17:23:33 +03:00
<h1
Compound Typography pass regression fixes (#11189) * Compound Typography pass regression fixes * updates to the room list sizing * fix subtitle clipping * revert display name to use medium variant
2023-07-04 19:54:28 +03:00
class="mx_Heading_h3 mx_Dialog_title"
unit test leave room action handler (#10982)
2023-05-31 01:46:08 +03:00
id="mx_BaseDialog_title"
>
Leave space
Use h1 as first heading in dialogs (#12250) * 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
2024-02-16 17:23:33 +03:00
</h1>
unit test leave room action handler (#10982)
2023-05-31 01:46:08 +03: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
Remove focus-visible polyfill (#11677) * Remove focus-visible polyfill Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update snapshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> --------- Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
2023-09-28 14:52:26 +03:00
class="mx_Dialog_primary"
unit test leave room action handler (#10982)
2023-05-31 01:46:08 +03:00
data-testid="dialog-primary-button"
type="button"
>
Leave
</button>
</span>
</div>
Minor tweaks to UserSettings dialog (#12651) * Make user settings dialog title looks like figma design * dialog: add title to close button * Update dialog snapshot * Update playwright snapshot
2024-06-20 12:29:38 +03:00
<div
aria-label="Close dialog"
class="mx_AccessibleButton mx_Dialog_cancelButton"
role="button"
tabindex="0"
/>
unit test leave room action handler (#10982)
2023-05-31 01:46:08 +03:00
</div>
`;
Reference in a new issue Copy permalink