@sveltestrap/sveltestrap
Version:
Bootstrap components for Svelte
172 lines (136 loc) • 2.94 kB
JavaScript
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`Offcanvas > should be open 1`] = `
<body
class="overflow-noscroll"
>
<div>
<!--<Portal>-->
<!--<Offcanvas>-->
</div>
<div>
<div>
<div
aria-modal="true"
class="offcanvas show offcanvas-start"
role="dialog"
style="visibility: visible;"
tabindex="-1"
>
<div
class="offcanvas-body"
/>
<!--<OffcanvasBody>-->
</div>
<div
class="offcanvas-backdrop fade"
role="presentation"
/>
<!--<OffcanvasBackdrop>-->
</div>
</div>
</body>
`;
exports[`Offcanvas > should render correctly 1`] = `
<body
class="overflow-noscroll"
>
<div>
<!--<Portal>-->
<!--<Offcanvas>-->
</div>
<div>
<div>
<div
aria-hidden="true"
class="offcanvas offcanvas-start"
style="visibility: visible;"
tabindex="-1"
>
<div
class="offcanvas-body"
/>
<!--<OffcanvasBody>-->
</div>
<!--<OffcanvasBackdrop>-->
</div>
</div>
</body>
`;
exports[`Offcanvas > should render custom class 1`] = `
<body
class="overflow-noscroll"
>
<div>
<!--<Portal>-->
<!--<Offcanvas>-->
</div>
<div>
<div>
<div
aria-hidden="true"
class="offcanvas offcanvas-start boogie"
style="visibility: visible;"
tabindex="-1"
>
<div
class="offcanvas-body"
/>
<!--<OffcanvasBody>-->
</div>
<!--<OffcanvasBackdrop>-->
</div>
</div>
</body>
`;
exports[`Offcanvas > should render placement correctly 1`] = `
<body
class="overflow-noscroll"
>
<div>
<!--<Portal>-->
<!--<Offcanvas>-->
</div>
<div>
<div>
<div
aria-hidden="true"
class="offcanvas offcanvas-end"
style="visibility: visible;"
tabindex="-1"
>
<div
class="offcanvas-body"
/>
<!--<OffcanvasBody>-->
</div>
<!--<OffcanvasBackdrop>-->
</div>
</div>
</body>
`;
exports[`Offcanvas > should render responsive variations 1`] = `
<body
class="overflow-noscroll"
>
<div>
<!--<Portal>-->
<!--<Offcanvas>-->
</div>
<div>
<div>
<div
aria-hidden="true"
class="offcanvas-sm offcanvas-start"
style="visibility: visible;"
tabindex="-1"
>
<div
class="offcanvas-body"
/>
<!--<OffcanvasBody>-->
</div>
<!--<OffcanvasBackdrop>-->
</div>
</div>
</body>
`;