Added checkbox validation tests

Author: ciscoheat

src/routes/tests/checkbox-validation/+page.server.ts

@@ -0,0 +1,18 @@
+import type { Actions, PageServerLoad } from './$types';
+import { superValidate } from '$lib/server';
+import { schema } from './schemas';
+
+export const load = (async () => {
+  const form = await superValidate(schema);
+  return { form };
+}) satisfies PageServerLoad;
+
+export const actions = {
+  default: async ({ request }) => {
+    const formData = await request.formData();
+    const form = await superValidate(formData, schema);
+    console.log('POST', form);
+
+    return { form };
+  }
+} satisfies Actions;

src/routes/tests/checkbox-validation/+page.svelte

@@ -0,0 +1,40 @@
+<script lang="ts">
+  import { superForm } from '$lib/client';
+  import type { PageData } from './$types';
+  import SuperDebug from '$lib/client/SuperDebug.svelte';
+  import { schema } from './schemas';
+  import Checkbox from './Checkbox.svelte';
+
+  export let data: PageData;
+
+  const { form, errors, tainted, enhance } = superForm(data.form, {
+    validators: schema,
+    validationMethod: 'oninput'
+  });
+</script>
+
+<SuperDebug data={{ $form, $errors, $tainted }} />
+
+<form method="POST" use:enhance>
+  <Checkbox
+    name="isAccredited"
+    label="I confirm that I am an accredited investor"
+    bind:checked={$form.isAccredited}
+  />
+  {#if $errors.isAccredited}<span class="invalid"
+      >{$errors.isAccredited}</span
+    >{/if}
+  <div>
+    <button>Submit</button>
+  </div>
+</form>
+
+<style lang="scss">
+  form {
+    margin: 2rem 0;
+  }
+
+  .invalid {
+    color: red;
+  }
+</style>

src/routes/tests/checkbox-validation/Checkbox.svelte

@@ -0,0 +1,7 @@
+<script lang="ts">
+  export let label: string;
+  export let name: string;
+  export let checked: boolean;
+</script>
+
+<input type="checkbox" {name} bind:checked /> <span>{label}</span>

src/routes/tests/checkbox-validation/schemas.ts

@@ -0,0 +1,5 @@
+import { z } from 'zod';
+
+export const schema = z.object({
+  isAccredited: z.literal(true)
+});