Merge pull request #675 from sveltejs/gh-651

run intro transitions on initial render

src/generators/dom/index.ts

@@ -249,7 +249,7 @@ export default function dom(
 					deindent`
 						this._fragment.create();
 					`}
-				this._fragment.mount( options.target, null );
+				this._fragment.${block.hasIntroMethod ? 'intro' : 'mount'}( options.target, null );
 			}
 			
 			${generator.hasComplexBindings &&

test/runtime/samples/transition-js-initial/_config.js

@@ -0,0 +1,11 @@
+export default {
+	test ( assert, component, target, window, raf ) {
+		const div = target.querySelector( 'div' );
+		assert.equal( div.foo, 0 );
+
+		raf.tick(50);
+		assert.equal( div.foo, 0.5 );
+
+		component.destroy();
+	}
+};

test/runtime/samples/transition-js-initial/main.html

@@ -0,0 +1,16 @@
+<div transition:foo></div>
+
+<script>
+	export default {
+		transitions: {
+			foo: function ( node, params ) {
+				return {
+					duration: 100,
+					tick: t => {
+						node.foo = t;
+					}
+				};
+			}
+		}
+	};
+</script>