From 88f2fcfbb5392282daf06e0f700d77c5ccfcb455 Mon Sep 17 00:00:00 2001
From: Peter Maatman <blackwolf12333@gmail.com>
Date: Sun, 29 Sep 2019 16:26:45 +0200
Subject: [PATCH] tests: add test that exposes #3634

---
 .../reactive-compound-operator/_config.js     | 27 +++++++++++++++++++
 .../reactive-compound-operator/main.svelte    |  8 ++++++
 2 files changed, 35 insertions(+)
 create mode 100644 test/runtime/samples/reactive-compound-operator/_config.js
 create mode 100644 test/runtime/samples/reactive-compound-operator/main.svelte

diff --git a/test/runtime/samples/reactive-compound-operator/_config.js b/test/runtime/samples/reactive-compound-operator/_config.js
new file mode 100644
index 000000000000..7b16676410b2
--- /dev/null
+++ b/test/runtime/samples/reactive-compound-operator/_config.js
@@ -0,0 +1,27 @@
+export default {
+	html: `
+		<button>+1</button>
+		<p>count:0</p>
+	`,
+
+	async test({ assert, component, target, window }) {
+		const click = new window.MouseEvent('click');
+		const button = target.querySelector('button');
+
+		await button.dispatchEvent(click);
+
+		assert.equal(component.x, 2);
+		assert.htmlEqual(target.innerHTML, `
+			<button>+1</button>
+			<p>count:2</p>
+		`);
+
+		await button.dispatchEvent(click);
+
+		assert.equal(component.x, 6);
+		assert.htmlEqual(target.innerHTML, `
+			<button>+1</button>
+			<p>count:6</p>
+		`);
+	}
+};
diff --git a/test/runtime/samples/reactive-compound-operator/main.svelte b/test/runtime/samples/reactive-compound-operator/main.svelte
new file mode 100644
index 000000000000..611dde7176f6
--- /dev/null
+++ b/test/runtime/samples/reactive-compound-operator/main.svelte
@@ -0,0 +1,8 @@
+<script>
+	export let x = 0;
+
+    $: x *= 2;
+</script>
+
+<button on:click='{() => x += 1}'>+1</button>
+<p>count:{x}</p>