Clean up a few tests.

src/examples/tests/TestCls.svelte

@@ -146,6 +146,8 @@
 	}
 
 	onMount(() => {
+		let animationFrameHandle: number;
+
 		(function tick() {
 			// Nesting measurements creates a hierarchy in the Profile visualization
 			measure('Tick', () => {
@@ -171,8 +173,12 @@
 				});
 			});
 
-			requestAnimationFrame(tick);
+			animationFrameHandle = requestAnimationFrame(tick);
 		})();
+
+		return () => {
+			cancelAnimationFrame(animationFrameHandle);
+		};
 	});
 </script>
 

src/examples/tests/TestColor.svelte

@@ -45,7 +45,7 @@
 			binding3ExternalEventCount++;
 		}
 	}}
-	label="Binding 1"
+	label="Binding 3"
 />
 <Color
 	bind:value={value2}
@@ -56,7 +56,7 @@
 			binding4ExternalEventCount++;
 		}
 	}}
-	label="Binding 2"
+	label="Binding 4"
 />
 
 <hr />

src/examples/tests/TestStoreInitialization.svelte

@@ -5,15 +5,28 @@
 	import { writable } from 'svelte/store';
 
 	const bear = writable({ apples: 100, name: 'Someone' });
+	const bear2 = writable({ apples: 100, name: 'Someone' });
 
 	onMount(async () => {
+		// No tick
+		$bear2.apples = 60;
+
+		// With Tick
 		await tick();
 		$bear.apples = 60;
 	});
 </script>
 
+<h1>With tick, works in Svelte 4</h1>
+
 <p>Native input</p>
 <input bind:value={$bear.apples} min={0} max={100} step={1} type="range" />
-{$bear.apples}
 <p>Svelte Tweakpane UI</p>
 <Slider bind:value={$bear.apples} min={0} max={100} step={1} />
+
+<h1>Without tick, works in Svelte 5</h1>
+
+<p>Native input</p>
+<input bind:value={$bear2.apples} min={0} max={100} step={1} type="range" />
+<p>Svelte Tweakpane UI</p>
+<Slider bind:value={$bear2.apples} min={0} max={100} step={1} />