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();
|
||||||
|
});
|
||||||
|
|
||||||
|
assert.htmlEqual(
|
||||||
|
target.innerHTML,
|
||||||
|
`<button>add</button><button>delete</button><button>clear</button><div>1</div>`
|
||||||
|
);
|
||||||
|
|
||||||
flushSync(() => btn2?.click());
|
flushSync(() => {
|
||||||
assert.htmlEqual(output.innerHTML, `<p>1</p><div>1</div>`);
|
btn?.click();
|
||||||
|
});
|
||||||
|
|
||||||
|
flushSync(() => {
|
||||||
|
btn?.click();
|
||||||
|
});
|
||||||
|
|
||||||
flushSync(() => btn2?.click());
|
assert.htmlEqual(
|
||||||
flushSync(() => btn2?.click());
|
target.innerHTML,
|
||||||
assert.htmlEqual(output.innerHTML, `<p>3</p><div>1</div><div>2</div><div>3</div>`);
|
`<button>add</button><button>delete</button><button>clear</button><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>`);
|
btn2?.click();
|
||||||
|
});
|
||||||
|
|
||||||
|
assert.htmlEqual(
|
||||||
|
target.innerHTML,
|
||||||
|
`<button>add</button><button>delete</button><button>clear</button><div>1</div><div>2</div>`
|
||||||
|
);
|
||||||
|
|
||||||
|
flushSync(() => {
|
||||||
|
btn3?.click();
|
||||||
|
});
|
||||||
|
|
||||||
flushSync(() => btn4?.click());
|
assert.htmlEqual(
|
||||||
assert.htmlEqual(output.innerHTML, `<p>0</p>`);
|
target.innerHTML,
|
||||||
|
`<button>add</button><button>delete</button><button>clear</button>`
|
||||||
|
);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
Loading…
Reference in new issue