From 25c57a2de00f616b8340c35ad55bffd20c47d621 Mon Sep 17 00:00:00 2001
From: Igor Emets <i.yemets@p1k.co.uk>
Date: Wed, 8 May 2019 14:39:06 +0300
Subject: [PATCH] Fixing #2668, add test case
 "each-block-keyed-containing-self-in-if"

---
 .../Nested.svelte                             |  5 ++
 .../_config.js                                | 48 +++++++++++++++++++
 .../main.svelte                               | 17 +++++++
 3 files changed, 70 insertions(+)
 create mode 100644 test/runtime/samples/each-block-keyed-containing-self-in-if/Nested.svelte
 create mode 100644 test/runtime/samples/each-block-keyed-containing-self-in-if/_config.js
 create mode 100644 test/runtime/samples/each-block-keyed-containing-self-in-if/main.svelte

diff --git a/test/runtime/samples/each-block-keyed-containing-self-in-if/Nested.svelte b/test/runtime/samples/each-block-keyed-containing-self-in-if/Nested.svelte
new file mode 100644
index 0000000000..a9831fc1a9
--- /dev/null
+++ b/test/runtime/samples/each-block-keyed-containing-self-in-if/Nested.svelte
@@ -0,0 +1,5 @@
+<script>
+	export let item;
+</script>
+
+<span>{item.id}</span>
diff --git a/test/runtime/samples/each-block-keyed-containing-self-in-if/_config.js b/test/runtime/samples/each-block-keyed-containing-self-in-if/_config.js
new file mode 100644
index 0000000000..36d8b37218
--- /dev/null
+++ b/test/runtime/samples/each-block-keyed-containing-self-in-if/_config.js
@@ -0,0 +1,48 @@
+export default {
+	props: {
+		list: [
+			{ id: 1 },
+			{ id: 2 },
+			{ id: 3, children: [{ id: 30 }, { id: 31 }, { id: 32 }] },
+		],
+		activeId: null,
+	},
+
+	html: `
+		<ul>
+			<li><span>1</span></li>
+			<li><span>2</span></li>
+			<li><span>3</span></li>
+		</ul>
+	`,
+
+	test({ assert, component, target }) {
+		component.activeId = 3;
+
+		assert.htmlEqual(target.innerHTML, `
+			<ul>
+				<li><span>1</span></li>
+				<li><span>2</span></li>
+				<li>
+					<span>3</span>
+					<ul>
+						<li><span>30</span></li>
+						<li><span>31</span></li>
+						<li><span>32</span></li>
+					</ul>
+				</li>
+			</ul>
+		`);
+
+
+		component.activeId = null;
+
+		assert.htmlEqual(target.innerHTML, `
+			<ul>
+				<li><span>1</span></li>
+				<li><span>2</span></li>
+				<li><span>3</span></li>
+			</ul>
+		`);
+	}
+};
diff --git a/test/runtime/samples/each-block-keyed-containing-self-in-if/main.svelte b/test/runtime/samples/each-block-keyed-containing-self-in-if/main.svelte
new file mode 100644
index 0000000000..c84a733429
--- /dev/null
+++ b/test/runtime/samples/each-block-keyed-containing-self-in-if/main.svelte
@@ -0,0 +1,17 @@
+<script>
+	import Nested from './Nested.svelte';
+
+	export let list;
+	export let activeId;
+</script>
+
+<ul>
+	{#each list as item (item.id)}
+		<li>
+			<Nested {item} />
+			{#if item.id === activeId && item.children}
+				<svelte:self list={item.children} />
+			{/if}
+		</li>
+	{/each}
+</ul>