From 06ed3b3a48e2ea177f4e1674a1394214dbdd191c Mon Sep 17 00:00:00 2001
From: Conduitry <git@chor.date>
Date: Sun, 9 Feb 2020 08:43:46 -0500
Subject: [PATCH] add test

---
 .../event-handler-dynamic-2/_config.js        | 54 +++++++++++++++++++
 .../event-handler-dynamic-2/main.svelte       | 20 +++++++
 2 files changed, 74 insertions(+)
 create mode 100644 test/runtime/samples/event-handler-dynamic-2/_config.js
 create mode 100644 test/runtime/samples/event-handler-dynamic-2/main.svelte

diff --git a/test/runtime/samples/event-handler-dynamic-2/_config.js b/test/runtime/samples/event-handler-dynamic-2/_config.js
new file mode 100644
index 0000000000..944a8b4479
--- /dev/null
+++ b/test/runtime/samples/event-handler-dynamic-2/_config.js
@@ -0,0 +1,54 @@
+export default {
+	html: `
+		<button>toggle</button>
+		<p>0</p>
+		<button>handler_a</button>
+		<button>handler_b</button>
+	`,
+
+	async test({ assert, target, window }) {
+		const [toggle, handler_a, handler_b] = target.querySelectorAll(
+			'button'
+		);
+
+		const event = new window.MouseEvent('click');
+
+		await handler_a.dispatchEvent(event);
+		assert.htmlEqual(target.innerHTML, `
+			<button>toggle</button>
+			<p>1</p>
+			<button>handler_a</button>
+			<button>handler_b</button>
+		`);
+
+		await toggle.dispatchEvent(event);
+
+		await handler_a.dispatchEvent(event);
+		assert.htmlEqual(target.innerHTML, `
+			<button>toggle</button>
+			<p>2</p>
+			<button>handler_a</button>
+			<button>handler_b</button>
+		`);
+
+		await toggle.dispatchEvent(event);
+
+		await handler_b.dispatchEvent(event);
+		assert.htmlEqual(target.innerHTML, `
+			<button>toggle</button>
+			<p>1</p>
+			<button>handler_a</button>
+			<button>handler_b</button>
+		`);
+
+		await toggle.dispatchEvent(event);
+
+		await handler_b.dispatchEvent(event);
+		assert.htmlEqual(target.innerHTML, `
+			<button>toggle</button>
+			<p>2</p>
+			<button>handler_a</button>
+			<button>handler_b</button>
+		`);
+	},
+};
diff --git a/test/runtime/samples/event-handler-dynamic-2/main.svelte b/test/runtime/samples/event-handler-dynamic-2/main.svelte
new file mode 100644
index 0000000000..1b2041d3b8
--- /dev/null
+++ b/test/runtime/samples/event-handler-dynamic-2/main.svelte
@@ -0,0 +1,20 @@
+<script>
+	import { writable } from 'svelte/store';
+
+	let number = 0;
+	const handler_1 = () => number = 1;
+	const handler_2 = () => number = 2;
+
+	let flag = true;
+
+	$: handler_a = flag ? handler_1 : handler_2;
+	const handler_b = writable();
+	$: handler_b.set(flag ? handler_1 : handler_2);
+</script>
+
+<button on:click={() => flag = !flag}>toggle</button>
+
+<p>{number}</p>
+
+<button on:click={handler_a}>handler_a</button>
+<button on:click={$handler_b}>handler_b</button>