mirror of https://github.com/sveltejs/svelte
This reverts commit 48fa6587c9
.
pull/11940/head
parent
388f210183
commit
64ee32c5fe
@ -1,5 +0,0 @@
|
|||||||
---
|
|
||||||
'svelte': patch
|
|
||||||
---
|
|
||||||
|
|
||||||
fix: create sources on read for Set
|
|
@ -1,28 +1,50 @@
|
|||||||
import { flushSync } from '../../../../src/index-client';
|
import { flushSync } from '../../../../src/index-client';
|
||||||
import { ok, test } from '../../test';
|
import { test } from '../../test';
|
||||||
|
|
||||||
export default test({
|
export default test({
|
||||||
html: `<button>delete initial</button><button>add</button><button>delete</button><button>clear</button><div id="output"><p>1</p><div>0</div></div>`,
|
html: `<button>add</button><button>delete</button><button>clear</button>`,
|
||||||
|
|
||||||
test({ assert, target }) {
|
test({ assert, target }) {
|
||||||
const [btn, btn2, btn3, btn4] = target.querySelectorAll('button');
|
const [btn, btn2, btn3] = target.querySelectorAll('button');
|
||||||
const output = target.querySelector('#output');
|
|
||||||
ok(output);
|
|
||||||
|
|
||||||
flushSync(() => btn?.click());
|
flushSync(() => {
|
||||||
assert.htmlEqual(output.innerHTML, `<p>0</p>`);
|
btn?.click();
|
||||||
|
});
|
||||||
|
|
||||||
flushSync(() => btn2?.click());
|
assert.htmlEqual(
|
||||||
assert.htmlEqual(output.innerHTML, `<p>1</p><div>1</div>`);
|
target.innerHTML,
|
||||||
|
`<button>add</button><button>delete</button><button>clear</button><div>1</div>`
|
||||||
|
);
|
||||||
|
|
||||||
flushSync(() => btn2?.click());
|
flushSync(() => {
|
||||||
flushSync(() => btn2?.click());
|
btn?.click();
|
||||||
assert.htmlEqual(output.innerHTML, `<p>3</p><div>1</div><div>2</div><div>3</div>`);
|
});
|
||||||
|
|
||||||
flushSync(() => btn3?.click());
|
flushSync(() => {
|
||||||
assert.htmlEqual(output.innerHTML, `<p>2</p><div>1</div><div>2</div>`);
|
btn?.click();
|
||||||
|
});
|
||||||
|
|
||||||
flushSync(() => btn4?.click());
|
assert.htmlEqual(
|
||||||
assert.htmlEqual(output.innerHTML, `<p>0</p>`);
|
target.innerHTML,
|
||||||
|
`<button>add</button><button>delete</button><button>clear</button><div>1</div><div>2</div><div>3</div>`
|
||||||
|
);
|
||||||
|
|
||||||
|
flushSync(() => {
|
||||||
|
btn2?.click();
|
||||||
|
});
|
||||||
|
|
||||||
|
assert.htmlEqual(
|
||||||
|
target.innerHTML,
|
||||||
|
`<button>add</button><button>delete</button><button>clear</button><div>1</div><div>2</div>`
|
||||||
|
);
|
||||||
|
|
||||||
|
flushSync(() => {
|
||||||
|
btn3?.click();
|
||||||
|
});
|
||||||
|
|
||||||
|
assert.htmlEqual(
|
||||||
|
target.innerHTML,
|
||||||
|
`<button>add</button><button>delete</button><button>clear</button>`
|
||||||
|
);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
@ -1,18 +1,21 @@
|
|||||||
<script>
|
<script>
|
||||||
import { Set } from 'svelte/reactivity';
|
import {Set} from 'svelte/reactivity';
|
||||||
|
|
||||||
let state = new Set([0]);
|
let state = new Set();
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<button onclick={() => state.delete(0)}>delete initial</button>
|
<button onclick={() => {
|
||||||
<button onclick={() => state.add(state.size + 1)}>add</button>
|
state.add(state.size + 1);
|
||||||
<button onclick={() => state.delete(state.size)}>delete</button>
|
}}>add</button>
|
||||||
<button onclick={() => state.clear()}>clear</button>
|
|
||||||
|
|
||||||
<div id="output">
|
<button onclick={() => {
|
||||||
<p>{state.size}</p>
|
state.delete(state.size);
|
||||||
|
}}>delete</button>
|
||||||
|
|
||||||
{#each state as item}
|
<button onclick={() => {
|
||||||
|
state.clear();
|
||||||
|
}}>clear</button>
|
||||||
|
|
||||||
|
{#each state as item}
|
||||||
<div>{item}</div>
|
<div>{item}</div>
|
||||||
{/each}
|
{/each}
|
||||||
</div>
|
|
||||||
|
Loading…
Reference in new issue