diff --git a/packages/svelte/tests/runtime-runes/samples/async-prop/_config.js b/packages/svelte/tests/runtime-runes/samples/async-prop/_config.js index ef4c453b26..66690c120c 100644 --- a/packages/svelte/tests/runtime-runes/samples/async-prop/_config.js +++ b/packages/svelte/tests/runtime-runes/samples/async-prop/_config.js @@ -1,33 +1,51 @@ import { tick } from 'svelte'; -import { deferred } from '../../../../src/internal/shared/utils.js'; import { test } from '../../test'; -/** @type {ReturnType} */ -let d; - export default test({ - html: `

pending

`, - - get props() { - d = deferred(); + html: ` + + + +

pending

+ `, - return { - promise: d.promise - }; - }, + async test({ assert, target }) { + const [reset, hello, again] = target.querySelectorAll('button'); - async test({ assert, target, component }) { - d.resolve('hello'); + hello.click(); await tick(); - assert.htmlEqual(target.innerHTML, '

hello

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

hello

+ ` + ); - d = deferred(); - component.promise = d.promise; + reset.click(); await tick(); - assert.htmlEqual(target.innerHTML, '

hello

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

hello

+ ` + ); - d.resolve('hello again'); + again.click(); await tick(); - assert.htmlEqual(target.innerHTML, '

hello again

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

hello again

+ ` + ); } }); diff --git a/packages/svelte/tests/runtime-runes/samples/async-prop/main.svelte b/packages/svelte/tests/runtime-runes/samples/async-prop/main.svelte index cb5d00b3d3..38388607ce 100644 --- a/packages/svelte/tests/runtime-runes/samples/async-prop/main.svelte +++ b/packages/svelte/tests/runtime-runes/samples/async-prop/main.svelte @@ -1,11 +1,15 @@ + + + + - + {#snippet pending()}

pending

diff --git a/packages/svelte/tests/runtime-runes/samples/async-render-tag/_config.js b/packages/svelte/tests/runtime-runes/samples/async-render-tag/_config.js index 22b8b2a1c4..6f3473f592 100644 --- a/packages/svelte/tests/runtime-runes/samples/async-render-tag/_config.js +++ b/packages/svelte/tests/runtime-runes/samples/async-render-tag/_config.js @@ -1,32 +1,51 @@ import { tick } from 'svelte'; -import { deferred } from '../../../../src/internal/shared/utils.js'; import { test } from '../../test'; -/** @type {ReturnType} */ -let d; - export default test({ - html: `

pending

`, - - get props() { - d = deferred(); + html: ` + + + +

pending

+ `, - return { - promise: d.promise - }; - }, + async test({ assert, target }) { + const [reset, hello, wheee] = target.querySelectorAll('button'); - async test({ assert, target, component }) { - d.resolve('hello'); + hello.click(); await tick(); - assert.htmlEqual(target.innerHTML, '

hello

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

hello

+ ` + ); - component.promise = (d = deferred()).promise; + reset.click(); await tick(); - assert.htmlEqual(target.innerHTML, '

hello

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

hello

+ ` + ); - d.resolve('wheee'); + wheee.click(); await tick(); - assert.htmlEqual(target.innerHTML, '

wheee

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

wheee

+ ` + ); } }); diff --git a/packages/svelte/tests/runtime-runes/samples/async-render-tag/main.svelte b/packages/svelte/tests/runtime-runes/samples/async-render-tag/main.svelte index e987385671..b59bc319d8 100644 --- a/packages/svelte/tests/runtime-runes/samples/async-render-tag/main.svelte +++ b/packages/svelte/tests/runtime-runes/samples/async-render-tag/main.svelte @@ -1,13 +1,17 @@ + + + + {#snippet hello(message)}

{message}

{/snippet} - {@render hello(await promise)} + {@render hello(await deferred.promise)} {#snippet pending()}

pending

diff --git a/packages/svelte/tests/runtime-runes/samples/async-svelte-element/_config.js b/packages/svelte/tests/runtime-runes/samples/async-svelte-element/_config.js index 558caa6292..dc25be10c8 100644 --- a/packages/svelte/tests/runtime-runes/samples/async-svelte-element/_config.js +++ b/packages/svelte/tests/runtime-runes/samples/async-svelte-element/_config.js @@ -1,32 +1,51 @@ import { tick } from 'svelte'; -import { deferred } from '../../../../src/internal/shared/utils.js'; import { test } from '../../test'; -/** @type {ReturnType} */ -let d; - export default test({ - html: `

pending

`, - - get props() { - d = deferred(); + html: ` + + + +

pending

+ `, - return { - promise: d.promise - }; - }, + async test({ assert, target }) { + const [reset, h1, h2] = target.querySelectorAll('button'); - async test({ assert, target, component }) { - d.resolve('h1'); + h1.click(); await tick(); - assert.htmlEqual(target.innerHTML, '

hello

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

hello

+ ` + ); - component.promise = (d = deferred()).promise; + reset.click(); await tick(); - assert.htmlEqual(target.innerHTML, '

hello

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

hello

+ ` + ); - d.resolve('h2'); + h2.click(); await tick(); - assert.htmlEqual(target.innerHTML, '

hello

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

hello

+ ` + ); } }); diff --git a/packages/svelte/tests/runtime-runes/samples/async-svelte-element/main.svelte b/packages/svelte/tests/runtime-runes/samples/async-svelte-element/main.svelte index 52852b549c..f8165784dc 100644 --- a/packages/svelte/tests/runtime-runes/samples/async-svelte-element/main.svelte +++ b/packages/svelte/tests/runtime-runes/samples/async-svelte-element/main.svelte @@ -1,9 +1,13 @@ + + + + - hello + hello {#snippet pending()}

pending