From 1998739524c8c9992068ab701f182141a0c8ee58 Mon Sep 17 00:00:00 2001
From: Peter Maatman <blackwolf12333@gmail.com>
Date: Sun, 29 Sep 2019 19:28:00 +0200
Subject: [PATCH] tests: add tests for update expression

---
 .../reactive-update-expression/_config.js     | 29 +++++++++++++++++++
 .../reactive-update-expression/main.svelte    | 12 ++++++++
 2 files changed, 41 insertions(+)
 create mode 100644 test/runtime/samples/reactive-update-expression/_config.js
 create mode 100644 test/runtime/samples/reactive-update-expression/main.svelte

diff --git a/test/runtime/samples/reactive-update-expression/_config.js b/test/runtime/samples/reactive-update-expression/_config.js
new file mode 100644
index 0000000000..c90da8255e
--- /dev/null
+++ b/test/runtime/samples/reactive-update-expression/_config.js
@@ -0,0 +1,29 @@
+export default {
+	html: `
+	<button>+1</button>
+	<p>count:1</p>
+	`,
+
+	async test({ assert, component, target, window }) {
+		const click = new window.MouseEvent('click');
+		const button = target.querySelector('button');
+
+		assert.equal(component.x, 1);
+
+		await button.dispatchEvent(click);
+
+		assert.equal(component.x, 3);
+		assert.htmlEqual(target.innerHTML, `
+			<button>+1</button>
+			<p>count:3</p>
+		`);
+
+		await button.dispatchEvent(click);
+
+		assert.equal(component.x, 5);
+		assert.htmlEqual(target.innerHTML, `
+			<button>+1</button>
+			<p>count:5</p>
+		`);
+	}
+};
diff --git a/test/runtime/samples/reactive-update-expression/main.svelte b/test/runtime/samples/reactive-update-expression/main.svelte
new file mode 100644
index 0000000000..887d7a57e8
--- /dev/null
+++ b/test/runtime/samples/reactive-update-expression/main.svelte
@@ -0,0 +1,12 @@
+<script>
+	export let x = 0;
+
+    $: x++;
+
+    function onClick() {
+      x += 1;
+    }
+</script>
+
+<button on:click='{() => x += 1}'>+1</button>
+<p>count:{x}</p>