1 files changed, 56 insertions, 0 deletions
diff --git a/testing/web-platform/tests/html/semantics/forms/the-input-element/selection-pointer.html b/testing/web-platform/tests/html/semantics/forms/the-input-element/selection-pointer.html
new file mode 100644
index 0000000000..7f06ae24a2
--- /dev/null
+++ b/testing/web-platform/tests/html/semantics/forms/the-input-element/selection-pointer.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<meta name="timeout" content="long">
+<title>Selecting texts across input element</title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/resources/testdriver.js"></script>
+<script src="/resources/testdriver-actions.js"></script>
+<script src="/resources/testdriver-vendor.js"></script>
+<link rel="stylesheet" href="/fonts/ahem.css" />
+
+<style>
+  .test {
+    font: 16px/1 Ahem;
+    padding-bottom: 16px;
+  }
+</style>
+<div class="test">
+  <span id="foo">foo</span><br>
+  <input id="input"><br>
+  <span id="bar">bar</span>
+</div>
+<script type="module">
+import inputTypes from "./input-types.js";
+
+const selection = getSelection();
+const inputVisibleTypes = inputTypes.filter(t => t !== "hidden");
+
+for (const inputType of inputVisibleTypes) {
+  promise_test(async () => {
+    input.type = inputType;
+    selection.collapse(foo);
+    await new test_driver.Actions()
+      .pointerMove(0, 0, {origin: foo})
+      .pointerDown()
+      .pointerMove(0, 0, {origin: input})
+      .pointerMove(0, 0, {origin: bar})
+      .pointerUp()
+      .send();
+    const nRanges = selection.rangeCount;
+    assert_true(nRanges > 0);
+    const expectedStart = foo.childNodes[0];
+    const expectedEnd = bar.childNodes[0];
+    if (nRanges === 1) {
+      assert_equals(selection.anchorNode, expectedStart, "anchorNode");
+      assert_equals(selection.focusNode, expectedEnd, "focusNode");
+    } else {
+      // In case multiple ranges are supported, make sure the set of ranges
+      // spans the full selection, across the input.
+      const ranges = [...Array(nRanges).keys()].map(n => selection.getRangeAt(n));
+      assert_true(ranges.some(r => r.startContainer === expectedStart),"startContainer");
+      assert_true(ranges.some(r => r.endContainer === expectedEnd),"endContainer");
+    }
+  }, `Selecting texts across <input type=${inputType}> should not cancel selection`);
+}
+</script>