UIEvents: Tentative test for textInput with drag and drop

See w3c/uievents#367
web-platform-tests · Feb 23, 2024 · 7979639 · 7979639
1 parent 97c6a6a
commit 7979639
Show file tree

Hide file tree

Showing 3 changed files with 75 additions and 0 deletions.
diff --git a/html/editing/dnd/drop/events-contenteditable.tentative.html b/html/editing/dnd/drop/events-contenteditable.tentative.html
@@ -0,0 +1,27 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>Selection drag and drop: events for &lt;input></title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+[data-placeholder]:empty::before { content: attr(data-placeholder); }
+</style>
+<div><input id=a value="Drag me"></div>
+<div contenteditable=true id=b data-placeholder="...to here"></div>
+<script>
+setup({ explicit_timeout: true, single_test: true });
+const a = document.getElementById('a');
+const b = document.getElementById('b');
+const actualEvents = [];
+const expectedEvents = ['drop', 'beforeinput', 'textInput', 'input'];
+for (const eventType of expectedEvents) {
+  b.addEventListener(eventType, e => {
+    actualEvents.push(e.type);
+    if (actualEvents.length === expectedEvents.length) {
+      assert_array_equals(actualEvents, expectedEvents);
+      done();
+    }
+  });
+}
+a.select();
+</script>
diff --git a/html/editing/dnd/drop/events-input.tentative.html b/html/editing/dnd/drop/events-input.tentative.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>Selection drag and drop: events for &lt;input></title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<div><input id=a value="Drag me"></div>
+<div><input id=b placeholder="...to here"></div>
+<script>
+setup({ explicit_timeout: true, single_test: true });
+const a = document.getElementById('a');
+const b = document.getElementById('b');
+const actualEvents = [];
+const expectedEvents = ['drop', 'beforeinput', 'textInput', 'input'];
+for (const eventType of expectedEvents) {
+  b.addEventListener(eventType, e => {
+    actualEvents.push(e.type);
+    if (actualEvents.length === expectedEvents.length) {
+      assert_array_equals(actualEvents, expectedEvents);
+      done();
+    }
+  });
+}
+a.select();
+</script>
diff --git a/html/editing/dnd/drop/events-textarea.tentative.html b/html/editing/dnd/drop/events-textarea.tentative.html
@@ -0,0 +1,24 @@
+<!doctype html>
+<meta charset=utf-8>
+<title>Selection drag and drop: events for &lt;input></title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<div><input id=a value="Drag me"></div>
+<div><textarea id=b placeholder="...to here"></textarea></div>
+<script>
+setup({ explicit_timeout: true, single_test: true });
+const a = document.getElementById('a');
+const b = document.getElementById('b');
+const actualEvents = [];
+const expectedEvents = ['drop', 'beforeinput', 'textInput', 'input'];
+for (const eventType of expectedEvents) {
+  b.addEventListener(eventType, e => {
+    actualEvents.push(e.type);
+    if (actualEvents.length === expectedEvents.length) {
+      assert_array_equals(actualEvents, expectedEvents);
+      done();
+    }
+  });
+}
+a.select();
+</script>