add test

packages/svelte/tests/runtime-legacy/samples/key-block-transition-global/_config.js

@@ -0,0 +1,25 @@
+import { flushSync } from '../../../../src/main/main-client';
+import { test } from '../../test';
+
+export default test({
+	html: '<div>0</div><button>toggle</button>',
+	async test({ assert, component, target, raf }) {
+		component.value = 2;
+
+		const [button] = /** @type {NodeListOf<HTMLButtonElement>} */ (
+			target.querySelectorAll('button')
+		);
+
+		raf.tick(0);
+
+		assert.htmlEqual(target.innerHTML, '<div>2</div><button>toggle</button>');
+
+		flushSync(() => {
+			button.click();
+		});
+
+		raf.tick(0);
+
+		assert.htmlEqual(target.innerHTML, '<button>toggle</button>');
+	}
+});

packages/svelte/tests/runtime-legacy/samples/key-block-transition-global/main.svelte

@@ -0,0 +1,22 @@
+<script>
+	export let value = 0;
+	export let toggle = true;
+
+	function foo(node, params) {
+		return {
+			duration: 100,
+			tick: (t, u) => {
+				node.foo = t;
+				node.oof = u;
+			}
+		};
+	}
+</script>
+
+{#if toggle}
+	{#key value}
+		<div in:foo|global>{value}</div>
+	{/key}
+{/if}
+
+<button on:click={() => toggle = !toggle}>toggle</button>