mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-14 12:14:41 +01:00
235f1cc330
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Benjamin Canac <canacb1@gmail.com>
234 lines
5.7 KiB
Plaintext
234 lines
5.7 KiB
Plaintext
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
|
|
exports[`FormField > renders with class correctly 1`] = `
|
|
"<div class="text-sm relative">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<!--v-if-->
|
|
</div>
|
|
</div>"
|
|
`;
|
|
|
|
exports[`FormField > renders with default slot correctly 1`] = `
|
|
"<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">Default slot
|
|
<!--v-if-->
|
|
</div>
|
|
</div>"
|
|
`;
|
|
|
|
exports[`FormField > renders with description slot correctly 1`] = `
|
|
"<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<p class="text-gray-500 dark:text-gray-400">Description slot</p>
|
|
</div>
|
|
<div class="">
|
|
<!--v-if-->
|
|
</div>
|
|
</div>"
|
|
`;
|
|
|
|
exports[`FormField > renders with error correctly 1`] = `
|
|
"<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<p class="mt-2 text-error-500 dark:text-error-400">Username is already taken</p>
|
|
</div>
|
|
</div>"
|
|
`;
|
|
|
|
exports[`FormField > renders with error slot correctly 1`] = `
|
|
"<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<p class="mt-2 text-error-500 dark:text-error-400">Error slot</p>
|
|
</div>
|
|
</div>"
|
|
`;
|
|
|
|
exports[`FormField > renders with help correctly 1`] = `
|
|
"<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<p class="mt-2 text-gray-500 dark:text-gray-400">Username must be unique</p>
|
|
</div>
|
|
</div>"
|
|
`;
|
|
|
|
exports[`FormField > renders with help slot correctly 1`] = `
|
|
"<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<p class="mt-2 text-gray-500 dark:text-gray-400">Help slot</p>
|
|
</div>
|
|
</div>"
|
|
`;
|
|
|
|
exports[`FormField > renders with hint correctly 1`] = `
|
|
"<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<!--v-if-->
|
|
</div>
|
|
</div>"
|
|
`;
|
|
|
|
exports[`FormField > renders with hint slot correctly 1`] = `
|
|
"<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<!--v-if-->
|
|
</div>
|
|
</div>"
|
|
`;
|
|
|
|
exports[`FormField > renders with label and description correctly 1`] = `
|
|
"<div class="text-sm">
|
|
<div class="">
|
|
<div class="flex content-center items-center justify-between"><label for="v-0-0" class="block font-medium text-gray-700 dark:text-gray-200">Username</label>
|
|
<!--v-if-->
|
|
</div>
|
|
<p class="text-gray-500 dark:text-gray-400">Enter your username</p>
|
|
</div>
|
|
<div class="mt-1 relative">
|
|
<!--v-if-->
|
|
</div>
|
|
</div>"
|
|
`;
|
|
|
|
exports[`FormField > renders with label slot correctly 1`] = `
|
|
"<div class="text-sm">
|
|
<div class="">
|
|
<div class="flex content-center items-center justify-between"><label for="v-0-0" class="block font-medium text-gray-700 dark:text-gray-200">Label slot</label>
|
|
<!--v-if-->
|
|
</div>
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<!--v-if-->
|
|
</div>
|
|
</div>"
|
|
`;
|
|
|
|
exports[`FormField > renders with required correctly 1`] = `
|
|
"<div class="text-sm">
|
|
<div class="">
|
|
<div class="flex content-center items-center justify-between"><label for="v-0-0" class="block font-medium text-gray-700 dark:text-gray-200 after:content-['*'] after:ms-0.5 after:text-error-500 dark:after:text-error-400">Username</label>
|
|
<!--v-if-->
|
|
</div>
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="mt-1 relative">
|
|
<!--v-if-->
|
|
</div>
|
|
</div>"
|
|
`;
|
|
|
|
exports[`FormField > renders with size lg correctly 1`] = `
|
|
"<div class="text-sm">
|
|
<div class="">
|
|
<div class="flex content-center items-center justify-between"><label for="v-0-0" class="block font-medium text-gray-700 dark:text-gray-200">Username</label>
|
|
<!--v-if-->
|
|
</div>
|
|
<p class="text-gray-500 dark:text-gray-400">Enter your username</p>
|
|
</div>
|
|
<div class="mt-1 relative">
|
|
<!--v-if-->
|
|
</div>
|
|
</div>"
|
|
`;
|
|
|
|
exports[`FormField > renders with size md correctly 1`] = `
|
|
"<div class="text-sm">
|
|
<div class="">
|
|
<div class="flex content-center items-center justify-between"><label for="v-0-0" class="block font-medium text-gray-700 dark:text-gray-200">Username</label>
|
|
<!--v-if-->
|
|
</div>
|
|
<p class="text-gray-500 dark:text-gray-400">Enter your username</p>
|
|
</div>
|
|
<div class="mt-1 relative">
|
|
<!--v-if-->
|
|
</div>
|
|
</div>"
|
|
`;
|
|
|
|
exports[`FormField > renders with size sm correctly 1`] = `
|
|
"<div class="text-xs">
|
|
<div class="">
|
|
<div class="flex content-center items-center justify-between"><label for="v-0-0" class="block font-medium text-gray-700 dark:text-gray-200">Username</label>
|
|
<!--v-if-->
|
|
</div>
|
|
<p class="text-gray-500 dark:text-gray-400">Enter your username</p>
|
|
</div>
|
|
<div class="mt-1 relative">
|
|
<!--v-if-->
|
|
</div>
|
|
</div>"
|
|
`;
|
|
|
|
exports[`FormField > renders with size xl correctly 1`] = `
|
|
"<div class="text-base">
|
|
<div class="">
|
|
<div class="flex content-center items-center justify-between"><label for="v-0-0" class="block font-medium text-gray-700 dark:text-gray-200">Username</label>
|
|
<!--v-if-->
|
|
</div>
|
|
<p class="text-gray-500 dark:text-gray-400">Enter your username</p>
|
|
</div>
|
|
<div class="mt-1 relative">
|
|
<!--v-if-->
|
|
</div>
|
|
</div>"
|
|
`;
|
|
|
|
exports[`FormField > renders with size xs correctly 1`] = `
|
|
"<div class="text-xs">
|
|
<div class="">
|
|
<div class="flex content-center items-center justify-between"><label for="v-0-0" class="block font-medium text-gray-700 dark:text-gray-200">Username</label>
|
|
<!--v-if-->
|
|
</div>
|
|
<p class="text-gray-500 dark:text-gray-400">Enter your username</p>
|
|
</div>
|
|
<div class="mt-1 relative">
|
|
<!--v-if-->
|
|
</div>
|
|
</div>"
|
|
`;
|
|
|
|
exports[`FormField > renders with ui correctly 1`] = `
|
|
"<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<!--v-if-->
|
|
</div>
|
|
</div>"
|
|
`;
|