@sveltestrap/sveltestrap
Version:
Bootstrap components for Svelte
119 lines (94 loc) • 1.81 kB
JavaScript
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`Alert > should render alert heading 1`] = `
<body>
<div>
<div
class="alert alert-success"
role="alert"
>
<h4
class="alert-heading"
>
Hello world!
</h4>
</div>
<!--<Alert>-->
</div>
</body>
`;
exports[`Alert > should render custom class 1`] = `
<body>
<div>
<div
class="boogie alert alert-danger"
role="alert"
>
Hello world!
</div>
<!--<Alert>-->
</div>
</body>
`;
exports[`Alert > should render dismissible alert 1`] = `
<body>
<div>
<div
class="alert alert-info alert-dismissible"
role="alert"
>
<button
aria-label="Close"
class="btn-close"
type="button"
/>
I can be dismissed!
</div>
<!--<Alert>-->
</div>
</body>
`;
exports[`Alert > should render specified color 1`] = `
<body>
<div>
<div
class="alert alert-primary"
role="alert"
>
Hello world!
</div>
<!--<Alert>-->
</div>
</body>
`;
exports[`Alert > should render themed alert 1`] = `
<body>
<div>
<div
class="alert alert-info alert-dismissible"
data-bs-theme="light"
role="alert"
>
<button
aria-label="Close"
class="btn-close"
type="button"
/>
I can be dismissed!
</div>
<!--<Alert>-->
</div>
</body>
`;
exports[`Alert > should render with default color and text 1`] = `
<body>
<div>
<div
class="alert alert-success"
role="alert"
>
Hello world!
</div>
<!--<Alert>-->
</div>
</body>
`;