b0392b8fc3
* Warn users on unsupported browsers before they lack features Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update Learn more link Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Iterate Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Update toast styles to match Figma Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> * Remove test code 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 snapshots --------- Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
77 lines
1.9 KiB
Text
77 lines
1.9 KiB
Text
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`UnverifiedSessionToast when rendering the toast should render as expected 1`] = `
|
|
<body>
|
|
<div>
|
|
<div
|
|
class="mx_ToastContainer"
|
|
role="alert"
|
|
>
|
|
<div
|
|
class="mx_Toast_toast mx_Toast_hasIcon mx_Toast_icon_verification_warning"
|
|
>
|
|
<div
|
|
class="mx_Toast_title"
|
|
>
|
|
<h2
|
|
class="_typography_yh5dq_162 _font-body-lg-semibold_yh5dq_83"
|
|
>
|
|
New login. Was this you?
|
|
</h2>
|
|
<span
|
|
class="mx_Toast_title_countIndicator"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="mx_Toast_body"
|
|
>
|
|
<div>
|
|
<div
|
|
class="mx_Toast_description"
|
|
>
|
|
<div
|
|
class="mx_Toast_detail"
|
|
>
|
|
<span
|
|
data-testid="device-metadata-isVerified"
|
|
>
|
|
Verified
|
|
</span>
|
|
·
|
|
<span
|
|
data-testid="device-metadata-deviceId"
|
|
>
|
|
ABC123
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div
|
|
aria-live="off"
|
|
class="mx_Toast_buttons"
|
|
>
|
|
<button
|
|
class="_button_zt6rp_17 _destructive_zt6rp_111"
|
|
data-kind="secondary"
|
|
data-size="sm"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
No
|
|
</button>
|
|
<button
|
|
class="_button_zt6rp_17"
|
|
data-kind="primary"
|
|
data-size="sm"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Yes, it was me
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
`;
|