diff --git a/packages/svelte/tests/runtime-runes/samples/async-derived-invalidation-during-init/_config.js b/packages/svelte/tests/runtime-runes/samples/async-derived-invalidation-during-init/_config.js index 99f91503e1..df3fbe65cd 100644 --- a/packages/svelte/tests/runtime-runes/samples/async-derived-invalidation-during-init/_config.js +++ b/packages/svelte/tests/runtime-runes/samples/async-derived-invalidation-during-init/_config.js @@ -1,31 +1,28 @@ import { flushSync, tick } from 'svelte'; -import { deferred } from '../../../../src/internal/shared/utils.js'; import { test } from '../../test'; -/** @type {ReturnType} */ -let d1; - export default test({ - html: `

pending

`, + html: ` + + + +

pending

+ `, - get props() { - d1 = deferred(); + async test({ assert, target, component, errors, variant }) { + if (variant === 'hydrate') { + await Promise.resolve(); + } - return { - promise: d1.promise - }; - }, + const [toggle, resolve1, resolve2] = target.querySelectorAll('button'); - async test({ assert, target, component, errors }) { - await Promise.resolve(); - var d2 = deferred(); - component.promise = d2.promise; + flushSync(() => toggle.click()); - d1.resolve('unused'); + flushSync(() => resolve1.click()); await Promise.resolve(); await Promise.resolve(); - d2.resolve('hello'); + flushSync(() => resolve2.click()); await Promise.resolve(); await Promise.resolve(); await Promise.resolve(); @@ -37,7 +34,15 @@ export default test({ await Promise.resolve(); await tick(); - assert.htmlEqual(target.innerHTML, '

hello

'); + assert.htmlEqual( + target.innerHTML, + ` + + + +

two

+ ` + ); assert.deepEqual(errors, []); } diff --git a/packages/svelte/tests/runtime-runes/samples/async-derived-invalidation-during-init/main.svelte b/packages/svelte/tests/runtime-runes/samples/async-derived-invalidation-during-init/main.svelte index 718a256b86..9babdb2fe2 100644 --- a/packages/svelte/tests/runtime-runes/samples/async-derived-invalidation-during-init/main.svelte +++ b/packages/svelte/tests/runtime-runes/samples/async-derived-invalidation-during-init/main.svelte @@ -1,11 +1,18 @@ + + + + - + {#snippet pending()}

pending