From 61f8d9638954b07bfabcc39b11d802968e18ee70 Mon Sep 17 00:00:00 2001
From: godzylinux <fohoov@gmail.com>
Date: Sun, 26 May 2024 01:11:31 +0330
Subject: [PATCH] added test

---
 .../_config.js                                | 14 +++++++
 .../main.svelte                               | 39 +++++++++++++++++++
 2 files changed, 53 insertions(+)
 create mode 100644 packages/svelte/tests/runtime-browser/samples/attribute-spreading-with-events/_config.js
 create mode 100644 packages/svelte/tests/runtime-browser/samples/attribute-spreading-with-events/main.svelte

diff --git a/packages/svelte/tests/runtime-browser/samples/attribute-spreading-with-events/_config.js b/packages/svelte/tests/runtime-browser/samples/attribute-spreading-with-events/_config.js
new file mode 100644
index 0000000000..8a58704c3a
--- /dev/null
+++ b/packages/svelte/tests/runtime-browser/samples/attribute-spreading-with-events/_config.js
@@ -0,0 +1,14 @@
+import { test } from '../../assert';
+const tick = () => Promise.resolve();
+
+export default test({
+	async test({ assert, target }) {
+		await tick();
+		/** @type {HTMLElement} */
+		const el = target.querySelector('.test');
+		el.addEventListener('animationend', async () => {
+			await tick();
+			assert.exists(document.querySelector('.result'));
+		});
+	}
+});
diff --git a/packages/svelte/tests/runtime-browser/samples/attribute-spreading-with-events/main.svelte b/packages/svelte/tests/runtime-browser/samples/attribute-spreading-with-events/main.svelte
new file mode 100644
index 0000000000..a132a134ef
--- /dev/null
+++ b/packages/svelte/tests/runtime-browser/samples/attribute-spreading-with-events/main.svelte
@@ -0,0 +1,39 @@
+<script>
+	let animationEnded = $state(false);
+	const obj = {};
+</script>
+
+<div
+  {...obj}
+  class="test"
+  ontransitionend={(e) => {
+     // doesnt matter
+  }}
+  onanimationend={(e) => {
+    animationEnded = true;
+  }}
+>
+</div>
+
+{#if animationEnded}
+	<span class="result">
+		animation ended
+	</span>
+{/if}
+
+<style>
+	.test {
+	  width: 10rem;
+	  height: 10rem;
+	  background-color: red;
+	  animation: test-animation 10ms;
+	}
+	@keyframes test-animation {
+	    from {
+	      opacity: 0;
+	    }
+	    to {
+	      opacity: 1;
+	    }
+	}
+</style>
\ No newline at end of file