diff --git a/packages/svelte/tests/runtime-runes/samples/async-linear-order/_config.js b/packages/svelte/tests/runtime-runes/samples/async-linear-order/_config.js new file mode 100644 index 0000000000..76bfbe56d6 --- /dev/null +++ b/packages/svelte/tests/runtime-runes/samples/async-linear-order/_config.js @@ -0,0 +1,42 @@ +import { flushSync, tick } from 'svelte'; +import { test } from '../../test'; + +export default test({ + async test({ assert, target }) { + const [a, b, reset1, reset2, resolve1, resolve2] = target.querySelectorAll('button'); + + flushSync(() => resolve1.click()); + await Promise.resolve(); + await Promise.resolve(); + await Promise.resolve(); + await tick(); + flushSync(); + + const p = /** @type {HTMLElement} */ (target.querySelector('#test')); + + assert.htmlEqual(p.innerHTML, '1 + 2 = 3'); + + flushSync(() => reset1.click()); + flushSync(() => a.click()); + flushSync(() => reset2.click()); + flushSync(() => b.click()); + + flushSync(() => resolve2.click()); + await Promise.resolve(); + await Promise.resolve(); + await Promise.resolve(); + await tick(); + flushSync(); + + assert.htmlEqual(p.innerHTML, '1 + 2 = 3'); + + flushSync(() => resolve1.click()); + await Promise.resolve(); + await Promise.resolve(); + await Promise.resolve(); + await tick(); + flushSync(); + + assert.htmlEqual(p.innerHTML, '2 + 3 = 5'); + } +}); diff --git a/packages/svelte/tests/runtime-runes/samples/async-linear-order/main.svelte b/packages/svelte/tests/runtime-runes/samples/async-linear-order/main.svelte new file mode 100644 index 0000000000..cc82db0d75 --- /dev/null +++ b/packages/svelte/tests/runtime-runes/samples/async-linear-order/main.svelte @@ -0,0 +1,31 @@ + + + a++}>a++ + b++}>b++ + + deferred = d1 = Promise.withResolvers()}>reset 1 + deferred = d2 = Promise.withResolvers()}>reset 2 + + d1.resolve()}>resolve 1 + d2.resolve()}>resolve 2 + + + {a} + {b} = {await add(a, b)} + + {#snippet pending()} + loading... + {/snippet} +
{a} + {b} = {await add(a, b)}
loading...