fix test

packages/svelte/tests/runtime-legacy/samples/transition-css-in-out-in-with-param/_config.js

@@ -1,22 +1,24 @@
 import { ok, test } from '../../test';
 
 export default test({
-	skip: true,
 	test({ assert, component, target, raf }) {
 		component.visible = true;
 		const div = target.querySelector('div');
 		ok(div);
 
-		assert.equal(div.style.opacity, '0');
+		assert.equal(div.style.color, 'blue');
 
 		component.visible = false;
-		assert.equal(div.style.opacity, '1');
+		assert.equal(div.style.color, 'yellow');
 
 		// change param
 		raf.tick(1);
 		component.param = true;
 		component.visible = true;
 
-		assert.equal(div.style.opacity, '1');
+		assert.equal(div.style.color, 'red');
+
+		component.visible = false;
+		assert.equal(div.style.color, 'green');
 	}
 });

packages/svelte/tests/runtime-legacy/samples/transition-css-in-out-in-with-param/main.svelte

@@ -3,19 +3,19 @@
 	export let param = false;
 
 	function getInParam() {
-		return { 
-			duration: param ? 20 : 10,
-			css: t => {
-				return `opacity: ${t}`;
+		return {
+			duration: 100,
+			css: (t) => {
+				return `color: ${param ? 'red' : 'blue'}`;
 			}
 		};
 	}
 
 	function getOutParam() {
-		return { 
-			duration: param ? 15 : 5,
-			css: t => {
-				return `opacity: ${t}`;
+		return {
+			duration: 100,
+			css: (t) => {
+				return `color: ${param ? 'green' : 'yellow'}`;
 			}
 		};
 	}
@@ -23,4 +23,4 @@
 
 {#if visible}
 	<div in:getInParam out:getOutParam></div>
-{/if}
+{/if}