mirror of
https://github.com/kremalicious/metamask-extension.git
synced 2024-12-23 09:52:26 +01:00
158 lines
3.1 KiB
Plaintext
158 lines
3.1 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`Modal Component should render a modal with a cancel and a submit button 1`] = `
|
|
<div>
|
|
<div
|
|
class="modal-container"
|
|
>
|
|
<div
|
|
class="modal-container__content"
|
|
/>
|
|
<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"
|
|
>
|
|
Submit
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Modal Component should render a modal with a header 1`] = `
|
|
<div>
|
|
<div
|
|
class="modal-container"
|
|
>
|
|
<div
|
|
class="modal-container__header"
|
|
>
|
|
<div
|
|
class="modal-container__header-text"
|
|
>
|
|
My Header
|
|
</div>
|
|
<div
|
|
class="modal-container__header-close"
|
|
data-testid="modal-header-close"
|
|
/>
|
|
</div>
|
|
<div
|
|
class="modal-container__content"
|
|
/>
|
|
<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"
|
|
>
|
|
Submit
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Modal Component should render a modal with a submit button 1`] = `
|
|
<div>
|
|
<div
|
|
class="modal-container"
|
|
>
|
|
<div
|
|
class="modal-container__content"
|
|
/>
|
|
<div
|
|
class="modal-container__footer"
|
|
>
|
|
<button
|
|
class="button btn--rounded btn-primary modal-container__footer-button"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Modal Component should render a modal with children 1`] = `
|
|
<div>
|
|
<div
|
|
class="modal-container"
|
|
>
|
|
<div
|
|
class="modal-container__content"
|
|
>
|
|
<div
|
|
class="test-child"
|
|
/>
|
|
</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"
|
|
>
|
|
Submit
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`Modal Component should render a modal with different button types 1`] = `
|
|
<div>
|
|
<div
|
|
class="modal-container"
|
|
>
|
|
<div
|
|
class="modal-container__content"
|
|
/>
|
|
<div
|
|
class="modal-container__footer"
|
|
>
|
|
<button
|
|
class="button btn--rounded btn-default modal-container__footer-button"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Cancel
|
|
</button>
|
|
<button
|
|
class="button btn--rounded btn-default modal-container__footer-button"
|
|
role="button"
|
|
tabindex="0"
|
|
>
|
|
Submit
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|