From b3198f151a1cfb4c4d57e626fecda812e71b2daa Mon Sep 17 00:00:00 2001
From: Samuel Elgozi <samu.elgozi@gmail.com>
Date: Thu, 8 Aug 2019 11:23:31 +0300
Subject: [PATCH] Tests addedt for `self` modifier

---
 .../event-handler-modifier-self/_config.js       | 16 ++++++++++++++++
 .../event-handler-modifier-self/main.svelte      | 11 +++++++++++
 2 files changed, 27 insertions(+)
 create mode 100644 test/runtime/samples/event-handler-modifier-self/_config.js
 create mode 100644 test/runtime/samples/event-handler-modifier-self/main.svelte

diff --git a/test/runtime/samples/event-handler-modifier-self/_config.js b/test/runtime/samples/event-handler-modifier-self/_config.js
new file mode 100644
index 0000000000..6d7d29e482
--- /dev/null
+++ b/test/runtime/samples/event-handler-modifier-self/_config.js
@@ -0,0 +1,16 @@
+export default {
+	html: `
+		<div>
+			<button>click me</button>
+		</div>
+	`,
+
+	async test({ assert, component, target, window }) {
+		const button = target.querySelector('button');
+		const event = new window.MouseEvent('click');
+
+		await button.dispatchEvent(event);
+
+		assert.ok(!component.inner_clicked);
+	},
+};
diff --git a/test/runtime/samples/event-handler-modifier-self/main.svelte b/test/runtime/samples/event-handler-modifier-self/main.svelte
new file mode 100644
index 0000000000..1becf44a9e
--- /dev/null
+++ b/test/runtime/samples/event-handler-modifier-self/main.svelte
@@ -0,0 +1,11 @@
+<script>
+	export let inner_clicked;
+
+	function handle_click(event) {
+		inner_clicked = true;
+	}
+</script>
+
+<div on:click|self={handle_click}>
+	<button>click me</button>
+</div>