fix most of the transition tests

src/internal/SvelteComponent.js

@@ -36,7 +36,7 @@ export class SvelteComponent {
 		this.$$fragment = this.$$create_fragment(this, this.$$.get_state());
 
 		if (options.target) {
-			intro.enabled = false;
+			intro.enabled = !!options.intro;
 			this.$$mount(options.target);
 			flush();
 			intro.enabled = true;
@@ -91,7 +91,7 @@ export class SvelteComponent {
 
 	$$mount(target, anchor) {
 		this.$$fragment.c();
-		this.$$fragment.m(target, anchor);
+		this.$$fragment[this.$$fragment.i ? 'i' : 'm'](target, anchor);
 		this.$$.inject_refs(this.$$refs);
 
 		const ondestroy = this.$$onmount.map(fn => fn()).filter(Boolean);

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

@@ -5,6 +5,7 @@ export default {
 
 	test(assert, component, target, window, raf) {
 		const div = target.querySelector('div');
+
 		assert.equal(div.foo, 0);
 		assert.equal(div.oof, 1);
 

test/runtime/samples/transition-js-await-block/_config.js

@@ -11,8 +11,9 @@ export default {
 		promise
 	},
 
+	intro: true,
+
 	test(assert, component, target, window, raf) {
-		component.visible = true;
 		let p = target.querySelector('p');
 
 		assert.equal(p.className, 'pending');

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

@@ -1,4 +1,6 @@
 export default {
+	intro: true,
+
 	test(assert, component, target, window, raf) {
 		const div = target.querySelector('div');
 		assert.equal(div.foo, 42);

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

@@ -1,6 +1,4 @@
 export default {
-	skipIntroByDefault: true,
-
 	test(assert, component, target, window, raf) {
 		component.visible = true;
 

test/runtime/samples/transition-js-each-block-intro/_config.js

@@ -1,8 +1,10 @@
 export default {
 	props: {
-		things: [ 'a', 'b', 'c' ]
+		things: ['a', 'b', 'c']
 	},
 
+	intro: true,
+
 	test(assert, component, target, window, raf) {
 		let divs = target.querySelectorAll('div');
 		assert.equal(divs[0].foo, 0);
@@ -14,7 +16,7 @@ export default {
 		assert.equal(divs[1].foo, 0.5);
 		assert.equal(divs[2].foo, 0.5);
 
-		component.things = [ 'a', 'b', 'c', 'd' ];
+		component.things = ['a', 'b', 'c', 'd'];
 		divs = target.querySelectorAll('div');
 		assert.equal(divs[0].foo, 0.5);
 		assert.equal(divs[1].foo, 0.5);

test/runtime/samples/transition-js-each-block-keyed-intro-outro/_config.js

@@ -7,35 +7,37 @@ export default {
 		]
 	},
 
-	test ( assert, component, target, window, raf ) {
-		const divs = target.querySelectorAll( 'div' );
+	intro: true,
+
+	test(assert, component, target, window, raf) {
+		const divs = target.querySelectorAll('div');
 		divs[0].i = 0; // for debugging
 		divs[1].i = 1;
 		divs[2].i = 2;
 
-		assert.equal( divs[0].foo, 0 );
-		assert.equal( divs[1].foo, 0 );
-		assert.equal( divs[2].foo, 0 );
+		assert.equal(divs[0].foo, 0);
+		assert.equal(divs[1].foo, 0);
+		assert.equal(divs[2].foo, 0);
 
-		raf.tick( 100 );
-		assert.equal( divs[0].foo, 1 );
-		assert.equal( divs[1].foo, 1 );
-		assert.equal( divs[2].foo, 1 );
+		raf.tick(100);
+		assert.equal(divs[0].foo, 1);
+		assert.equal(divs[1].foo, 1);
+		assert.equal(divs[2].foo, 1);
 
 		component.things = [
 			{ name: 'a' },
 			{ name: 'c' }
 		];
 
-		const divs2 = target.querySelectorAll( 'div' );
-		assert.strictEqual( divs[0], divs2[0] );
-		assert.strictEqual( divs[1], divs2[1] );
-		assert.strictEqual( divs[2], divs2[2] );
+		const divs2 = target.querySelectorAll('div');
+		assert.strictEqual(divs[0], divs2[0]);
+		assert.strictEqual(divs[1], divs2[1]);
+		assert.strictEqual(divs[2], divs2[2]);
 
-		raf.tick( 150 );
-		assert.equal( divs[0].foo, 1 );
-		assert.equal( divs[1].foo, 0.5 );
-		assert.equal( divs[2].foo, 1 );
+		raf.tick(150);
+		assert.equal(divs[0].foo, 1);
+		assert.equal(divs[1].foo, 0.5);
+		assert.equal(divs[2].foo, 1);
 
 		component.things = [
 			{ name: 'a' },
@@ -43,19 +45,19 @@ export default {
 			{ name: 'c' }
 		];
 
-		raf.tick( 175 );
-		assert.equal( divs[0].foo, 1 );
-		assert.equal( divs[1].foo, 0.75 );
-		assert.equal( divs[2].foo, 1 );
+		raf.tick(175);
+		assert.equal(divs[0].foo, 1);
+		assert.equal(divs[1].foo, 0.75);
+		assert.equal(divs[2].foo, 1);
 
-		raf.tick( 225 );
-		const divs3 = target.querySelectorAll( 'div' );
-		assert.strictEqual( divs[0], divs3[0] );
-		assert.strictEqual( divs[1], divs3[1] );
-		assert.strictEqual( divs[2], divs3[2] );
+		raf.tick(225);
+		const divs3 = target.querySelectorAll('div');
+		assert.strictEqual(divs[0], divs3[0]);
+		assert.strictEqual(divs[1], divs3[1]);
+		assert.strictEqual(divs[2], divs3[2]);
 
-		assert.equal( divs[0].foo, 1 );
-		assert.equal( divs[1].foo, 1 );
-		assert.equal( divs[2].foo, 1 );
+		assert.equal(divs[0].foo, 1);
+		assert.equal(divs[1].foo, 1);
+		assert.equal(divs[2].foo, 1);
 	}
 };

test/runtime/samples/transition-js-each-block-keyed-intro/_config.js

@@ -7,6 +7,8 @@ export default {
 		]
 	},
 
+	intro: true,
+
 	test(assert, component, target, window, raf) {
 		let divs = target.querySelectorAll('div');
 		assert.equal(divs[0].foo, 0);

test/runtime/samples/transition-js-if-block-in-each-block-bidi/_config.js

@@ -11,6 +11,8 @@ export default {
 		<div>5</div>
 	`,
 
+	intro: true,
+
 	test(assert, component, target, window, raf) {
 		const divs = target.querySelectorAll('div');
 

test/runtime/samples/transition-js-if-block-outro-timeout/_config.js

@@ -1,4 +1,6 @@
 export default {
+	intro: true,
+
 	test(assert, component, target, window, raf) {
 		component.visible = true;
 		const div = target.querySelector('div');

test/runtime/samples/transition-js-if-else-block-intro/_config.js

@@ -1,4 +1,6 @@
 export default {
+	intro: true,
+
 	test(assert, component, target, window, raf) {
 		assert.equal(target.querySelector('div'), component.no);
 		assert.equal(component.no.foo, 0);

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

@@ -1,4 +1,6 @@
 export default {
+	intro: true,
+
 	test(assert, component, target, window, raf) {
 		const div = target.querySelector('div');
 		assert.equal(div.foo, 0);