Add tests for hidden form field types

Author: cofl

packages/kit/test/apps/basics/src/routes/remote/form/hidden/+page.svelte

@@ -0,0 +1,18 @@
+<script>
+	import { get_hidden, set_hidden } from './form.remote';
+	const hidden = get_hidden();
+</script>
+
+<!-- TODO use await here once async lands -->
+{#await hidden then h}
+	<p>await hidden().string: {h.string}</p>
+	<p>await hidden().number: {h.number}</p>
+	<p>await hidden().boolean: {h.boolean}</p>
+{/await}
+
+<form {...set_hidden}>
+	<input {...set_hidden.fields.string.as('hidden', 'b')} />
+	<input {...set_hidden.fields.number.as('hidden number', 1)} />
+	<input {...set_hidden.fields.boolean.as('hidden boolean', true)} />
+	<button>set hidden</button>
+</form>

packages/kit/test/apps/basics/src/routes/remote/form/hidden/form.remote.ts

@@ -0,0 +1,24 @@
+import { form, query } from '$app/server';
+import * as v from 'valibot';
+
+let hidden = {
+	string: 'a',
+	number: 0,
+	boolean: false
+};
+
+export const get_hidden = query(() => {
+	return hidden;
+});
+
+export const set_hidden = form(
+	v.object({
+		string: v.string(),
+		number: v.number(),
+		boolean: v.boolean()
+	}),
+	async (data) => {
+		hidden = data;
+		get_hidden().refresh();
+	}
+);

packages/kit/test/apps/basics/test/test.js

@@ -1693,6 +1693,20 @@ test.describe('remote functions', () => {
 		await expect(page.locator('#result')).toHaveText('hello');
 	});
 
+	test('form hidden inputs of different types work', async ({ page, javaScriptEnabled }) => {
+		await page.goto('/remote/form/hidden');
+
+		await page.locator('button').click();
+
+		if (javaScriptEnabled) {
+			await expect(page.getByText('await hidden().string:')).toHaveText('await hidden().string: b');
+			await expect(page.getByText('await hidden().number:')).toHaveText('await hidden().number: 1');
+			await expect(page.getByText('await hidden().boolean:')).toHaveText(
+				'await hidden().boolean: true'
+			);
+		}
+	});
+
 	test('form updates inputs live', async ({ page, javaScriptEnabled }) => {
 		await page.goto('/remote/form');