diff --git a/packages/svelte/tests/runtime-legacy/samples/binding-circular/_config.js b/packages/svelte/tests/runtime-legacy/samples/binding-circular/_config.js index 29ddac16ad..d2ef0abb1f 100644 --- a/packages/svelte/tests/runtime-legacy/samples/binding-circular/_config.js +++ b/packages/svelte/tests/runtime-legacy/samples/binding-circular/_config.js @@ -1,9 +1,9 @@ import { test } from '../../test'; export default test({ - html: ` + ssrHtml: ` - wheeee + wheeee ` }); diff --git a/packages/svelte/tests/runtime-legacy/samples/binding-indirect/_config.js b/packages/svelte/tests/runtime-legacy/samples/binding-indirect/_config.js index d0b46cffa6..fbd7d662a4 100644 --- a/packages/svelte/tests/runtime-legacy/samples/binding-indirect/_config.js +++ b/packages/svelte/tests/runtime-legacy/samples/binding-indirect/_config.js @@ -17,9 +17,9 @@ export default test({ return { tasks, selected: tasks[0] }; }, - html: ` + ssrHtml: ` - put your left leg in + put your left leg in your left leg out in, out, in, out shake it all about @@ -36,7 +36,28 @@ export default test({ shake it all about `, - async test({ assert, component, target, window }) { + async test({ assert, component, target, window, variant }) { + assert.htmlEqual( + target.innerHTML, + ` + + put your left leg in + your left leg out + in, out, in, out + shake it all about + + + + put your left leg in + + + Pending tasks + put your left leg in + your left leg out + in, out, in, out + shake it all about + ` + ); const input = target.querySelector('input'); const select = target.querySelector('select'); const options = target.querySelectorAll('option'); @@ -57,7 +78,7 @@ export default test({ target.innerHTML, ` - put your left leg in + put your left leg in your left leg out in, out, in, out shake it all about @@ -94,7 +115,7 @@ export default test({ target.innerHTML, ` - put your left leg in + put your left leg in your left leg out in, out, in, out shake it all about diff --git a/packages/svelte/tests/runtime-legacy/samples/binding-select-implicit-option-value/_config.js b/packages/svelte/tests/runtime-legacy/samples/binding-select-implicit-option-value/_config.js index 1fea6c08f4..103876faa5 100644 --- a/packages/svelte/tests/runtime-legacy/samples/binding-select-implicit-option-value/_config.js +++ b/packages/svelte/tests/runtime-legacy/samples/binding-select-implicit-option-value/_config.js @@ -6,17 +6,29 @@ export default test({ return { values: [1, 2, 3], foo: 2 }; }, - html: ` + ssrHtml: ` 1 - 2 + 2 3 foo: 2 `, - test({ assert, component, target, window }) { + test({ assert, component, target, window, variant }) { + assert.htmlEqual( + target.innerHTML, + ` + + 1 + 2 + 3 + + + foo: 2 + ` + ); const select = target.querySelector('select'); ok(select); const options = [...target.querySelectorAll('option')]; @@ -36,7 +48,7 @@ export default test({ ` 1 - 2 + 2 3 diff --git a/packages/svelte/tests/runtime-legacy/samples/binding-select-in-each-block/_config.js b/packages/svelte/tests/runtime-legacy/samples/binding-select-in-each-block/_config.js index 9c442aa329..741804fba1 100644 --- a/packages/svelte/tests/runtime-legacy/samples/binding-select-in-each-block/_config.js +++ b/packages/svelte/tests/runtime-legacy/samples/binding-select-in-each-block/_config.js @@ -1,15 +1,15 @@ import { test } from '../../test'; export default test({ - html: ` + ssrHtml: ` - Hullo + Hullo World Hullo - World + World `, @@ -19,7 +19,21 @@ export default test({ }; }, - test({ assert, component, target, window }) { + test({ assert, component, target, window, variant }) { + assert.htmlEqual( + target.innerHTML, + ` + + Hullo + World + + + + Hullo + World + + ` + ); const selects = [...target.querySelectorAll('select')]; const change = new window.Event('change'); diff --git a/packages/svelte/tests/runtime-legacy/samples/select-in-each/_config.js b/packages/svelte/tests/runtime-legacy/samples/select-in-each/_config.js index 842d8e855c..edb68b7170 100644 --- a/packages/svelte/tests/runtime-legacy/samples/select-in-each/_config.js +++ b/packages/svelte/tests/runtime-legacy/samples/select-in-each/_config.js @@ -2,27 +2,28 @@ import { flushSync } from 'svelte'; import { ok, test } from '../../test'; export default test({ - html: ` - - A - B - - selected: a - `, - - test({ assert, target }) { + test({ assert, target, variant }) { + assert.htmlEqual( + target.innerHTML, + ` + + A + B + + selected: a + ` + ); const select = target.querySelector('select'); ok(select); const event = new window.Event('change'); select.value = 'b'; select.dispatchEvent(event); flushSync(); - assert.htmlEqual( target.innerHTML, ` - A + A B selected: b diff --git a/packages/svelte/tests/runtime-runes/samples/bindings-form-reset/main.svelte b/packages/svelte/tests/runtime-runes/samples/bindings-form-reset/main.svelte index ff13af85c8..0886efd59c 100644 --- a/packages/svelte/tests/runtime-runes/samples/bindings-form-reset/main.svelte +++ b/packages/svelte/tests/runtime-runes/samples/bindings-form-reset/main.svelte @@ -3,8 +3,14 @@ let checkbox = $state(true); let radio_group = $state('a'); let checkbox_group = $state(['a']); - let select = $state('b'); + // this will be ssrd + let select = $state('a'); let textarea = $state('textarea'); + + $effect(()=>{ + // changing the value of `select` on mount + select = 'b'; + }) {JSON.stringify({ text, checkbox, radio_group, checkbox_group, select, textarea })}
shake it all about
put your left leg in
your left leg out
in, out, in, out
foo: 2
{JSON.stringify({ text, checkbox, radio_group, checkbox_group, select, textarea })}