aaa

Author: ottomated

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

@@ -29,7 +29,6 @@
 	<input name={set_message.field('message')} value={set_message.input.message} />
 	<button>set message</button>
 	<button {...set_reverse_message.buttonProps}>set reverse message</button>
-	<button name="uppercase" value="true">set uppercase message</button>
 </form>
 
 <p>set_message.input.message: {set_message.input.message}</p>

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

@@ -0,0 +1,9 @@
+<script>
+	import { my_form } from './form.remote.js';
+</script>
+
+<form {...my_form}>
+	<button name={my_form.field('submitter')} value="hello">submit</button>
+</form>
+
+<p id="result">{my_form.result}</p>

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

@@ -0,0 +1,11 @@
+import { form } from '$app/server';
+import * as v from 'valibot';
+
+export const my_form = form(
+	v.object({
+		submitter: v.string()
+	}),
+	async (data) => {
+		return data.submitter;
+	}
+);

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

@@ -1660,31 +1660,12 @@ test.describe('remote functions', () => {
 		await expect(page.locator('[data-unscoped] input')).toHaveValue('');
 	});
 
-	test('form submitters work', async ({ page, javaScriptEnabled }) => {
-		await page.goto('/remote/form');
-
-		if (javaScriptEnabled) {
-			// TODO remove the `if` — once async SSR lands these assertions should always succeed
-			await expect(page.getByText('message.current:')).toHaveText('message.current: initial');
-			await expect(page.getByText('await get_message():')).toHaveText(
-				'await get_message(): initial'
-			);
-		}
+	test('form submitters work', async ({ page }) => {
+		await page.goto('/remote/form/submitter');
 
-		await page.fill('[data-unscoped] input', 'hello');
-		await page.getByText('set uppercase message').click();
-
-		if (javaScriptEnabled) {
-			await expect(page.getByText('set_message.pending:')).toHaveText('set_message.pending: 1');
-			await page.getByText('resolve deferreds').click();
-			await expect(page.getByText('set_message.pending:')).toHaveText('set_message.pending: 0');
-
-			await expect(page.getByText('message.current:')).toHaveText('message.current: HELLO');
-			await expect(page.getByText('await get_message():')).toHaveText('await get_message(): HELLO');
-		}
+		await page.locator('button').click();
 
-		await expect(page.getByText('set_message.result')).toHaveText('set_message.result: HELLO');
-		await expect(page.locator('[data-unscoped] input')).toHaveValue('');
+		await expect(page.locator('#result')).toHaveText('hello');
 	});
 
 	test('form updates inputs live', async ({ page, javaScriptEnabled }) => {