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

Author: Rich-Harris

packages/svelte/tests/runtime-runes/samples/state-onchange-accumulated/_config.js

@@ -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']);
 	}
 });

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

@@ -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, [[{}, {}, {}, {}, {}, {}, {}, {}], []]);
 	}
 });

packages/svelte/tests/runtime-runes/samples/state-onchange-arrays/_config.js

@@ -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']);
 	}
 });

packages/svelte/tests/runtime-runes/samples/state-onchange-classes/_config.js

@@ -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']);
 	}
 });

packages/svelte/tests/runtime-runes/samples/state-onchange-extrapolated-reference/_config.js

@@ -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']);
 	}
 });

packages/svelte/tests/runtime-runes/samples/state-onchange-proxies/_config.js

@@ -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']);
 	}
 });

packages/svelte/tests/runtime-runes/samples/state-onchange-reassign-proxy/_config.js

@@ -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']);
 	}
 });

packages/svelte/tests/runtime-runes/samples/state-onchange/_config.js

@@ -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']);
 	}
 });

packages/svelte/tests/runtime-runes/samples/state-raw-onchange/_config.js

@@ -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']);
 	}
 });