1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-26 12:29:06 +01:00
metamask-extension/ui/pages/keyring-snaps/snap-account-detail-page/__snapshots__/snap-account-detail-page.test.tsx.snap
George Marshall 5d17f86e02
Update Text import paths: component library/ (#19987)
* Updating component-librar import paths

* Updating snapshots

* Updates to AvatarBase story

* Updates to avatar and checkbox

* Updating last of the deprecated import paths

* Updating component-library snapshots from button-base

* Updating snapshots from rest of codebase to do with button-base

* Removing unneeded CSS

* Updating snapshots
2023-07-17 14:00:16 -07:00

233 lines
9.6 KiB
Plaintext

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`SnapAccountDetails should take a snapshot 1`] = `
<div>
<div
class="mm-box snap-details-page mm-box--padding-10 mm-box--sm:padding-10 mm-box--md:padding-10 mm-box--lg:padding-10 mm-box--display-flex mm-box--flex-direction-column"
>
<div
class="mm-box mm-box--margin-bottom-5"
>
<div
class="mm-box mm-box--margin-bottom-4 mm-box--display-flex mm-box--flex-direction-row mm-box--align-items-center"
>
<button
class="mm-box mm-text mm-button-base mm-button-link mm-button-link--size-auto mm-text--body-md-medium mm-box--margin-right-4 mm-box--padding-right-0 mm-box--padding-left-0 mm-box--display-inline-flex mm-box--justify-content-center mm-box--align-items-center mm-box--color-primary-default mm-box--background-color-transparent"
>
Create a Snap Account
</button>
<span
class="box mm-icon mm-icon--size-md box--margin-right-4 box--display-inline-block box--flex-direction-row box--color-inherit"
style="mask-image: url('./images/icons/arrow-right.svg');"
/>
<p
class="box mm-text mm-text--body-md box--flex-direction-row box--color-text-default"
>
Metamask Simple Keyring
</p>
</div>
<div
class="mm-box mm-box--display-flex mm-box--justify-content-space-between"
>
<div
class="mm-box mm-box--display-flex mm-box--flex-direction-row mm-box--align-items-center"
>
<h2
class="box mm-text mm-text--heading-lg box--margin-right-1 box--flex-direction-row box--color-text-default"
>
Metamask Simple Keyring
</h2>
</div>
<div
class="mm-box"
>
<button
class="mm-box mm-text mm-button-base mm-button-base--size-md mm-button-primary mm-text--body-md-medium mm-box--padding-right-4 mm-box--padding-left-4 mm-box--display-inline-flex mm-box--justify-content-center mm-box--align-items-center mm-box--color-primary-inverse mm-box--background-color-primary-default mm-box--rounded-pill"
>
Install snap
</button>
</div>
</div>
<div
class="mm-box mm-box--display-flex mm-box--flex-direction-row mm-box--align-items-center"
>
<div
class="mm-box mm-box--margin-right-1 mm-box--padding-2 mm-box--sm:padding-2 mm-box--md:padding-2 mm-box--lg:padding-2 mm-box--display-flex mm-box--justify-content-center mm-box--align-items-center mm-box--border-color-border-muted mm-box--border-width-1 box--border-style-solid"
style="border-radius: 50%; height: 32px; width: 32px;"
>
<img
class="snap-detail-icon"
src=""
/>
</div>
<div
class="box mm-tag box--margin-right-1 box--padding-right-1 box--padding-left-1 box--display-inline-block box--flex-direction-row box--justify-content-center box--align-items-center box--color-info-default box--background-color-info-muted box--rounded-pill box--border-color-info-muted box--border-width-1 box--border-style-solid"
>
<p
class="mm-box mm-text mm-text--body-sm mm-box--color-info-default"
>
<div
class="mm-box mm-box--display-flex mm-box--justify-content-center mm-box--align-items-center"
>
<span
class="box mm-icon mm-icon--size-md box--display-inline-block box--flex-direction-row box--color-inherit"
style="mask-image: url('./images/icons/star.svg');"
/>
<p
class="box mm-text mm-text--body-sm box--flex-direction-row box--color-info-default"
>
By MetaMask
</p>
</div>
</p>
</div>
<div
class="box mm-tag box--padding-right-1 box--padding-left-1 box--display-inline-block box--flex-direction-row box--justify-content-center box--align-items-center box--color-info-default box--background-color-info-muted box--rounded-pill box--border-color-info-muted box--border-width-1 box--border-style-solid"
>
<p
class="mm-box mm-text mm-text--body-sm mm-box--color-info-default"
>
<div
class="mm-box mm-box--display-flex mm-box--justify-content-center mm-box--align-items-center"
>
<span
class="box mm-icon mm-icon--size-md box--display-inline-block box--flex-direction-row box--color-inherit"
style="mask-image: url('./images/icons/star.svg');"
/>
<p
class="box mm-text mm-text--body-sm box--flex-direction-row box--color-info-default"
>
Audited
</p>
</div>
</p>
</div>
</div>
</div>
<div
class="mm-box mm-box--display-flex"
>
<div
class="mm-box mm-box--display-flex mm-box--flex-direction-column mm-box--width-4/5"
>
<p
class="box mm-text mm-text--body-md-bold box--margin-bottom-2 box--flex-direction-row box--color-text-alternative"
>
Secure your account with MetaMask Mobile
</p>
<p
class="box mm-text mm-text--body-md box--flex-direction-row box--color-text-alternative"
>
A simple private key is a randomly generated string of characters that is used to sign transactions. This private key is stored securely within this snap.
</p>
</div>
<div
class="mm-box mm-box--padding-left-4 mm-box--display-flex mm-box--flex-direction-column mm-box--width-1/5"
>
<div
class="mm-box mm-box--margin-bottom-4 mm-box--flex-direction-column"
>
<p
class="box mm-text mm-text--body-sm-bold box--margin-bottom-1 box--flex-direction-row box--color-text-default"
>
Tags
</p>
<div
class="box mm-tag box--margin-right-1 box--padding-right-1 box--padding-left-1 box--display-inline-block box--flex-direction-row box--justify-content-center box--align-items-center box--background-color-background-default box--rounded-pill box--border-color-border-default box--border-width-1 box--border-style-solid"
>
<p
class="mm-box mm-text mm-text--body-sm mm-box--color-text-alternative"
>
EOA
</p>
</div>
</div>
<div
class="mm-box mm-box--margin-bottom-4 mm-box--flex-direction-column"
>
<p
class="box mm-text mm-text--body-sm-bold box--margin-bottom-1 box--flex-direction-row box--color-text-default"
>
Developer
</p>
<p
class="box mm-text mm-text--body-md box--flex-direction-row box--color-text-default"
>
Metamask
</p>
</div>
<div
class="mm-box mm-box--margin-bottom-4 mm-box--flex-direction-column"
>
<p
class="box mm-text mm-text--body-sm-bold box--margin-bottom-1 box--flex-direction-row box--color-text-default"
>
Website
</p>
https://www.consensys.net/
</div>
<div
class="mm-box mm-box--margin-bottom-4 mm-box--flex-direction-column"
>
<p
class="box mm-text mm-text--body-sm-bold box--margin-bottom-1 box--flex-direction-row box--color-text-default"
>
Audit
</p>
<p
class="box mm-text mm-text--body-md box--flex-direction-row box--color-text-default"
>
<a
class="mm-box mm-text mm-button-base mm-button-link mm-button-link--size-auto mm-text--body-md-medium mm-box--padding-right-0 mm-box--padding-left-0 mm-box--display-inline-flex mm-box--justify-content-center mm-box--align-items-center mm-box--color-primary-default mm-box--background-color-transparent"
href="auditUrl1"
>
auditUrl1
</a>
</p>
<p
class="box mm-text mm-text--body-md box--flex-direction-row box--color-text-default"
>
<a
class="mm-box mm-text mm-button-base mm-button-link mm-button-link--size-auto mm-text--body-md-medium mm-box--padding-right-0 mm-box--padding-left-0 mm-box--display-inline-flex mm-box--justify-content-center mm-box--align-items-center mm-box--color-primary-default mm-box--background-color-transparent"
href="auditUrl2"
>
auditUrl2
</a>
</p>
</div>
<div
class="mm-box mm-box--margin-bottom-4 mm-box--flex-direction-column"
>
<p
class="box mm-text mm-text--body-sm-bold box--margin-bottom-1 box--flex-direction-row box--color-text-default"
>
Version
</p>
<p
class="box mm-text mm-text--body-md box--flex-direction-row box--color-text-default"
>
1.0.0
</p>
</div>
<div
class="mm-box mm-box--margin-bottom-4 mm-box--flex-direction-column"
>
<p
class="box mm-text mm-text--body-sm-bold box--margin-bottom-1 box--flex-direction-row box--color-text-default"
>
Updated
</p>
<p
class="box mm-text mm-text--body-md box--flex-direction-row box--color-text-default"
>
April 20, 2023
</p>
</div>
</div>
</div>
</div>
</div>
`;