diff --git a/packages/svelte/tests/runtime-runes/samples/compatibility-hmr-methods/_config.js b/packages/svelte/tests/runtime-runes/samples/compatibility-hmr-methods/_config.js
new file mode 100644
index 0000000000..338e085e83
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/compatibility-hmr-methods/_config.js
@@ -0,0 +1,18 @@
+import { ok, test } from '../../test';
+import { flushSync } from 'svelte';
+
+export default test({
+	compileOptions: {
+		hmr: true,
+		compatibility: {
+			componentApi: 4
+		}
+	},
+
+	async test({ assert, target, logs }) {
+		const btn = target.querySelector('button');
+		btn?.click();
+
+		assert.deepEqual(logs, ['event']);
+	}
+});
diff --git a/packages/svelte/tests/runtime-runes/samples/compatibility-hmr-methods/main.svelte b/packages/svelte/tests/runtime-runes/samples/compatibility-hmr-methods/main.svelte
new file mode 100644
index 0000000000..eb5db5baf6
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/compatibility-hmr-methods/main.svelte
@@ -0,0 +1,15 @@
+<script>
+	import Test from './test.svelte';
+</script>
+
+<button onclick={()=>{
+	const target = document.createElement('div');
+	const test = new Test({
+		target,
+	});
+	test.$on('event', () => {
+		console.log('event');
+	});
+
+	target.querySelector("button").click();
+}}></button>
\ No newline at end of file
diff --git a/packages/svelte/tests/runtime-runes/samples/compatibility-hmr-methods/test.svelte b/packages/svelte/tests/runtime-runes/samples/compatibility-hmr-methods/test.svelte
new file mode 100644
index 0000000000..080a514fb9
--- /dev/null
+++ b/packages/svelte/tests/runtime-runes/samples/compatibility-hmr-methods/test.svelte
@@ -0,0 +1,7 @@
+<script>
+	import { createEventDispatcher } from "svelte";
+
+	const dispatch = createEventDispatcher();
+</script>
+
+<button on:click={() => dispatch("event")}></button>
\ No newline at end of file