From 59c4b763837f66c42c8518dfc90269c15421243d Mon Sep 17 00:00:00 2001
From: Colin Casey <casey.colin@gmail.com>
Date: Thu, 16 May 2019 23:25:28 -0300
Subject: [PATCH] unit test for child rendering lifecycle

---
 .../Item.svelte                               | 30 +++++++++++++++++++
 .../_config.js                                | 24 +++++++++++++++
 .../main.svelte                               | 11 +++++++
 .../order.js                                  |  1 +
 4 files changed, 66 insertions(+)
 create mode 100755 test/runtime/samples/lifecycle-render-order-for-children/Item.svelte
 create mode 100644 test/runtime/samples/lifecycle-render-order-for-children/_config.js
 create mode 100644 test/runtime/samples/lifecycle-render-order-for-children/main.svelte
 create mode 100644 test/runtime/samples/lifecycle-render-order-for-children/order.js

diff --git a/test/runtime/samples/lifecycle-render-order-for-children/Item.svelte b/test/runtime/samples/lifecycle-render-order-for-children/Item.svelte
new file mode 100755
index 0000000000..405c656998
--- /dev/null
+++ b/test/runtime/samples/lifecycle-render-order-for-children/Item.svelte
@@ -0,0 +1,30 @@
+<script>
+	import { onMount, beforeUpdate, afterUpdate } from 'svelte';
+
+	import order from './order.js';
+
+	export let index;
+	export let id;
+	export let name;
+
+	function logRender () {
+		order.push(`${index}: render`);
+		return index;
+	}
+
+	beforeUpdate(() => {
+		order.push(`${index}: beforeUpdate`);
+	});
+
+	afterUpdate(() => {
+		order.push(`${index}: afterUpdate`);
+	});
+
+	onMount(() => {
+		order.push(`${index}: onMount`);
+	});
+</script>
+
+<li>
+	{logRender()}
+</li>
diff --git a/test/runtime/samples/lifecycle-render-order-for-children/_config.js b/test/runtime/samples/lifecycle-render-order-for-children/_config.js
new file mode 100644
index 0000000000..02ff0d8d95
--- /dev/null
+++ b/test/runtime/samples/lifecycle-render-order-for-children/_config.js
@@ -0,0 +1,24 @@
+import order from './order.js';
+
+export default {
+	skip_if_ssr: true,
+
+	test({ assert, component, target }) {
+		assert.deepEqual(order, [
+			'1: beforeUpdate',
+			'1: render',
+			'2: beforeUpdate',
+			'2: render',
+			'3: beforeUpdate',
+			'3: render',
+			'1: afterUpdate',
+			'1: onMount',
+			'2: afterUpdate',
+			'2: onMount',
+			'3: afterUpdate',
+			'3: onMount'
+		]);
+
+		order.length = 0;
+	}
+};
diff --git a/test/runtime/samples/lifecycle-render-order-for-children/main.svelte b/test/runtime/samples/lifecycle-render-order-for-children/main.svelte
new file mode 100644
index 0000000000..8320b86d79
--- /dev/null
+++ b/test/runtime/samples/lifecycle-render-order-for-children/main.svelte
@@ -0,0 +1,11 @@
+<script>
+	import Item from './Item.svelte';
+</script>
+
+<ul>
+	{#each [1,2,3] as index}
+		<Item {index} />
+	{/each}
+</ul>
+
+
diff --git a/test/runtime/samples/lifecycle-render-order-for-children/order.js b/test/runtime/samples/lifecycle-render-order-for-children/order.js
new file mode 100644
index 0000000000..109fa8b38c
--- /dev/null
+++ b/test/runtime/samples/lifecycle-render-order-for-children/order.js
@@ -0,0 +1 @@
+export default [];
\ No newline at end of file