From 2057dafe107ae28983463303ad9197295ea158d9 Mon Sep 17 00:00:00 2001
From: AlbertLucianto <albertlucianto@gmail.com>
Date: Sat, 9 Nov 2019 00:21:51 +0800
Subject: [PATCH] add await blowback reactive test case

---
 .../Widget.svelte                             | 15 +++++++++++++++
 .../await-then-blowback-reactive/_config.js   | 19 +++++++++++++++++++
 .../await-then-blowback-reactive/main.svelte  | 12 ++++++++++++
 3 files changed, 46 insertions(+)
 create mode 100644 test/runtime/samples/await-then-blowback-reactive/Widget.svelte
 create mode 100644 test/runtime/samples/await-then-blowback-reactive/_config.js
 create mode 100644 test/runtime/samples/await-then-blowback-reactive/main.svelte

diff --git a/test/runtime/samples/await-then-blowback-reactive/Widget.svelte b/test/runtime/samples/await-then-blowback-reactive/Widget.svelte
new file mode 100644
index 0000000000..cfd918558b
--- /dev/null
+++ b/test/runtime/samples/await-then-blowback-reactive/Widget.svelte
@@ -0,0 +1,15 @@
+<script>
+  export let options = [];
+  export let index = 0;
+  export let value;
+
+  $: {
+		value = options[index];
+  }
+</script>
+
+<select bind:value={index}>
+  {#each options as option, i}
+    <option value={i}>{option}</option>
+  {/each}
+</select>
diff --git a/test/runtime/samples/await-then-blowback-reactive/_config.js b/test/runtime/samples/await-then-blowback-reactive/_config.js
new file mode 100644
index 0000000000..7f094478ed
--- /dev/null
+++ b/test/runtime/samples/await-then-blowback-reactive/_config.js
@@ -0,0 +1,19 @@
+export default {
+	async test({ assert, component, target }) {
+		assert.htmlEqual(target.innerHTML, 'Loading...');
+
+		await component.promise;
+		const span = target.querySelector('span');
+		assert.equal(span.textContent, 'a');
+
+		const select = target.querySelector('select');
+		const options = [...target.querySelectorAll('option')];
+
+		const change = new window.Event('change');
+
+		options[1].selected = true;
+		await select.dispatchEvent(change);
+
+		assert.equal(span.textContent, 'b');
+	}
+};
diff --git a/test/runtime/samples/await-then-blowback-reactive/main.svelte b/test/runtime/samples/await-then-blowback-reactive/main.svelte
new file mode 100644
index 0000000000..ee212ef6b5
--- /dev/null
+++ b/test/runtime/samples/await-then-blowback-reactive/main.svelte
@@ -0,0 +1,12 @@
+<script>
+	import Widget from './Widget.svelte';
+	let promise = Promise.resolve(['a', 'b']);
+	let value;
+</script>
+
+{#await promise}
+	Loading...
+{:then options}
+	<Widget {options} bind:value />
+	<span>{value}</span>
+{/await}