mirror of
https://github.com/nuxt/ui.git
synced 2026-09-14 19:51:10 +08:00
Benjamin Canac
56 lines
3.9 KiB
Plaintext
56 lines
3.9 KiB
Plaintext
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
|
|
exports[`Collapsible > renders with as correctly 1`] = `
|
|
"<section data-state="open" data-slot="root">
|
|
<!--v-if-->
|
|
<div data-slot="content" class="data-[state=open]:animate-[collapsible-down_200ms_ease-out] data-[state=closed]:animate-[collapsible-up_200ms_ease-out] overflow-hidden" id="reka-collapsible-content-v-0" style="--reka-collapsible-content-height: 0px; --reka-collapsible-content-width: 0px; transition-duration: 0s; animation-name: none;"></div>
|
|
</section>"
|
|
`;
|
|
|
|
exports[`Collapsible > renders with class correctly 1`] = `
|
|
"<div data-state="open" data-slot="root" class="flex flex-col gap-2 w-48">
|
|
<!--v-if-->
|
|
<div data-slot="content" class="data-[state=open]:animate-[collapsible-down_200ms_ease-out] data-[state=closed]:animate-[collapsible-up_200ms_ease-out] overflow-hidden" id="reka-collapsible-content-v-0" style="--reka-collapsible-content-height: 0px; --reka-collapsible-content-width: 0px; transition-duration: 0s; animation-name: none;"></div>
|
|
</div>"
|
|
`;
|
|
|
|
exports[`Collapsible > renders with content slot correctly 1`] = `
|
|
"<div data-state="open" data-slot="root">
|
|
<!--v-if-->
|
|
<div data-slot="content" class="data-[state=open]:animate-[collapsible-down_200ms_ease-out] data-[state=closed]:animate-[collapsible-up_200ms_ease-out] overflow-hidden" id="reka-collapsible-content-v-0" style="--reka-collapsible-content-height: 0px; --reka-collapsible-content-width: 0px; transition-duration: 0s; animation-name: none;">Content slot</div>
|
|
</div>"
|
|
`;
|
|
|
|
exports[`Collapsible > renders with default slot correctly 1`] = `
|
|
"<div data-state="open" data-slot="root">Default slot<div data-slot="content" class="data-[state=open]:animate-[collapsible-down_200ms_ease-out] data-[state=closed]:animate-[collapsible-up_200ms_ease-out] overflow-hidden" id="reka-collapsible-content-v-0" style="--reka-collapsible-content-height: 0px; --reka-collapsible-content-width: 0px; transition-duration: 0s; animation-name: none;"></div>
|
|
</div>"
|
|
`;
|
|
|
|
exports[`Collapsible > renders with disabled correctly 1`] = `
|
|
"<div data-state="open" data-disabled="" data-slot="root">
|
|
<!--v-if-->
|
|
<div data-slot="content" class="data-[state=open]:animate-[collapsible-down_200ms_ease-out] data-[state=closed]:animate-[collapsible-up_200ms_ease-out] overflow-hidden" id="reka-collapsible-content-v-0" data-disabled="" style="--reka-collapsible-content-height: 0px; --reka-collapsible-content-width: 0px; transition-duration: 0s; animation-name: none;"></div>
|
|
</div>"
|
|
`;
|
|
|
|
exports[`Collapsible > renders with open correctly 1`] = `
|
|
"<div data-state="open" data-slot="root">
|
|
<!--v-if-->
|
|
<div data-slot="content" class="data-[state=open]:animate-[collapsible-down_200ms_ease-out] data-[state=closed]:animate-[collapsible-up_200ms_ease-out] overflow-hidden" id="reka-collapsible-content-v-0" style="--reka-collapsible-content-height: 0px; --reka-collapsible-content-width: 0px; transition-duration: 0s; animation-name: none;"></div>
|
|
</div>"
|
|
`;
|
|
|
|
exports[`Collapsible > renders with ui correctly 1`] = `
|
|
"<div data-state="open" data-slot="root">
|
|
<!--v-if-->
|
|
<div data-slot="content" class="data-[state=open]:animate-[collapsible-down_200ms_ease-out] data-[state=closed]:animate-[collapsible-up_200ms_ease-out] overflow-hidden bg-elevated" id="reka-collapsible-content-v-0" style="--reka-collapsible-content-height: 0px; --reka-collapsible-content-width: 0px; transition-duration: 0s; animation-name: none;"></div>
|
|
</div>"
|
|
`;
|
|
|
|
exports[`Collapsible > renders with unmountOnHide correctly 1`] = `
|
|
"<div data-state="open" data-slot="root">
|
|
<!--v-if-->
|
|
<div data-slot="content" class="data-[state=open]:animate-[collapsible-down_200ms_ease-out] data-[state=closed]:animate-[collapsible-up_200ms_ease-out] overflow-hidden" id="reka-collapsible-content-v-0" style="--reka-collapsible-content-height: 0px; --reka-collapsible-content-width: 0px; transition-duration: 0s; animation-name: none;"></div>
|
|
</div>"
|
|
`;
|