mirror of
https://github.com/ArthurDanjou/ui.git
synced 2026-01-18 05:58:07 +01:00
235f1cc330
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Benjamin Canac <canacb1@gmail.com>
378 lines
18 KiB
Plaintext
378 lines
18 KiB
Plaintext
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
|
|
exports[`Form > custom validation works > with error 1`] = `
|
|
"<form id="42" class="">
|
|
<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<div class="relative inline-flex items-center"><input id="email" type="text" name="email" class="w-full rounded-md border-0 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-gray-900 dark:text-white bg-white dark:bg-gray-900 ring ring-inset ring-gray-300 dark:ring-gray-700 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400" autocomplete="off" value="bob@dylan.com">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<!--v-if-->
|
|
</div>
|
|
</div>
|
|
<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<div class="relative inline-flex items-center"><input id="password" type="text" name="password" autocomplete="off" class="w-full rounded-md border-0 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-gray-900 dark:text-white bg-white dark:bg-gray-900 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-error-500 dark:focus-visible:ring-error-400 ring ring-inset ring-error-500 dark:ring-error-400" value="short">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<p class="mt-2 text-error-500 dark:text-error-400">Must be at least 8 characters</p>
|
|
</div>
|
|
</div>
|
|
</form>"
|
|
`;
|
|
|
|
exports[`Form > custom validation works > without error 1`] = `
|
|
"<form id="42" class="">
|
|
<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<div class="relative inline-flex items-center"><input id="email" type="text" name="email" class="w-full rounded-md border-0 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-gray-900 dark:text-white bg-white dark:bg-gray-900 ring ring-inset ring-gray-300 dark:ring-gray-700 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400" autocomplete="off" value="bob@dylan.com">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<!--v-if-->
|
|
</div>
|
|
</div>
|
|
<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<div class="relative inline-flex items-center"><input id="password" type="text" name="password" autocomplete="off" class="w-full rounded-md border-0 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-gray-900 dark:text-white bg-white dark:bg-gray-900 ring ring-inset ring-gray-300 dark:ring-gray-700 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400" value="validpassword">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<!--v-if-->
|
|
</div>
|
|
</div>
|
|
</form>"
|
|
`;
|
|
|
|
exports[`Form > joi validation works > with error 1`] = `
|
|
"<form id="42" class="">
|
|
<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<div class="relative inline-flex items-center"><input id="email" type="text" name="email" class="w-full rounded-md border-0 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-gray-900 dark:text-white bg-white dark:bg-gray-900 ring ring-inset ring-gray-300 dark:ring-gray-700 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400" autocomplete="off" value="bob@dylan.com">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<!--v-if-->
|
|
</div>
|
|
</div>
|
|
<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<div class="relative inline-flex items-center"><input id="password" type="text" name="password" autocomplete="off" class="w-full rounded-md border-0 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-gray-900 dark:text-white bg-white dark:bg-gray-900 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-error-500 dark:focus-visible:ring-error-400 ring ring-inset ring-error-500 dark:ring-error-400" value="short">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<p class="mt-2 text-error-500 dark:text-error-400">Must be at least 8 characters</p>
|
|
</div>
|
|
</div>
|
|
</form>"
|
|
`;
|
|
|
|
exports[`Form > joi validation works > without error 1`] = `
|
|
"<form id="42" class="">
|
|
<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<div class="relative inline-flex items-center"><input id="email" type="text" name="email" class="w-full rounded-md border-0 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-gray-900 dark:text-white bg-white dark:bg-gray-900 ring ring-inset ring-gray-300 dark:ring-gray-700 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400" autocomplete="off" value="bob@dylan.com">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<!--v-if-->
|
|
</div>
|
|
</div>
|
|
<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<div class="relative inline-flex items-center"><input id="password" type="text" name="password" autocomplete="off" class="w-full rounded-md border-0 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-gray-900 dark:text-white bg-white dark:bg-gray-900 ring ring-inset ring-gray-300 dark:ring-gray-700 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400" value="validpassword">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<!--v-if-->
|
|
</div>
|
|
</div>
|
|
</form>"
|
|
`;
|
|
|
|
exports[`Form > renders with default slot correctly 1`] = `"<form id="v-0-0" class="">Form slot</form>"`;
|
|
|
|
exports[`Form > renders with state correctly 1`] = `"<form id="v-0-0" class=""></form>"`;
|
|
|
|
exports[`Form > valibot safeParser validation works > with error 1`] = `
|
|
"<form id="42" class="">
|
|
<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<div class="relative inline-flex items-center"><input id="email" type="text" name="email" class="w-full rounded-md border-0 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-gray-900 dark:text-white bg-white dark:bg-gray-900 ring ring-inset ring-gray-300 dark:ring-gray-700 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400" autocomplete="off" value="bob@dylan.com">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<!--v-if-->
|
|
</div>
|
|
</div>
|
|
<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<div class="relative inline-flex items-center"><input id="password" type="text" name="password" autocomplete="off" class="w-full rounded-md border-0 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-gray-900 dark:text-white bg-white dark:bg-gray-900 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-error-500 dark:focus-visible:ring-error-400 ring ring-inset ring-error-500 dark:ring-error-400" value="short">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<p class="mt-2 text-error-500 dark:text-error-400">Must be at least 8 characters</p>
|
|
</div>
|
|
</div>
|
|
</form>"
|
|
`;
|
|
|
|
exports[`Form > valibot safeParser validation works > without error 1`] = `
|
|
"<form id="42" class="">
|
|
<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<div class="relative inline-flex items-center"><input id="email" type="text" name="email" class="w-full rounded-md border-0 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-gray-900 dark:text-white bg-white dark:bg-gray-900 ring ring-inset ring-gray-300 dark:ring-gray-700 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400" autocomplete="off" value="bob@dylan.com">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<!--v-if-->
|
|
</div>
|
|
</div>
|
|
<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<div class="relative inline-flex items-center"><input id="password" type="text" name="password" autocomplete="off" class="w-full rounded-md border-0 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-gray-900 dark:text-white bg-white dark:bg-gray-900 ring ring-inset ring-gray-300 dark:ring-gray-700 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400" value="validpassword">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<!--v-if-->
|
|
</div>
|
|
</div>
|
|
</form>"
|
|
`;
|
|
|
|
exports[`Form > valibot validation works > with error 1`] = `
|
|
"<form id="42" class="">
|
|
<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<div class="relative inline-flex items-center"><input id="email" type="text" name="email" class="w-full rounded-md border-0 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-gray-900 dark:text-white bg-white dark:bg-gray-900 ring ring-inset ring-gray-300 dark:ring-gray-700 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400" autocomplete="off" value="bob@dylan.com">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<!--v-if-->
|
|
</div>
|
|
</div>
|
|
<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<div class="relative inline-flex items-center"><input id="password" type="text" name="password" autocomplete="off" class="w-full rounded-md border-0 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-gray-900 dark:text-white bg-white dark:bg-gray-900 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-error-500 dark:focus-visible:ring-error-400 ring ring-inset ring-error-500 dark:ring-error-400" value="short">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<p class="mt-2 text-error-500 dark:text-error-400">Must be at least 8 characters</p>
|
|
</div>
|
|
</div>
|
|
</form>"
|
|
`;
|
|
|
|
exports[`Form > valibot validation works > without error 1`] = `
|
|
"<form id="42" class="">
|
|
<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<div class="relative inline-flex items-center"><input id="email" type="text" name="email" class="w-full rounded-md border-0 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-gray-900 dark:text-white bg-white dark:bg-gray-900 ring ring-inset ring-gray-300 dark:ring-gray-700 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400" autocomplete="off" value="bob@dylan.com">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<!--v-if-->
|
|
</div>
|
|
</div>
|
|
<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<div class="relative inline-flex items-center"><input id="password" type="text" name="password" autocomplete="off" class="w-full rounded-md border-0 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-gray-900 dark:text-white bg-white dark:bg-gray-900 ring ring-inset ring-gray-300 dark:ring-gray-700 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400" value="validpassword">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<!--v-if-->
|
|
</div>
|
|
</div>
|
|
</form>"
|
|
`;
|
|
|
|
exports[`Form > yup validation works > with error 1`] = `
|
|
"<form id="42" class="">
|
|
<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<div class="relative inline-flex items-center"><input id="email" type="text" name="email" class="w-full rounded-md border-0 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-gray-900 dark:text-white bg-white dark:bg-gray-900 ring ring-inset ring-gray-300 dark:ring-gray-700 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400" autocomplete="off" value="bob@dylan.com">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<!--v-if-->
|
|
</div>
|
|
</div>
|
|
<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<div class="relative inline-flex items-center"><input id="password" type="text" name="password" autocomplete="off" class="w-full rounded-md border-0 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-gray-900 dark:text-white bg-white dark:bg-gray-900 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-error-500 dark:focus-visible:ring-error-400 ring ring-inset ring-error-500 dark:ring-error-400" value="short">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<p class="mt-2 text-error-500 dark:text-error-400">Must be at least 8 characters</p>
|
|
</div>
|
|
</div>
|
|
</form>"
|
|
`;
|
|
|
|
exports[`Form > yup validation works > without error 1`] = `
|
|
"<form id="42" class="">
|
|
<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<div class="relative inline-flex items-center"><input id="email" type="text" name="email" class="w-full rounded-md border-0 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-gray-900 dark:text-white bg-white dark:bg-gray-900 ring ring-inset ring-gray-300 dark:ring-gray-700 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400" autocomplete="off" value="bob@dylan.com">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<!--v-if-->
|
|
</div>
|
|
</div>
|
|
<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<div class="relative inline-flex items-center"><input id="password" type="text" name="password" autocomplete="off" class="w-full rounded-md border-0 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-gray-900 dark:text-white bg-white dark:bg-gray-900 ring ring-inset ring-gray-300 dark:ring-gray-700 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400" value="validpassword">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<!--v-if-->
|
|
</div>
|
|
</div>
|
|
</form>"
|
|
`;
|
|
|
|
exports[`Form > zod validation works > with error 1`] = `
|
|
"<form id="42" class="">
|
|
<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<div class="relative inline-flex items-center"><input id="email" type="text" name="email" class="w-full rounded-md border-0 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-gray-900 dark:text-white bg-white dark:bg-gray-900 ring ring-inset ring-gray-300 dark:ring-gray-700 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400" autocomplete="off" value="bob@dylan.com">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<!--v-if-->
|
|
</div>
|
|
</div>
|
|
<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<div class="relative inline-flex items-center"><input id="password" type="text" name="password" autocomplete="off" class="w-full rounded-md border-0 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-gray-900 dark:text-white bg-white dark:bg-gray-900 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-error-500 dark:focus-visible:ring-error-400 ring ring-inset ring-error-500 dark:ring-error-400" value="short">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<p class="mt-2 text-error-500 dark:text-error-400">Must be at least 8 characters</p>
|
|
</div>
|
|
</div>
|
|
</form>"
|
|
`;
|
|
|
|
exports[`Form > zod validation works > without error 1`] = `
|
|
"<form id="42" class="">
|
|
<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<div class="relative inline-flex items-center"><input id="email" type="text" name="email" class="w-full rounded-md border-0 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-gray-900 dark:text-white bg-white dark:bg-gray-900 ring ring-inset ring-gray-300 dark:ring-gray-700 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400" autocomplete="off" value="bob@dylan.com">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<!--v-if-->
|
|
</div>
|
|
</div>
|
|
<div class="text-sm">
|
|
<div class="">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<div class="">
|
|
<div class="relative inline-flex items-center"><input id="password" type="text" name="password" autocomplete="off" class="w-full rounded-md border-0 focus:outline-none disabled:cursor-not-allowed disabled:opacity-75 transition-colors px-2.5 py-1.5 text-sm gap-1.5 text-gray-900 dark:text-white bg-white dark:bg-gray-900 ring ring-inset ring-gray-300 dark:ring-gray-700 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-primary-500 dark:focus-visible:ring-primary-400" value="validpassword">
|
|
<!--v-if-->
|
|
<!--v-if-->
|
|
</div>
|
|
<!--v-if-->
|
|
</div>
|
|
</div>
|
|
</form>"
|
|
`;
|