1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-10-24 12:23:39 +02:00
metamask-extension/ui/app/pages/swaps/fee-card/__snapshots__/fee-card.test.js.snap
Daniel 1b4bc46c7b
Swaps: Show a network name dynamically in a tooltip (#10882)
* Swaps: Show a network name dynamically in a tooltip

* Replace “Ethereum” with “$1”, change “Test” to “Testnet”

* Replace 이더리움 with $1

* Translate network names, use ‘Ethereum’ by default if a translation is not available yet

* Reorder messages to resolve ESLint issues

* Add a snapshot test for the FeeCard component, increase Jest threshold

* Enable snapshot testing into external .snap files in ESLint

* Add the “networkNameEthereum” key in ko/messages.json, remove default “Ethereum” value

* Throw an error if chain ID is not supported by the Swaps feature

* Use string literals when calling the `t` fn,
2021-04-16 19:22:32 -02:30

176 lines
4.1 KiB
Plaintext

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`FeeCard renders the component with initial props 1`] = `
<div>
<div
class="fee-card"
>
<div
class="fee-card__savings-and-quotes-header"
>
<div
class="fee-card__savings-and-quotes-row"
>
<p
class="fee-card__savings-text"
>
[swapUsingBestQuote]
</p>
<div
class="fee-card__quote-link-container"
>
<p
class="fee-card__quote-link-text"
>
[swapNQuotes]
</p>
<div
class="fee-card__caret-right"
>
<i
class="fa fa-angle-up"
/>
</div>
</div>
</div>
</div>
<div
class="fee-card__main"
>
<div
class="fee-card__row-header"
>
<div>
<div
class="fee-card__row-header-text--bold"
>
[swapEstimatedNetworkFee]
</div>
<div
class="info-tooltip"
>
<div
class="fee-card__row-label fee-card__info-tooltip-container"
>
<div
aria-describedby="tippy-tooltip-1"
class="info-tooltip__tooltip-container fee-card__info-tooltip-content-container"
data-original-title="null"
data-tooltipped=""
style="display: inline;"
tabindex="0"
>
<img
alt=""
src="images/mm-info-icon.svg"
/>
</div>
</div>
</div>
</div>
<div>
<div
class="fee-card__row-header-secondary--bold"
/>
<div
class="fee-card__row-header-primary--bold"
/>
</div>
</div>
<div
class="fee-card__row-header"
>
<div>
<div
class="fee-card__row-header-text"
>
[swapMaxNetworkFees]
</div>
<div
class="fee-card__link"
>
[edit]
</div>
</div>
<div>
<div
class="fee-card__row-header-secondary"
/>
</div>
</div>
<div
class="fee-card__row-header"
>
<div
class="fee-card__row-label"
>
<div
class="fee-card__row-header-text"
>
[swapThisWillAllowApprove]
</div>
<div
class="info-tooltip"
>
<div>
<div
aria-describedby="tippy-tooltip-2"
class="info-tooltip__tooltip-container fee-card__info-tooltip-container"
data-original-title="null"
data-tooltipped=""
style="display: inline;"
tabindex="0"
>
<img
alt=""
src="images/mm-info-icon.svg"
/>
</div>
</div>
</div>
</div>
<div
class="fee-card__link"
>
[swapEditLimit]
</div>
</div>
<div
class="fee-card__top-bordered-row"
>
<div
class="fee-card__row-label"
>
<div
class="fee-card__row-header-text"
>
[swapQuoteIncludesRate]
</div>
<div
class="info-tooltip"
>
<div
class="fee-card__info-tooltip-container"
>
<div
aria-describedby="tippy-tooltip-3"
class="info-tooltip__tooltip-container"
data-original-title="null"
data-tooltipped=""
style="display: inline;"
tabindex="0"
>
<img
alt=""
src="images/mm-info-icon.svg"
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;