@sveltestrap/sveltestrap
Version:
Bootstrap components for Svelte
183 lines (147 loc) • 2.62 kB
JavaScript
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`Button > should render active 1`] = `
<body>
<div>
<button
class="btn btn-secondary active"
value=""
>
</button>
<!--<Button>-->
</div>
</body>
`;
exports[`Button > should render as close 1`] = `
<body>
<div>
<button
aria-label="Close"
class="btn-close"
value=""
>
</button>
<!--<Button>-->
</div>
</body>
`;
exports[`Button > should render as link if href specified 1`] = `
<body>
<div>
<a
class="btn btn-secondary"
href="http://example.com/"
/>
<!--<Button>-->
</div>
</body>
`;
exports[`Button > should render block 1`] = `
<body>
<div>
<button
class="btn btn-secondary d-block w-100"
value=""
>
</button>
<!--<Button>-->
</div>
</body>
`;
exports[`Button > should render custom class 1`] = `
<body>
<div>
<button
class="boogie btn btn-danger"
value=""
>
</button>
<!--<Button>-->
</div>
</body>
`;
exports[`Button > should render disabled 1`] = `
<body>
<div>
<button
class="btn btn-secondary"
disabled=""
value=""
>
</button>
<!--<Button>-->
</div>
</body>
`;
exports[`Button > should render lg size 1`] = `
<body>
<div>
<button
class="btn btn-secondary btn-lg"
value=""
>
</button>
<!--<Button>-->
</div>
</body>
`;
exports[`Button > should render outline 1`] = `
<body>
<div>
<button
class="btn btn-outline-warning"
value=""
>
</button>
<!--<Button>-->
</div>
</body>
`;
exports[`Button > should render sm size 1`] = `
<body>
<div>
<button
class="btn btn-secondary btn-sm"
value=""
>
</button>
<!--<Button>-->
</div>
</body>
`;
exports[`Button > should render specified color 1`] = `
<body>
<div>
<button
class="btn btn-primary"
value=""
>
</button>
<!--<Button>-->
</div>
</body>
`;
exports[`Button > should render text and default color 1`] = `
<body>
<div>
<button
class="btn btn-secondary"
value=""
>
Hello world!
</button>
<!--<Button>-->
</div>
</body>
`;
exports[`Button > should render value 1`] = `
<body>
<div>
<button
class="btn btn-secondary"
value="$1000000"
>
</button>
<!--<Button>-->
</div>
</body>
`;