Added events test.

Author: ciscoheat

src/routes/tests/events/+page.server.ts

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

src/routes/tests/events/+page.svelte

@@ -0,0 +1,74 @@
+<script lang="ts">
+  import { superForm } from '$lib/client';
+  import type { PageData } from './$types';
+  import { schema } from './schema';
+  import { page } from '$app/stores';
+
+  export let data: PageData;
+
+  let _log: string[] = [];
+  let _cancel = false;
+
+  function log(msg: string) {
+    _log = [..._log, msg];
+  }
+
+  let SPA = false;
+  $: options.SPA = SPA || undefined;
+
+  const { form, errors, message, enhance, options } = superForm(data.form, {
+    taintedMessage: null,
+    validators: schema,
+    onSubmit: ({ cancel }) => {
+      _log = ['onSubmit'];
+      if (_cancel) {
+        log('Cancelled');
+        cancel();
+      }
+    },
+    onError: () => {
+      log('onError');
+    },
+    onResult: () => {
+      log('onResult');
+    },
+    onUpdate: ({ form }) => {
+      log('onUpdate');
+      if (form.valid && SPA) form.message = 'SPA form OK!';
+    },
+    onUpdated: () => {
+      log('onUpdated');
+    }
+  });
+</script>
+
+<pre>{_log.join('\n')}</pre>
+
+<input type="checkbox" bind:checked={SPA} /> SPA mode<br />
+<input type="checkbox" bind:checked={_cancel} /> Cancel submit in onSubmit
+
+{#if $message}<h4>{$message}</h4>{/if}
+
+<form method="POST" use:enhance>
+  <label>
+    Name: <input name="name" bind:value={$form.name} />
+    {#if $errors.name}<span class="invalid">{$errors.name}</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/tests/events/schema.ts

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