1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-03 22:54:29 +01:00
metamask-extension/ui/components/app/modals/customize-nonce/__snapshots__/customize-nonce.test.js.snap
Thomas Huang e65b955b19
Unit tests for various modals (#18115)
* Unit tests for Hide Token Confirmation modal

* Unit test for Export Private Key modal

* Unit test for Customize Nonce modal

* Bump coverage targets

---------

Co-authored-by: Brad Decker <bhdecker84@gmail.com>
2023-04-24 09:55:32 -07:00

120 lines
4.2 KiB
Plaintext

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Customize Nonce should match snapshot 1`] = `
<div>
<div
class="modal-container customize-nonce-modal-container"
>
<div
class="modal-container__content customize-nonce-modal-content"
>
<div
class="customize-nonce-modal"
>
<div
class="customize-nonce-modal__main-header"
>
<h4
class="box box--margin-top-1 box--margin-bottom-1 box--flex-direction-row typography customize-nonce-modal__main-title typography--h4 typography--weight-bold typography--style-normal typography--color-text-default"
>
Edit nonce
</h4>
<button
aria-label="Close"
class="box mm-button-icon mm-button-icon--size-sm customize-nonce-modal__close box--display-inline-flex box--flex-direction-row box--justify-content-center box--align-items-center box--color-icon-default box--background-color-transparent box--rounded-lg"
>
<span
class="box mm-icon mm-icon--size-sm box--display-inline-block box--flex-direction-row box--color-inherit"
style="mask-image: url('./images/icons/close.svg');"
/>
</button>
</div>
<div
class="box box--margin-top-2 box--display-inline-flex box--flex-direction-row box--align-items-center"
>
<h6
class="box box--margin-top-1 box--margin-bottom-1 box--flex-direction-row typography typography--h6 typography--weight-normal typography--style-normal typography--color-text-default"
>
This is an advanced feature, use cautiously.
<a
class="button btn-link customize-nonce-modal__link"
href="https://metamask.zendesk.com/hc/en-us/articles/7417499333531-How-to-customize-a-transaction-nonce"
rel="noopener noreferrer"
target="_blank"
>
Learn more
</a>
</h6>
</div>
<div
class="box box--margin-top-3 box--flex-direction-row"
>
<div
class="box box--display-flex box--flex-direction-row box--align-items-center"
>
<h6
class="box box--margin-top-1 box--margin-bottom-1 box--flex-direction-row box--width-5/6 typography typography--h6 typography--weight-bold typography--style-normal typography--color-text-default"
>
Edit nonce
</h6>
<div
class="box box--flex-direction-row box--width-1/6"
>
<a
class="button btn-link customize-nonce-modal__reset"
data-testid="customize-nonce-reset"
role="button"
tabindex="0"
>
Reset
</a>
</div>
</div>
<div
class="customize-nonce-modal__input"
>
<div
class="MuiFormControl-root MuiTextField-root MuiFormControl-marginDense MuiFormControl-fullWidth"
>
<div
class="MuiInputBase-root MuiInput-root TextField-inputRoot-12 MuiInputBase-fullWidth MuiInput-fullWidth MuiInputBase-formControl MuiInput-formControl MuiInputBase-marginDense MuiInput-marginDense"
>
<input
aria-invalid="false"
class="MuiInputBase-input MuiInput-input MuiInputBase-inputMarginDense MuiInput-inputMarginDense"
data-testid="custom-nonce-input"
dir="auto"
id="custom-nonce-id"
min="0"
placeholder="1"
type="number"
value=""
/>
</div>
</div>
</div>
</div>
</div>
</div>
<div
class="modal-container__footer"
>
<button
class="button btn--rounded btn-secondary modal-container__footer-button"
role="button"
tabindex="0"
>
Cancel
</button>
<button
class="button btn--rounded btn-primary modal-container__footer-button"
role="button"
tabindex="0"
>
Save
</button>
</div>
</div>
</div>
`;