91e84f7951
* Upgrade to latest compound-web package * Use a custom render function for jest tests This way we don't need to manually wrap our components with <TooltipProvider> * Pin wrap-ansi to fix broken yarn install * Add playwright helper to find tooltip from element and use it in the failing test * Exclude floating-ui divs/spans from axe testing This is rendered outside .MatrixChat by compound and contains all the tooltips. * Wrap outermost components with TooltipProvider * Remove onChange and use onSelect for toggle * Fix jest tests and update snapshots * Use vector-im/matrix-wysiwig --------- Co-authored-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_i91xf_17 _destructive_i91xf_116"
|
|
data-kind="secondary"
|
|
data-size="sm"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
No
|
|
</button>
|
|
<button
|
|
class="_button_i91xf_17"
|
|
data-kind="primary"
|
|
data-size="sm"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Yes, it was me
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
`;
|