chore: cleanup more tests (#11738)

remove awaits in favor of flushSync

packages/svelte/tests/hydration/samples/binding-input/_config.js

@@ -1,3 +1,4 @@
+import { flushSync } from 'svelte';
 import { assert_ok, test } from '../../test';
 
 export default test({
@@ -12,11 +13,12 @@ export default test({
 		};
 	},
 
-	async test(assert, target, _, component, window) {
+	test(assert, target, _, component, window) {
 		const input = target.querySelector('input');
 		assert_ok(input);
 		input.value = 'everybody';
-		await input.dispatchEvent(new window.Event('input'));
+		input.dispatchEvent(new window.Event('input'));
+		flushSync();
 
 		assert.equal(component.name, 'everybody');
 		assert.htmlEqual(

packages/svelte/tests/hydration/samples/event-handler/_config.js

@@ -1,3 +1,4 @@
+import { flushSync } from 'svelte';
 import { assert_ok, test } from '../../test';
 
 export default test({
@@ -16,7 +17,8 @@ export default test({
 	async test(assert, target, _, component, window) {
 		const button = target.querySelector('button');
 		assert_ok(button);
-		await button.dispatchEvent(new window.MouseEvent('click', { bubbles: true }));
+		button.dispatchEvent(new window.MouseEvent('click', { bubbles: true }));
+		flushSync();
 
 		assert.ok(component.clicked);
 		assert.htmlEqual(

packages/svelte/tests/runtime-browser/custom-elements-samples/nested/_config.js

@@ -1,3 +1,4 @@
+import { flushSync } from 'svelte';
 import { test } from '../../assert';
 const tick = () => Promise.resolve();
 
@@ -18,7 +19,8 @@ export default test({
 		assert.equal(p.innerHTML, 'Context works');
 		assert.equal(getComputedStyle(button).color, 'rgb(255, 0, 0)');
 
-		await button.dispatchEvent(new MouseEvent('click', { bubbles: true }));
+		button.dispatchEvent(new MouseEvent('click', { bubbles: true }));
+		flushSync();
 
 		assert.equal(el.counter.count, 1);
 		assert.equal(button.innerHTML, 'count: 1');

packages/svelte/tests/runtime-browser/custom-elements-samples/reflect-attributes-add-remove/_config.js

@@ -1,3 +1,4 @@
+import { flushSync } from 'svelte';
 import { test } from '../../assert';
 const tick = () => Promise.resolve();
 
@@ -6,15 +7,18 @@ export default test({
 		const element = document.createElement('custom-element');
 		target.appendChild(element);
 		await tick();
+		flushSync();
 
 		/** @type {any} */
 		const el = target.querySelector('custom-element');
 		el.shadowRoot.querySelector('button').click();
 		await tick();
+		flushSync();
 
 		assert.equal(el.getAttribute('aria-expanded'), '');
 		el.shadowRoot.querySelector('button').click();
 		await tick();
+		flushSync();
 
 		assert.equal(el.getAttribute('aria-expanded'), null);
 	}

packages/svelte/tests/runtime-browser/custom-elements-samples/reflect-attributes/_config.js

@@ -1,3 +1,4 @@
+import { flushSync } from 'svelte';
 import { test } from '../../assert';
 const tick = () => Promise.resolve();
 
@@ -23,6 +24,7 @@ export default test({
 		assert.equal(getComputedStyle(inner_p).color, 'rgb(255, 255, 255)');
 
 		button.click();
+		flushSync();
 		await tick();
 		await tick();
 

packages/svelte/tests/runtime-legacy/samples/action-update/_config.js

@@ -1,19 +1,21 @@
+import { flushSync } from 'svelte';
 import { ok, test } from '../../test';
 
 export default test({
 	html: `
 		<button>action</button>
 	`,
 
-	async test({ assert, target, window }) {
+	test({ assert, target, window }) {
 		const button = target.querySelector('button');
 		ok(button);
 
 		const enter = new window.MouseEvent('mouseenter');
 		const leave = new window.MouseEvent('mouseleave');
 		const ctrlPress = new window.KeyboardEvent('keydown', { ctrlKey: true });
 
-		await button.dispatchEvent(enter);
+		button.dispatchEvent(enter);
+		flushSync();
 		assert.htmlEqual(
 			target.innerHTML,
 			`
@@ -22,7 +24,8 @@ export default test({
 		`
 		);
 
-		await window.dispatchEvent(ctrlPress);
+		window.dispatchEvent(ctrlPress);
+		flushSync();
 		assert.htmlEqual(
 			target.innerHTML,
 			`
@@ -31,7 +34,8 @@ export default test({
 		`
 		);
 
-		await button.dispatchEvent(leave);
+		button.dispatchEvent(leave);
+		flushSync();
 		assert.htmlEqual(
 			target.innerHTML,
 			`

packages/svelte/tests/runtime-legacy/samples/apply-directives-in-order-2/_config.js

@@ -1,3 +1,4 @@
+import { flushSync } from 'svelte';
 import { test } from '../../test';
 
 /** @type {string[]} */
@@ -9,14 +10,15 @@ export default test({
 		return { value };
 	},
 
-	async test({ assert, target, window }) {
+	test({ assert, target, window }) {
 		const inputs = target.querySelectorAll('input');
 
-		const event = new window.Event('input');
+		const event = new window.Event('input', { bubbles: true });
 
 		for (const input of inputs) {
 			input.value = 'h';
-			await input.dispatchEvent(event);
+			input.dispatchEvent(event);
+			flushSync();
 		}
 
 		// Svelte 5 breaking change, use:action now fires

packages/svelte/tests/runtime-legacy/samples/apply-directives-in-order/_config.js

@@ -1,3 +1,4 @@
+import { flushSync } from 'svelte';
 import { ok, test } from '../../test';
 
 export default test({
@@ -15,13 +16,14 @@ export default test({
 		<p></p>
 	`,
 
-	async test({ assert, target, window }) {
+	test({ assert, target, window }) {
 		const input = target.querySelector('input');
 		ok(input);
 
 		const event = new window.Event('input');
 		input.value = 'h';
-		await input.dispatchEvent(event);
+		input.dispatchEvent(event);
+		flushSync();
 
 		assert.equal(input.value, 'H');
 		assert.htmlEqual(
@@ -33,7 +35,8 @@ export default test({
 		);
 
 		input.value = 'he';
-		await input.dispatchEvent(event);
+		input.dispatchEvent(event);
+		flushSync();
 		assert.equal(input.value, 'HE');
 		assert.htmlEqual(
 			target.innerHTML,

packages/svelte/tests/runtime-legacy/samples/await-then-blowback-reactive/_config.js

@@ -1,3 +1,4 @@
+import { flushSync } from 'svelte';
 import { ok, test } from '../../test';
 
 export default test({
@@ -17,8 +18,8 @@ export default test({
 		const change = new window.Event('change');
 
 		options[1].selected = true;
-		await select.dispatchEvent(change);
-		await Promise.resolve();
+		select.dispatchEvent(change);
+		flushSync();
 
 		assert.equal(span.textContent, 'b');
 	}

packages/svelte/tests/runtime-legacy/samples/binding-indirect-computed/_config.js

@@ -1,3 +1,4 @@
+import { flushSync } from 'svelte';
 import { ok, test } from '../../test';
 
 export default test({
@@ -13,15 +14,16 @@ export default test({
 		</select>
 	`,
 
-	async test({ assert, component, target, window }) {
+	test({ assert, component, target, window }) {
 		const select = target.querySelector('select');
 		ok(select);
 		const options = target.querySelectorAll('option');
 
 		const change = new window.Event('change');
 
 		options[1].selected = true;
-		await select.dispatchEvent(change);
+		select.dispatchEvent(change);
+		flushSync();
 
 		assert.equal(component.selected.letter, 'B');
 		assert.htmlEqual(

packages/svelte/tests/runtime-legacy/samples/binding-input-checkbox-deep-contextual-b/_config.js

@@ -1,3 +1,4 @@
+import { flushSync } from 'svelte';
 import { test } from '../../test';
 
 export default test({
@@ -25,17 +26,17 @@ export default test({
 		</div>
 	`,
 
-	async test({ assert, component, target, window }) {
+	test({ assert, component, target, window }) {
 		const inputs = [...target.querySelectorAll('input')];
 
 		const event = new window.Event('change');
 
 		inputs[1].checked = true;
-		await inputs[1].dispatchEvent(event);
+		inputs[1].dispatchEvent(event);
+		flushSync();
 
-		await component.clear();
-
-		await Promise.resolve();
+		component.clear();
+		flushSync();
 
 		assert.htmlEqual(
 			target.innerHTML,
@@ -46,9 +47,10 @@ export default test({
 		);
 
 		inputs[2].checked = true;
-		await inputs[2].dispatchEvent(event);
-
-		await component.clear();
+		inputs[2].dispatchEvent(event);
+		flushSync();
+		component.clear();
+		flushSync();
 
 		assert.htmlEqual(
 			target.innerHTML,

packages/svelte/tests/runtime-legacy/samples/binding-input-checkbox-deep-contextual/_config.js

@@ -1,3 +1,4 @@
+import { flushSync } from 'svelte';
 import { test } from '../../test';
 
 export default test({
@@ -37,7 +38,7 @@ export default test({
 		<p>1 completed</p>
 	`,
 
-	async test({ assert, component, target, window }) {
+	test({ assert, component, target, window }) {
 		const inputs = [...target.querySelectorAll('input')];
 
 		assert.ok(inputs[0].checked);
@@ -47,9 +48,8 @@ export default test({
 		const event = new window.Event('change');
 
 		inputs[1].checked = true;
-		await inputs[1].dispatchEvent(event);
-		// Wait for the DOM to update
-		await Promise.resolve();
+		inputs[1].dispatchEvent(event);
+		flushSync();
 
 		assert.equal(component.numCompleted, 2);
 		assert.htmlEqual(

packages/svelte/tests/runtime-legacy/samples/binding-input-checkbox-group-outside-each/_config.js

@@ -1,3 +1,4 @@
+import { flushSync } from 'svelte';
 import { test } from '../../test';
 
 const values = [{ name: 'Alpha' }, { name: 'Beta' }, { name: 'Gamma' }];
@@ -37,7 +38,7 @@ export default test({
 
 		<p>Beta</p>`,
 
-	async test({ assert, component, target, window }) {
+	test({ assert, component, target, window }) {
 		const inputs = target.querySelectorAll('input');
 		assert.equal(inputs[0].checked, false);
 		assert.equal(inputs[1].checked, true);
@@ -46,7 +47,8 @@ export default test({
 		const event = new window.Event('change');
 
 		inputs[0].checked = true;
-		await inputs[0].dispatchEvent(event);
+		inputs[0].dispatchEvent(event);
+		flushSync();
 
 		assert.htmlEqual(
 			target.innerHTML,

packages/svelte/tests/runtime-legacy/samples/binding-input-checkbox-group/_config.js

@@ -1,3 +1,4 @@
+import { flushSync } from 'svelte';
 import { test } from '../../test';
 
 const values = [{ name: 'Alpha' }, { name: 'Beta' }, { name: 'Gamma' }];
@@ -37,7 +38,7 @@ export default test({
 
 		<p>Beta</p>`,
 
-	async test({ assert, component, target, window }) {
+	test({ assert, component, target, window }) {
 		let inputs = target.querySelectorAll('input');
 		assert.equal(inputs[0].checked, false);
 		assert.equal(inputs[1].checked, true);
@@ -46,7 +47,8 @@ export default test({
 		const event = new window.Event('change');
 
 		inputs[0].checked = true;
-		await inputs[0].dispatchEvent(event);
+		inputs[0].dispatchEvent(event);
+		flushSync();
 
 		assert.htmlEqual(
 			target.innerHTML,

packages/svelte/tests/runtime-legacy/samples/binding-input-checkbox/_config.js

@@ -1,3 +1,4 @@
+import { flushSync } from 'svelte';
 import { ok, test } from '../../test';
 
 export default test({
@@ -15,7 +16,7 @@ export default test({
 		<p>true</p>
 	`,
 
-	async test({ assert, component, target, window }) {
+	test({ assert, component, target, window }) {
 		const input = target.querySelector('input');
 		ok(input);
 
@@ -24,7 +25,8 @@ export default test({
 		const event = new window.Event('change');
 
 		input.checked = false;
-		await input.dispatchEvent(event);
+		input.dispatchEvent(event);
+		flushSync();
 
 		assert.htmlEqual(
 			target.innerHTML,