From 09e9d26dee56c486f26a6b60ffc0fc4ec7459abf Mon Sep 17 00:00:00 2001
From: Dominic Gannaway <dg@domgan.com>
Date: Fri, 17 Nov 2023 18:18:59 +0000
Subject: [PATCH] add test

---
 .../key-block-transition-global/_config.js    | 25 +++++++++++++++++++
 .../key-block-transition-global/main.svelte   | 22 ++++++++++++++++
 2 files changed, 47 insertions(+)
 create mode 100644 packages/svelte/tests/runtime-legacy/samples/key-block-transition-global/_config.js
 create mode 100644 packages/svelte/tests/runtime-legacy/samples/key-block-transition-global/main.svelte

diff --git a/packages/svelte/tests/runtime-legacy/samples/key-block-transition-global/_config.js b/packages/svelte/tests/runtime-legacy/samples/key-block-transition-global/_config.js
new file mode 100644
index 0000000000..0b24498670
--- /dev/null
+++ b/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>');
+	}
+});
diff --git a/packages/svelte/tests/runtime-legacy/samples/key-block-transition-global/main.svelte b/packages/svelte/tests/runtime-legacy/samples/key-block-transition-global/main.svelte
new file mode 100644
index 0000000000..408719763d
--- /dev/null
+++ b/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>