enhance test

boundary-batch-first-run
Simon Holthausen 3 weeks ago
parent 7c194acc98
commit dca7f9bc63

@ -4,6 +4,15 @@ import { test } from '../../test';
export default test({ export default test({
async test({ assert, target }) { async test({ assert, target }) {
await tick(); await tick();
assert.htmlEqual(target.innerHTML, '<p>foo</p><div>foo</div>'); assert.htmlEqual(target.innerHTML, '<button>toggle</button> <p>foo</p><div>foo</div>');
const [toggle] = target.querySelectorAll('button');
toggle.click();
await tick();
assert.htmlEqual(target.innerHTML, '<button>toggle</button>');
toggle.click();
await tick();
assert.htmlEqual(target.innerHTML, '<button>toggle</button> <p>foo</p><div>foo</div>');
} }
}); });

@ -1,9 +1,14 @@
<script> <script>
import Inner from './Inner.svelte'; import Inner from './Inner.svelte';
let show = $state(true);
</script> </script>
<svelte:boundary> <svelte:boundary>
<Inner /> <button onclick={() => show = !show}>toggle</button>
{#if show}
<Inner />
{/if}
{#snippet pending()} {#snippet pending()}
<p>pending</p> <p>pending</p>

Loading…
Cancel
Save