From 06b3ba65cb7cb546d25e448b528e078fa300a44e Mon Sep 17 00:00:00 2001
From: Bassam Ismail <skippednote@gmail.com>
Date: Fri, 26 Jun 2020 06:17:55 +0530
Subject: [PATCH] fix(5018): add tests to check if text is updated once

---
 .../_config.js                                    | 15 +++++++++++++++
 .../main.svelte                                   |  6 ++++++
 2 files changed, 21 insertions(+)
 create mode 100644 test/runtime/samples/component-event-handler-contenteditable/_config.js
 create mode 100644 test/runtime/samples/component-event-handler-contenteditable/main.svelte

diff --git a/test/runtime/samples/component-event-handler-contenteditable/_config.js b/test/runtime/samples/component-event-handler-contenteditable/_config.js
new file mode 100644
index 0000000000..3a85734975
--- /dev/null
+++ b/test/runtime/samples/component-event-handler-contenteditable/_config.js
@@ -0,0 +1,15 @@
+export default {
+	html: `
+		<div contenteditable=""></div>
+	`,
+
+	async test({ assert, component, target, window }) {
+		const div = target.querySelector('div');
+		const text =  window.document.createTextNode('a');
+		div.insertBefore(text, null);
+		const event = new window.InputEvent('input');
+		await div.dispatchEvent(event);
+
+		assert.equal(div.textContent, 'a');
+	}
+};
diff --git a/test/runtime/samples/component-event-handler-contenteditable/main.svelte b/test/runtime/samples/component-event-handler-contenteditable/main.svelte
new file mode 100644
index 0000000000..1eb5911df8
--- /dev/null
+++ b/test/runtime/samples/component-event-handler-contenteditable/main.svelte
@@ -0,0 +1,6 @@
+<script>
+	let text = '';
+	const updater = (event) => {text = event.target.textContent}
+</script>
+
+<div contenteditable on:input={updater}>{text}</div>