From 84b41ef264ea1b4000fdd21184853f613d3bb69d Mon Sep 17 00:00:00 2001
From: Rich Harris <rich.harris@vercel.com>
Date: Fri, 26 Jul 2024 20:57:18 -0400
Subject: [PATCH] simplify tests

---
 .../samples/state-link-class/_config.js       | 37 +++++--------------
 .../samples/state-link-class/main.svelte      | 14 ++-----
 .../samples/state-link/_config.js             | 37 +++++--------------
 .../samples/state-link/main.svelte            | 11 +-----
 4 files changed, 23 insertions(+), 76 deletions(-)

diff --git a/packages/svelte/tests/runtime-runes/samples/state-link-class/_config.js b/packages/svelte/tests/runtime-runes/samples/state-link-class/_config.js
index 4d81e96afb..4628d4f5b4 100644
--- a/packages/svelte/tests/runtime-runes/samples/state-link-class/_config.js
+++ b/packages/svelte/tests/runtime-runes/samples/state-link-class/_config.js
@@ -1,38 +1,19 @@
 import { flushSync } from 'svelte';
-import { test, ok } from '../../test';
+import { test } from '../../test';
 
 export default test({
-	html: `<input type="number"><input type="number"><div>0</div><div>0</div><button>i+</button>`,
-	ssrHtml: `<input type="number" value="0"><input type="number" value="0"><div>0</div><div>0</div><button>i+</button>`,
+	html: `<button>0</button><button>0</button>`,
 
 	test({ assert, target }) {
-		const [input1, input2] = target.querySelectorAll('input');
-		ok(input1);
-		ok(input2);
-		assert.equal(input1.value, '0');
-		assert.equal(input2.value, '0');
+		const [btn1, btn2] = target.querySelectorAll('button');
 
-		const btn = target.querySelector('button');
+		flushSync(() => btn1.click());
+		assert.htmlEqual(target.innerHTML, `<button>1</button><button>1</button>`);
 
-		btn?.click();
-		flushSync();
-		assert.htmlEqual(
-			target.innerHTML,
-			`<input type="number"><input type="number"><div>0</div><div>1</div><button>i+</button>`
-		);
+		flushSync(() => btn2.click());
+		assert.htmlEqual(target.innerHTML, `<button>1</button><button>2</button>`);
 
-		assert.equal(input1.value, '0');
-		assert.equal(input2.value, '1');
-
-		const event = new window.Event('input');
-
-		input1.value = '2';
-		input1.dispatchEvent(event);
-		flushSync();
-
-		assert.htmlEqual(
-			target.innerHTML,
-			`<input type="number"><input type="number"><div>2</div><div>2</div><button>i+</button>`
-		);
+		flushSync(() => btn1.click());
+		assert.htmlEqual(target.innerHTML, `<button>2</button><button>2</button>`);
 	}
 });
diff --git a/packages/svelte/tests/runtime-runes/samples/state-link-class/main.svelte b/packages/svelte/tests/runtime-runes/samples/state-link-class/main.svelte
index 09549a7c0b..30d8968f8c 100644
--- a/packages/svelte/tests/runtime-runes/samples/state-link-class/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/state-link-class/main.svelte
@@ -1,19 +1,11 @@
-
 <script>
 	class Instance {
 		a = $state(0);
-		b = $state.link(this.a)
+		b = $state.link(this.a);
 	}
 
 	const instance = new Instance();
 </script>
 
-<input type="number" bind:value={instance.a} />
-<input type="number" bind:value={instance.b} />
-
-<div>{instance.a}</div>
-<div>{instance.b}</div>
-
-<button onclick={() => {
-	instance.b++;
-}}>i+</button>
+<button onclick={() => instance.a++}>{instance.a}</button>
+<button onclick={() => instance.b++}>{instance.b}</button>
diff --git a/packages/svelte/tests/runtime-runes/samples/state-link/_config.js b/packages/svelte/tests/runtime-runes/samples/state-link/_config.js
index 4d81e96afb..4628d4f5b4 100644
--- a/packages/svelte/tests/runtime-runes/samples/state-link/_config.js
+++ b/packages/svelte/tests/runtime-runes/samples/state-link/_config.js
@@ -1,38 +1,19 @@
 import { flushSync } from 'svelte';
-import { test, ok } from '../../test';
+import { test } from '../../test';
 
 export default test({
-	html: `<input type="number"><input type="number"><div>0</div><div>0</div><button>i+</button>`,
-	ssrHtml: `<input type="number" value="0"><input type="number" value="0"><div>0</div><div>0</div><button>i+</button>`,
+	html: `<button>0</button><button>0</button>`,
 
 	test({ assert, target }) {
-		const [input1, input2] = target.querySelectorAll('input');
-		ok(input1);
-		ok(input2);
-		assert.equal(input1.value, '0');
-		assert.equal(input2.value, '0');
+		const [btn1, btn2] = target.querySelectorAll('button');
 
-		const btn = target.querySelector('button');
+		flushSync(() => btn1.click());
+		assert.htmlEqual(target.innerHTML, `<button>1</button><button>1</button>`);
 
-		btn?.click();
-		flushSync();
-		assert.htmlEqual(
-			target.innerHTML,
-			`<input type="number"><input type="number"><div>0</div><div>1</div><button>i+</button>`
-		);
+		flushSync(() => btn2.click());
+		assert.htmlEqual(target.innerHTML, `<button>1</button><button>2</button>`);
 
-		assert.equal(input1.value, '0');
-		assert.equal(input2.value, '1');
-
-		const event = new window.Event('input');
-
-		input1.value = '2';
-		input1.dispatchEvent(event);
-		flushSync();
-
-		assert.htmlEqual(
-			target.innerHTML,
-			`<input type="number"><input type="number"><div>2</div><div>2</div><button>i+</button>`
-		);
+		flushSync(() => btn1.click());
+		assert.htmlEqual(target.innerHTML, `<button>2</button><button>2</button>`);
 	}
 });
diff --git a/packages/svelte/tests/runtime-runes/samples/state-link/main.svelte b/packages/svelte/tests/runtime-runes/samples/state-link/main.svelte
index e928e37fa0..aaa8d4ecaf 100644
--- a/packages/svelte/tests/runtime-runes/samples/state-link/main.svelte
+++ b/packages/svelte/tests/runtime-runes/samples/state-link/main.svelte
@@ -3,12 +3,5 @@
 	let b = $state.link(a);
 </script>
 
-<input type="number" bind:value={a} />
-<input type="number" bind:value={b} />
-
-<div>{a}</div>
-<div>{b}</div>
-
-<button onclick={() => {
-	b++;
-}}>i+</button>
+<button onclick={() => a++}>{a}</button>
+<button onclick={() => b++}>{b}</button>