fix test

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

@@ -6,18 +6,26 @@ export default test({
 		const div = target.querySelector('div');
 		ok(div);
 
-		assert.equal(div.style.opacity, '0');
+		assert.equal(div.style.scale, '0');
 
 		raf.tick(50);
 		component.visible = false;
 
 		// both in and out styles
-		assert.equal(div.style.opacity, '0.49998000000000004');
+		assert.equal(div.style.scale, '0.5');
+		assert.equal(div.style.opacity, '1');
+		assert.equal(div.style.rotate, '360deg');
 
 		raf.tick(75);
+		assert.equal(div.style.scale, '0.75'); // intro continues while outro plays
+		assert.equal(div.style.opacity, '0.75');
+		assert.equal(div.style.rotate, '270deg');
+
 		component.visible = true;
 
 		// reset original styles
+		assert.equal(div.style.scale, '0.75');
 		assert.equal(div.style.opacity, '1');
+		assert.equal(div.style.rotate, '360deg');
 	}
 });

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

@@ -5,7 +5,7 @@
 		return {
 			duration: 100,
 			css: t => {
-				return `opacity: ${t}`;
+				return `scale: ${t}`;
 			}
 		};
 	}
@@ -14,7 +14,7 @@
 		return {
 			duration: 100,
 			css: t => {
-				return `opacity: ${t}`;
+				return `rotate: ${t * 360}deg; opacity: ${t}`;
 			}
 		};
 	}
@@ -22,4 +22,4 @@
 
 {#if visible}
 	<div in:foo out:bar></div>
-{/if}
+{/if}