DXR is a code search and navigation tool aimed at making sense of large projects. It supports full-text and regex searches as well as structural queries.

Mercurial (5350524bb654)

VCS Links

Line Code
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289
<!DOCTYPE HTML>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=496275
-->

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>Test for Bug 496275</title>
  <script type="application/javascript" src="/MochiKit/MochiKit.js"></script>
  <script type="application/javascript"
          src="/tests/SimpleTest/SimpleTest.js"></script>
  <script type="application/javascript"
          src="/tests/SimpleTest/WindowSnapshot.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
</head>

<body onload="run()">
<a target="_blank"
   href="https://bugzilla.mozilla.org/show_bug.cgi?id=496275">
  Mozilla Bug 496275
</a>
<p id="display"></p>
<div id="c" contenteditable="true">
  <p id="p1">The first paragraph. Another sentence.  Even more text.</p>
  <p id="p2">Paragraph no. 2.</p>
  <p id="p3">This paragraph<br>
is broken up<br>
into four<br>
lines</p>
</div>

<div id="ltr" contenteditable="true">
  <p id="l1">םלש Hello</p>
  <p id="l2">Goodbye</p>
</div>

<div id="rtl" contenteditable="true" dir="rtl">
  <p id="r1">התרגום האחרון שפיתחנו הוא עבור Firefox 3.5.6.</p>
  <p id="r2">קראו את הערות ההפצה (אנגלית) להוראות ורשימת בעיות ידועות.</p>
</div>

<!-- Special characters: لا is actually two characters, while تَ should be
     treated as one character. -->
<div id="special" contenteditable="true">
  <p id="s1">a لا b تَ c</p>
</div>

<div>
  <p>Anchor offset: <span id="anchor-offset"></span></p>
  <p>Focus offset: <span id="focus-offset"></span></p>
</div>

<script type="application/javascript">
SimpleTest.waitForExplicitFinish();
SimpleTest.requestFlakyTimeout("untriaged");
SimpleTest.requestFlakyTimeout("untriaged");

function isOrIsParent(actual, expected, msg) {
  // actual should be expected or actual's parent node should be expected.
  msg += " Expected " + actual + " or " + actual.parentNode +
         " to be " + expected + ".";

  ok(actual == expected || actual.parentNode == expected, msg);
}

function isAt(anchorNode, anchorOffset, focusNode, focusOffset, msg) {
  var sel = window.getSelection();

  isOrIsParent(sel.anchorNode, $(anchorNode), msg + ": Wrong anchor node.");
  is(sel.anchorOffset, anchorOffset, msg + ": Wrong anchor offset.");
  isOrIsParent(sel.focusNode, $(focusNode), msg + ": Wrong focus node.");
  is(sel.focusOffset, $(focusOffset), msg + ": Wrong focus offset.");
}

