Merge pull request #1533 from sveltejs/gh-1532

call outrocallback immediately for empty each block

Author: Rich-Harris

src/shared/utils.js

@@ -15,6 +15,7 @@ export function isPromise(value) {
 }
 
 export function callAfter(fn, i) {
+	if (i === 0) fn();
 	return () => {
 		if (!--i) fn();
 	};

test/runtime/samples/each-block-empty-outro/Thing.html

@@ -0,0 +1 @@
+<p>{thing}</p>

test/runtime/samples/each-block-empty-outro/_config.js

@@ -0,0 +1,20 @@
+export default {
+	data: {
+		visible: true,
+		empty: []
+	},
+
+	html: `
+		<div>
+			<p>text</p>
+		</div>
+	`,
+
+	nestedTransitions: true,
+
+	test(assert, component, target) {
+		component.set({ visible: false });
+
+		assert.htmlEqual(target.innerHTML, ``);
+	}
+};

test/runtime/samples/each-block-empty-outro/main.html

@@ -0,0 +1,17 @@
+{#if visible}
+	<div>
+		{#each empty as thing}
+			<Thing {thing}/>
+		{/each}
+
+		<p>text</p>
+	</div>
+{/if}
+
+<script>
+	export default {
+		components: {
+			Thing: './Thing.html'
+		}
+	};
+</script>