From ce704677078c48b41d9e03efc47e6696d1215685 Mon Sep 17 00:00:00 2001
From: Richard Harris <richard.a.harris@gmail.com>
Date: Sun, 14 Apr 2019 12:29:30 -0400
Subject: [PATCH] failing tests for #2356

---
 .../component-binding-blowback-d/One.svelte   | 17 +++++++++++++
 .../component-binding-blowback-d/Two.svelte   |  3 +++
 .../component-binding-blowback-d/_config.js   | 23 +++++++++++++++++
 .../component-binding-blowback-d/main.svelte  | 14 +++++++++++
 .../component-binding-blowback-e/One.svelte   | 17 +++++++++++++
 .../component-binding-blowback-e/Two.svelte   |  3 +++
 .../component-binding-blowback-e/_config.js   | 23 +++++++++++++++++
 .../component-binding-blowback-e/main.svelte  | 14 +++++++++++
 .../component-binding-blowback-f/One.svelte   | 17 +++++++++++++
 .../component-binding-blowback-f/Two.svelte   |  9 +++++++
 .../component-binding-blowback-f/_config.js   | 25 +++++++++++++++++++
 .../component-binding-blowback-f/main.svelte  | 14 +++++++++++
 12 files changed, 179 insertions(+)
 create mode 100644 test/runtime/samples/component-binding-blowback-d/One.svelte
 create mode 100644 test/runtime/samples/component-binding-blowback-d/Two.svelte
 create mode 100644 test/runtime/samples/component-binding-blowback-d/_config.js
 create mode 100644 test/runtime/samples/component-binding-blowback-d/main.svelte
 create mode 100644 test/runtime/samples/component-binding-blowback-e/One.svelte
 create mode 100644 test/runtime/samples/component-binding-blowback-e/Two.svelte
 create mode 100644 test/runtime/samples/component-binding-blowback-e/_config.js
 create mode 100644 test/runtime/samples/component-binding-blowback-e/main.svelte
 create mode 100644 test/runtime/samples/component-binding-blowback-f/One.svelte
 create mode 100644 test/runtime/samples/component-binding-blowback-f/Two.svelte
 create mode 100644 test/runtime/samples/component-binding-blowback-f/_config.js
 create mode 100644 test/runtime/samples/component-binding-blowback-f/main.svelte