function run() {
  var sel = window.getSelection();

  // If nothing is focused, selection.modify() should silently fail.
  sel.removeAllRanges();
  sel.modify("move", "forward", "character");

  // Now focus our first div and put the cursor at the beginning of p1.
  $("c").focus();
  sel.collapse($("p1"), 0);

  // We're intentionally inconsistent with the capitalization of "move",
  // "extend", etc. below to test the case-insensitivity of modify().

  // If we move backward, selection.modify() shouldn't do anything, since we're
  // already at the beginning of the frame.
  isAt("p1", 0, "p1", 0, "test 0a");
  sel.modify("Move", "Backward", "Character");
  isAt("p1", 0, "p1", 0, "test 0b");

  // After this move, the cursor should be at the second character of p1
  sel.modify("Move", "Forward", "Character");
  isAt("p1", 1, "p1", 1, "test 1");

  // Select the first character in p1
  sel.collapse($("p1"), 0);
  sel.modify("Extend", "Forward", "Character");
  isAt("p1", 0, "p1", 1, "test 2");
  sel.modify("Move", "Forward", "Character");
  isAt("p1", 2, "p1", 2, "test 2a");

  // Select all of p1, then move the selection forward one character a few
  // times.
  sel.collapse($("p1"), 0);
  sel.extend($("p1"), 1);
  sel.modify("move", "forward", "character");
  isAt("p2", 0, "p2", 0, "test 3a");
  sel.modify("move", "forward", "character");
  isAt("p2", 1, "p2", 1, "test 3b");

  // Put the cursor at the beginning of p3, then extend forward one line.
  // Now go back twice and forward once.  Focus should now be at the end of p3.
  sel.collapse($("p3"), 0);
  sel.modify("Extend", "Forward", "Line");
  sel.modify("extend", "backward", "character");
  sel.modify("extend", "backward", "character");
  sel.modify("extend", "forward", "character");
  isAt("p3", 0, "p3", 14, "test 4");

  // Put the cursor at the beginning of p3, then go forward a few words
  sel.collapse($("p3"), 0);
  sel.modify("Move", "Forward", "Word");
  isAt("p3", 4, "p3", 4, "test 4a");
  sel.modify("move", "forward", "word");
  // Go back and forward so the indexes are correct.
  sel.modify("move", "backward", "character");
  sel.modify("move", "forward", "character");
  isAt("p3", 14, "p3", 14, "test 4b");

  // Test the lineboundary granularity
  sel.collapse($("p3"), 0);
  sel.modify("Move", "Forward", "Lineboundary");
  // Go back and forward so the indexes are correct.
  sel.modify("move", "Backward", "character");
  sel.modify("move", "forward", "character");
  isAt("p3", 14, "p3", 14, "test 5");

  //
  // Test RTL text within a dir=LTR div.
  //
  $("ltr").focus();
  sel.collapse($("l1"), 0);
  SpecialPowers.wrap(sel).caretBidiLevel = 1;
  isAt("l1", 0, "l1", 0, "test 6a");
  sel.modify("Move", "Left", "Character");
  isAt("l1", 1, "l1", 1, "test 6b");
  sel.modify("Extend", "Backward", "Character");
  isAt("l1", 1, "l1", 0, "test 6c");
  sel.modify("extend", "forward", "character");
  isAt("l1", 1, "l1", 1, "test 6d");
  sel.modify("Extend", "Right", "Character");
  isAt("l1", 1, "l1", 0, "test 6e");

  sel.collapse($("l1"), 0);
  SpecialPowers.wrap(sel).caretBidiLevel = 1;
  sel.modify("move", "left", "character");
  sel.modify("extend", "right", "Word");
  isAt("l1", 1, "l1", 3, "test 7a");
  sel.modify("move", "left", "word");
  isAt("l1", 3, "l1", 3, "test 7b");
  sel.modify("move", "forward", "word");
  isAt("l1", 9, "l1", 9, "test 7c");
  sel.modify("extend", "backward", "word");
  isAt("l1", 9, "l1", 4, "test 7d");
  sel.modify("move", "left", "word");
  isAt("l1", 3, "l1", 3, "test 7e");

  sel.collapse($("l1"), 0);
  SpecialPowers.wrap(sel).caretBidiLevel = 1;
  sel.modify("extend", "left", "lineboundary");
  isAt("l1", 0, "l1", 3, "test 8a");
  sel.modify("move", "forward", "lineboundary");
  isAt("l1", 9, "l1", 9, "test 8b");
  sel.modify("extend", "backward", "lineboundary");
  isAt("l1", 9, "l1", 0, "test 8c");
  sel.modify("move", "left", "lineboundary");
  isAt("l1", 3, "l1", 3, "test 8d");
  sel.modify("extend", "forward", "lineboundary");
  isAt("l1", 3, "l1", 9, "test 8e");

  // Put the cursor at the left edge of the first line so that when we go up
  // and down, where we end up doesn't depend on how the characters line up.
  sel.collapse($("l1"), 0);
  SpecialPowers.wrap(sel).caretBidiLevel = 1;
  sel.modify("move", "left", "lineboundary");
  isAt("l1", 3, "l1", 3, "test 9a");
  sel.modify("move", "forward", "Line");
  isAt("l2", 0, "l2", 0, "test 9b");
  sel.modify("extend", "backward", "Line");
  // Apparently going up from the beginning of the line takes us to offset 3 in
  // the line above.  This is a little weird, but it's consistent with how the
  // keyboard works.
  isAt("l2", 0, "l1", 3, "test 9c");

  // Same test as above, now with absolute directions.
  sel.collapse($("l1"), 0);
  SpecialPowers.wrap(sel).caretBidiLevel = 1;
  sel.modify("move", "left", "lineboundary");
  isAt("l1", 3, "l1", 3, "test 10a");
  sel.modify("move", "right", "line");
  isAt("l2", 0, "l2", 0, "test 10b");
  sel.modify("extend", "left", "line");
  isAt("l2", 0, "l1", 3, "test 10c");

  //
  // Test RTL text within a dir=RTL div.
  //
  $("rtl").focus();
  sel.collapse($("r1"), 0);
  sel.modify("move", "forward", "character");
  isAt("r1", 1, "r1", 1, "test 11a");
  sel.modify("extend", "backward", "character");
  isAt("r1", 1, "r1", 0, "test 11b");
  sel.modify("move", "forward", "word");
  isAt("r1", 6, "r1", 6, "test 11c");
  sel.modify("extend", "backward", "word");
  isAt("r1", 6, "r1", 0, "test 11d");
  sel.modify("extend", "forward", "lineboundary");
  isAt("r1", 6, "r1", 45, "test 11e");

  // Same as above, but with absolute directions.
  sel.collapse($("r1"), 0);
  sel.modify("move", "left", "character");
  isAt("r1", 1, "r1", 1, "test 12a");
  sel.modify("extend", "right", "character");
  isAt("r1", 1, "r1", 0, "test 12b");
  sel.modify("move", "left", "word");
  isAt("r1", 6, "r1", 6, "test 12c");
  sel.modify("extend", "right", "word");
  isAt("r1", 6, "r1", 0, "test 12d");

  // Test that move left/right is correct within the RTL div.
  sel.collapse($("r1"), 0);
  sel.modify("extend", "left", "lineboundary");
  isAt("r1", 0, "r1", 45, "test 13a");
  sel.modify("move", "right", "lineboundary");
  isAt("r1", 0, "r1", 0, "test 13b");

  // Test that up/down at the first/last line correctly wraps to the
  // beginning/end of the line.
  sel.collapse($("r1"), 0);
  sel.modify("move", "forward", "word");
  isAt("r1", 6, "r1", 6, "test 14a");
  // Even in RTL text, "left" still means up.
  sel.modify("extend", "left", "Line");
  isAt("r1", 6, "r1", 0, "test 14b");
  sel.modify("move", "right", "line");
  isAt("r2", 0, "r2", 0, "test 14c");
  sel.modify("extend", "forward", "line");
  isAt("r2", 0, "r2", 57, "test 14d");
  sel.modify("move", "backward", "line");
  isAt("r1", 45, "r1", 45, "test 14e");

  // Test some special characters.
  $("special").focus();
  sel.collapse($("s1"), 0);
  sel.modify("move", "forward", "character");
  sel.modify("move", "forward", "character");
  sel.modify("move", "forward", "character");
  isAt("s1", 3, "s1", 3, "test 15a");
  sel.modify("move", "forward", "character");
  isAt("s1", 4, "s1", 4, "test 15b");
  sel.modify("move", "backward", "word");
  isAt("s1", 2, "s1", 2, "test 15c");
  sel.modify("move", "forward", "word");
  sel.modify("move", "forward", "word");
  sel.modify("move", "forward", "word");
  isAt("s1", 9, "s1", 9, "test 15d");

  SimpleTest.finish();
}

function update_debug_info() {
  var sel = window.getSelection();
  document.getElementById("anchor-offset").innerHTML = sel.anchorOffset;
  document.getElementById("focus-offset").innerHTML = sel.focusOffset;
  setTimeout(update_debug_info, 100);
}

setTimeout(update_debug_info, 100);

</script>
</body>
</html>