From 1cb7a0a3e3d355fe9d039c4bd3d3d97fb7345bc8 Mon Sep 17 00:00:00 2001
From: Richard Harris <richard.a.harris@gmail.com>
Date: Sat, 19 Jan 2019 09:25:53 -0500
Subject: [PATCH] test that private state doesnt leak into parent

---
 .../component-binding-private-state/Bar.html  |  5 +++
 .../component-binding-private-state/Foo.html  |  5 +++
 .../_config.js                                | 31 +++++++++++++++++++
 .../component-binding-private-state/main.html | 11 +++++++
 4 files changed, 52 insertions(+)
 create mode 100644 test/runtime/samples/component-binding-private-state/Bar.html
 create mode 100644 test/runtime/samples/component-binding-private-state/Foo.html
 create mode 100644 test/runtime/samples/component-binding-private-state/_config.js
 create mode 100644 test/runtime/samples/component-binding-private-state/main.html

diff --git a/test/runtime/samples/component-binding-private-state/Bar.html b/test/runtime/samples/component-binding-private-state/Bar.html
new file mode 100644
index 0000000000..3b5619a62d
--- /dev/null
+++ b/test/runtime/samples/component-binding-private-state/Bar.html
@@ -0,0 +1,5 @@
+<script>
+	let x = 'no';
+</script>
+
+<p>Bar: {x}</p>
\ No newline at end of file
diff --git a/test/runtime/samples/component-binding-private-state/Foo.html b/test/runtime/samples/component-binding-private-state/Foo.html
new file mode 100644
index 0000000000..1d899739d5
--- /dev/null
+++ b/test/runtime/samples/component-binding-private-state/Foo.html
@@ -0,0 +1,5 @@
+<script>
+	let x = 'yes';
+</script>
+
+<p>Foo: {x}</p>
\ No newline at end of file
diff --git a/test/runtime/samples/component-binding-private-state/_config.js b/test/runtime/samples/component-binding-private-state/_config.js
new file mode 100644
index 0000000000..bd8a25d490
--- /dev/null
+++ b/test/runtime/samples/component-binding-private-state/_config.js
@@ -0,0 +1,31 @@
+export default {
+	html: `
+		<p>Foo: yes</p>
+		<p>x in parent: undefined</p>
+	`,
+
+	async test({ assert, component, target, window }) {
+		component.a = false;
+
+		assert.htmlEqual(target.innerHTML, `
+			<p>Bar: no</p>
+			<p>x in parent: undefined</p>
+		`);
+
+		component.a = true;
+		assert.equal(component.x, undefined);
+		component.x = 'maybe';
+
+		assert.htmlEqual(target.innerHTML, `
+			<p>Foo: yes</p>
+			<p>x in parent: maybe</p>
+		`);
+
+		component.a = false;
+
+		assert.htmlEqual(target.innerHTML, `
+			<p>Bar: no</p>
+			<p>x in parent: maybe</p>
+		`);
+	}
+};
diff --git a/test/runtime/samples/component-binding-private-state/main.html b/test/runtime/samples/component-binding-private-state/main.html
new file mode 100644
index 0000000000..ffc5bd188d
--- /dev/null
+++ b/test/runtime/samples/component-binding-private-state/main.html
@@ -0,0 +1,11 @@
+<script>
+	import Foo from './Foo.html';
+	import Bar from './Bar.html';
+
+	export let a = true;
+	export let x;
+</script>
+
+<svelte:component this="{a ? Foo : Bar}" bind:x/>
+
+<p>x in parent: {x}</p>
\ No newline at end of file