Added failing Formsnap test.

Author: ciscoheat

src/routes/(v2)/v2/formsnap/+page.server.ts

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

src/routes/(v2)/v2/formsnap/+page.svelte

@@ -0,0 +1,31 @@
+<script lang="ts">
+	import { superForm } from '$lib/client/index.js';
+	import Field from './Field.svelte';
+
+	export let data;
+
+	const form = superForm(data.form, {
+		taintedMessage: false
+	});
+</script>
+
+<form method="POST" use:form.enhance>
+	<Field {form} name="flavors" />
+	<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/formsnap/Field.svelte

@@ -0,0 +1,31 @@
+<script lang="ts" context="module">
+	// eslint-disable-next-line @typescript-eslint/no-unused-vars
+	import type { FormPath } from '$lib/index.js';
+	type T = Record<string, unknown>;
+	type U = unknown;
+</script>
+
+<script lang="ts" generics="T extends Record<string, unknown>, U extends FormPath<T>">
+	import type { SuperForm } from 'sveltekit-superforms';
+	export let form: SuperForm<T>;
+	export let name: U;
+</script>
+
+<!--
+@component
+## Field
+A component that provides the necessary context for a form field.
+
+- [Field Documentation](https://formsnap.dev/docs/components/field)
+
+### Slot Props
+- `value` - The value of the field.
+- `errors` - The errors of the field.
+- `tainted` - The tainted state of the field.
+- `constraints` - The constraints of the field.
+
+@param {SuperForm} form - The form object.
+@param {FormPath<T>} name - The name of the field.
+-->
+
+<slot />

src/routes/(v2)/v2/formsnap/schema.ts

@@ -0,0 +1,13 @@
+import { z } from 'zod';
+
+/*
+type T = {
+	flavors: ('vanilla' | 'chocolate' | 'cookies and cream' | 'strawberry')[];
+	toppings: ('sprinkles' | 'hot fudge' | 'whipped cream' | 'cherry')[];
+};
+*/
+
+export const schema = z.object({
+	flavors: z.enum(['vanilla', 'chocolate', 'cookies and cream', 'strawberry']).array(),
+	toppings: z.enum(['sprinkles', 'hot fudge', 'whipped cream', 'cherry']).array()
+});