update tests

Author: Rich-Harris

packages/svelte/tests/hydration/samples/dynamic-text-changed/_config.js

@@ -1,6 +1,10 @@
 import { test } from '../../test';
 
 export default test({
+	server_props: {
+		name: 'world'
+	},
+
 	props: {
 		name: 'everybody'
 	},

packages/svelte/tests/hydration/samples/each-block-fallback-mismatch/_config.js

@@ -1,3 +1,13 @@
 import { test } from '../../test';
 
-export default test({});
+export default test({
+	server_props: {
+		items1: [],
+		items2: [{ name: 'a' }]
+	},
+
+	props: {
+		items1: [{ name: 'a' }],
+		items2: []
+	}
+});

packages/svelte/tests/hydration/samples/each-block-fallback-mismatch/main.svelte

@@ -1,6 +1,5 @@
 <script>
-	let items1 = $state(typeof window !== 'undefined' ? [{name: 'a'}]: []);
-	let items2 = $state(typeof window === 'undefined' ? [{name: 'a'}]: []);
+	let { items1, items2 } = $props();
 </script>
 
 {#each items1 as item}

packages/svelte/tests/hydration/samples/each-block-less-nodes-on-client/_config.js

@@ -1,6 +1,14 @@
 import { assert_ok, test } from '../../test';
 
 export default test({
+	server_props: {
+		items: [{ name: 'a' }, { name: 'b' }]
+	},
+
+	props: {
+		items: [{ name: 'a' }]
+	},
+
 	snapshot(target) {
 		const ul = target.querySelector('ul');
 		assert_ok(ul);

packages/svelte/tests/hydration/samples/each-block-less-nodes-on-client/main.svelte

@@ -1,5 +1,5 @@
 <script>
-	let items = $state(typeof window !== 'undefined' ? [{name: 'a'}]: [{name: 'a'}, {name: 'b'}]);
+	let { items } = $props();
 </script>
 
 <ul>

packages/svelte/tests/hydration/samples/each-block-more-nodes-on-client/_config.js

@@ -1,6 +1,14 @@
 import { assert_ok, test } from '../../test';
 
 export default test({
+	server_props: {
+		items: [{ name: 'x' }]
+	},
+
+	props: {
+		items: [{ name: 'a' }, { name: 'b' }]
+	},
+
 	snapshot(target) {
 		const ul = target.querySelector('ul');
 		assert_ok(ul);

packages/svelte/tests/hydration/samples/each-block-more-nodes-on-client/main.svelte

@@ -1,5 +1,5 @@
 <script>
-	let items = $state(typeof window === 'undefined' ? [{name: 'x'}]: [{name: 'a'}, {name: 'b'}]);
+	let { items } = $props();
 </script>
 
 <ul>

packages/svelte/tests/hydration/samples/element-attribute-added/_config.js

@@ -1,6 +1,8 @@
 import { test } from '../../test';
 
 export default test({
+	server_props: {},
+
 	props: {
 		className: 'bar'
 	},

packages/svelte/tests/hydration/samples/element-attribute-changed/_config.js

@@ -1,6 +1,10 @@
 import { test } from '../../test';
 
 export default test({
+	server_props: {
+		className: 'foo'
+	},
+
 	props: {
 		className: 'bar'
 	},

packages/svelte/tests/hydration/samples/element-attribute-removed/_config.js

@@ -1,6 +1,10 @@
 import { test } from '../../test';
 
 export default test({
+	server_props: {
+		id: 'foo'
+	},
+
 	snapshot(target) {
 		const div = target.querySelector('div');
 

packages/svelte/tests/hydration/samples/if-block-empty/_config.js

@@ -1,3 +1,11 @@
 import { test } from '../../test';
 
-export default test({});
+export default test({
+	server_props: {
+		foo: ''
+	},
+
+	props: {
+		foo: 'x'
+	}
+});

packages/svelte/tests/hydration/samples/if-block-mismatch/_config.js

@@ -3,5 +3,13 @@ import { test } from '../../test';
 // even {#if true} or {#if false} should be kept as an if block, because it could be {#if browser} originally,
 // which is then different between client and server.
 export default test({
+	server_props: {
+		condition: false
+	},
+
+	props: {
+		condition: true
+	},
+
 	trim_whitespace: false
 });

packages/svelte/tests/hydration/samples/if-block-mismatch/main.svelte

@@ -1,3 +1,7 @@
+<script>
+	let { condition } = $props();
+</script>
+
 {#if true}
 	<p>foo</p>
 {:else}

packages/svelte/tests/hydration/samples/ignore-mismatched-href/_config.js

@@ -1,6 +1,14 @@
 import { test } from '../../test';
 
 export default test({
+	server_props: {
+		browser: false
+	},
+
+	props: {
+		browser: true
+	},
+
 	test(assert, target) {
 		assert.equal(target.querySelector('a')?.getAttribute('href'), '/bar');
 	}

packages/svelte/tests/hydration/samples/ignore-mismatched-href/main.svelte

@@ -1,5 +1,5 @@
 <script>
-	let browser = typeof window !== 'undefined';
+	let { browser } = $props();
 </script>
 
 <a href={browser ? '/foo': '/bar'}>foo</a>

packages/svelte/tests/hydration/samples/text-empty/_config.js

@@ -1,3 +1,11 @@
 import { test } from '../../test';
 
-export default test({});
+export default test({
+	server_props: {
+		x: ''
+	},
+
+	props: {
+		x: 'x'
+	}
+});

packages/svelte/tests/hydration/samples/text-empty/main.svelte

@@ -1,5 +1,5 @@
 <script>
-    let x = typeof window === 'undefined' ? '' : 'x'
+	let { x } = $props();
 </script>
 
 {x}