fixed test

Author: FoHoOV

packages/svelte/tests/runtime-browser/samples/attribute-spreading-with-events/_config.js

@@ -1,14 +1,17 @@
 import { test } from '../../assert';
-const tick = () => Promise.resolve();
+import { tick } from 'svelte';
 
 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'));
-		});
+		/** @type {HTMLDivElement} */
+		const el = target.querySelector('div');
+		const animation_end = new window.AnimationEvent('animationend');
+
+		await el.dispatchEvent(animation_end);
+
+		await tick();
+
+		assert.htmlEqual(target.innerHTML, '<div></div> <span>animation ended</span>');
 	}
 });

packages/svelte/tests/runtime-browser/samples/attribute-spreading-with-events/main.svelte

@@ -5,7 +5,6 @@
 
 <div
   {...obj}
-  class="test"
   ontransitionend={(e) => {
      // doesnt matter
   }}
@@ -16,24 +15,7 @@
 </div>
 
 {#if animationEnded}
-	<span class="result">
+	<span>
 		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>