update test

pull/15844/head
Rich Harris 3 months ago
parent da5b74a180
commit ee21d9f3b8

@ -1,24 +1,14 @@
import { tick } from 'svelte'; import { tick } from 'svelte';
import { deferred } from '../../../../src/internal/shared/utils.js';
import { test } from '../../test'; import { test } from '../../test';
/** @type {ReturnType<typeof deferred>} */
let d;
export default test({ export default test({
html: `<p>pending</p>`, html: `<button>hello</button><p>pending</p>`,
get props() {
d = deferred();
return {
promise: d.promise
};
},
async test({ assert, target }) { async test({ assert, target }) {
d.resolve('hello'); const [hello] = target.querySelectorAll('button');
hello.click();
await tick(); await tick();
assert.htmlEqual(target.innerHTML, '<p>hello</p>'); assert.htmlEqual(target.innerHTML, '<button>hello</button><p>hello</p>');
} }
}); });

@ -1,11 +1,13 @@
<script> <script>
import Child from './Child.svelte'; import Child from './Child.svelte';
let { promise } = $props(); let deferred = $state(Promise.withResolvers());
</script> </script>
<button onclick={() => deferred.resolve('hello')}>hello</button>
<svelte:boundary> <svelte:boundary>
<Child {promise} /> <Child promise={deferred.promise} />
{#snippet pending()} {#snippet pending()}
<p>pending</p> <p>pending</p>

Loading…
Cancel
Save