You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
158 lines
3.1 KiB
158 lines
3.1 KiB
2 years ago
|
// 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>
|
||
|
|
`;
|