mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-01 21:57:06 +01:00
de83546d6d
* Fix #17932 - Ensure NFT last sold price is formatted correctly * Fix storybook * Update snapshot to include pricing
194 lines
7.8 KiB
Plaintext
194 lines
7.8 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||
|
||
exports[`NFT Details should match minimal props and state snapshot 1`] = `
|
||
<div>
|
||
<div
|
||
class="asset-navigation"
|
||
>
|
||
<button
|
||
class="asset-breadcrumb"
|
||
>
|
||
<span
|
||
class="box mm-icon mm-icon--size-xs box--margin-inline-end-3 box--display-inline-block box--flex-direction-row box--color-inherit"
|
||
data-testid="asset__back"
|
||
style="mask-image: url('./images/icons/arrow-left.svg');"
|
||
/>
|
||
<span>
|
||
Test Account
|
||
</span>
|
||
/
|
||
<span
|
||
class="asset-breadcrumb__asset"
|
||
>
|
||
Munk Generator
|
||
</span>
|
||
</button>
|
||
<div>
|
||
<button
|
||
aria-label="NFT Options"
|
||
class="box mm-button-icon mm-button-icon--size-lg nft-options__button box--display-inline-flex box--flex-direction-row box--justify-content-center box--align-items-center box--color-text-default box--background-color-transparent box--rounded-lg"
|
||
data-testid="nft-options__button"
|
||
>
|
||
<span
|
||
class="box mm-icon mm-icon--size-lg box--display-inline-block box--flex-direction-row box--color-inherit"
|
||
style="mask-image: url('./images/icons/more-vertical.svg');"
|
||
/>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="box nft-details box--flex-direction-row"
|
||
>
|
||
<div
|
||
class="nft-details__top-section"
|
||
>
|
||
<div
|
||
class="box nft-details__card box--flex-direction-row box--justify-content-center box--background-color-background-default box--rounded-md box--border-style-solid box--border-color-border-muted box--border-width-1 box--display-flex"
|
||
>
|
||
<img
|
||
alt="MUNK #1 1"
|
||
class="nft-details__image"
|
||
src="https://bafybeiclzx7zfjvuiuwobn5ip3ogc236bjqfjzoblumf4pau4ep6dqramu.ipfs.dweb.link"
|
||
/>
|
||
</div>
|
||
<div
|
||
class="box nft-details__info box--flex-direction-column box--justify-content-space-between box--display-flex"
|
||
>
|
||
<div>
|
||
<h4
|
||
class="box box--margin-top-1 box--margin-bottom-2 box--flex-direction-row typography typography--h4 typography--weight-bold typography--style-normal typography--color-text-default"
|
||
>
|
||
MUNK #1
|
||
</h4>
|
||
<h5
|
||
class="box box--margin-top-1 box--margin-bottom-4 box--flex-direction-row typography typography--h5 typography--weight-normal typography--style-normal typography--color-text-muted typography--overflowwrap-break-word"
|
||
>
|
||
#
|
||
1
|
||
</h5>
|
||
</div>
|
||
<div
|
||
class="box box--display-flex box--flex-direction-row box--width-1/2"
|
||
>
|
||
<button
|
||
class="button btn--rounded btn-primary nft-details__send-button"
|
||
data-testid="nft-send-button"
|
||
role="button"
|
||
tabindex="0"
|
||
>
|
||
Send
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="box box--margin-bottom-2 box--flex-direction-row"
|
||
>
|
||
<div
|
||
class="box box--display-flex box--flex-direction-row"
|
||
>
|
||
<h6
|
||
class="box box--margin-top-1 box--margin-right-2 box--margin-bottom-4 box--flex-direction-row typography nft-details__link-title typography--h6 typography--weight-bold typography--style-normal typography--color-text-default"
|
||
>
|
||
Last sold
|
||
</h6>
|
||
<div
|
||
class="box nft-details__contract-wrapper box--display-flex box--flex-direction-row"
|
||
>
|
||
<h6
|
||
class="box box--margin-top-1 box--margin-bottom-4 box--flex-direction-row typography typography--h6 typography--weight-normal typography--style-normal typography--color-text-alternative typography--overflowwrap-break-word"
|
||
>
|
||
1/18/2023
|
||
</h6>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="box box--display-flex box--flex-direction-row"
|
||
>
|
||
<h6
|
||
class="box box--margin-top-1 box--margin-right-2 box--margin-bottom-4 box--flex-direction-row typography nft-details__link-title typography--h6 typography--weight-bold typography--style-normal typography--color-text-default"
|
||
>
|
||
Last price sold
|
||
</h6>
|
||
<div
|
||
class="box nft-details__contract-wrapper box--display-flex box--flex-direction-row"
|
||
>
|
||
<h6
|
||
class="box box--margin-top-1 box--margin-bottom-4 box--flex-direction-row typography typography--h6 typography--weight-normal typography--style-normal typography--color-text-alternative typography--overflowwrap-break-word"
|
||
>
|
||
0.0049 ETH
|
||
</h6>
|
||
</div>
|
||
</div>
|
||
<div
|
||
class="box box--display-flex box--flex-direction-row"
|
||
>
|
||
<h6
|
||
class="box box--margin-top-1 box--margin-right-2 box--margin-bottom-4 box--flex-direction-row typography nft-details__link-title typography--h6 typography--weight-bold typography--style-normal typography--color-text-default"
|
||
>
|
||
Source
|
||
</h6>
|
||
<h6
|
||
class="box box--margin-top-1 box--margin-bottom-4 box--flex-direction-row typography nft-details__image-source typography--h6 typography--weight-normal typography--style-normal typography--color-primary-default"
|
||
>
|
||
<a
|
||
href="https://bafybeiclzx7zfjvuiuwobn5ip3ogc236bjqfjzoblumf4pau4ep6dqramu.ipfs.dweb.link"
|
||
rel="noopener noreferrer"
|
||
target="_blank"
|
||
title="https://bafybeiclzx7zfjvuiuwobn5ip3ogc236bjqfjzoblumf4pau4ep6dqramu.ipfs.dweb.link"
|
||
>
|
||
https://bafybeiclzx7zfjvuiuwobn5ip3ogc236bjqfjzoblumf4pau4ep6dqramu.ipfs.dweb.link
|
||
</a>
|
||
</h6>
|
||
</div>
|
||
<div
|
||
class="box box--display-flex box--flex-direction-row"
|
||
>
|
||
<h6
|
||
class="box box--margin-top-1 box--margin-right-2 box--margin-bottom-4 box--flex-direction-row typography nft-details__link-title typography--h6 typography--weight-bold typography--style-normal typography--color-text-default"
|
||
>
|
||
Contract address
|
||
</h6>
|
||
<div
|
||
class="box nft-details__contract-wrapper box--display-flex box--flex-direction-row"
|
||
>
|
||
<h6
|
||
class="box box--margin-top-1 box--margin-bottom-4 box--flex-direction-row typography typography--h6 typography--weight-normal typography--style-normal typography--color-text-alternative typography--overflowwrap-break-word"
|
||
>
|
||
0xDc7...6414
|
||
</h6>
|
||
<div
|
||
class="nft-details__tooltip-wrapper"
|
||
>
|
||
<div
|
||
aria-describedby="tippy-tooltip-1"
|
||
class=""
|
||
data-original-title="Copy to clipboard"
|
||
data-tooltipped=""
|
||
style="display: inline;"
|
||
tabindex="0"
|
||
>
|
||
<button
|
||
aria-label="copy"
|
||
class="box mm-button-icon mm-button-icon--size-lg nft-details__contract-copy-button box--display-inline-flex box--flex-direction-row box--justify-content-center box--align-items-center box--color-icon-alternative box--background-color-transparent box--rounded-lg"
|
||
data-testid="nft-address-copy"
|
||
>
|
||
<span
|
||
class="box mm-icon mm-icon--size-lg box--display-inline-block box--flex-direction-row box--color-inherit"
|
||
style="mask-image: url('./images/icons/copy.svg');"
|
||
/>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<h6
|
||
class="box box--margin-top-1 box--margin-bottom-1 box--flex-direction-row typography typography--h7 typography--weight-normal typography--style-normal typography--color-text-alternative"
|
||
>
|
||
Disclaimer: MetaMask pulls the media file from the source url. This url sometimes is changed by the marketplace the NFT was minted on.
|
||
</h6>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
`;
|