1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
metamask-extension/ui/components/multichain/multichain-connected-site-menu/__snapshots__/multichain-connected-site-menu.test.js.snap
Nidhi Kumari 0bbfd38cc6
UX Multichain: Menu for Site connections and permissions (#18167)
* added site connection menu component

* reverted change for unlock page

* updated snapshot

* updated state with useSelector

* updated state for connected

* updated icons

* updated test

* updated snapshot

* moved component to multichain folder

* updated color

* added multichain connection to menu bar

* updated default color

* updated css

* updated multichain site with connected site info

* updated ui for not connected state

* removed scripts

* updated lint errors

* updated lint errors

* updated stories

* updated story for not connected to current state

* updated story for not connected to current state

* updated badge to 16px

* updated badge position

* updated snapshot

* fixed lint errors

* updated not connected state icon

* updated constants for status and added new locale string
2023-03-31 22:53:27 +05:30

113 lines
3.8 KiB
Plaintext

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Multichain Connected Site Menu should render the site menu in connected state 1`] = `
<div>
<div
class="box multichain-connected-site-menu box--flex-direction-row"
data-testid="connection-menu"
>
<div>
<div
aria-describedby="tippy-tooltip-1"
class=""
data-original-title="Account 2 connected"
data-tooltipped=""
style="display: inline;"
tabindex="0"
>
<div
class="box mm-badge-wrapper box--display-inline-block box--flex-direction-row"
>
<span
class="box mm-icon mm-icon--size-lg box--display-inline-block box--flex-direction-row box--color-icon-default"
style="mask-image: url('./images/icons/global.svg');"
/>
<div
class="box mm-badge-wrapper__badge-container box--flex-direction-row"
style="bottom: 2px; right: -4px; z-index: 1;"
>
<div
class="box multichain-connected-site-menu__badge box--flex-direction-row box--background-color-success-default box--rounded-full box--border-color-background-default box--border-width-3 box--border-style-solid"
/>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`Multichain Connected Site Menu should render the site menu in not connected state 1`] = `
<div>
<div
class="box multichain-connected-site-menu box--flex-direction-row"
data-testid="connection-menu"
>
<div>
<div
aria-describedby="tippy-tooltip-2"
class=""
data-original-title="No accounts connected"
data-tooltipped=""
style="display: inline;"
tabindex="0"
>
<div
class="box mm-badge-wrapper box--display-inline-block box--flex-direction-row"
>
<span
class="box mm-icon mm-icon--size-lg box--display-inline-block box--flex-direction-row box--color-icon-default"
style="mask-image: url('./images/icons/global.svg');"
/>
<div
class="box mm-badge-wrapper__badge-container box--flex-direction-row"
style="bottom: 2px; right: -4px; z-index: 1;"
>
<div
class="box multichain-connected-site-menu__badge box--flex-direction-row box--background-color-icon-alternative box--rounded-full box--border-color-background-default box--border-width-3 box--border-style-solid"
/>
</div>
</div>
</div>
</div>
</div>
</div>
`;
exports[`Multichain Connected Site Menu should render the site menu in not connected to current account state 1`] = `
<div>
<div
class="box multichain-connected-site-menu box--flex-direction-row"
data-testid="connection-menu"
>
<div>
<div
aria-describedby="tippy-tooltip-3"
class=""
data-original-title="Account 2 not connected"
data-tooltipped=""
style="display: inline;"
tabindex="0"
>
<div
class="box mm-badge-wrapper box--display-inline-block box--flex-direction-row"
>
<span
class="box mm-icon mm-icon--size-lg box--display-inline-block box--flex-direction-row box--color-icon-default"
style="mask-image: url('./images/icons/global.svg');"
/>
<div
class="box mm-badge-wrapper__badge-container box--flex-direction-row"
style="bottom: 4px; right: -1px; z-index: 1;"
>
<div
class="box multichain-connected-site-menu__badge not-connected box--flex-direction-row box--background-color-background-default box--rounded-full box--border-color-success-default box--border-width-2 box--border-style-solid"
/>
</div>
</div>
</div>
</div>
</div>
</div>
`;