msb-public
/
svelte
mirror of https://github.com/sveltejs/svelte
1
0
Code Issues Projects Releases Wiki Activity

put flushSync calls on single line — makes it easier to connect the event with the subsequent assertion

Browse Source
state-onchange
Rich Harris 2 weeks ago
parent 35e4023c35
commit 118e9aa91c
9 changed files with 36 additions and 105 deletions

8
packages/svelte/tests/runtime-runes/samples/state-onchange-accumulated/_config.js
Unescape View File

@ -5,14 +5,10 @@ export default test({
async test({ assert, target, logs }) {
const [btn, btn2] = target.querySelectorAll('button');
flushSync(() => {
btn.click();
});
flushSync(() => btn.click());
assert.deepEqual(logs, ['foo', 'baz']);
flushSync(() => {
btn2.click();
});
flushSync(() => btn2.click());
assert.deepEqual(logs, ['foo', 'baz', 'foo', 'baz']);
}
});

8
packages/svelte/tests/runtime-runes/samples/state-onchange-array-length-batch/_config.js
Unescape View File

@ -5,14 +5,10 @@ export default test({
async test({ assert, target, logs }) {
const [btn, btn2] = target.querySelectorAll('button');
flushSync(() => {
btn.click();
});
flushSync(() => btn.click());
assert.deepEqual(logs, [[{}, {}, {}, {}, {}, {}, {}, {}]]);
flushSync(() => {
btn2.click();
});
flushSync(() => btn2.click());
assert.deepEqual(logs, [[{}, {}, {}, {}, {}, {}, {}, {}], []]);
}
});

12
packages/svelte/tests/runtime-runes/samples/state-onchange-arrays/_config.js
Unescape View File

@ -5,19 +5,13 @@ export default test({
async test({ assert, target, logs }) {
const [btn, btn2, btn3] = target.querySelectorAll('button');
flushSync(() => {
btn.click();
});
flushSync(() => btn.click());
assert.deepEqual(logs, ['arr']);
flushSync(() => {
btn2.click();
});
flushSync(() => btn2.click());
assert.deepEqual(logs, ['arr', 'arr']);
flushSync(() => {
btn3.click();
});
flushSync(() => btn3.click());
assert.deepEqual(logs, ['arr', 'arr', 'arr']);
}
});

12
packages/svelte/tests/runtime-runes/samples/state-onchange-classes/_config.js
Unescape View File

@ -9,19 +9,13 @@ export default test({
logs.length = 0;
flushSync(() => {
btn.click();
});
flushSync(() => btn.click());
assert.deepEqual(logs, ['class count']);
flushSync(() => {
btn2.click();
});
flushSync(() => btn2.click());
assert.deepEqual(logs, ['class count', 'class proxy']);
flushSync(() => {
btn3.click();
});
flushSync(() => btn3.click());
assert.deepEqual(logs, ['class count', 'class proxy', 'class proxy']);
}
});

29
packages/svelte/tests/runtime-runes/samples/state-onchange-extrapolated-reference/_config.js
Unescape View File

@ -6,28 +6,15 @@ export default test({
const [btn, btn2, btn3, btn4, btn5, btn6] = target.querySelectorAll('button');
logs.length = 0;
flushSync(() => {
btn.click();
});
flushSync(() => {
btn2.click();
});
flushSync(() => {
btn3.click();
});
flushSync(() => {
btn4.click();
});
flushSync(() => {
btn5.click();
});
flushSync(() => btn.click());
flushSync(() => btn2.click());
flushSync(() => btn3.click());
flushSync(() => btn4.click());
flushSync(() => btn5.click());
assert.deepEqual(logs, []);
flushSync(() => {
btn6.click();
});
flushSync(() => {
btn.click();
});
flushSync(() => btn6.click());
flushSync(() => btn.click());
assert.deepEqual(logs, ['arr', 'arr']);
}
});

8
packages/svelte/tests/runtime-runes/samples/state-onchange-proxies/_config.js
Unescape View File

@ -5,14 +5,10 @@ export default test({
async test({ assert, target, logs }) {
const [btn, btn2] = target.querySelectorAll('button');
flushSync(() => {
btn.click();
});
flushSync(() => btn.click());
assert.deepEqual(logs, ['proxy']);
flushSync(() => {
btn2.click();
});
flushSync(() => btn2.click());
assert.deepEqual(logs, ['proxy', 'proxy']);
}
});

20
packages/svelte/tests/runtime-runes/samples/state-onchange-reassign-proxy/_config.js
Unescape View File

@ -5,26 +5,16 @@ export default test({
async test({ assert, target, logs }) {
const [btn, btn2, btn3, btn4] = target.querySelectorAll('button');
flushSync(() => {
btn.click();
});
flushSync(() => btn.click());
assert.deepEqual(logs, ['a']);
flushSync(() => {
btn2.click();
});
flushSync(() => btn2.click());
assert.deepEqual(logs, ['a', 'b', 'c']);
flushSync(() => {
btn3.click();
});
flushSync(() => btn3.click());
assert.deepEqual(logs, ['a', 'b', 'c', 'b', 'c']);
flushSync(() => {
btn4.click();
});
flushSync(() => btn4.click());
assert.deepEqual(logs, ['a', 'b', 'c', 'b', 'c', 'c']);
flushSync(() => {
btn2.click();
});
flushSync(() => btn2.click());
assert.deepEqual(logs, ['a', 'b', 'c', 'b', 'c', 'c', 'b']);
}
});

4
packages/svelte/tests/runtime-runes/samples/state-onchange/_config.js
Unescape View File

@ -5,9 +5,7 @@ export default test({
async test({ assert, target, logs }) {
const btn = target.querySelector('button');
flushSync(() => {
btn?.click();
});
flushSync(() => btn?.click());
assert.deepEqual(logs, ['count']);
}
});

40
packages/svelte/tests/runtime-runes/samples/state-raw-onchange/_config.js
Unescape View File

@ -10,54 +10,34 @@ export default test({
logs.length = 0;
flushSync(() => {
btn.click();
});
flushSync(() => btn.click());
assert.deepEqual(logs, ['count']);
flushSync(() => {
btn2.click();
});
flushSync(() => btn2.click());
assert.deepEqual(logs, ['count']);
flushSync(() => {
btn3.click();
});
flushSync(() => btn3.click());
assert.deepEqual(logs, ['count', 'proxy']);
flushSync(() => {
btn4.click();
});
flushSync(() => btn4.click());
assert.deepEqual(logs, ['count', 'proxy', 'class count']);
flushSync(() => {
btn5.click();
});
flushSync(() => btn5.click());
assert.deepEqual(logs, ['count', 'proxy', 'class count']);
flushSync(() => {
btn6.click();
});
flushSync(() => btn6.click());
assert.deepEqual(logs, ['count', 'proxy', 'class count', 'class proxy']);
flushSync(() => {
btn7.click();
});
flushSync(() => btn7.click());
assert.deepEqual(logs, ['count', 'proxy', 'class count', 'class proxy']);
flushSync(() => {
btn8.click();
});
flushSync(() => btn8.click());
assert.deepEqual(logs, ['count', 'proxy', 'class count', 'class proxy']);
flushSync(() => {
btn9.click();
});
flushSync(() => btn9.click());
assert.deepEqual(logs, ['count', 'proxy', 'class count', 'class proxy']);
flushSync(() => {
btn10.click();
});
flushSync(() => btn10.click());
assert.deepEqual(logs, ['count', 'proxy', 'class count', 'class proxy', 'arr']);
}
});

Write Preview
Loading…
Cancel
Save