Added test for issue 366

Author: ciscoheat

src/routes/(v2)/v2/Navigation.svelte

@@ -41,7 +41,8 @@
 		'issue-358',
 		'issue-360',
 		'unknown-in-schema',
-		'issue-374'
+		'issue-374',
+		'issue-366'
 	].sort();
 </script>
 

src/routes/(v2)/v2/issue-366/+page.server.ts

@@ -0,0 +1,23 @@
+import { valibot } from '$lib/adapters/valibot.js';
+import { message, superValidate } from '$lib/server/index.js';
+import { userSchema } from './schema.js';
+import { fail } from '@sveltejs/kit';
+
+export const load = async () => {
+	const form = await superValidate(valibot(userSchema));
+	return { form };
+};
+
+export const actions = {
+	default: async ({ request }) => {
+		const formData = await request.formData();
+		console.log(formData);
+
+		const form = await superValidate(formData, valibot(userSchema));
+		console.log(form);
+
+		if (!form.valid) return fail(400, { form });
+
+		return message(form, 'Posted OK!');
+	}
+};

src/routes/(v2)/v2/issue-366/+page.svelte

@@ -0,0 +1,49 @@
+<script lang="ts">
+	import { superForm } from '$lib/client/index.js';
+	import SuperDebug from '$lib/client/SuperDebug.svelte';
+	import { valibot } from '$lib/adapters/valibot.js';
+	import { userSchema } from './schema.js';
+	import { pick } from 'valibot';
+
+	export let data;
+
+	const userAuthSchema = pick(userSchema, ['email']);
+	//type UserAuthSchema = typeof userAuthSchema;
+
+	const { form, errors, tainted, message, enhance } = superForm(data.form, {
+		taintedMessage: false,
+		validators: valibot(userAuthSchema)
+	});
+</script>
+
+<SuperDebug data={{ $form, $errors, $tainted }} />
+
+{#if $message}<h4>{$message}</h4>{/if}
+
+<form method="POST" use:enhance>
+	<label>
+		Email: <input
+			name="email"
+			bind:value={$form.email}
+			aria-invalid={$errors.email ? 'true' : undefined}
+		/>
+		{#if $errors.email}<span class="invalid">{$errors.email}</span>{/if}
+	</label>
+	<div>
+		<button>Submit</button>
+	</div>
+</form>
+
+<style lang="scss">
+	form {
+		margin: 2rem 0;
+
+		input {
+			background-color: #dedede;
+		}
+
+		.invalid {
+			color: crimson;
+		}
+	}
+</style>

src/routes/(v2)/v2/issue-366/schema.ts

@@ -0,0 +1,40 @@
+import {
+	string,
+	email,
+	object,
+	boolean,
+	minLength,
+	toTrimmed,
+	picklist,
+	literal,
+	date
+} from 'valibot';
+
+const roleOptions = ['USER', 'PREMIUM', 'ADMIN'] as const;
+
+export const userSchema = object({
+	firstName: string([toTrimmed(), minLength(1, 'Please enter your first name.')]),
+	lastName: string([toTrimmed(), minLength(1, 'Please enter your last name.')]),
+	email: string([
+		toTrimmed(),
+		email('The email address is not valid.'),
+		minLength(1, 'An email address is required.')
+	]),
+	role: picklist(roleOptions, 'You must have a role.'),
+	verified: boolean(),
+	terms: literal(true, 'You must accept the terms and privacy policy.'),
+	receiveEmail: boolean(),
+	createdAt: date(),
+	updatedAt: date()
+});
+
+export const emailSchema = object({
+	email: string([
+		toTrimmed(),
+		email('The email address is not valid.'),
+		minLength(1, 'An email address is required.')
+	])
+});
+
+export type UserSchema = typeof userSchema;
+export type emailSchema = typeof emailSchema;