selection/bidi/modify.tentative.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>Selection#modify bidi tests</title>
<script src=/resources/testharness.js></script>
<script src=/resources/testharnessreport.js></script>

<div id="container">
  <div title="LTR text">Hello World</div>
  <div title="RTL text">مرحبا عالم</div>
  <div title="RTL+LTR text">مرحبا عالم Hello World</div>
  <div title="LTR+RTL text">Hello World مرحبا عالم</div>
  <div title="LTR+RTL+LTR text">Hello World مرحبا عالم Hello World</div>
  <div title="RTL+LTR+RTL text">مرحبا عالم Hello World مرحبا عالم</div>
</div>

<script>
/**
 * @param {"ltr" | "rtl"} bidi
 * @param {"left" | "right"} direction
 * @param {number} length
 */
function getExpectedOffset(bidi, direction, length) {
  const isLtr = bidi === "ltr";
  const toLeft = direction === "left";
  return isLtr === toLeft ? 0 : length;
}

function runTest(div, direction, bidi, postfix = "") {
  test(() => {
    div.dir = bidi;

    selection.collapse(div);
    selection.modify("extend", direction, "lineboundary");

    const offset = getExpectedOffset(
      bidi, direction,
      div.childNodes[0].textContent.length
    );

    assert_equals(selection.focusOffset, offset);
  }, `${div.title} with ${direction} direction in ${bidi} context${postfix}`);
}

const selection = getSelection();
for (const bidi of ["ltr", "rtl"]) {
  for (const direction of ["left", "right"]) {
    for (const div of container.children) {
      runTest(div, direction, bidi)
    }
  }
}

// Gecko treats morphed LTR contexts differently from native LTR context
// @see https://searchfox.org/mozilla-central/rev/35d927df97900a57ecb562ad13909e392440b0fb/dom/base/Document.h#981-987
for (const direction of ["left", "right"]) {
  for (const div of container.children) {
    runTest(div, direction, "ltr", " (which was previously rtl)")
  }
}
</script>