selection-pointer.html

Enable keyboard shortcuts

This test has a WPT meta file that expects 5 subtest issues.
This WPT test may be referenced by the following Test IDs:
- /html/semantics/forms/the-input-element/selection-pointer.html - WPT Dashboard Interop Dashboard

<!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>