diff --git a/test/runtime/samples/component-binding-blowback-d/One.svelte b/test/runtime/samples/component-binding-blowback-d/One.svelte
new file mode 100644
index 0000000000..e2e86b1bf7
--- /dev/null
+++ b/test/runtime/samples/component-binding-blowback-d/One.svelte
@@ -0,0 +1,17 @@
+<script>
+	import Two from './Two.svelte';
+
+	export let list;
+
+	function handle_click() {
+		list = [...list, {}];
+	}
+</script>
+
+{#each list as item}
+	<Two bind:value={item.value}/>
+{/each}
+
+<button on:click={handle_click}>
+	click me
+</button>
\ No newline at end of file
diff --git a/test/runtime/samples/component-binding-blowback-d/Two.svelte b/test/runtime/samples/component-binding-blowback-d/Two.svelte
new file mode 100644
index 0000000000..4f55f14124
--- /dev/null
+++ b/test/runtime/samples/component-binding-blowback-d/Two.svelte
@@ -0,0 +1,3 @@
+<script>
+	export let value = 'x';
+</script>
\ No newline at end of file
diff --git a/test/runtime/samples/component-binding-blowback-d/_config.js b/test/runtime/samples/component-binding-blowback-d/_config.js
new file mode 100644
index 0000000000..fe1164f100
--- /dev/null
+++ b/test/runtime/samples/component-binding-blowback-d/_config.js
@@ -0,0 +1,23 @@
+export default {
+	html: `
+		<button>click me</button>
+		<button>click me</button>
+
+		<p>{"value":"x"}</p>
+		<p></p>
+	`,
+
+	async test({ assert, target, window }) {
+		const button = target.querySelectorAll('button')[1];
+
+		await button.dispatchEvent(new window.Event('click'));
+
+		assert.htmlEqual(target.innerHTML, `
+			<button>click me</button>
+			<button>click me</button>
+
+			<p>{"value":"x"}</p>
+			<p>{"value":"x"}</p>
+		`);
+	}
+};
diff --git a/test/runtime/samples/component-binding-blowback-d/main.svelte b/test/runtime/samples/component-binding-blowback-d/main.svelte
new file mode 100644
index 0000000000..5690b33813
--- /dev/null
+++ b/test/runtime/samples/component-binding-blowback-d/main.svelte
@@ -0,0 +1,14 @@
+<script>
+	import One from "./One.svelte";
+
+	const obj = {
+		a: [{}],
+		b: []
+	};
+</script>
+
+<One bind:list={obj.a}/>
+<One bind:list={obj.b}/>
+
+<p>{obj.a.map(JSON.stringify)}</p>
+<p>{obj.b.map(JSON.stringify)}</p>
\ No newline at end of file
diff --git a/test/runtime/samples/component-binding-blowback-e/One.svelte b/test/runtime/samples/component-binding-blowback-e/One.svelte
new file mode 100644
index 0000000000..e2e86b1bf7
--- /dev/null
+++ b/test/runtime/samples/component-binding-blowback-e/One.svelte
@@ -0,0 +1,17 @@
+<script>
+	import Two from './Two.svelte';
+
+	export let list;
+
+	function handle_click() {
+		list = [...list, {}];
+	}
+</script>
+
+{#each list as item}
+	<Two bind:value={item.value}/>
+{/each}
+
+<button on:click={handle_click}>
+	click me
+</button>
\ No newline at end of file
diff --git a/test/runtime/samples/component-binding-blowback-e/Two.svelte b/test/runtime/samples/component-binding-blowback-e/Two.svelte
new file mode 100644
index 0000000000..9bc34c321f
--- /dev/null
+++ b/test/runtime/samples/component-binding-blowback-e/Two.svelte
@@ -0,0 +1,3 @@
+<script>
+	export let value = { x: true };
+</script>
\ No newline at end of file
diff --git a/test/runtime/samples/component-binding-blowback-e/_config.js b/test/runtime/samples/component-binding-blowback-e/_config.js
new file mode 100644
index 0000000000..37f687a4f6
--- /dev/null
+++ b/test/runtime/samples/component-binding-blowback-e/_config.js
@@ -0,0 +1,23 @@
+export default {
+	html: `
+		<button>click me</button>
+		<button>click me</button>
+
+		<p>{"value":{"x":true}}</p>
+		<p></p>
+	`,
+
+	async test({ assert, target, window }) {
+		const button = target.querySelectorAll('button')[1];
+
+		await button.dispatchEvent(new window.Event('click'));
+
+		assert.htmlEqual(target.innerHTML, `
+			<button>click me</button>
+			<button>click me</button>
+
+			<p>{"value":{"x":true}}</p>
+			<p>{"value":{"x":true}}</p>
+		`);
+	}
+};
diff --git a/test/runtime/samples/component-binding-blowback-e/main.svelte b/test/runtime/samples/component-binding-blowback-e/main.svelte
new file mode 100644
index 0000000000..5690b33813
--- /dev/null
+++ b/test/runtime/samples/component-binding-blowback-e/main.svelte
@@ -0,0 +1,14 @@
+<script>
+	import One from "./One.svelte";
+
+	const obj = {
+		a: [{}],
+		b: []
+	};
+</script>
+
+<One bind:list={obj.a}/>
+<One bind:list={obj.b}/>
+
+<p>{obj.a.map(JSON.stringify)}</p>
+<p>{obj.b.map(JSON.stringify)}</p>
\ No newline at end of file
diff --git a/test/runtime/samples/component-binding-blowback-f/One.svelte b/test/runtime/samples/component-binding-blowback-f/One.svelte
new file mode 100644
index 0000000000..e2e86b1bf7
--- /dev/null
+++ b/test/runtime/samples/component-binding-blowback-f/One.svelte
@@ -0,0 +1,17 @@
+<script>
+	import Two from './Two.svelte';
+
+	export let list;
+
+	function handle_click() {
+		list = [...list, {}];
+	}
+</script>
+
+{#each list as item}
+	<Two bind:value={item.value}/>
+{/each}
+
+<button on:click={handle_click}>
+	click me
+</button>
\ No newline at end of file
diff --git a/test/runtime/samples/component-binding-blowback-f/Two.svelte b/test/runtime/samples/component-binding-blowback-f/Two.svelte
new file mode 100644
index 0000000000..28d3ae830f
--- /dev/null
+++ b/test/runtime/samples/component-binding-blowback-f/Two.svelte
@@ -0,0 +1,9 @@
+<script>
+	import { onMount } from 'svelte';
+
+	export let value;
+
+	onMount(() => {
+		value = { x: true };
+	});
+</script>
\ No newline at end of file
diff --git a/test/runtime/samples/component-binding-blowback-f/_config.js b/test/runtime/samples/component-binding-blowback-f/_config.js
new file mode 100644
index 0000000000..d73f3e3943
--- /dev/null
+++ b/test/runtime/samples/component-binding-blowback-f/_config.js
@@ -0,0 +1,25 @@
+export default {
+	skip: 1,
+
+	html: `
+		<button>click me</button>
+		<button>click me</button>
+
+		<p>{"value":{"x":true}}</p>
+		<p></p>
+	`,
+
+	async test({ assert, target, window }) {
+		const button = target.querySelectorAll('button')[1];
+
+		await button.dispatchEvent(new window.Event('click'));
+
+		assert.htmlEqual(target.innerHTML, `
+			<button>click me</button>
+			<button>click me</button>
+
+			<p>{"value":{"x":true}}</p>
+			<p>{"value":{"x":true}}</p>
+		`);
+	}
+};
diff --git a/test/runtime/samples/component-binding-blowback-f/main.svelte b/test/runtime/samples/component-binding-blowback-f/main.svelte
new file mode 100644
index 0000000000..5690b33813
--- /dev/null
+++ b/test/runtime/samples/component-binding-blowback-f/main.svelte
@@ -0,0 +1,14 @@
+<script>
+	import One from "./One.svelte";
+
+	const obj = {
+		a: [{}],
+		b: []
+	};
+</script>
+
+<One bind:list={obj.a}/>
+<One bind:list={obj.b}/>
+
+<p>{obj.a.map(JSON.stringify)}</p>
+<p>{obj.b.map(JSON.stringify)}</p>
\ No newline at end of file