openrat-cms

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs | README

test.min.js (94791B)


      1 var Pos = CodeMirror.Pos;
      2 
      3 CodeMirror.defaults.rtlMoveVisually = true;
      4 
      5 function forEach(arr, f) {
      6   for (var i = 0, e = arr.length; i < e; ++i) f(arr[i], i);
      7 }
      8 
      9 function addDoc(cm, width, height) {
     10   var content = [], line = "";
     11   for (var i = 0; i < width; ++i) line += "x";
     12   for (var i = 0; i < height; ++i) content.push(line);
     13   cm.setValue(content.join("\n"));
     14 }
     15 
     16 function byClassName(elt, cls) {
     17   if (elt.getElementsByClassName) return elt.getElementsByClassName(cls);
     18   var found = [], re = new RegExp("\\b" + cls + "\\b");
     19   function search(elt) {
     20     if (elt.nodeType == 3) return;
     21     if (re.test(elt.className)) found.push(elt);
     22     for (var i = 0, e = elt.childNodes.length; i < e; ++i)
     23       search(elt.childNodes[i]);
     24   }
     25   search(elt);
     26   return found;
     27 }
     28 
     29 var ie_lt8 = /MSIE [1-7]\b/.test(navigator.userAgent);
     30 var ie_lt9 = /MSIE [1-8]\b/.test(navigator.userAgent);
     31 var mac = /Mac/.test(navigator.platform);
     32 var phantom = /PhantomJS/.test(navigator.userAgent);
     33 var opera = /Opera\/\./.test(navigator.userAgent);
     34 var opera_version = opera && navigator.userAgent.match(/Version\/(\d+\.\d+)/);
     35 if (opera_version) opera_version = Number(opera_version);
     36 var opera_lt10 = opera && (!opera_version || opera_version < 10);
     37 
     38 namespace = "core_";
     39 
     40 test("core_fromTextArea", function() {
     41   var te = document.getElementById("code");
     42   te.value = "CONTENT";
     43   var cm = CodeMirror.fromTextArea(te);
     44   is(!te.offsetHeight);
     45   eq(cm.getValue(), "CONTENT");
     46   cm.setValue("foo\nbar");
     47   eq(cm.getValue(), "foo\nbar");
     48   cm.save();
     49   is(/^foo\r?\nbar$/.test(te.value));
     50   cm.setValue("xxx");
     51   cm.toTextArea();
     52   is(te.offsetHeight);
     53   eq(te.value, "xxx");
     54 });
     55 
     56 testCM("getRange", function(cm) {
     57   eq(cm.getLine(0), "1234");
     58   eq(cm.getLine(1), "5678");
     59   eq(cm.getLine(2), null);
     60   eq(cm.getLine(-1), null);
     61   eq(cm.getRange(Pos(0, 0), Pos(0, 3)), "123");
     62   eq(cm.getRange(Pos(0, -1), Pos(0, 200)), "1234");
     63   eq(cm.getRange(Pos(0, 2), Pos(1, 2)), "34\n56");
     64   eq(cm.getRange(Pos(1, 2), Pos(100, 0)), "78");
     65 }, {value: "1234\n5678"});
     66 
     67 testCM("replaceRange", function(cm) {
     68   eq(cm.getValue(), "");
     69   cm.replaceRange("foo\n", Pos(0, 0));
     70   eq(cm.getValue(), "foo\n");
     71   cm.replaceRange("a\nb", Pos(0, 1));
     72   eq(cm.getValue(), "fa\nboo\n");
     73   eq(cm.lineCount(), 3);
     74   cm.replaceRange("xyzzy", Pos(0, 0), Pos(1, 1));
     75   eq(cm.getValue(), "xyzzyoo\n");
     76   cm.replaceRange("abc", Pos(0, 0), Pos(10, 0));
     77   eq(cm.getValue(), "abc");
     78   eq(cm.lineCount(), 1);
     79 });
     80 
     81 testCM("selection", function(cm) {
     82   cm.setSelection(Pos(0, 4), Pos(2, 2));
     83   is(cm.somethingSelected());
     84   eq(cm.getSelection(), "11\n222222\n33");
     85   eqCursorPos(cm.getCursor(false), Pos(2, 2));
     86   eqCursorPos(cm.getCursor(true), Pos(0, 4));
     87   cm.setSelection(Pos(1, 0));
     88   is(!cm.somethingSelected());
     89   eq(cm.getSelection(), "");
     90   eqCursorPos(cm.getCursor(true), Pos(1, 0));
     91   cm.replaceSelection("abc", "around");
     92   eq(cm.getSelection(), "abc");
     93   eq(cm.getValue(), "111111\nabc222222\n333333");
     94   cm.replaceSelection("def", "end");
     95   eq(cm.getSelection(), "");
     96   eqCursorPos(cm.getCursor(true), Pos(1, 3));
     97   cm.setCursor(Pos(2, 1));
     98   eqCursorPos(cm.getCursor(true), Pos(2, 1));
     99   cm.setCursor(1, 2);
    100   eqCursorPos(cm.getCursor(true), Pos(1, 2));
    101 }, {value: "111111\n222222\n333333"});
    102 
    103 testCM("extendSelection", function(cm) {
    104   cm.setExtending(true);
    105   addDoc(cm, 10, 10);
    106   cm.setSelection(Pos(3, 5));
    107   eqCursorPos(cm.getCursor("head"), Pos(3, 5));
    108   eqCursorPos(cm.getCursor("anchor"), Pos(3, 5));
    109   cm.setSelection(Pos(2, 5), Pos(5, 5));
    110   eqCursorPos(cm.getCursor("head"), Pos(5, 5));
    111   eqCursorPos(cm.getCursor("anchor"), Pos(2, 5));
    112   eqCursorPos(cm.getCursor("start"), Pos(2, 5));
    113   eqCursorPos(cm.getCursor("end"), Pos(5, 5));
    114   cm.setSelection(Pos(5, 5), Pos(2, 5));
    115   eqCursorPos(cm.getCursor("head"), Pos(2, 5));
    116   eqCursorPos(cm.getCursor("anchor"), Pos(5, 5));
    117   eqCursorPos(cm.getCursor("start"), Pos(2, 5));
    118   eqCursorPos(cm.getCursor("end"), Pos(5, 5));
    119   cm.extendSelection(Pos(3, 2));
    120   eqCursorPos(cm.getCursor("head"), Pos(3, 2));
    121   eqCursorPos(cm.getCursor("anchor"), Pos(5, 5));
    122   cm.extendSelection(Pos(6, 2));
    123   eqCursorPos(cm.getCursor("head"), Pos(6, 2));
    124   eqCursorPos(cm.getCursor("anchor"), Pos(5, 5));
    125   cm.extendSelection(Pos(6, 3), Pos(6, 4));
    126   eqCursorPos(cm.getCursor("head"), Pos(6, 4));
    127   eqCursorPos(cm.getCursor("anchor"), Pos(5, 5));
    128   cm.extendSelection(Pos(0, 3), Pos(0, 4));
    129   eqCursorPos(cm.getCursor("head"), Pos(0, 3));
    130   eqCursorPos(cm.getCursor("anchor"), Pos(5, 5));
    131   cm.extendSelection(Pos(4, 5), Pos(6, 5));
    132   eqCursorPos(cm.getCursor("head"), Pos(6, 5));
    133   eqCursorPos(cm.getCursor("anchor"), Pos(4, 5));
    134   cm.setExtending(false);
    135   cm.extendSelection(Pos(0, 3), Pos(0, 4));
    136   eqCursorPos(cm.getCursor("head"), Pos(0, 3));
    137   eqCursorPos(cm.getCursor("anchor"), Pos(0, 4));
    138 });
    139 
    140 testCM("lines", function(cm) {
    141   eq(cm.getLine(0), "111111");
    142   eq(cm.getLine(1), "222222");
    143   eq(cm.getLine(-1), null);
    144   cm.replaceRange("", Pos(1, 0), Pos(2, 0))
    145   cm.replaceRange("abc", Pos(1, 0), Pos(1));
    146   eq(cm.getValue(), "111111\nabc");
    147 }, {value: "111111\n222222\n333333"});
    148 
    149 testCM("indent", function(cm) {
    150   cm.indentLine(1);
    151   eq(cm.getLine(1), "   blah();");
    152   cm.setOption("indentUnit", 8);
    153   cm.indentLine(1);
    154   eq(cm.getLine(1), "\tblah();");
    155   cm.setOption("indentUnit", 10);
    156   cm.setOption("tabSize", 4);
    157   cm.indentLine(1);
    158   eq(cm.getLine(1), "\t\t  blah();");
    159 }, {value: "if (x) {\nblah();\n}", indentUnit: 3, indentWithTabs: true, tabSize: 8});
    160 
    161 testCM("indentByNumber", function(cm) {
    162   cm.indentLine(0, 2);
    163   eq(cm.getLine(0), "  foo");
    164   cm.indentLine(0, -200);
    165   eq(cm.getLine(0), "foo");
    166   cm.setSelection(Pos(0, 0), Pos(1, 2));
    167   cm.indentSelection(3);
    168   eq(cm.getValue(), "   foo\n   bar\nbaz");
    169 }, {value: "foo\nbar\nbaz"});
    170 
    171 test("core_defaults", function() {
    172   var defsCopy = {}, defs = CodeMirror.defaults;
    173   for (var opt in defs) defsCopy[opt] = defs[opt];
    174   defs.indentUnit = 5;
    175   defs.value = "uu";
    176   defs.indentWithTabs = true;
    177   defs.tabindex = 55;
    178   var place = document.getElementById("testground"), cm = CodeMirror(place);
    179   try {
    180     eq(cm.getOption("indentUnit"), 5);
    181     cm.setOption("indentUnit", 10);
    182     eq(defs.indentUnit, 5);
    183     eq(cm.getValue(), "uu");
    184     eq(cm.getOption("indentWithTabs"), true);
    185     eq(cm.getInputField().tabIndex, 55);
    186   }
    187   finally {
    188     for (var opt in defsCopy) defs[opt] = defsCopy[opt];
    189     place.removeChild(cm.getWrapperElement());
    190   }
    191 });
    192 
    193 testCM("lineInfo", function(cm) {
    194   eq(cm.lineInfo(-1), null);
    195   var mark = document.createElement("span");
    196   var lh = cm.setGutterMarker(1, "FOO", mark);
    197   var info = cm.lineInfo(1);
    198   eq(info.text, "222222");
    199   eq(info.gutterMarkers.FOO, mark);
    200   eq(info.line, 1);
    201   eq(cm.lineInfo(2).gutterMarkers, null);
    202   cm.setGutterMarker(lh, "FOO", null);
    203   eq(cm.lineInfo(1).gutterMarkers, null);
    204   cm.setGutterMarker(1, "FOO", mark);
    205   cm.setGutterMarker(0, "FOO", mark);
    206   cm.clearGutter("FOO");
    207   eq(cm.lineInfo(0).gutterMarkers, null);
    208   eq(cm.lineInfo(1).gutterMarkers, null);
    209 }, {value: "111111\n222222\n333333"});
    210 
    211 testCM("coords", function(cm) {
    212   cm.setSize(null, 100);
    213   addDoc(cm, 32, 200);
    214   var top = cm.charCoords(Pos(0, 0));
    215   var bot = cm.charCoords(Pos(200, 30));
    216   is(top.left < bot.left);
    217   is(top.top < bot.top);
    218   is(top.top < top.bottom);
    219   cm.scrollTo(null, 100);
    220   var top2 = cm.charCoords(Pos(0, 0));
    221   is(top.top > top2.top);
    222   eq(top.left, top2.left);
    223 });
    224 
    225 testCM("coordsChar", function(cm) {
    226   addDoc(cm, 35, 70);
    227   for (var i = 0; i < 2; ++i) {
    228     var sys = i ? "local" : "page";
    229     for (var ch = 0; ch <= 35; ch += 5) {
    230       for (var line = 0; line < 70; line += 5) {
    231         cm.setCursor(line, ch);
    232         var coords = cm.charCoords(Pos(line, ch), sys);
    233         var pos = cm.coordsChar({left: coords.left + 1, top: coords.top + 1}, sys);
    234         eqCharPos(pos, Pos(line, ch));
    235       }
    236     }
    237   }
    238 }, {lineNumbers: true});
    239 
    240 testCM("coordsCharBidi", function(cm) {
    241   addDoc(cm, 35, 70);
    242   // Put an rtl character into each line to trigger the bidi code path in coordsChar
    243   cm.setValue(cm.getValue().replace(/\bx/g, 'و'))
    244   for (var i = 0; i < 2; ++i) {
    245     var sys = i ? "local" : "page";
    246     for (var ch = 2; ch <= 35; ch += 5) {
    247       for (var line = 0; line < 70; line += 5) {
    248         cm.setCursor(line, ch);
    249         var coords = cm.charCoords(Pos(line, ch), sys);
    250         var pos = cm.coordsChar({left: coords.left + 1, top: coords.top + 1}, sys);
    251         eqCharPos(pos, Pos(line, ch));
    252       }
    253     }
    254   }
    255 }, {lineNumbers: true});
    256 
    257 testCM("badBidiOptimization", function(cm) {
    258   var coords = cm.charCoords(Pos(0, 34))
    259   eqCharPos(cm.coordsChar({left: coords.right, top: coords.top + 2}), Pos(0, 34))
    260 }, {value: "----------<p class=\"title\">هل يمكنك اختيار مستوى قسط التأمين الذي ترغب بدفعه؟</p>"})
    261 
    262 testCM("posFromIndex", function(cm) {
    263   cm.setValue(
    264     "This function should\n" +
    265     "convert a zero based index\n" +
    266     "to line and ch."
    267   );
    268 
    269   var examples = [
    270     { index: -1, line: 0, ch: 0  }, // <- Tests clipping
    271     { index: 0,  line: 0, ch: 0  },
    272     { index: 10, line: 0, ch: 10 },
    273     { index: 39, line: 1, ch: 18 },
    274     { index: 55, line: 2, ch: 7  },
    275     { index: 63, line: 2, ch: 15 },
    276     { index: 64, line: 2, ch: 15 }  // <- Tests clipping
    277   ];
    278 
    279   for (var i = 0; i < examples.length; i++) {
    280     var example = examples[i];
    281     var pos = cm.posFromIndex(example.index);
    282     eq(pos.line, example.line);
    283     eq(pos.ch, example.ch);
    284     if (example.index >= 0 && example.index < 64)
    285       eq(cm.indexFromPos(pos), example.index);
    286   }
    287 });
    288 
    289 testCM("undo", function(cm) {
    290   cm.replaceRange("def", Pos(0, 0), Pos(0));
    291   eq(cm.historySize().undo, 1);
    292   cm.undo();
    293   eq(cm.getValue(), "abc");
    294   eq(cm.historySize().undo, 0);
    295   eq(cm.historySize().redo, 1);
    296   cm.redo();
    297   eq(cm.getValue(), "def");
    298   eq(cm.historySize().undo, 1);
    299   eq(cm.historySize().redo, 0);
    300   cm.setValue("1\n\n\n2");
    301   cm.clearHistory();
    302   eq(cm.historySize().undo, 0);
    303   for (var i = 0; i < 20; ++i) {
    304     cm.replaceRange("a", Pos(0, 0));
    305     cm.replaceRange("b", Pos(3, 0));
    306   }
    307   eq(cm.historySize().undo, 40);
    308   for (var i = 0; i < 40; ++i)
    309     cm.undo();
    310   eq(cm.historySize().redo, 40);
    311   eq(cm.getValue(), "1\n\n\n2");
    312 }, {value: "abc"});
    313 
    314 testCM("undoDepth", function(cm) {
    315   cm.replaceRange("d", Pos(0));
    316   cm.replaceRange("e", Pos(0));
    317   cm.replaceRange("f", Pos(0));
    318   cm.undo(); cm.undo(); cm.undo();
    319   eq(cm.getValue(), "abcd");
    320 }, {value: "abc", undoDepth: 4});
    321 
    322 testCM("undoDoesntClearValue", function(cm) {
    323   cm.undo();
    324   eq(cm.getValue(), "x");
    325 }, {value: "x"});
    326 
    327 testCM("undoMultiLine", function(cm) {
    328   cm.operation(function() {
    329     cm.replaceRange("x", Pos(0, 0));
    330     cm.replaceRange("y", Pos(1, 0));
    331   });
    332   cm.undo();
    333   eq(cm.getValue(), "abc\ndef\nghi");
    334   cm.operation(function() {
    335     cm.replaceRange("y", Pos(1, 0));
    336     cm.replaceRange("x", Pos(0, 0));
    337   });
    338   cm.undo();
    339   eq(cm.getValue(), "abc\ndef\nghi");
    340   cm.operation(function() {
    341     cm.replaceRange("y", Pos(2, 0));
    342     cm.replaceRange("x", Pos(1, 0));
    343     cm.replaceRange("z", Pos(2, 0));
    344   });
    345   cm.undo();
    346   eq(cm.getValue(), "abc\ndef\nghi", 3);
    347 }, {value: "abc\ndef\nghi"});
    348 
    349 testCM("undoComposite", function(cm) {
    350   cm.replaceRange("y", Pos(1));
    351   cm.operation(function() {
    352     cm.replaceRange("x", Pos(0));
    353     cm.replaceRange("z", Pos(2));
    354   });
    355   eq(cm.getValue(), "ax\nby\ncz\n");
    356   cm.undo();
    357   eq(cm.getValue(), "a\nby\nc\n");
    358   cm.undo();
    359   eq(cm.getValue(), "a\nb\nc\n");
    360   cm.redo(); cm.redo();
    361   eq(cm.getValue(), "ax\nby\ncz\n");
    362 }, {value: "a\nb\nc\n"});
    363 
    364 testCM("undoSelection", function(cm) {
    365   cm.setSelection(Pos(0, 2), Pos(0, 4));
    366   cm.replaceSelection("");
    367   cm.setCursor(Pos(1, 0));
    368   cm.undo();
    369   eqCursorPos(cm.getCursor(true), Pos(0, 2));
    370   eqCursorPos(cm.getCursor(false), Pos(0, 4));
    371   cm.setCursor(Pos(1, 0));
    372   cm.redo();
    373   eqCursorPos(cm.getCursor(true), Pos(0, 2));
    374   eqCursorPos(cm.getCursor(false), Pos(0, 2));
    375 }, {value: "abcdefgh\n"});
    376 
    377 testCM("undoSelectionAsBefore", function(cm) {
    378   cm.replaceSelection("abc", "around");
    379   cm.undo();
    380   cm.redo();
    381   eq(cm.getSelection(), "abc");
    382 });
    383 
    384 testCM("selectionChangeConfusesHistory", function(cm) {
    385   cm.replaceSelection("abc", null, "dontmerge");
    386   cm.operation(function() {
    387     cm.setCursor(Pos(0, 0));
    388     cm.replaceSelection("abc", null, "dontmerge");
    389   });
    390   eq(cm.historySize().undo, 2);
    391 });
    392 
    393 testCM("markTextSingleLine", function(cm) {
    394   forEach([{a: 0, b: 1, c: "", f: 2, t: 5},
    395            {a: 0, b: 4, c: "", f: 0, t: 2},
    396            {a: 1, b: 2, c: "x", f: 3, t: 6},
    397            {a: 4, b: 5, c: "", f: 3, t: 5},
    398            {a: 4, b: 5, c: "xx", f: 3, t: 7},
    399            {a: 2, b: 5, c: "", f: 2, t: 3},
    400            {a: 2, b: 5, c: "abcd", f: 6, t: 7},
    401            {a: 2, b: 6, c: "x", f: null, t: null},
    402            {a: 3, b: 6, c: "", f: null, t: null},
    403            {a: 0, b: 9, c: "hallo", f: null, t: null},
    404            {a: 4, b: 6, c: "x", f: 3, t: 4},
    405            {a: 4, b: 8, c: "", f: 3, t: 4},
    406            {a: 6, b: 6, c: "a", f: 3, t: 6},
    407            {a: 8, b: 9, c: "", f: 3, t: 6}], function(test) {
    408     cm.setValue("1234567890");
    409     var r = cm.markText(Pos(0, 3), Pos(0, 6), {className: "foo"});
    410     cm.replaceRange(test.c, Pos(0, test.a), Pos(0, test.b));
    411     var f = r.find();
    412     eq(f && f.from.ch, test.f); eq(f && f.to.ch, test.t);
    413   });
    414 });
    415 
    416 testCM("markTextMultiLine", function(cm) {
    417   function p(v) { return v && Pos(v[0], v[1]); }
    418   forEach([{a: [0, 0], b: [0, 5], c: "", f: [0, 0], t: [2, 5]},
    419            {a: [0, 0], b: [0, 5], c: "foo\n", f: [1, 0], t: [3, 5]},
    420            {a: [0, 1], b: [0, 10], c: "", f: [0, 1], t: [2, 5]},
    421            {a: [0, 5], b: [0, 6], c: "x", f: [0, 6], t: [2, 5]},
    422            {a: [0, 0], b: [1, 0], c: "", f: [0, 0], t: [1, 5]},
    423            {a: [0, 6], b: [2, 4], c: "", f: [0, 5], t: [0, 7]},
    424            {a: [0, 6], b: [2, 4], c: "aa", f: [0, 5], t: [0, 9]},
    425            {a: [1, 2], b: [1, 8], c: "", f: [0, 5], t: [2, 5]},
    426            {a: [0, 5], b: [2, 5], c: "xx", f: null, t: null},
    427            {a: [0, 0], b: [2, 10], c: "x", f: null, t: null},
    428            {a: [1, 5], b: [2, 5], c: "", f: [0, 5], t: [1, 5]},
    429            {a: [2, 0], b: [2, 3], c: "", f: [0, 5], t: [2, 2]},
    430            {a: [2, 5], b: [3, 0], c: "a\nb", f: [0, 5], t: [2, 5]},
    431            {a: [2, 3], b: [3, 0], c: "x", f: [0, 5], t: [2, 3]},
    432            {a: [1, 1], b: [1, 9], c: "1\n2\n3", f: [0, 5], t: [4, 5]}], function(test) {
    433     cm.setValue("aaaaaaaaaa\nbbbbbbbbbb\ncccccccccc\ndddddddd\n");
    434     var r = cm.markText(Pos(0, 5), Pos(2, 5),
    435                         {className: "CodeMirror-matchingbracket"});
    436     cm.replaceRange(test.c, p(test.a), p(test.b));
    437     var f = r.find();
    438     eqCursorPos(f && f.from, p(test.f)); eqCursorPos(f && f.to, p(test.t));
    439   });
    440 });
    441 
    442 testCM("markTextUndo", function(cm) {
    443   var marker1, marker2, bookmark;
    444   marker1 = cm.markText(Pos(0, 1), Pos(0, 3),
    445                         {className: "CodeMirror-matchingbracket"});
    446   marker2 = cm.markText(Pos(0, 0), Pos(2, 1),
    447                         {className: "CodeMirror-matchingbracket"});
    448   bookmark = cm.setBookmark(Pos(1, 5));
    449   cm.operation(function(){
    450     cm.replaceRange("foo", Pos(0, 2));
    451     cm.replaceRange("bar\nbaz\nbug\n", Pos(2, 0), Pos(3, 0));
    452   });
    453   var v1 = cm.getValue();
    454   cm.setValue("");
    455   eq(marker1.find(), null); eq(marker2.find(), null); eq(bookmark.find(), null);
    456   cm.undo();
    457   eqCursorPos(bookmark.find(), Pos(1, 5), "still there");
    458   cm.undo();
    459   var m1Pos = marker1.find(), m2Pos = marker2.find();
    460   eqCursorPos(m1Pos.from, Pos(0, 1)); eqCursorPos(m1Pos.to, Pos(0, 3));
    461   eqCursorPos(m2Pos.from, Pos(0, 0)); eqCursorPos(m2Pos.to, Pos(2, 1));
    462   eqCursorPos(bookmark.find(), Pos(1, 5));
    463   cm.redo(); cm.redo();
    464   eq(bookmark.find(), null);
    465   cm.undo();
    466   eqCursorPos(bookmark.find(), Pos(1, 5));
    467   eq(cm.getValue(), v1);
    468 }, {value: "1234\n56789\n00\n"});
    469 
    470 testCM("markTextStayGone", function(cm) {
    471   var m1 = cm.markText(Pos(0, 0), Pos(0, 1));
    472   cm.replaceRange("hi", Pos(0, 2));
    473   m1.clear();
    474   cm.undo();
    475   eq(m1.find(), null);
    476 }, {value: "hello"});
    477 
    478 testCM("markTextAllowEmpty", function(cm) {
    479   var m1 = cm.markText(Pos(0, 1), Pos(0, 2), {clearWhenEmpty: false});
    480   is(m1.find());
    481   cm.replaceRange("x", Pos(0, 0));
    482   is(m1.find());
    483   cm.replaceRange("y", Pos(0, 2));
    484   is(m1.find());
    485   cm.replaceRange("z", Pos(0, 3), Pos(0, 4));
    486   is(!m1.find());
    487   var m2 = cm.markText(Pos(0, 1), Pos(0, 2), {clearWhenEmpty: false,
    488                                               inclusiveLeft: true,
    489                                               inclusiveRight: true});
    490   cm.replaceRange("q", Pos(0, 1), Pos(0, 2));
    491   is(m2.find());
    492   cm.replaceRange("", Pos(0, 0), Pos(0, 3));
    493   is(!m2.find());
    494   var m3 = cm.markText(Pos(0, 1), Pos(0, 1), {clearWhenEmpty: false});
    495   cm.replaceRange("a", Pos(0, 3));
    496   is(m3.find());
    497   cm.replaceRange("b", Pos(0, 1));
    498   is(!m3.find());
    499 }, {value: "abcde"});
    500 
    501 testCM("markTextStacked", function(cm) {
    502   var m1 = cm.markText(Pos(0, 0), Pos(0, 0), {clearWhenEmpty: false});
    503   var m2 = cm.markText(Pos(0, 0), Pos(0, 0), {clearWhenEmpty: false});
    504   cm.replaceRange("B", Pos(0, 1));
    505   is(m1.find() && m2.find());
    506 }, {value: "A"});
    507 
    508 testCM("undoPreservesNewMarks", function(cm) {
    509   cm.markText(Pos(0, 3), Pos(0, 4));
    510   cm.markText(Pos(1, 1), Pos(1, 3));
    511   cm.replaceRange("", Pos(0, 3), Pos(3, 1));
    512   var mBefore = cm.markText(Pos(0, 0), Pos(0, 1));
    513   var mAfter = cm.markText(Pos(0, 5), Pos(0, 6));
    514   var mAround = cm.markText(Pos(0, 2), Pos(0, 4));
    515   cm.undo();
    516   eqCursorPos(mBefore.find().from, Pos(0, 0));
    517   eqCursorPos(mBefore.find().to, Pos(0, 1));
    518   eqCursorPos(mAfter.find().from, Pos(3, 3));
    519   eqCursorPos(mAfter.find().to, Pos(3, 4));
    520   eqCursorPos(mAround.find().from, Pos(0, 2));
    521   eqCursorPos(mAround.find().to, Pos(3, 2));
    522   var found = cm.findMarksAt(Pos(2, 2));
    523   eq(found.length, 1);
    524   eq(found[0], mAround);
    525 }, {value: "aaaa\nbbbb\ncccc\ndddd"});
    526 
    527 testCM("markClearBetween", function(cm) {
    528   cm.setValue("aaa\nbbb\nccc\nddd\n");
    529   cm.markText(Pos(0, 0), Pos(2));
    530   cm.replaceRange("aaa\nbbb\nccc", Pos(0, 0), Pos(2));
    531   eq(cm.findMarksAt(Pos(1, 1)).length, 0);
    532 });
    533 
    534 testCM("findMarksMiddle", function(cm) {
    535   var mark = cm.markText(Pos(1, 1), Pos(3, 1));
    536   var found = cm.findMarks(Pos(2, 1), Pos(2, 2));
    537   eq(found.length, 1);
    538   eq(found[0], mark);
    539 }, {value: "line 0\nline 1\nline 2\nline 3"});
    540 
    541 testCM("deleteSpanCollapsedInclusiveLeft", function(cm) {
    542   var from = Pos(1, 0), to = Pos(1, 1);
    543   var m = cm.markText(from, to, {collapsed: true, inclusiveLeft: true});
    544   // Delete collapsed span.
    545   cm.replaceRange("", from, to);
    546 }, {value: "abc\nX\ndef"});
    547 
    548 testCM("markTextCSS", function(cm) {
    549   function present() {
    550     var spans = cm.display.lineDiv.getElementsByTagName("span");
    551     for (var i = 0; i < spans.length; i++)
    552       if (spans[i].style.color == "cyan" && span[i].textContent == "cdefg") return true;
    553   }
    554   var m = cm.markText(Pos(0, 2), Pos(0, 6), {css: "color: cyan"});
    555   m.clear();
    556   is(!present());
    557 }, {value: "abcdefgh"});
    558 
    559 testCM("bookmark", function(cm) {
    560   function p(v) { return v && Pos(v[0], v[1]); }
    561   forEach([{a: [1, 0], b: [1, 1], c: "", d: [1, 4]},
    562            {a: [1, 1], b: [1, 1], c: "xx", d: [1, 7]},
    563            {a: [1, 4], b: [1, 5], c: "ab", d: [1, 6]},
    564            {a: [1, 4], b: [1, 6], c: "", d: null},
    565            {a: [1, 5], b: [1, 6], c: "abc", d: [1, 5]},
    566            {a: [1, 6], b: [1, 8], c: "", d: [1, 5]},
    567            {a: [1, 4], b: [1, 4], c: "\n\n", d: [3, 1]},
    568            {bm: [1, 9], a: [1, 1], b: [1, 1], c: "\n", d: [2, 8]}], function(test) {
    569     cm.setValue("1234567890\n1234567890\n1234567890");
    570     var b = cm.setBookmark(p(test.bm) || Pos(1, 5));
    571     cm.replaceRange(test.c, p(test.a), p(test.b));
    572     eqCursorPos(b.find(), p(test.d));
    573   });
    574 });
    575 
    576 testCM("bookmarkInsertLeft", function(cm) {
    577   var br = cm.setBookmark(Pos(0, 2), {insertLeft: false});
    578   var bl = cm.setBookmark(Pos(0, 2), {insertLeft: true});
    579   cm.setCursor(Pos(0, 2));
    580   cm.replaceSelection("hi");
    581   eqCursorPos(br.find(), Pos(0, 2));
    582   eqCursorPos(bl.find(), Pos(0, 4));
    583   cm.replaceRange("", Pos(0, 4), Pos(0, 5));
    584   cm.replaceRange("", Pos(0, 2), Pos(0, 4));
    585   cm.replaceRange("", Pos(0, 1), Pos(0, 2));
    586   // Verify that deleting next to bookmarks doesn't kill them
    587   eqCursorPos(br.find(), Pos(0, 1));
    588   eqCursorPos(bl.find(), Pos(0, 1));
    589 }, {value: "abcdef"});
    590 
    591 testCM("bookmarkCursor", function(cm) {
    592   var pos01 = cm.cursorCoords(Pos(0, 1)), pos11 = cm.cursorCoords(Pos(1, 1)),
    593       pos20 = cm.cursorCoords(Pos(2, 0)), pos30 = cm.cursorCoords(Pos(3, 0)),
    594       pos41 = cm.cursorCoords(Pos(4, 1));
    595   cm.setBookmark(Pos(0, 1), {widget: document.createTextNode("←"), insertLeft: true});
    596   cm.setBookmark(Pos(2, 0), {widget: document.createTextNode("←"), insertLeft: true});
    597   cm.setBookmark(Pos(1, 1), {widget: document.createTextNode("→")});
    598   cm.setBookmark(Pos(3, 0), {widget: document.createTextNode("→")});
    599   var new01 = cm.cursorCoords(Pos(0, 1)), new11 = cm.cursorCoords(Pos(1, 1)),
    600       new20 = cm.cursorCoords(Pos(2, 0)), new30 = cm.cursorCoords(Pos(3, 0));
    601   near(new01.left, pos01.left, 1);
    602   near(new01.top, pos01.top, 1);
    603   is(new11.left > pos11.left, "at right, middle of line");
    604   near(new11.top == pos11.top, 1);
    605   near(new20.left, pos20.left, 1);
    606   near(new20.top, pos20.top, 1);
    607   is(new30.left > pos30.left, "at right, empty line");
    608   near(new30.top, pos30, 1);
    609   cm.setBookmark(Pos(4, 0), {widget: document.createTextNode("→")});
    610   is(cm.cursorCoords(Pos(4, 1)).left > pos41.left, "single-char bug");
    611 }, {value: "foo\nbar\n\n\nx\ny"});
    612 
    613 testCM("multiBookmarkCursor", function(cm) {
    614   if (phantom) return;
    615   var ms = [], m;
    616   function add(insertLeft) {
    617     for (var i = 0; i < 3; ++i) {
    618       var node = document.createElement("span");
    619       node.innerHTML = "X";
    620       ms.push(cm.setBookmark(Pos(0, 1), {widget: node, insertLeft: insertLeft}));
    621     }
    622   }
    623   var base1 = cm.cursorCoords(Pos(0, 1)).left, base4 = cm.cursorCoords(Pos(0, 4)).left;
    624   add(true);
    625   near(base1, cm.cursorCoords(Pos(0, 1)).left, 1);
    626   while (m = ms.pop()) m.clear();
    627   add(false);
    628   near(base4, cm.cursorCoords(Pos(0, 1)).left, 1);
    629 }, {value: "abcdefg"});
    630 
    631 testCM("getAllMarks", function(cm) {
    632   addDoc(cm, 10, 10);
    633   var m1 = cm.setBookmark(Pos(0, 2));
    634   var m2 = cm.markText(Pos(0, 2), Pos(3, 2));
    635   var m3 = cm.markText(Pos(1, 2), Pos(1, 8));
    636   var m4 = cm.markText(Pos(8, 0), Pos(9, 0));
    637   eq(cm.getAllMarks().length, 4);
    638   m1.clear();
    639   m3.clear();
    640   eq(cm.getAllMarks().length, 2);
    641 });
    642 
    643 testCM("setValueClears", function(cm) {
    644   cm.addLineClass(0, "wrap", "foo");
    645   var mark = cm.markText(Pos(0, 0), Pos(1, 1), {inclusiveLeft: true, inclusiveRight: true});
    646   cm.setValue("foo");
    647   is(!cm.lineInfo(0).wrapClass);
    648   is(!mark.find());
    649 }, {value: "a\nb"});
    650 
    651 testCM("bug577", function(cm) {
    652   cm.setValue("a\nb");
    653   cm.clearHistory();
    654   cm.setValue("fooooo");
    655   cm.undo();
    656 });
    657 
    658 testCM("scrollSnap", function(cm) {
    659   cm.setSize(100, 100);
    660   addDoc(cm, 200, 200);
    661   cm.setCursor(Pos(100, 180));
    662   var info = cm.getScrollInfo();
    663   is(info.left > 0 && info.top > 0);
    664   cm.setCursor(Pos(0, 0));
    665   info = cm.getScrollInfo();
    666   is(info.left == 0 && info.top == 0, "scrolled clean to top");
    667   cm.setCursor(Pos(100, 180));
    668   cm.setCursor(Pos(199, 0));
    669   info = cm.getScrollInfo();
    670   is(info.left == 0 && info.top + 2 > info.height - cm.getScrollerElement().clientHeight, "scrolled clean to bottom");
    671 });
    672 
    673 testCM("scrollIntoView", function(cm) {
    674   if (phantom) return;
    675   function test(line, ch, msg) {
    676     var pos = Pos(line, ch);
    677     cm.scrollIntoView(pos);
    678     var outer = cm.getWrapperElement().getBoundingClientRect();
    679     var box = cm.charCoords(pos, "window");
    680     is(box.left >= outer.left, msg + " (left)");
    681     is(box.right <= outer.right, msg + " (right)");
    682     is(box.top >= outer.top, msg + " (top)");
    683     is(box.bottom <= outer.bottom, msg + " (bottom)");
    684   }
    685   addDoc(cm, 200, 200);
    686   test(199, 199, "bottom right");
    687   test(0, 0, "top left");
    688   test(100, 100, "center");
    689   test(199, 0, "bottom left");
    690   test(0, 199, "top right");
    691   test(100, 100, "center again");
    692 });
    693 
    694 testCM("scrollBackAndForth", function(cm) {
    695   addDoc(cm, 1, 200);
    696   cm.operation(function() {
    697     cm.scrollIntoView(Pos(199, 0));
    698     cm.scrollIntoView(Pos(4, 0));
    699   });
    700   is(cm.getScrollInfo().top > 0);
    701 });
    702 
    703 testCM("selectAllNoScroll", function(cm) {
    704   addDoc(cm, 1, 200);
    705   cm.execCommand("selectAll");
    706   eq(cm.getScrollInfo().top, 0);
    707   cm.setCursor(199);
    708   cm.execCommand("selectAll");
    709   is(cm.getScrollInfo().top > 0);
    710 });
    711 
    712 testCM("selectionPos", function(cm) {
    713   if (phantom || cm.getOption("inputStyle") != "textarea") return;
    714   cm.setSize(100, 100);
    715   addDoc(cm, 200, 100);
    716   cm.setSelection(Pos(1, 100), Pos(98, 100));
    717   var lineWidth = cm.charCoords(Pos(0, 200), "local").left;
    718   var lineHeight = (cm.charCoords(Pos(99)).top - cm.charCoords(Pos(0)).top) / 100;
    719   cm.scrollTo(0, 0);
    720   var selElt = byClassName(cm.getWrapperElement(), "CodeMirror-selected");
    721   var outer = cm.getWrapperElement().getBoundingClientRect();
    722   var sawMiddle, sawTop, sawBottom;
    723   for (var i = 0, e = selElt.length; i < e; ++i) {
    724     var box = selElt[i].getBoundingClientRect();
    725     var atLeft = box.left - outer.left < 30;
    726     var width = box.right - box.left;
    727     var atRight = box.right - outer.left > .8 * lineWidth;
    728     if (atLeft && atRight) {
    729       sawMiddle = true;
    730       is(box.bottom - box.top > 90 * lineHeight, "middle high");
    731       is(width > .9 * lineWidth, "middle wide");
    732     } else {
    733       is(width > .4 * lineWidth, "top/bot wide enough");
    734       is(width < .6 * lineWidth, "top/bot slim enough");
    735       if (atLeft) {
    736         sawBottom = true;
    737         is(box.top - outer.top > 96 * lineHeight, "bot below");
    738       } else if (atRight) {
    739         sawTop = true;
    740         is(box.top - outer.top < 2.1 * lineHeight, "top above");
    741       }
    742     }
    743   }
    744   is(sawTop && sawBottom && sawMiddle, "all parts");
    745 }, null);
    746 
    747 testCM("restoreHistory", function(cm) {
    748   cm.setValue("abc\ndef");
    749   cm.replaceRange("hello", Pos(1, 0), Pos(1));
    750   cm.replaceRange("goop", Pos(0, 0), Pos(0));
    751   cm.undo();
    752   var storedVal = cm.getValue(), storedHist = cm.getHistory();
    753   if (window.JSON) storedHist = JSON.parse(JSON.stringify(storedHist));
    754   eq(storedVal, "abc\nhello");
    755   cm.setValue("");
    756   cm.clearHistory();
    757   eq(cm.historySize().undo, 0);
    758   cm.setValue(storedVal);
    759   cm.setHistory(storedHist);
    760   cm.redo();
    761   eq(cm.getValue(), "goop\nhello");
    762   cm.undo(); cm.undo();
    763   eq(cm.getValue(), "abc\ndef");
    764 });
    765 
    766 testCM("doubleScrollbar", function(cm) {
    767   var dummy = document.body.appendChild(document.createElement("p"));
    768   dummy.style.cssText = "height: 50px; overflow: scroll; width: 50px";
    769   var scrollbarWidth = dummy.offsetWidth + 1 - dummy.clientWidth;
    770   document.body.removeChild(dummy);
    771   if (scrollbarWidth < 2) return;
    772   cm.setSize(null, 100);
    773   addDoc(cm, 1, 300);
    774   var wrap = cm.getWrapperElement();
    775   is(wrap.offsetWidth - byClassName(wrap, "CodeMirror-lines")[0].offsetWidth <= scrollbarWidth * 1.5);
    776 });
    777 
    778 testCM("weirdLinebreaks", function(cm) {
    779   cm.setValue("foo\nbar\rbaz\r\nquux\n\rplop");
    780   is(cm.getValue(), "foo\nbar\nbaz\nquux\n\nplop");
    781   is(cm.lineCount(), 6);
    782   cm.setValue("\n\n");
    783   is(cm.lineCount(), 3);
    784 });
    785 
    786 testCM("setSize", function(cm) {
    787   cm.setSize(100, 100);
    788   var wrap = cm.getWrapperElement();
    789   is(wrap.offsetWidth, 100);
    790   is(wrap.offsetHeight, 100);
    791   cm.setSize("100%", "3em");
    792   is(wrap.style.width, "100%");
    793   is(wrap.style.height, "3em");
    794   cm.setSize(null, 40);
    795   is(wrap.style.width, "100%");
    796   is(wrap.style.height, "40px");
    797 });
    798 
    799 function foldLines(cm, start, end, autoClear) {
    800   return cm.markText(Pos(start, 0), Pos(end - 1), {
    801     inclusiveLeft: true,
    802     inclusiveRight: true,
    803     collapsed: true,
    804     clearOnEnter: autoClear
    805   });
    806 }
    807 
    808 testCM("collapsedLines", function(cm) {
    809   addDoc(cm, 4, 10);
    810   var range = foldLines(cm, 4, 5), cleared = 0;
    811   CodeMirror.on(range, "clear", function() {cleared++;});
    812   cm.setCursor(Pos(3, 0));
    813   CodeMirror.commands.goLineDown(cm);
    814   eqCharPos(cm.getCursor(), Pos(5, 0));
    815   cm.replaceRange("abcdefg", Pos(3, 0), Pos(3));
    816   cm.setCursor(Pos(3, 6));
    817   CodeMirror.commands.goLineDown(cm);
    818   eqCharPos(cm.getCursor(), Pos(5, 4));
    819   cm.replaceRange("ab", Pos(3, 0), Pos(3));
    820   cm.setCursor(Pos(3, 2));
    821   CodeMirror.commands.goLineDown(cm);
    822   eqCharPos(cm.getCursor(), Pos(5, 2));
    823   cm.operation(function() {range.clear(); range.clear();});
    824   eq(cleared, 1);
    825 });
    826 
    827 testCM("collapsedRangeCoordsChar", function(cm) {
    828   var pos_1_3 = cm.charCoords(Pos(1, 3));
    829   pos_1_3.left += 2; pos_1_3.top += 2;
    830   var opts = {collapsed: true, inclusiveLeft: true, inclusiveRight: true};
    831   var m1 = cm.markText(Pos(0, 0), Pos(2, 0), opts);
    832   eqCharPos(cm.coordsChar(pos_1_3), Pos(3, 3));
    833   m1.clear();
    834   var m1 = cm.markText(Pos(0, 0), Pos(1, 1), {collapsed: true, inclusiveLeft: true});
    835   var m2 = cm.markText(Pos(1, 1), Pos(2, 0), {collapsed: true, inclusiveRight: true});
    836   eqCharPos(cm.coordsChar(pos_1_3), Pos(3, 3));
    837   m1.clear(); m2.clear();
    838   var m1 = cm.markText(Pos(0, 0), Pos(1, 6), opts);
    839   eqCharPos(cm.coordsChar(pos_1_3), Pos(3, 3));
    840 }, {value: "123456\nabcdef\nghijkl\nmnopqr\n"});
    841 
    842 testCM("collapsedRangeBetweenLinesSelected", function(cm) {
    843   if (cm.getOption("inputStyle") != "textarea") return;
    844   var widget = document.createElement("span");
    845   widget.textContent = "\u2194";
    846   cm.markText(Pos(0, 3), Pos(1, 0), {replacedWith: widget});
    847   cm.setSelection(Pos(0, 3), Pos(1, 0));
    848   var selElts = byClassName(cm.getWrapperElement(), "CodeMirror-selected");
    849   for (var i = 0, w = 0; i < selElts.length; i++)
    850     w += selElts[i].offsetWidth;
    851   is(w > 0);
    852 }, {value: "one\ntwo"});
    853 
    854 testCM("randomCollapsedRanges", function(cm) {
    855   addDoc(cm, 20, 500);
    856   cm.operation(function() {
    857     for (var i = 0; i < 200; i++) {
    858       var start = Pos(Math.floor(Math.random() * 500), Math.floor(Math.random() * 20));
    859       if (i % 4)
    860         try { cm.markText(start, Pos(start.line + 2, 1), {collapsed: true}); }
    861         catch(e) { if (!/overlapping/.test(String(e))) throw e; }
    862       else
    863         cm.markText(start, Pos(start.line, start.ch + 4), {"className": "foo"});
    864     }
    865   });
    866 });
    867 
    868 testCM("hiddenLinesAutoUnfold", function(cm) {
    869   var range = foldLines(cm, 1, 3, true), cleared = 0;
    870   CodeMirror.on(range, "clear", function() {cleared++;});
    871   cm.setCursor(Pos(3, 0));
    872   eq(cleared, 0);
    873   cm.execCommand("goCharLeft");
    874   eq(cleared, 1);
    875   range = foldLines(cm, 1, 3, true);
    876   CodeMirror.on(range, "clear", function() {cleared++;});
    877   eqCursorPos(cm.getCursor(), Pos(3, 0));
    878   cm.setCursor(Pos(0, 3));
    879   cm.execCommand("goCharRight");
    880   eq(cleared, 2);
    881 }, {value: "abc\ndef\nghi\njkl"});
    882 
    883 testCM("hiddenLinesSelectAll", function(cm) {  // Issue #484
    884   addDoc(cm, 4, 20);
    885   foldLines(cm, 0, 10);
    886   foldLines(cm, 11, 20);
    887   CodeMirror.commands.selectAll(cm);
    888   eqCursorPos(cm.getCursor(true), Pos(10, 0));
    889   eqCursorPos(cm.getCursor(false), Pos(10, 4));
    890 });
    891 
    892 
    893 testCM("everythingFolded", function(cm) {
    894   addDoc(cm, 2, 2);
    895   function enterPress() {
    896     cm.triggerOnKeyDown({type: "keydown", keyCode: 13, preventDefault: function(){}, stopPropagation: function(){}});
    897   }
    898   var fold = foldLines(cm, 0, 2);
    899   enterPress();
    900   eq(cm.getValue(), "xx\nxx");
    901   fold.clear();
    902   fold = foldLines(cm, 0, 2, true);
    903   eq(fold.find(), null);
    904   enterPress();
    905   eq(cm.getValue(), "\nxx\nxx");
    906 });
    907 
    908 testCM("structuredFold", function(cm) {
    909   if (phantom) return;
    910   addDoc(cm, 4, 8);
    911   var range = cm.markText(Pos(1, 2), Pos(6, 2), {
    912     replacedWith: document.createTextNode("Q")
    913   });
    914   cm.setCursor(0, 3);
    915   CodeMirror.commands.goLineDown(cm);
    916   eqCharPos(cm.getCursor(), Pos(6, 2));
    917   CodeMirror.commands.goCharLeft(cm);
    918   eqCharPos(cm.getCursor(), Pos(1, 2));
    919   CodeMirror.commands.delCharAfter(cm);
    920   eq(cm.getValue(), "xxxx\nxxxx\nxxxx");
    921   addDoc(cm, 4, 8);
    922   range = cm.markText(Pos(1, 2), Pos(6, 2), {
    923     replacedWith: document.createTextNode("M"),
    924     clearOnEnter: true
    925   });
    926   var cleared = 0;
    927   CodeMirror.on(range, "clear", function(){++cleared;});
    928   cm.setCursor(0, 3);
    929   CodeMirror.commands.goLineDown(cm);
    930   eqCharPos(cm.getCursor(), Pos(6, 2));
    931   CodeMirror.commands.goCharLeft(cm);
    932   eqCharPos(cm.getCursor(), Pos(6, 1));
    933   eq(cleared, 1);
    934   range.clear();
    935   eq(cleared, 1);
    936   range = cm.markText(Pos(1, 2), Pos(6, 2), {
    937     replacedWith: document.createTextNode("Q"),
    938     clearOnEnter: true
    939   });
    940   range.clear();
    941   cm.setCursor(1, 2);
    942   CodeMirror.commands.goCharRight(cm);
    943   eqCharPos(cm.getCursor(), Pos(1, 3));
    944   range = cm.markText(Pos(2, 0), Pos(4, 4), {
    945     replacedWith: document.createTextNode("M")
    946   });
    947   cm.setCursor(1, 0);
    948   CodeMirror.commands.goLineDown(cm);
    949   eqCharPos(cm.getCursor(), Pos(2, 0));
    950 }, null);
    951 
    952 testCM("nestedFold", function(cm) {
    953   addDoc(cm, 10, 3);
    954   function fold(ll, cl, lr, cr) {
    955     return cm.markText(Pos(ll, cl), Pos(lr, cr), {collapsed: true});
    956   }
    957   var inner1 = fold(0, 6, 1, 3), inner2 = fold(0, 2, 1, 8), outer = fold(0, 1, 2, 3), inner0 = fold(0, 5, 0, 6);
    958   cm.setCursor(0, 1);
    959   CodeMirror.commands.goCharRight(cm);
    960   eqCursorPos(cm.getCursor(), Pos(2, 3));
    961   inner0.clear();
    962   CodeMirror.commands.goCharLeft(cm);
    963   eqCursorPos(cm.getCursor(), Pos(0, 1));
    964   outer.clear();
    965   CodeMirror.commands.goCharRight(cm);
    966   eqCursorPos(cm.getCursor(), Pos(0, 2, "before"));
    967   CodeMirror.commands.goCharRight(cm);
    968   eqCursorPos(cm.getCursor(), Pos(1, 8));
    969   inner2.clear();
    970   CodeMirror.commands.goCharLeft(cm);
    971   eqCursorPos(cm.getCursor(), Pos(1, 7, "after"));
    972   cm.setCursor(0, 5);
    973   CodeMirror.commands.goCharRight(cm);
    974   eqCursorPos(cm.getCursor(), Pos(0, 6, "before"));
    975   CodeMirror.commands.goCharRight(cm);
    976   eqCursorPos(cm.getCursor(), Pos(1, 3));
    977 });
    978 
    979 testCM("badNestedFold", function(cm) {
    980   addDoc(cm, 4, 4);
    981   cm.markText(Pos(0, 2), Pos(3, 2), {collapsed: true});
    982   var caught;
    983   try {cm.markText(Pos(0, 1), Pos(0, 3), {collapsed: true});}
    984   catch(e) {caught = e;}
    985   is(caught instanceof Error, "no error");
    986   is(/overlap/i.test(caught.message), "wrong error");
    987 });
    988 
    989 testCM("nestedFoldOnSide", function(cm) {
    990   var m1 = cm.markText(Pos(0, 1), Pos(2, 1), {collapsed: true, inclusiveRight: true});
    991   var m2 = cm.markText(Pos(0, 1), Pos(0, 2), {collapsed: true});
    992   cm.markText(Pos(0, 1), Pos(0, 2), {collapsed: true}).clear();
    993   try { cm.markText(Pos(0, 1), Pos(0, 2), {collapsed: true, inclusiveLeft: true}); }
    994   catch(e) { var caught = e; }
    995   is(caught && /overlap/i.test(caught.message));
    996   var m3 = cm.markText(Pos(2, 0), Pos(2, 1), {collapsed: true});
    997   var m4 = cm.markText(Pos(2, 0), Pos(2, 1), {collapse: true, inclusiveRight: true});
    998   m1.clear(); m4.clear();
    999   m1 = cm.markText(Pos(0, 1), Pos(2, 1), {collapsed: true});
   1000   cm.markText(Pos(2, 0), Pos(2, 1), {collapsed: true}).clear();
   1001   try { cm.markText(Pos(2, 0), Pos(2, 1), {collapsed: true, inclusiveRight: true}); }
   1002   catch(e) { var caught = e; }
   1003   is(caught && /overlap/i.test(caught.message));
   1004 }, {value: "ab\ncd\ef"});
   1005 
   1006 testCM("editInFold", function(cm) {
   1007   addDoc(cm, 4, 6);
   1008   var m = cm.markText(Pos(1, 2), Pos(3, 2), {collapsed: true});
   1009   cm.replaceRange("", Pos(0, 0), Pos(1, 3));
   1010   cm.replaceRange("", Pos(2, 1), Pos(3, 3));
   1011   cm.replaceRange("a\nb\nc\nd", Pos(0, 1), Pos(1, 0));
   1012   cm.cursorCoords(Pos(0, 0));
   1013 });
   1014 
   1015 testCM("wrappingInlineWidget", function(cm) {
   1016   cm.setSize("11em");
   1017   var w = document.createElement("span");
   1018   w.style.color = "red";
   1019   w.innerHTML = "one two three four";
   1020   cm.markText(Pos(0, 6), Pos(0, 9), {replacedWith: w});
   1021   var cur0 = cm.cursorCoords(Pos(0, 0)), cur1 = cm.cursorCoords(Pos(0, 10));
   1022   is(cur0.top < cur1.top);
   1023   is(cur0.bottom < cur1.bottom);
   1024   var curL = cm.cursorCoords(Pos(0, 6)), curR = cm.cursorCoords(Pos(0, 9));
   1025   eq(curL.top, cur0.top);
   1026   eq(curL.bottom, cur0.bottom);
   1027   eq(curR.top, cur1.top);
   1028   eq(curR.bottom, cur1.bottom);
   1029   cm.replaceRange("", Pos(0, 9), Pos(0));
   1030   curR = cm.cursorCoords(Pos(0, 9));
   1031   if (phantom) return;
   1032   eq(curR.top, cur1.top);
   1033   eq(curR.bottom, cur1.bottom);
   1034 }, {value: "1 2 3 xxx 4", lineWrapping: true});
   1035 
   1036 testCM("showEmptyWidgetSpan", function(cm) {
   1037   var marker = cm.markText(Pos(0, 2), Pos(0, 2), {
   1038     clearWhenEmpty: false,
   1039     replacedWith: document.createTextNode("X")
   1040   });
   1041   var text = cm.display.view[0].text;
   1042   eq(text.textContent || text.innerText, "abXc");
   1043 }, {value: "abc"});
   1044 
   1045 testCM("changedInlineWidget", function(cm) {
   1046   cm.setSize("10em");
   1047   var w = document.createElement("span");
   1048   w.innerHTML = "x";
   1049   var m = cm.markText(Pos(0, 4), Pos(0, 5), {replacedWith: w});
   1050   w.innerHTML = "and now the widget is really really long all of a sudden and a scrollbar is needed";
   1051   m.changed();
   1052   var hScroll = byClassName(cm.getWrapperElement(), "CodeMirror-hscrollbar")[0];
   1053   is(hScroll.scrollWidth > hScroll.clientWidth);
   1054 }, {value: "hello there"});
   1055 
   1056 testCM("changedBookmark", function(cm) {
   1057   cm.setSize("10em");
   1058   var w = document.createElement("span");
   1059   w.innerHTML = "x";
   1060   var m = cm.setBookmark(Pos(0, 4), {widget: w});
   1061   w.innerHTML = "and now the widget is really really long all of a sudden and a scrollbar is needed";
   1062   m.changed();
   1063   var hScroll = byClassName(cm.getWrapperElement(), "CodeMirror-hscrollbar")[0];
   1064   is(hScroll.scrollWidth > hScroll.clientWidth);
   1065 }, {value: "abcdefg"});
   1066 
   1067 testCM("inlineWidget", function(cm) {
   1068   var w = cm.setBookmark(Pos(0, 2), {widget: document.createTextNode("uu")});
   1069   cm.setCursor(0, 2);
   1070   CodeMirror.commands.goLineDown(cm);
   1071   eqCharPos(cm.getCursor(), Pos(1, 4));
   1072   cm.setCursor(0, 2);
   1073   cm.replaceSelection("hi");
   1074   eqCharPos(w.find(), Pos(0, 2));
   1075   cm.setCursor(0, 1);
   1076   cm.replaceSelection("ay");
   1077   eqCharPos(w.find(), Pos(0, 4));
   1078   eq(cm.getLine(0), "uayuhiuu");
   1079 }, {value: "uuuu\nuuuuuu"});
   1080 
   1081 testCM("wrappingAndResizing", function(cm) {
   1082   cm.setSize(null, "auto");
   1083   cm.setOption("lineWrapping", true);
   1084   var wrap = cm.getWrapperElement(), h0 = wrap.offsetHeight;
   1085   var doc = "xxx xxx xxx xxx xxx";
   1086   cm.setValue(doc);
   1087   for (var step = 10, w = cm.charCoords(Pos(0, 18), "div").right;; w += step) {
   1088     cm.setSize(w);
   1089     if (wrap.offsetHeight <= h0 * (opera_lt10 ? 1.2 : 1.5)) {
   1090       if (step == 10) { w -= 10; step = 1; }
   1091       else break;
   1092     }
   1093   }
   1094   // Ensure that putting the cursor at the end of the maximally long
   1095   // line doesn't cause wrapping to happen.
   1096   cm.setCursor(Pos(0, doc.length));
   1097   eq(wrap.offsetHeight, h0);
   1098   cm.replaceSelection("x");
   1099   is(wrap.offsetHeight > h0, "wrapping happens");
   1100   // Now add a max-height and, in a document consisting of
   1101   // almost-wrapped lines, go over it so that a scrollbar appears.
   1102   cm.setValue(doc + "\n" + doc + "\n");
   1103   cm.getScrollerElement().style.maxHeight = "100px";
   1104   cm.replaceRange("\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n!\n", Pos(2, 0));
   1105   forEach([Pos(0, doc.length), Pos(0, doc.length - 1),
   1106            Pos(0, 0), Pos(1, doc.length), Pos(1, doc.length - 1)],
   1107           function(pos) {
   1108     var coords = cm.charCoords(pos);
   1109     eqCharPos(pos, cm.coordsChar({left: coords.left + 2, top: coords.top + 5}));
   1110   });
   1111 }, null, ie_lt8);
   1112 
   1113 testCM("measureEndOfLine", function(cm) {
   1114   if (phantom) return;
   1115   cm.setSize(null, "auto");
   1116   var inner = byClassName(cm.getWrapperElement(), "CodeMirror-lines")[0].firstChild;
   1117   var lh = inner.offsetHeight;
   1118   for (var step = 10, w = cm.charCoords(Pos(0, 7), "div").right;; w += step) {
   1119     cm.setSize(w);
   1120     if (inner.offsetHeight < 2.5 * lh) {
   1121       if (step == 10) { w -= 10; step = 1; }
   1122       else break;
   1123     }
   1124   }
   1125   cm.setValue(cm.getValue() + "\n\n");
   1126   var endPos = cm.charCoords(Pos(0, 18), "local");
   1127   is(endPos.top > lh * .8, "not at top");
   1128   is(endPos.left > w - 20, "at right");
   1129   endPos = cm.charCoords(Pos(0, 18));
   1130   eqCursorPos(cm.coordsChar({left: endPos.left, top: endPos.top + 5}), Pos(0, 18, "before"));
   1131 
   1132   var wrapPos = cm.cursorCoords(Pos(0, 9, "before"));
   1133   is(wrapPos.top < endPos.top, "wrapPos is actually in first line");
   1134   eqCursorPos(cm.coordsChar({left: wrapPos.left + 10, top: wrapPos.top}), Pos(0, 9, "before"));
   1135 }, {mode: "text/html", value: "<!-- foo barrr -->", lineWrapping: true}, ie_lt8 || opera_lt10);
   1136 
   1137 testCM("measureWrappedEndOfLine", function(cm) {
   1138   if (phantom) return;
   1139   cm.setSize(null, "auto");
   1140   var inner = byClassName(cm.getWrapperElement(), "CodeMirror-lines")[0].firstChild;
   1141   var lh = inner.offsetHeight;
   1142   for (var step = 10, w = cm.charCoords(Pos(0, 7), "div").right;; w += step) {
   1143     cm.setSize(w);
   1144     if (inner.offsetHeight < 2.5 * lh) {
   1145       if (step == 10) { w -= 10; step = 1; }
   1146       else break;
   1147     }
   1148   }
   1149   for (var i = 0; i < 3; ++i) {
   1150     var endPos = cm.charCoords(Pos(0, 12)); // Next-to-last since last would wrap (#1862)
   1151     endPos.left += w; // Add width of editor just to be sure that we are behind last character
   1152     eqCursorPos(cm.coordsChar(endPos), Pos(0, 13, "before"));
   1153     endPos.left += w * 100;
   1154     eqCursorPos(cm.coordsChar(endPos), Pos(0, 13, "before"));
   1155     cm.setValue("0123456789abcابجابجابجابج");
   1156     if (i == 1) {
   1157       var node = document.createElement("div");
   1158       node.innerHTML = "hi"; node.style.height = "30px";
   1159       cm.addLineWidget(0, node, {above: true});
   1160     }
   1161   }
   1162 }, {mode: "text/html", value: "0123456789abcde0123456789", lineWrapping: true}, ie_lt8 || opera_lt10);
   1163 
   1164 testCM("measureEndOfLineBidi", function(cm) {
   1165   eqCursorPos(cm.coordsChar({left: 5000, top: cm.charCoords(Pos(0, 0)).top}), Pos(0, 8, "after"))
   1166 }, {value: "إإإإuuuuإإإإ"})
   1167 
   1168 testCM("measureWrappedBidiLevel2", function(cm) {
   1169   cm.setSize(cm.charCoords(Pos(0, 6), "editor").right + 60)
   1170   var c9 = cm.charCoords(Pos(0, 9))
   1171   eqCharPos(cm.coordsChar({left: c9.right - 1, top: c9.top + 1}), Pos(0, 9))
   1172 }, {value: "foobar إإ إإ إإ إإ 555 بببببب", lineWrapping: true})
   1173 
   1174 testCM("measureWrappedBeginOfLine", function(cm) {
   1175   if (phantom) return;
   1176   cm.setSize(null, "auto");
   1177   var inner = byClassName(cm.getWrapperElement(), "CodeMirror-lines")[0].firstChild;
   1178   var lh = inner.offsetHeight;
   1179   for (var step = 10, w = cm.charCoords(Pos(0, 7), "div").right;; w += step) {
   1180     cm.setSize(w);
   1181     if (inner.offsetHeight < 2.5 * lh) {
   1182       if (step == 10) { w -= 10; step = 1; }
   1183       else break;
   1184     }
   1185   }
   1186   var beginOfSecondLine = Pos(0, 13, "after");
   1187   for (var i = 0; i < 2; ++i) {
   1188     var beginPos = cm.charCoords(Pos(0, 0));
   1189     beginPos.left -= w;
   1190     eqCursorPos(cm.coordsChar(beginPos), Pos(0, 0, "after"));
   1191     beginPos = cm.cursorCoords(beginOfSecondLine);
   1192     beginPos.left = 0;
   1193     eqCursorPos(cm.coordsChar(beginPos), beginOfSecondLine);
   1194     cm.setValue("0123456789abcابجابجابجابج");
   1195     beginOfSecondLine = Pos(0, 25, "before");
   1196   }
   1197 }, {mode: "text/html", value: "0123456789abcde0123456789", lineWrapping: true});
   1198 
   1199 testCM("scrollVerticallyAndHorizontally", function(cm) {
   1200   if (cm.getOption("inputStyle") != "textarea") return;
   1201   cm.setSize(100, 100);
   1202   addDoc(cm, 40, 40);
   1203   cm.setCursor(39);
   1204   var wrap = cm.getWrapperElement(), bar = byClassName(wrap, "CodeMirror-vscrollbar")[0];
   1205   is(bar.offsetHeight < wrap.offsetHeight, "vertical scrollbar limited by horizontal one");
   1206   var cursorBox = byClassName(wrap, "CodeMirror-cursor")[0].getBoundingClientRect();
   1207   var editorBox = wrap.getBoundingClientRect();
   1208   is(cursorBox.bottom < editorBox.top + cm.getScrollerElement().clientHeight,
   1209      "bottom line visible");
   1210 }, {lineNumbers: true});
   1211 
   1212 testCM("moveVstuck", function(cm) {
   1213   var lines = byClassName(cm.getWrapperElement(), "CodeMirror-lines")[0].firstChild, h0 = lines.offsetHeight;
   1214   var val = "fooooooooooooooooooooooooo baaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaar\n";
   1215   cm.setValue(val);
   1216   for (var w = cm.charCoords(Pos(0, 26), "div").right * 2.8;; w += 5) {
   1217     cm.setSize(w);
   1218     if (lines.offsetHeight <= 3.5 * h0) break;
   1219   }
   1220   cm.setCursor(Pos(0, val.length - 1));
   1221   cm.moveV(-1, "line");
   1222   eqCursorPos(cm.getCursor(), Pos(0, 27, "before"));
   1223   is(cm.cursorCoords(null, "local").top < h0, "cursor is in first visual line");
   1224 }, {lineWrapping: true}, ie_lt8 || opera_lt10);
   1225 
   1226 testCM("collapseOnMove", function(cm) {
   1227   cm.setSelection(Pos(0, 1), Pos(2, 4));
   1228   cm.execCommand("goLineUp");
   1229   is(!cm.somethingSelected());
   1230   eqCharPos(cm.getCursor(), Pos(0, 1));
   1231   cm.setSelection(Pos(0, 1), Pos(2, 4));
   1232   cm.execCommand("goPageDown");
   1233   is(!cm.somethingSelected());
   1234   eqCharPos(cm.getCursor(), Pos(2, 4));
   1235   cm.execCommand("goLineUp");
   1236   cm.execCommand("goLineUp");
   1237   eqCharPos(cm.getCursor(), Pos(0, 4));
   1238   cm.setSelection(Pos(0, 1), Pos(2, 4));
   1239   cm.execCommand("goCharLeft");
   1240   is(!cm.somethingSelected());
   1241   eqCharPos(cm.getCursor(), Pos(0, 1));
   1242 }, {value: "aaaaa\nb\nccccc"});
   1243 
   1244 testCM("clickTab", function(cm) {
   1245   var p0 = cm.charCoords(Pos(0, 0));
   1246   eqCharPos(cm.coordsChar({left: p0.left + 5, top: p0.top + 5}), Pos(0, 0));
   1247   eqCharPos(cm.coordsChar({left: p0.right - 5, top: p0.top + 5}), Pos(0, 1));
   1248 }, {value: "\t\n\n", lineWrapping: true, tabSize: 8});
   1249 
   1250 testCM("verticalScroll", function(cm) {
   1251   cm.setSize(100, 200);
   1252   cm.setValue("foo\nbar\nbaz\n");
   1253   var sc = cm.getScrollerElement(), baseWidth = sc.scrollWidth;
   1254   cm.replaceRange("aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaah", Pos(0, 0), Pos(0));
   1255   is(sc.scrollWidth > baseWidth, "scrollbar present");
   1256   cm.replaceRange("foo", Pos(0, 0), Pos(0));
   1257   if (!phantom) eq(sc.scrollWidth, baseWidth, "scrollbar gone");
   1258   cm.replaceRange("aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaah", Pos(0, 0), Pos(0));
   1259   cm.replaceRange("bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbh", Pos(1, 0), Pos(1));
   1260   is(sc.scrollWidth > baseWidth, "present again");
   1261   var curWidth = sc.scrollWidth;
   1262   cm.replaceRange("foo", Pos(0, 0), Pos(0));
   1263   is(sc.scrollWidth < curWidth, "scrollbar smaller");
   1264   is(sc.scrollWidth > baseWidth, "but still present");
   1265 });
   1266 
   1267 testCM("extraKeys", function(cm) {
   1268   var outcome;
   1269   function fakeKey(expected, code, props) {
   1270     if (typeof code == "string") code = code.charCodeAt(0);
   1271     var e = {type: "keydown", keyCode: code, preventDefault: function(){}, stopPropagation: function(){}};
   1272     if (props) for (var n in props) e[n] = props[n];
   1273     outcome = null;
   1274     cm.triggerOnKeyDown(e);
   1275     eq(outcome, expected);
   1276   }
   1277   CodeMirror.commands.testCommand = function() {outcome = "tc";};
   1278   CodeMirror.commands.goTestCommand = function() {outcome = "gtc";};
   1279   cm.setOption("extraKeys", {"Shift-X": function() {outcome = "sx";},
   1280                              "X": function() {outcome = "x";},
   1281                              "Ctrl-Alt-U": function() {outcome = "cau";},
   1282                              "End": "testCommand",
   1283                              "Home": "goTestCommand",
   1284                              "Tab": false});
   1285   fakeKey(null, "U");
   1286   fakeKey("cau", "U", {ctrlKey: true, altKey: true});
   1287   fakeKey(null, "U", {shiftKey: true, ctrlKey: true, altKey: true});
   1288   fakeKey("x", "X");
   1289   fakeKey("sx", "X", {shiftKey: true});
   1290   fakeKey("tc", 35);
   1291   fakeKey(null, 35, {shiftKey: true});
   1292   fakeKey("gtc", 36);
   1293   fakeKey("gtc", 36, {shiftKey: true});
   1294   fakeKey(null, 9);
   1295 }, null, window.opera && mac);
   1296 
   1297 testCM("wordMovementCommands", function(cm) {
   1298   cm.execCommand("goWordLeft");
   1299   eqCursorPos(cm.getCursor(), Pos(0, 0));
   1300   cm.execCommand("goWordRight"); cm.execCommand("goWordRight");
   1301   eqCursorPos(cm.getCursor(), Pos(0, 7, "before"));
   1302   cm.execCommand("goWordLeft");
   1303   eqCursorPos(cm.getCursor(), Pos(0, 5, "after"));
   1304   cm.execCommand("goWordRight"); cm.execCommand("goWordRight");
   1305   eqCursorPos(cm.getCursor(), Pos(0, 12, "before"));
   1306   cm.execCommand("goWordLeft");
   1307   eqCursorPos(cm.getCursor(), Pos(0, 9, "after"));
   1308   cm.execCommand("goWordRight"); cm.execCommand("goWordRight"); cm.execCommand("goWordRight");
   1309   eqCursorPos(cm.getCursor(), Pos(0, 24, "before"));
   1310   cm.execCommand("goWordRight"); cm.execCommand("goWordRight");
   1311   eqCursorPos(cm.getCursor(), Pos(1, 9, "before"));
   1312   cm.execCommand("goWordRight");
   1313   eqCursorPos(cm.getCursor(), Pos(1, 13, "before"));
   1314   cm.execCommand("goWordRight"); cm.execCommand("goWordRight");
   1315   eqCharPos(cm.getCursor(), Pos(2, 0));
   1316 }, {value: "this is (the) firstline.\na foo12\u00e9\u00f8\u00d7bar\n"});
   1317 
   1318 testCM("groupMovementCommands", function(cm) {
   1319   cm.execCommand("goGroupLeft");
   1320   eqCursorPos(cm.getCursor(), Pos(0, 0));
   1321   cm.execCommand("goGroupRight");
   1322   eqCursorPos(cm.getCursor(), Pos(0, 4, "before"));
   1323   cm.execCommand("goGroupRight");
   1324   eqCursorPos(cm.getCursor(), Pos(0, 7, "before"));
   1325   cm.execCommand("goGroupRight");
   1326   eqCursorPos(cm.getCursor(), Pos(0, 10, "before"));
   1327   cm.execCommand("goGroupLeft");
   1328   eqCursorPos(cm.getCursor(), Pos(0, 7, "after"));
   1329   cm.execCommand("goGroupRight"); cm.execCommand("goGroupRight"); cm.execCommand("goGroupRight");
   1330   eqCursorPos(cm.getCursor(), Pos(0, 15, "before"));
   1331   cm.setCursor(Pos(0, 17));
   1332   cm.execCommand("goGroupLeft");
   1333   eqCursorPos(cm.getCursor(), Pos(0, 16, "after"));
   1334   cm.execCommand("goGroupLeft");
   1335   eqCursorPos(cm.getCursor(), Pos(0, 14, "after"));
   1336   cm.execCommand("goGroupRight"); cm.execCommand("goGroupRight");
   1337   eqCursorPos(cm.getCursor(), Pos(0, 20, "before"));
   1338   cm.execCommand("goGroupRight");
   1339   eqCursorPos(cm.getCursor(), Pos(1, 0, "after"));
   1340   cm.execCommand("goGroupRight");
   1341   eqCursorPos(cm.getCursor(), Pos(1, 2, "before"));
   1342   cm.execCommand("goGroupRight");
   1343   eqCursorPos(cm.getCursor(), Pos(1, 5, "before"));
   1344   cm.execCommand("goGroupLeft"); cm.execCommand("goGroupLeft");
   1345   eqCursorPos(cm.getCursor(), Pos(1, 0, "after"));
   1346   cm.execCommand("goGroupLeft");
   1347   eqCursorPos(cm.getCursor(), Pos(0, 20, "after"));
   1348   cm.execCommand("goGroupLeft");
   1349   eqCursorPos(cm.getCursor(), Pos(0, 16, "after"));
   1350 }, {value: "booo ba---quux. ffff\n  abc d"});
   1351 
   1352 testCM("groupsAndWhitespace", function(cm) {
   1353   var positions = [Pos(0, 0), Pos(0, 2), Pos(0, 5), Pos(0, 9), Pos(0, 11),
   1354                    Pos(1, 0), Pos(1, 2), Pos(1, 5)];
   1355   for (var i = 1; i < positions.length; i++) {
   1356     cm.execCommand("goGroupRight");
   1357     eqCharPos(cm.getCursor(), positions[i]);
   1358   }
   1359   for (var i = positions.length - 2; i >= 0; i--) {
   1360     cm.execCommand("goGroupLeft");
   1361     eqCharPos(cm.getCursor(), i == 2 ? Pos(0, 6, "before") : positions[i]);
   1362   }
   1363 }, {value: "  foo +++  \n  bar"});
   1364 
   1365 testCM("charMovementCommands", function(cm) {
   1366   cm.execCommand("goCharLeft"); cm.execCommand("goColumnLeft");
   1367   eqCursorPos(cm.getCursor(), Pos(0, 0));
   1368   cm.execCommand("goCharRight"); cm.execCommand("goCharRight");
   1369   eqCursorPos(cm.getCursor(), Pos(0, 2, "before"));
   1370   cm.setCursor(Pos(1, 0));
   1371   cm.execCommand("goColumnLeft");
   1372   eqCursorPos(cm.getCursor(), Pos(1, 0));
   1373   cm.execCommand("goCharLeft");
   1374   eqCursorPos(cm.getCursor(), Pos(0, 5, "before"));
   1375   cm.execCommand("goColumnRight");
   1376   eqCursorPos(cm.getCursor(), Pos(0, 5, "before"));
   1377   cm.execCommand("goCharRight");
   1378   eqCursorPos(cm.getCursor(), Pos(1, 0, "after"));
   1379   cm.execCommand("goLineEnd");
   1380   eqCursorPos(cm.getCursor(), Pos(1, 5, "before"));
   1381   cm.execCommand("goLineStartSmart");
   1382   eqCursorPos(cm.getCursor(), Pos(1, 1, "after"));
   1383   cm.execCommand("goLineStartSmart");
   1384   eqCursorPos(cm.getCursor(), Pos(1, 0, "after"));
   1385   cm.setCursor(Pos(2, 0));
   1386   cm.execCommand("goCharRight"); cm.execCommand("goColumnRight");
   1387   eqCursorPos(cm.getCursor(), Pos(2, 0));
   1388 }, {value: "line1\n ine2\n"});
   1389 
   1390 testCM("verticalMovementCommands", function(cm) {
   1391   cm.execCommand("goLineUp");
   1392   eqCharPos(cm.getCursor(), Pos(0, 0));
   1393   cm.execCommand("goLineDown");
   1394   if (!phantom) // This fails in PhantomJS, though not in a real Webkit
   1395     eqCharPos(cm.getCursor(), Pos(1, 0));
   1396   cm.setCursor(Pos(1, 12));
   1397   cm.execCommand("goLineDown");
   1398   eqCharPos(cm.getCursor(), Pos(2, 5));
   1399   cm.execCommand("goLineDown");
   1400   eqCharPos(cm.getCursor(), Pos(3, 0));
   1401   cm.execCommand("goLineUp");
   1402   eqCharPos(cm.getCursor(), Pos(2, 5));
   1403   cm.execCommand("goLineUp");
   1404   eqCharPos(cm.getCursor(), Pos(1, 12));
   1405   cm.execCommand("goPageDown");
   1406   eqCharPos(cm.getCursor(), Pos(5, 0));
   1407   cm.execCommand("goPageDown"); cm.execCommand("goLineDown");
   1408   eqCharPos(cm.getCursor(), Pos(5, 0));
   1409   cm.execCommand("goPageUp");
   1410   eqCharPos(cm.getCursor(), Pos(0, 0));
   1411 }, {value: "line1\nlong long line2\nline3\n\nline5\n"});
   1412 
   1413 testCM("verticalMovementCommandsWrapping", function(cm) {
   1414   cm.setSize(120);
   1415   cm.setCursor(Pos(0, 5));
   1416   cm.execCommand("goLineDown");
   1417   eq(cm.getCursor().line, 0);
   1418   is(cm.getCursor().ch > 5, "moved beyond wrap");
   1419   for (var i = 0; ; ++i) {
   1420     is(i < 20, "no endless loop");
   1421     cm.execCommand("goLineDown");
   1422     var cur = cm.getCursor();
   1423     if (cur.line == 1) eq(cur.ch, 5);
   1424     if (cur.line == 2) { eq(cur.ch, 1); break; }
   1425   }
   1426 }, {value: "a very long line that wraps around somehow so that we can test cursor movement\nshortone\nk",
   1427     lineWrapping: true});
   1428 
   1429 testCM("verticalMovementCommandsSingleLine", function(cm) {
   1430   cm.display.wrapper.style.height = "auto";
   1431   cm.refresh();
   1432   cm.execCommand("goLineUp");
   1433   eqCursorPos(cm.getCursor(), Pos(0, 0));
   1434   cm.execCommand("goLineDown");
   1435   eqCursorPos(cm.getCursor(), Pos(0, 11));
   1436   cm.setCursor(Pos(0, 5));
   1437   cm.execCommand("goLineDown");
   1438   eqCursorPos(cm.getCursor(), Pos(0, 11));
   1439   cm.execCommand("goLineDown");
   1440   eqCursorPos(cm.getCursor(), Pos(0, 11));
   1441   cm.execCommand("goLineUp");
   1442   eqCursorPos(cm.getCursor(), Pos(0, 0));
   1443   cm.execCommand("goLineUp");
   1444   eqCursorPos(cm.getCursor(), Pos(0, 0));
   1445   cm.execCommand("goPageDown");
   1446   eqCursorPos(cm.getCursor(), Pos(0, 11));
   1447   cm.execCommand("goPageDown"); cm.execCommand("goLineDown");
   1448   eqCursorPos(cm.getCursor(), Pos(0, 11));
   1449   cm.execCommand("goPageUp");
   1450   eqCursorPos(cm.getCursor(), Pos(0, 0));
   1451   cm.setCursor(Pos(0, 5));
   1452   cm.execCommand("goPageUp");
   1453   eqCursorPos(cm.getCursor(), Pos(0, 0));
   1454   cm.setCursor(Pos(0, 5));
   1455   cm.execCommand("goPageDown");
   1456   eqCursorPos(cm.getCursor(), Pos(0, 11));
   1457 }, {value: "single line"});
   1458 
   1459 
   1460 testCM("rtlMovement", function(cm) {
   1461   if (cm.getOption("inputStyle") != "textarea") return;
   1462   forEach(["خحج", "خحabcخحج", "abخحخحجcd", "abخde", "abخح2342خ1حج", "خ1ح2خح3حxج",
   1463            "خحcd", "1خحcd", "abcdeح1ج", "خمرحبها مها!", "foobarر", "خ ة ق",
   1464            "<img src=\"/בדיקה3.jpg\">", "يتم السحب في 05 فبراير 2014"], function(line) {
   1465     cm.setValue(line + "\n"); cm.execCommand("goLineStart");
   1466     var cursors = byClassName(cm.getWrapperElement(), "CodeMirror-cursors")[0];
   1467     var cursor = cursors.firstChild;
   1468     var prevX = cursor.offsetLeft, prevY = cursor.offsetTop;
   1469     for (var i = 0; i <= line.length; ++i) {
   1470       cm.execCommand("goCharRight");
   1471       cursor = cursors.firstChild;
   1472       if (i == line.length) is(cursor.offsetTop > prevY, "next line");
   1473       else is(cursor.offsetLeft > prevX, "moved right");
   1474       prevX = cursor.offsetLeft; prevY = cursor.offsetTop;
   1475     }
   1476     cm.setCursor(0, 0); cm.execCommand("goLineEnd");
   1477     prevX = cursors.firstChild.offsetLeft;
   1478     for (var i = 0; i < line.length; ++i) {
   1479       cm.execCommand("goCharLeft");
   1480       cursor = cursors.firstChild;
   1481       is(cursor.offsetLeft < prevX, "moved left");
   1482       prevX = cursor.offsetLeft;
   1483     }
   1484   });
   1485 }, null, ie_lt9);
   1486 
   1487 // Verify that updating a line clears its bidi ordering
   1488 testCM("bidiUpdate", function(cm) {
   1489   cm.setCursor(Pos(0, 2, "before"));
   1490   cm.replaceSelection("خحج", "start");
   1491   cm.execCommand("goCharRight");
   1492   eqCursorPos(cm.getCursor(), Pos(0, 6, "before"));
   1493 }, {value: "abcd\n"});
   1494 
   1495 testCM("movebyTextUnit", function(cm) {
   1496   cm.setValue("בְּרֵאשִ\nééé́\n");
   1497   cm.execCommand("goLineStart");
   1498   for (var i = 0; i < 4; ++i) cm.execCommand("goCharRight");
   1499   eqCursorPos(cm.getCursor(), Pos(0, 0, "after"));
   1500   cm.execCommand("goCharRight");
   1501   eqCursorPos(cm.getCursor(), Pos(1, 0, "after"));
   1502   cm.execCommand("goCharRight");
   1503   cm.execCommand("goCharRight");
   1504   eqCursorPos(cm.getCursor(), Pos(1, 4, "before"));
   1505   cm.execCommand("goCharRight");
   1506   eqCursorPos(cm.getCursor(), Pos(1, 7, "before"));
   1507 });
   1508 
   1509 testCM("lineChangeEvents", function(cm) {
   1510   addDoc(cm, 3, 5);
   1511   var log = [], want = ["ch 0", "ch 1", "del 2", "ch 0", "ch 0", "del 1", "del 3", "del 4"];
   1512   for (var i = 0; i < 5; ++i) {
   1513     CodeMirror.on(cm.getLineHandle(i), "delete", function(i) {
   1514       return function() {log.push("del " + i);};
   1515     }(i));
   1516     CodeMirror.on(cm.getLineHandle(i), "change", function(i) {
   1517       return function() {log.push("ch " + i);};
   1518     }(i));
   1519   }
   1520   cm.replaceRange("x", Pos(0, 1));
   1521   cm.replaceRange("xy", Pos(1, 1), Pos(2));
   1522   cm.replaceRange("foo\nbar", Pos(0, 1));
   1523   cm.replaceRange("", Pos(0, 0), Pos(cm.lineCount()));
   1524   eq(log.length, want.length, "same length");
   1525   for (var i = 0; i < log.length; ++i)
   1526     eq(log[i], want[i]);
   1527 });
   1528 
   1529 testCM("scrollEntirelyToRight", function(cm) {
   1530   if (phantom || cm.getOption("inputStyle") != "textarea") return;
   1531   addDoc(cm, 500, 2);
   1532   cm.setCursor(Pos(0, 500));
   1533   var wrap = cm.getWrapperElement(), cur = byClassName(wrap, "CodeMirror-cursor")[0];
   1534   is(wrap.getBoundingClientRect().right > cur.getBoundingClientRect().left);
   1535 });
   1536 
   1537 testCM("lineWidgets", function(cm) {
   1538   addDoc(cm, 500, 3);
   1539   var last = cm.charCoords(Pos(2, 0));
   1540   var node = document.createElement("div");
   1541   node.innerHTML = "hi";
   1542   var widget = cm.addLineWidget(1, node);
   1543   is(last.top < cm.charCoords(Pos(2, 0)).top, "took up space");
   1544   cm.setCursor(Pos(1, 1));
   1545   cm.execCommand("goLineDown");
   1546   eqCharPos(cm.getCursor(), Pos(2, 1));
   1547   cm.execCommand("goLineUp");
   1548   eqCharPos(cm.getCursor(), Pos(1, 1));
   1549 });
   1550 
   1551 testCM("lineWidgetFocus", function(cm) {
   1552   var place = document.getElementById("testground");
   1553   place.className = "offscreen";
   1554   try {
   1555     addDoc(cm, 500, 10);
   1556     var node = document.createElement("input");
   1557     var widget = cm.addLineWidget(1, node);
   1558     node.focus();
   1559     eq(document.activeElement, node);
   1560     cm.replaceRange("new stuff", Pos(1, 0));
   1561     eq(document.activeElement, node);
   1562   } finally {
   1563     place.className = "";
   1564   }
   1565 });
   1566 
   1567 testCM("lineWidgetCautiousRedraw", function(cm) {
   1568   var node = document.createElement("div");
   1569   node.innerHTML = "hahah";
   1570   var w = cm.addLineWidget(0, node);
   1571   var redrawn = false;
   1572   w.on("redraw", function() { redrawn = true; });
   1573   cm.replaceSelection("0");
   1574   is(!redrawn);
   1575 }, {value: "123\n456"});
   1576 
   1577 
   1578 var knownScrollbarWidth;
   1579 function scrollbarWidth(measure) {
   1580   if (knownScrollbarWidth != null) return knownScrollbarWidth;
   1581   var div = document.createElement('div');
   1582   div.style.cssText = "width: 50px; height: 50px; overflow-x: scroll";
   1583   document.body.appendChild(div);
   1584   knownScrollbarWidth = div.offsetHeight - div.clientHeight;
   1585   document.body.removeChild(div);
   1586   return knownScrollbarWidth || 0;
   1587 }
   1588 
   1589 testCM("lineWidgetChanged", function(cm) {
   1590   addDoc(cm, 2, 300);
   1591   var halfScrollbarWidth = scrollbarWidth(cm.display.measure)/2;
   1592   cm.setOption('lineNumbers', true);
   1593   cm.setSize(600, cm.defaultTextHeight() * 50);
   1594   cm.scrollTo(null, cm.heightAtLine(125, "local"));
   1595 
   1596   var expectedWidgetHeight = 60;
   1597   var expectedLinesInWidget = 3;
   1598   function w() {
   1599     var node = document.createElement("div");
   1600     // we use these children with just under half width of the line to check measurements are made with correct width
   1601     // when placed in the measure div.
   1602     // If the widget is measured at a width much narrower than it is displayed at, the underHalf children will span two lines and break the test.
   1603     // If the widget is measured at a width much wider than it is displayed at, the overHalf children will combine and break the test.
   1604     // Note that this test only checks widgets where coverGutter is true, because these require extra styling to get the width right.
   1605     // It may also be worthwhile to check this for non-coverGutter widgets.
   1606     // Visually:
   1607     // Good:
   1608     // | ------------- display width ------------- |
   1609     // | ------- widget-width when measured ------ |
   1610     // | | -- under-half -- | | -- under-half -- | |
   1611     // | | --- over-half --- |                     |
   1612     // | | --- over-half --- |                     |
   1613     // Height: measured as 3 lines, same as it will be when actually displayed
   1614 
   1615     // Bad (too narrow):
   1616     // | ------------- display width ------------- |
   1617     // | ------ widget-width when measured ----- |  < -- uh oh
   1618     // | | -- under-half -- |                    |
   1619     // | | -- under-half -- |                    |  < -- when measured, shoved to next line
   1620     // | | --- over-half --- |                   |
   1621     // | | --- over-half --- |                   |
   1622     // Height: measured as 4 lines, more than expected . Will be displayed as 3 lines!
   1623 
   1624     // Bad (too wide):
   1625     // | ------------- display width ------------- |
   1626     // | -------- widget-width when measured ------- | < -- uh oh
   1627     // | | -- under-half -- | | -- under-half -- |   |
   1628     // | | --- over-half --- | | --- over-half --- | | < -- when measured, combined on one line
   1629     // Height: measured as 2 lines, less than expected. Will be displayed as 3 lines!
   1630 
   1631     var barelyUnderHalfWidthHtml = '<div style="display: inline-block; height: 1px; width: '+(285 - halfScrollbarWidth)+'px;"></div>';
   1632     var barelyOverHalfWidthHtml = '<div style="display: inline-block; height: 1px; width: '+(305 - halfScrollbarWidth)+'px;"></div>';
   1633     node.innerHTML = new Array(3).join(barelyUnderHalfWidthHtml) + new Array(3).join(barelyOverHalfWidthHtml);
   1634     node.style.cssText = "background: yellow;font-size:0;line-height: " + (expectedWidgetHeight/expectedLinesInWidget) + "px;";
   1635     return node;
   1636   }
   1637   var info0 = cm.getScrollInfo();
   1638   var w0 = cm.addLineWidget(0, w(), { coverGutter: true });
   1639   var w150 = cm.addLineWidget(150, w(), { coverGutter: true });
   1640   var w300 = cm.addLineWidget(300, w(), { coverGutter: true });
   1641   var info1 = cm.getScrollInfo();
   1642   eq(info0.height + (3 * expectedWidgetHeight), info1.height);
   1643   eq(info0.top + expectedWidgetHeight, info1.top);
   1644   expectedWidgetHeight = 12;
   1645   w0.node.style.lineHeight = w150.node.style.lineHeight = w300.node.style.lineHeight = (expectedWidgetHeight/expectedLinesInWidget) + "px";
   1646   w0.changed(); w150.changed(); w300.changed();
   1647   var info2 = cm.getScrollInfo();
   1648   eq(info0.height + (3 * expectedWidgetHeight), info2.height);
   1649   eq(info0.top + expectedWidgetHeight, info2.top);
   1650 });
   1651 
   1652 testCM("getLineNumber", function(cm) {
   1653   addDoc(cm, 2, 20);
   1654   var h1 = cm.getLineHandle(1);
   1655   eq(cm.getLineNumber(h1), 1);
   1656   cm.replaceRange("hi\nbye\n", Pos(0, 0));
   1657   eq(cm.getLineNumber(h1), 3);
   1658   cm.setValue("");
   1659   eq(cm.getLineNumber(h1), null);
   1660 });
   1661 
   1662 testCM("jumpTheGap", function(cm) {
   1663   if (phantom) return;
   1664   var longLine = "abcdef ghiklmnop qrstuvw xyz ";
   1665   longLine += longLine; longLine += longLine; longLine += longLine;
   1666   cm.replaceRange(longLine, Pos(2, 0), Pos(2));
   1667   cm.setSize("200px", null);
   1668   cm.getWrapperElement().style.lineHeight = 2;
   1669   cm.refresh();
   1670   cm.setCursor(Pos(0, 1));
   1671   cm.execCommand("goLineDown");
   1672   eqCharPos(cm.getCursor(), Pos(1, 1));
   1673   cm.execCommand("goLineDown");
   1674   eqCharPos(cm.getCursor(), Pos(2, 1));
   1675   cm.execCommand("goLineDown");
   1676   eq(cm.getCursor().line, 2);
   1677   is(cm.getCursor().ch > 1);
   1678   cm.execCommand("goLineUp");
   1679   eqCharPos(cm.getCursor(), Pos(2, 1));
   1680   cm.execCommand("goLineUp");
   1681   eqCharPos(cm.getCursor(), Pos(1, 1));
   1682   var node = document.createElement("div");
   1683   node.innerHTML = "hi"; node.style.height = "30px";
   1684   cm.addLineWidget(0, node);
   1685   cm.addLineWidget(1, node.cloneNode(true), {above: true});
   1686   cm.setCursor(Pos(0, 2));
   1687   cm.execCommand("goLineDown");
   1688   eqCharPos(cm.getCursor(), Pos(1, 2));
   1689   cm.execCommand("goLineUp");
   1690   eqCharPos(cm.getCursor(), Pos(0, 2));
   1691 }, {lineWrapping: true, value: "abc\ndef\nghi\njkl\n"});
   1692 
   1693 testCM("addLineClass", function(cm) {
   1694   function cls(line, text, bg, wrap, gutter) {
   1695     var i = cm.lineInfo(line);
   1696     eq(i.textClass, text);
   1697     eq(i.bgClass, bg);
   1698     eq(i.wrapClass, wrap);
   1699     if (typeof i.handle.gutterClass !== 'undefined') {
   1700         eq(i.handle.gutterClass, gutter);
   1701     }
   1702   }
   1703   cm.addLineClass(0, "text", "foo");
   1704   cm.addLineClass(0, "text", "bar");
   1705   cm.addLineClass(1, "background", "baz");
   1706   cm.addLineClass(1, "wrap", "foo");
   1707   cm.addLineClass(1, "gutter", "gutter-class");
   1708   cls(0, "foo bar", null, null, null);
   1709   cls(1, null, "baz", "foo", "gutter-class");
   1710   var lines = cm.display.lineDiv;
   1711   eq(byClassName(lines, "foo").length, 2);
   1712   eq(byClassName(lines, "bar").length, 1);
   1713   eq(byClassName(lines, "baz").length, 1);
   1714   eq(byClassName(lines, "gutter-class").length, 2); // Gutter classes are reflected in 2 nodes
   1715   cm.removeLineClass(0, "text", "foo");
   1716   cls(0, "bar", null, null, null);
   1717   cm.removeLineClass(0, "text", "foo");
   1718   cls(0, "bar", null, null, null);
   1719   cm.removeLineClass(0, "text", "bar");
   1720   cls(0, null, null, null);
   1721 
   1722   cm.addLineClass(1, "wrap", "quux");
   1723   cls(1, null, "baz", "foo quux", "gutter-class");
   1724   cm.removeLineClass(1, "wrap");
   1725   cls(1, null, "baz", null, "gutter-class");
   1726   cm.removeLineClass(1, "gutter", "gutter-class");
   1727   eq(byClassName(lines, "gutter-class").length, 0);
   1728   cls(1, null, "baz", null, null);
   1729 
   1730   cm.addLineClass(1, "gutter", "gutter-class");
   1731   cls(1, null, "baz", null, "gutter-class");
   1732   cm.removeLineClass(1, "gutter", "gutter-class");
   1733   cls(1, null, "baz", null, null);
   1734 
   1735 }, {value: "hohoho\n", lineNumbers: true});
   1736 
   1737 testCM("atomicMarker", function(cm) {
   1738   addDoc(cm, 10, 10);
   1739   function atom(ll, cl, lr, cr, li, ri) {
   1740     return cm.markText(Pos(ll, cl), Pos(lr, cr),
   1741                        {atomic: true, inclusiveLeft: li, inclusiveRight: ri});
   1742   }
   1743   var m = atom(0, 1, 0, 5);
   1744   cm.setCursor(Pos(0, 1));
   1745   cm.execCommand("goCharRight");
   1746   eqCursorPos(cm.getCursor(), Pos(0, 5));
   1747   cm.execCommand("goCharLeft");
   1748   eqCursorPos(cm.getCursor(), Pos(0, 1));
   1749   m.clear();
   1750   m = atom(0, 0, 0, 5, true);
   1751   eqCursorPos(cm.getCursor(), Pos(0, 5), "pushed out");
   1752   cm.execCommand("goCharLeft");
   1753   eqCursorPos(cm.getCursor(), Pos(0, 5));
   1754   m.clear();
   1755   m = atom(8, 4, 9, 10, false, true);
   1756   cm.setCursor(Pos(9, 8));
   1757   eqCursorPos(cm.getCursor(), Pos(8, 4), "set");
   1758   cm.execCommand("goCharRight");
   1759   eqCursorPos(cm.getCursor(), Pos(8, 4), "char right");
   1760   cm.execCommand("goLineDown");
   1761   eqCursorPos(cm.getCursor(), Pos(8, 4), "line down");
   1762   cm.execCommand("goCharLeft");
   1763   eqCursorPos(cm.getCursor(), Pos(8, 3, "after"));
   1764   m.clear();
   1765   m = atom(1, 1, 3, 8);
   1766   cm.setCursor(Pos(0, 0));
   1767   cm.setCursor(Pos(2, 0));
   1768   eqCursorPos(cm.getCursor(), Pos(3, 8));
   1769   cm.execCommand("goCharLeft");
   1770   eqCursorPos(cm.getCursor(), Pos(1, 1));
   1771   cm.execCommand("goCharRight");
   1772   eqCursorPos(cm.getCursor(), Pos(3, 8));
   1773   cm.execCommand("goLineUp");
   1774   eqCursorPos(cm.getCursor(), Pos(1, 1));
   1775   cm.execCommand("goLineDown");
   1776   eqCursorPos(cm.getCursor(), Pos(3, 8));
   1777   cm.execCommand("delCharBefore");
   1778   eq(cm.getValue().length, 80, "del chunk");
   1779   m = atom(3, 0, 5, 5);
   1780   cm.setCursor(Pos(3, 0));
   1781   cm.execCommand("delWordAfter");
   1782   eq(cm.getValue().length, 53, "del chunk");
   1783 });
   1784 
   1785 testCM("selectionBias", function(cm) {
   1786   cm.markText(Pos(0, 1), Pos(0, 3), {atomic: true});
   1787   cm.setCursor(Pos(0, 2));
   1788   eqCursorPos(cm.getCursor(), Pos(0, 1));
   1789   cm.setCursor(Pos(0, 2));
   1790   eqCursorPos(cm.getCursor(), Pos(0, 3));
   1791   cm.setCursor(Pos(0, 2));
   1792   eqCursorPos(cm.getCursor(), Pos(0, 1));
   1793   cm.setCursor(Pos(0, 2), null, {bias: -1});
   1794   eqCursorPos(cm.getCursor(), Pos(0, 1));
   1795   cm.setCursor(Pos(0, 4));
   1796   cm.setCursor(Pos(0, 2), null, {bias: 1});
   1797   eqCursorPos(cm.getCursor(), Pos(0, 3));
   1798 }, {value: "12345"});
   1799 
   1800 testCM("selectionHomeEnd", function(cm) {
   1801   cm.markText(Pos(1, 0), Pos(1, 1), {atomic: true, inclusiveLeft: true});
   1802   cm.markText(Pos(1, 3), Pos(1, 4), {atomic: true, inclusiveRight: true});
   1803   cm.setCursor(Pos(1, 2));
   1804   cm.execCommand("goLineStart");
   1805   eqCursorPos(cm.getCursor(), Pos(1, 1));
   1806   cm.execCommand("goLineEnd");
   1807   eqCursorPos(cm.getCursor(), Pos(1, 3));
   1808 }, {value: "ab\ncdef\ngh"});
   1809 
   1810 testCM("readOnlyMarker", function(cm) {
   1811   function mark(ll, cl, lr, cr, at) {
   1812     return cm.markText(Pos(ll, cl), Pos(lr, cr),
   1813                        {readOnly: true, atomic: at});
   1814   }
   1815   var m = mark(0, 1, 0, 4);
   1816   cm.setCursor(Pos(0, 2));
   1817   cm.replaceSelection("hi", "end");
   1818   eqCursorPos(cm.getCursor(), Pos(0, 2));
   1819   eq(cm.getLine(0), "abcde");
   1820   cm.execCommand("selectAll");
   1821   cm.replaceSelection("oops", "around");
   1822   eq(cm.getValue(), "oopsbcd");
   1823   cm.undo();
   1824   eqCursorPos(m.find().from, Pos(0, 1));
   1825   eqCursorPos(m.find().to, Pos(0, 4));
   1826   m.clear();
   1827   cm.setCursor(Pos(0, 2));
   1828   cm.replaceSelection("hi", "around");
   1829   eq(cm.getLine(0), "abhicde");
   1830   eqCursorPos(cm.getCursor(), Pos(0, 4));
   1831   m = mark(0, 2, 2, 2, true);
   1832   cm.setSelection(Pos(1, 1), Pos(2, 4));
   1833   cm.replaceSelection("t", "end");
   1834   eqCursorPos(cm.getCursor(), Pos(2, 3));
   1835   eq(cm.getLine(2), "klto");
   1836   cm.execCommand("goCharLeft");
   1837   cm.execCommand("goCharLeft");
   1838   eqCursorPos(cm.getCursor(), Pos(0, 2));
   1839   cm.setSelection(Pos(0, 1), Pos(0, 3));
   1840   cm.replaceSelection("xx", "around");
   1841   eqCursorPos(cm.getCursor(), Pos(0, 3));
   1842   eq(cm.getLine(0), "axxhicde");
   1843 }, {value: "abcde\nfghij\nklmno\n"});
   1844 
   1845 testCM("dirtyBit", function(cm) {
   1846   eq(cm.isClean(), true);
   1847   cm.replaceSelection("boo", null, "test");
   1848   eq(cm.isClean(), false);
   1849   cm.undo();
   1850   eq(cm.isClean(), true);
   1851   cm.replaceSelection("boo", null, "test");
   1852   cm.replaceSelection("baz", null, "test");
   1853   cm.undo();
   1854   eq(cm.isClean(), false);
   1855   cm.markClean();
   1856   eq(cm.isClean(), true);
   1857   cm.undo();
   1858   eq(cm.isClean(), false);
   1859   cm.redo();
   1860   eq(cm.isClean(), true);
   1861 });
   1862 
   1863 testCM("changeGeneration", function(cm) {
   1864   cm.replaceSelection("x");
   1865   var softGen = cm.changeGeneration();
   1866   cm.replaceSelection("x");
   1867   cm.undo();
   1868   eq(cm.getValue(), "");
   1869   is(!cm.isClean(softGen));
   1870   cm.replaceSelection("x");
   1871   var hardGen = cm.changeGeneration(true);
   1872   cm.replaceSelection("x");
   1873   cm.undo();
   1874   eq(cm.getValue(), "x");
   1875   is(cm.isClean(hardGen));
   1876 });
   1877 
   1878 testCM("addKeyMap", function(cm) {
   1879   function sendKey(code) {
   1880     cm.triggerOnKeyDown({type: "keydown", keyCode: code,
   1881                          preventDefault: function(){}, stopPropagation: function(){}});
   1882   }
   1883 
   1884   sendKey(39);
   1885   eqCursorPos(cm.getCursor(), Pos(0, 1, "before"));
   1886   var test = 0;
   1887   var map1 = {Right: function() { ++test; }}, map2 = {Right: function() { test += 10; }}
   1888   cm.addKeyMap(map1);
   1889   sendKey(39);
   1890   eqCursorPos(cm.getCursor(), Pos(0, 1, "before"));
   1891   eq(test, 1);
   1892   cm.addKeyMap(map2, true);
   1893   sendKey(39);
   1894   eq(test, 2);
   1895   cm.removeKeyMap(map1);
   1896   sendKey(39);
   1897   eq(test, 12);
   1898   cm.removeKeyMap(map2);
   1899   sendKey(39);
   1900   eq(test, 12);
   1901   eqCursorPos(cm.getCursor(), Pos(0, 2, "before"));
   1902   cm.addKeyMap({Right: function() { test = 55; }, name: "mymap"});
   1903   sendKey(39);
   1904   eq(test, 55);
   1905   cm.removeKeyMap("mymap");
   1906   sendKey(39);
   1907   eqCursorPos(cm.getCursor(), Pos(0, 3, "before"));
   1908 }, {value: "abc"});
   1909 
   1910 function mouseDown(cm, button, pos, mods) {
   1911   var coords = cm.charCoords(pos, "window")
   1912   var event = {type: "mousedown",
   1913                preventDefault: Math.min,
   1914                which: button,
   1915                target: cm.display.lineDiv,
   1916                clientX: coords.left, clientY: coords.top}
   1917   if (mods) for (var prop in mods) event[prop] = mods[prop]
   1918   cm.triggerOnMouseDown(event)
   1919 }
   1920 
   1921 testCM("mouseBinding", function(cm) {
   1922   var fired = []
   1923   cm.addKeyMap({
   1924     "Shift-LeftClick": function(_cm, pos) {
   1925       eqCharPos(pos, Pos(1, 2))
   1926       fired.push("a")
   1927     },
   1928     "Shift-LeftDoubleClick": function() { fired.push("b") },
   1929     "Shift-LeftTripleClick": function() { fired.push("c") }
   1930   })
   1931 
   1932   function send(button, mods) { mouseDown(cm, button, Pos(1, 2), mods) }
   1933   send(1, {shiftKey: true})
   1934   send(1, {shiftKey: true})
   1935   send(1, {shiftKey: true})
   1936   send(1, {})
   1937   send(2, {ctrlKey: true})
   1938   send(2, {ctrlKey: true})
   1939   eq(fired.join(" "), "a b c")
   1940 }, {value: "foo\nbar\nbaz"})
   1941 
   1942 testCM("configureMouse", function(cm) {
   1943   cm.setOption("configureMouse", function() { return {unit: "word"} })
   1944   mouseDown(cm, 1, Pos(0, 5))
   1945   eqCharPos(cm.getCursor("from"), Pos(0, 4))
   1946   eqCharPos(cm.getCursor("to"), Pos(0, 7))
   1947   cm.setOption("configureMouse", function() { return {extend: true} })
   1948   mouseDown(cm, 1, Pos(0, 0))
   1949   eqCharPos(cm.getCursor("from"), Pos(0, 0))
   1950   eqCharPos(cm.getCursor("to"), Pos(0, 4))
   1951 }, {value: "foo bar baz"})
   1952 
   1953 testCM("findPosH", function(cm) {
   1954   forEach([{from: Pos(0, 0), to: Pos(0, 1, "before"), by: 1},
   1955            {from: Pos(0, 0), to: Pos(0, 0), by: -1, hitSide: true},
   1956            {from: Pos(0, 0), to: Pos(0, 4, "before"), by: 1, unit: "word"},
   1957            {from: Pos(0, 0), to: Pos(0, 8, "before"), by: 2, unit: "word"},
   1958            {from: Pos(0, 0), to: Pos(2, 0, "after"), by: 20, unit: "word", hitSide: true},
   1959            {from: Pos(0, 7), to: Pos(0, 5, "after"), by: -1, unit: "word"},
   1960            {from: Pos(0, 4), to: Pos(0, 8, "before"), by: 1, unit: "word"},
   1961            {from: Pos(1, 0), to: Pos(1, 18, "before"), by: 3, unit: "word"},
   1962            {from: Pos(1, 22), to: Pos(1, 5, "after"), by: -3, unit: "word"},
   1963            {from: Pos(1, 15), to: Pos(1, 10, "after"), by: -5},
   1964            {from: Pos(1, 15), to: Pos(1, 10, "after"), by: -5, unit: "column"},
   1965            {from: Pos(1, 15), to: Pos(1, 0, "after"), by: -50, unit: "column", hitSide: true},
   1966            {from: Pos(1, 15), to: Pos(1, 24, "before"), by: 50, unit: "column", hitSide: true},
   1967            {from: Pos(1, 15), to: Pos(2, 0, "after"), by: 50, hitSide: true}], function(t) {
   1968     var r = cm.findPosH(t.from, t.by, t.unit || "char");
   1969     eqCursorPos(r, t.to);
   1970     eq(!!r.hitSide, !!t.hitSide);
   1971   });
   1972 }, {value: "line one\nline two.something.other\n"});
   1973 
   1974 testCM("beforeChange", function(cm) {
   1975   cm.on("beforeChange", function(cm, change) {
   1976     var text = [];
   1977     for (var i = 0; i < change.text.length; ++i)
   1978       text.push(change.text[i].replace(/\s/g, "_"));
   1979     change.update(null, null, text);
   1980   });
   1981   cm.setValue("hello, i am a\nnew document\n");
   1982   eq(cm.getValue(), "hello,_i_am_a\nnew_document\n");
   1983   CodeMirror.on(cm.getDoc(), "beforeChange", function(doc, change) {
   1984     if (change.from.line == 0) change.cancel();
   1985   });
   1986   cm.setValue("oops"); // Canceled
   1987   eq(cm.getValue(), "hello,_i_am_a\nnew_document\n");
   1988   cm.replaceRange("hey hey hey", Pos(1, 0), Pos(2, 0));
   1989   eq(cm.getValue(), "hello,_i_am_a\nhey_hey_hey");
   1990 }, {value: "abcdefghijk"});
   1991 
   1992 testCM("beforeChangeUndo", function(cm) {
   1993   cm.replaceRange("hi", Pos(0, 0), Pos(0));
   1994   cm.replaceRange("bye", Pos(0, 0), Pos(0));
   1995   eq(cm.historySize().undo, 2);
   1996   cm.on("beforeChange", function(cm, change) {
   1997     is(!change.update);
   1998     change.cancel();
   1999   });
   2000   cm.undo();
   2001   eq(cm.historySize().undo, 0);
   2002   eq(cm.getValue(), "bye\ntwo");
   2003 }, {value: "one\ntwo"});
   2004 
   2005 testCM("beforeSelectionChange", function(cm) {
   2006   function notAtEnd(cm, pos) {
   2007     var len = cm.getLine(pos.line).length;
   2008     if (!len || pos.ch == len) return Pos(pos.line, pos.ch - 1);
   2009     return pos;
   2010   }
   2011   cm.on("beforeSelectionChange", function(cm, obj) {
   2012     obj.update([{anchor: notAtEnd(cm, obj.ranges[0].anchor),
   2013                  head: notAtEnd(cm, obj.ranges[0].head)}]);
   2014   });
   2015 
   2016   addDoc(cm, 10, 10);
   2017   cm.execCommand("goLineEnd");
   2018   eqCursorPos(cm.getCursor(), Pos(0, 9));
   2019   cm.execCommand("selectAll");
   2020   eqCursorPos(cm.getCursor("start"), Pos(0, 0));
   2021   eqCursorPos(cm.getCursor("end"), Pos(9, 9));
   2022 });
   2023 
   2024 testCM("change_removedText", function(cm) {
   2025   cm.setValue("abc\ndef");
   2026 
   2027   var removedText = [];
   2028   cm.on("change", function(cm, change) {
   2029     removedText.push(change.removed);
   2030   });
   2031 
   2032   cm.operation(function() {
   2033     cm.replaceRange("xyz", Pos(0, 0), Pos(1,1));
   2034     cm.replaceRange("123", Pos(0,0));
   2035   });
   2036 
   2037   eq(removedText.length, 2);
   2038   eq(removedText[0].join("\n"), "abc\nd");
   2039   eq(removedText[1].join("\n"), "");
   2040 
   2041   var removedText = [];
   2042   cm.undo();
   2043   eq(removedText.length, 2);
   2044   eq(removedText[0].join("\n"), "123");
   2045   eq(removedText[1].join("\n"), "xyz");
   2046 
   2047   var removedText = [];
   2048   cm.redo();
   2049   eq(removedText.length, 2);
   2050   eq(removedText[0].join("\n"), "abc\nd");
   2051   eq(removedText[1].join("\n"), "");
   2052 });
   2053 
   2054 testCM("lineStyleFromMode", function(cm) {
   2055   CodeMirror.defineMode("test_mode", function() {
   2056     return {token: function(stream) {
   2057       if (stream.match(/^\[[^\]]*\]/)) return "  line-brackets  ";
   2058       if (stream.match(/^\([^\)]*\)/)) return "  line-background-parens  ";
   2059       if (stream.match(/^<[^>]*>/)) return "  span  line-line  line-background-bg  ";
   2060       stream.match(/^\s+|^\S+/);
   2061     }};
   2062   });
   2063   cm.setOption("mode", "test_mode");
   2064   var bracketElts = byClassName(cm.getWrapperElement(), "brackets");
   2065   eq(bracketElts.length, 1, "brackets count");
   2066   eq(bracketElts[0].nodeName, "PRE");
   2067   is(!/brackets.*brackets/.test(bracketElts[0].className));
   2068   var parenElts = byClassName(cm.getWrapperElement(), "parens");
   2069   eq(parenElts.length, 1, "parens count");
   2070   eq(parenElts[0].nodeName, "DIV");
   2071   is(!/parens.*parens/.test(parenElts[0].className));
   2072   eq(parenElts[0].parentElement.nodeName, "DIV");
   2073 
   2074   is(byClassName(cm.getWrapperElement(), "bg").length > 0);
   2075   is(byClassName(cm.getWrapperElement(), "line").length > 0);
   2076   var spanElts = byClassName(cm.getWrapperElement(), "cm-span");
   2077   eq(spanElts.length, 2);
   2078   is(/^\s*cm-span\s*$/.test(spanElts[0].className));
   2079 }, {value: "line1: [br] [br]\nline2: (par) (par)\nline3: <tag> <tag>"});
   2080 
   2081 testCM("lineStyleFromBlankLine", function(cm) {
   2082   CodeMirror.defineMode("lineStyleFromBlankLine_mode", function() {
   2083     return {token: function(stream) { stream.skipToEnd(); return "comment"; },
   2084             blankLine: function() { return "line-blank"; }};
   2085   });
   2086   cm.setOption("mode", "lineStyleFromBlankLine_mode");
   2087   var blankElts = byClassName(cm.getWrapperElement(), "blank");
   2088   eq(blankElts.length, 1);
   2089   eq(blankElts[0].nodeName, "PRE");
   2090   cm.replaceRange("x", Pos(1, 0));
   2091   blankElts = byClassName(cm.getWrapperElement(), "blank");
   2092   eq(blankElts.length, 0);
   2093 }, {value: "foo\n\nbar"});
   2094 
   2095 CodeMirror.registerHelper("xxx", "a", "A");
   2096 CodeMirror.registerHelper("xxx", "b", "B");
   2097 CodeMirror.defineMode("yyy", function() {
   2098   return {
   2099     token: function(stream) { stream.skipToEnd(); },
   2100     xxx: ["a", "b", "q"]
   2101   };
   2102 });
   2103 CodeMirror.registerGlobalHelper("xxx", "c", function(m) { return m.enableC; }, "C");
   2104 
   2105 testCM("helpers", function(cm) {
   2106   cm.setOption("mode", "yyy");
   2107   eq(cm.getHelpers(Pos(0, 0), "xxx").join("/"), "A/B");
   2108   cm.setOption("mode", {name: "yyy", modeProps: {xxx: "b", enableC: true}});
   2109   eq(cm.getHelpers(Pos(0, 0), "xxx").join("/"), "B/C");
   2110   cm.setOption("mode", "javascript");
   2111   eq(cm.getHelpers(Pos(0, 0), "xxx").join("/"), "");
   2112 });
   2113 
   2114 testCM("selectionHistory", function(cm) {
   2115   for (var i = 0; i < 3; i++) {
   2116     cm.setExtending(true);
   2117     cm.execCommand("goCharRight");
   2118     cm.setExtending(false);
   2119     cm.execCommand("goCharRight");
   2120     cm.execCommand("goCharRight");
   2121   }
   2122   cm.execCommand("undoSelection");
   2123   eq(cm.getSelection(), "c");
   2124   cm.execCommand("undoSelection");
   2125   eq(cm.getSelection(), "");
   2126   eqCursorPos(cm.getCursor(), Pos(0, 4, "before"));
   2127   cm.execCommand("undoSelection");
   2128   eq(cm.getSelection(), "b");
   2129   cm.execCommand("redoSelection");
   2130   eq(cm.getSelection(), "");
   2131   eqCursorPos(cm.getCursor(), Pos(0, 4, "before"));
   2132   cm.execCommand("redoSelection");
   2133   eq(cm.getSelection(), "c");
   2134   cm.execCommand("redoSelection");
   2135   eq(cm.getSelection(), "");
   2136   eqCursorPos(cm.getCursor(), Pos(0, 6, "before"));
   2137 }, {value: "a b c d"});
   2138 
   2139 testCM("selectionChangeReducesRedo", function(cm) {
   2140   cm.replaceSelection("X");
   2141   cm.execCommand("goCharRight");
   2142   cm.undoSelection();
   2143   cm.execCommand("selectAll");
   2144   cm.undoSelection();
   2145   eq(cm.getValue(), "Xabc");
   2146   eqCursorPos(cm.getCursor(), Pos(0, 1));
   2147   cm.undoSelection();
   2148   eq(cm.getValue(), "abc");
   2149 }, {value: "abc"});
   2150 
   2151 testCM("selectionHistoryNonOverlapping", function(cm) {
   2152   cm.setSelection(Pos(0, 0), Pos(0, 1));
   2153   cm.setSelection(Pos(0, 2), Pos(0, 3));
   2154   cm.execCommand("undoSelection");
   2155   eqCursorPos(cm.getCursor("anchor"), Pos(0, 0));
   2156   eqCursorPos(cm.getCursor("head"), Pos(0, 1));
   2157 }, {value: "1234"});
   2158 
   2159 testCM("cursorMotionSplitsHistory", function(cm) {
   2160   cm.replaceSelection("a");
   2161   cm.execCommand("goCharRight");
   2162   cm.replaceSelection("b");
   2163   cm.replaceSelection("c");
   2164   cm.undo();
   2165   eq(cm.getValue(), "a1234");
   2166   eqCursorPos(cm.getCursor(), Pos(0, 2, "before"));
   2167   cm.undo();
   2168   eq(cm.getValue(), "1234");
   2169   eqCursorPos(cm.getCursor(), Pos(0, 0));
   2170 }, {value: "1234"});
   2171 
   2172 testCM("selChangeInOperationDoesNotSplit", function(cm) {
   2173   for (var i = 0; i < 4; i++) {
   2174     cm.operation(function() {
   2175       cm.replaceSelection("x");
   2176       cm.setCursor(Pos(0, cm.getCursor().ch - 1));
   2177     });
   2178   }
   2179   eqCursorPos(cm.getCursor(), Pos(0, 0));
   2180   eq(cm.getValue(), "xxxxa");
   2181   cm.undo();
   2182   eq(cm.getValue(), "a");
   2183 }, {value: "a"});
   2184 
   2185 testCM("alwaysMergeSelEventWithChangeOrigin", function(cm) {
   2186   cm.replaceSelection("U", null, "foo");
   2187   cm.setSelection(Pos(0, 0), Pos(0, 1), {origin: "foo"});
   2188   cm.undoSelection();
   2189   eq(cm.getValue(), "a");
   2190   cm.replaceSelection("V", null, "foo");
   2191   cm.setSelection(Pos(0, 0), Pos(0, 1), {origin: "bar"});
   2192   cm.undoSelection();
   2193   eq(cm.getValue(), "Va");
   2194 }, {value: "a"});
   2195 
   2196 testCM("getTokenAt", function(cm) {
   2197   var tokPlus = cm.getTokenAt(Pos(0, 2));
   2198   eq(tokPlus.type, "operator");
   2199   eq(tokPlus.string, "+");
   2200   var toks = cm.getLineTokens(0);
   2201   eq(toks.length, 3);
   2202   forEach([["number", "1"], ["operator", "+"], ["number", "2"]], function(expect, i) {
   2203     eq(toks[i].type, expect[0]);
   2204     eq(toks[i].string, expect[1]);
   2205   });
   2206 }, {value: "1+2", mode: "javascript"});
   2207 
   2208 testCM("getTokenTypeAt", function(cm) {
   2209   eq(cm.getTokenTypeAt(Pos(0, 0)), "number");
   2210   eq(cm.getTokenTypeAt(Pos(0, 6)), "string");
   2211   cm.addOverlay({
   2212     token: function(stream) {
   2213       if (stream.match("foo")) return "foo";
   2214       else stream.next();
   2215     }
   2216   });
   2217   eq(byClassName(cm.getWrapperElement(), "cm-foo").length, 1);
   2218   eq(cm.getTokenTypeAt(Pos(0, 6)), "string");
   2219 }, {value: "1 + 'foo'", mode: "javascript"});
   2220 
   2221 testCM("addOverlay", function(cm) {
   2222   cm.addOverlay({
   2223     token: function(stream) {
   2224       var base = stream.baseToken()
   2225       if (!/comment/.test(base.type) && stream.match(/\d+/)) return "x"
   2226       stream.next()
   2227     }
   2228   })
   2229   var x = byClassName(cm.getWrapperElement(), "cm-x")
   2230   is(x.length, 1)
   2231   is(x[0].textContent, "233")
   2232   cm.replaceRange("", Pos(0, 4), Pos(0, 6))
   2233   is(byClassName(cm.getWrapperElement(), "cm-x").length, 2)
   2234 }, {value: "foo /* 100 */\nbar + 233;\nbaz", mode: "javascript"})
   2235 
   2236 testCM("resizeLineWidget", function(cm) {
   2237   addDoc(cm, 200, 3);
   2238   var widget = document.createElement("pre");
   2239   widget.innerHTML = "imwidget";
   2240   widget.style.background = "yellow";
   2241   cm.addLineWidget(1, widget, {noHScroll: true});
   2242   cm.setSize(40);
   2243   is(widget.parentNode.offsetWidth < 42);
   2244 });
   2245 
   2246 testCM("combinedOperations", function(cm) {
   2247   var place = document.getElementById("testground");
   2248   var other = CodeMirror(place, {value: "123"});
   2249   try {
   2250     cm.operation(function() {
   2251       cm.addLineClass(0, "wrap", "foo");
   2252       other.addLineClass(0, "wrap", "foo");
   2253     });
   2254     eq(byClassName(cm.getWrapperElement(), "foo").length, 1);
   2255     eq(byClassName(other.getWrapperElement(), "foo").length, 1);
   2256     cm.operation(function() {
   2257       cm.removeLineClass(0, "wrap", "foo");
   2258       other.removeLineClass(0, "wrap", "foo");
   2259     });
   2260     eq(byClassName(cm.getWrapperElement(), "foo").length, 0);
   2261     eq(byClassName(other.getWrapperElement(), "foo").length, 0);
   2262   } finally {
   2263     place.removeChild(other.getWrapperElement());
   2264   }
   2265 }, {value: "abc"});
   2266 
   2267 testCM("eventOrder", function(cm) {
   2268   var seen = [];
   2269   cm.on("change", function() {
   2270     if (!seen.length) cm.replaceSelection(".");
   2271     seen.push("change");
   2272   });
   2273   cm.on("cursorActivity", function() {
   2274     cm.replaceSelection("!");
   2275     seen.push("activity");
   2276   });
   2277   cm.replaceSelection("/");
   2278   eq(seen.join(","), "change,change,activity,change");
   2279 });
   2280 
   2281 testCM("splitSpaces_nonspecial", function(cm) {
   2282   eq(byClassName(cm.getWrapperElement(), "cm-invalidchar").length, 0);
   2283 }, {
   2284   specialChars: /[\u00a0]/,
   2285   value: "spaces ->            <- between"
   2286 });
   2287 
   2288 test("core_rmClass", function() {
   2289   var node = document.createElement("div");
   2290   node.className = "foo-bar baz-quux yadda";
   2291   CodeMirror.rmClass(node, "quux");
   2292   eq(node.className, "foo-bar baz-quux yadda");
   2293   CodeMirror.rmClass(node, "baz-quux");
   2294   eq(node.className, "foo-bar yadda");
   2295   CodeMirror.rmClass(node, "yadda");
   2296   eq(node.className, "foo-bar");
   2297   CodeMirror.rmClass(node, "foo-bar");
   2298   eq(node.className, "");
   2299   node.className = " foo ";
   2300   CodeMirror.rmClass(node, "foo");
   2301   eq(node.className, "");
   2302 });
   2303 
   2304 test("core_addClass", function() {
   2305   var node = document.createElement("div");
   2306   CodeMirror.addClass(node, "a");
   2307   eq(node.className, "a");
   2308   CodeMirror.addClass(node, "a");
   2309   eq(node.className, "a");
   2310   CodeMirror.addClass(node, "b");
   2311   eq(node.className, "a b");
   2312   CodeMirror.addClass(node, "a");
   2313   CodeMirror.addClass(node, "b");
   2314   eq(node.className, "a b");
   2315 });
   2316 
   2317 testCM("lineSeparator", function(cm) {
   2318   eq(cm.lineCount(), 3);
   2319   eq(cm.getLine(1), "bar\r");
   2320   eq(cm.getLine(2), "baz\rquux");
   2321   cm.setOption("lineSeparator", "\r");
   2322   eq(cm.lineCount(), 5);
   2323   eq(cm.getLine(4), "quux");
   2324   eq(cm.getValue(), "foo\rbar\r\rbaz\rquux");
   2325   eq(cm.getValue("\n"), "foo\nbar\n\nbaz\nquux");
   2326   cm.setOption("lineSeparator", null);
   2327   cm.setValue("foo\nbar\r\nbaz\rquux");
   2328   eq(cm.lineCount(), 4);
   2329 }, {value: "foo\nbar\r\nbaz\rquux",
   2330     lineSeparator: "\n"});
   2331 
   2332 var extendingChars = /[\u0300-\u036f\u0483-\u0489\u0591-\u05bd\u05bf\u05c1\u05c2\u05c4\u05c5\u05c7\u0610-\u061a\u064b-\u065e\u0670\u06d6-\u06dc\u06de-\u06e4\u06e7\u06e8\u06ea-\u06ed\u0711\u0730-\u074a\u07a6-\u07b0\u07eb-\u07f3\u0816-\u0819\u081b-\u0823\u0825-\u0827\u0829-\u082d\u0900-\u0902\u093c\u0941-\u0948\u094d\u0951-\u0955\u0962\u0963\u0981\u09bc\u09be\u09c1-\u09c4\u09cd\u09d7\u09e2\u09e3\u0a01\u0a02\u0a3c\u0a41\u0a42\u0a47\u0a48\u0a4b-\u0a4d\u0a51\u0a70\u0a71\u0a75\u0a81\u0a82\u0abc\u0ac1-\u0ac5\u0ac7\u0ac8\u0acd\u0ae2\u0ae3\u0b01\u0b3c\u0b3e\u0b3f\u0b41-\u0b44\u0b4d\u0b56\u0b57\u0b62\u0b63\u0b82\u0bbe\u0bc0\u0bcd\u0bd7\u0c3e-\u0c40\u0c46-\u0c48\u0c4a-\u0c4d\u0c55\u0c56\u0c62\u0c63\u0cbc\u0cbf\u0cc2\u0cc6\u0ccc\u0ccd\u0cd5\u0cd6\u0ce2\u0ce3\u0d3e\u0d41-\u0d44\u0d4d\u0d57\u0d62\u0d63\u0dca\u0dcf\u0dd2-\u0dd4\u0dd6\u0ddf\u0e31\u0e34-\u0e3a\u0e47-\u0e4e\u0eb1\u0eb4-\u0eb9\u0ebb\u0ebc\u0ec8-\u0ecd\u0f18\u0f19\u0f35\u0f37\u0f39\u0f71-\u0f7e\u0f80-\u0f84\u0f86\u0f87\u0f90-\u0f97\u0f99-\u0fbc\u0fc6\u102d-\u1030\u1032-\u1037\u1039\u103a\u103d\u103e\u1058\u1059\u105e-\u1060\u1071-\u1074\u1082\u1085\u1086\u108d\u109d\u135f\u1712-\u1714\u1732-\u1734\u1752\u1753\u1772\u1773\u17b7-\u17bd\u17c6\u17c9-\u17d3\u17dd\u180b-\u180d\u18a9\u1920-\u1922\u1927\u1928\u1932\u1939-\u193b\u1a17\u1a18\u1a56\u1a58-\u1a5e\u1a60\u1a62\u1a65-\u1a6c\u1a73-\u1a7c\u1a7f\u1b00-\u1b03\u1b34\u1b36-\u1b3a\u1b3c\u1b42\u1b6b-\u1b73\u1b80\u1b81\u1ba2-\u1ba5\u1ba8\u1ba9\u1c2c-\u1c33\u1c36\u1c37\u1cd0-\u1cd2\u1cd4-\u1ce0\u1ce2-\u1ce8\u1ced\u1dc0-\u1de6\u1dfd-\u1dff\u200c\u200d\u20d0-\u20f0\u2cef-\u2cf1\u2de0-\u2dff\u302a-\u302f\u3099\u309a\ua66f-\ua672\ua67c\ua67d\ua6f0\ua6f1\ua802\ua806\ua80b\ua825\ua826\ua8c4\ua8e0-\ua8f1\ua926-\ua92d\ua947-\ua951\ua980-\ua982\ua9b3\ua9b6-\ua9b9\ua9bc\uaa29-\uaa2e\uaa31\uaa32\uaa35\uaa36\uaa43\uaa4c\uaab0\uaab2-\uaab4\uaab7\uaab8\uaabe\uaabf\uaac1\uabe5\uabe8\uabed\udc00-\udfff\ufb1e\ufe00-\ufe0f\ufe20-\ufe26\uff9e\uff9f]/
   2333 var getChar = function (noExtending) { var res; do {res = String.fromCharCode(Math.floor(Math.random()*0x8ac)); } while ([0x90].indexOf(res.charCodeAt(0)) != -1 || (noExtending && extendingChars.test(res))); return res }
   2334 var getString = function (n) { var res = getChar(true); while (--n > 0) res += getChar(); return res }
   2335 
   2336 function makeItWrapAfter(cm, pos) {
   2337   var firstLineTop = cm.cursorCoords(Pos(0, 0)).top;
   2338   for(var w = 0, posTop; posTop != firstLineTop; ++w) {
   2339     cm.setSize(w);
   2340     posTop = cm.charCoords(pos).top;
   2341   }
   2342 }
   2343 
   2344 function countIf(arr, f) {
   2345   var result = 0
   2346   for (var i = 0; i < arr.length; i++) if (f[arr[i]]) result++
   2347   return result
   2348 }
   2349 
   2350 function testMoveBidi(str) {
   2351   testCM("move_bidi_" + str, function(cm) {
   2352     if (cm.getOption("inputStyle") != "textarea" || !cm.getOption("rtlMoveVisually")) return;
   2353     cm.getScrollerElement().style.fontFamily = "monospace";
   2354     makeItWrapAfter(cm, Pos(0, 5));
   2355 
   2356     var steps = str.length - countIf(str.split(""), function(ch) { return extendingChars.test(ch) });
   2357     var lineBreaks = {}
   2358     lineBreaks[6 - countIf(str.substr(0, 5).split(""), function(ch) { return extendingChars.test(ch) })] = 'w';
   2359     if (str.indexOf("\n") != -1) {
   2360       lineBreaks[steps - 2] = 'n';
   2361     }
   2362 
   2363     // Make sure we are at the visual beginning of the first line
   2364     cm.execCommand("goLineStart");
   2365 
   2366     var prevCoords = cm.cursorCoords(), coords;
   2367     for(var i = 0; i < steps; ++i) {
   2368       cm.execCommand("goCharRight");
   2369       coords = cm.cursorCoords();
   2370       if ((i >= 10 && i <= 12) && !lineBreaks[i] && coords.left < prevCoords.left && coords.top > prevCoords.top) {
   2371         // The first line wraps twice
   2372         lineBreaks[i] = 'w';
   2373       }
   2374       if (!lineBreaks[i]) {
   2375         is(coords.left > prevCoords.left, "In step " + i + ", cursor didn't move right");
   2376         eq(coords.top, prevCoords.top, "In step " + i + ", cursor moved out of line");
   2377       } else {
   2378         is(coords.left < prevCoords.left, i);
   2379         is(coords.top > prevCoords.top, i);
   2380       }
   2381       prevCoords = coords;
   2382     }
   2383 
   2384     cm.execCommand("goCharRight");
   2385     coords = cm.cursorCoords();
   2386     eq(coords.left, prevCoords.left, "Moving " + steps + " steps right didn't reach the end");
   2387     eq(coords.top, prevCoords.top, "Moving " + steps + " steps right didn't reach the end");
   2388 
   2389     for(i = steps - 1; i >= 0; --i) {
   2390       cm.execCommand("goCharLeft");
   2391       coords = cm.cursorCoords();
   2392       if (!(lineBreaks[i] == 'n' || lineBreaks[i + 1] == 'w')) {
   2393         is(coords.left < prevCoords.left, "In step " + i + ", cursor didn't move left");
   2394         eq(coords.top, prevCoords.top, "In step " + i + ", cursor is not at the same line anymore");
   2395       } else {
   2396         is(coords.left > prevCoords.left, i);
   2397         is(coords.top < prevCoords.top, i);
   2398       }
   2399       prevCoords = coords;
   2400     }
   2401 
   2402     cm.execCommand("goCharLeft");
   2403     coords = cm.cursorCoords();
   2404     eq(coords.left, prevCoords.left, "Moving " + steps + " steps left didn't reach the beginning");
   2405     eq(coords.top, prevCoords.top, "Moving " + steps + " steps left didn't reach the beginning");
   2406   }, {value: str, lineWrapping: true})
   2407 };
   2408 
   2409 function testMoveEndBidi(str) {
   2410   testCM("move_end_bidi_" + str, function(cm) {
   2411     cm.getScrollerElement().style.fontFamily = "monospace";
   2412     makeItWrapAfter(cm, Pos(0, 5));
   2413 
   2414     cm.execCommand("goLineStart");
   2415     var pos = cm.doc.getCursor();
   2416     cm.execCommand("goCharLeft");
   2417     eqCursorPos(pos, cm.doc.getCursor());
   2418 
   2419     cm.execCommand("goLineEnd");
   2420     pos = cm.doc.getCursor();
   2421     cm.execCommand("goColumnRight");
   2422     eqCursorPos(pos, cm.doc.getCursor());
   2423   }, {value: str, lineWrapping: true})
   2424 };
   2425 
   2426 var bidiTests = [];
   2427 
   2428 // We don't correctly implement L1 UBA
   2429 // See https://bugzilla.mozilla.org/show_bug.cgi?id=1331501
   2430 // and https://bugs.chromium.org/p/chromium/issues/detail?id=673405
   2431 /*
   2432 bidiTests.push("Say ا ب جabj\nS");
   2433 bidiTests.push("Sayyy ا ا ب ج");
   2434 */
   2435 
   2436 if (!phantom) {
   2437   bidiTests.push("Όȝǝڪȉۥ״ۺ׆ɀҩۏ\nҳ");
   2438   bidiTests.push("ŌӰтقȤ؁ƥ؅٣ĎȺ١\nϚ");
   2439   bidiTests.push("ٻоҤѕѽΩ־؉ïίքdz\nٵ");
   2440   bidiTests.push("؅؁ĆՕƿɁǞϮؠȩóć\nď");
   2441   bidiTests.push("RŨďңŪzϢŎƏԖڇڦ\nӈ");
   2442   bidiTests.push("ό׊۷٢ԜһОצЉيčǟ\nѩ");
   2443   bidiTests.push("ۑÚҳҕڬġڹհяųKV\nr");
   2444   bidiTests.push("źڻғúہ4ם1Ƞc1a\nԁ");
   2445   bidiTests.push("ҒȨҟփƞ٦ԓȦڰғâƥ\nڤ");
   2446   bidiTests.push("ϖسՉȏŧΔԛdžĎӟیڡ\nέ");
   2447   bidiTests.push("۹ؼL۵ĺȧКԙػא7״\nم");
   2448   bidiTests.push("ن (ي)\u2009أقواس"); // thin space to throw off Firefox 51's broken white-space compressing behavior
   2449 }
   2450 
   2451 bidiTests.push("քմѧǮßپüŢҍҞўڳ\nӧ");
   2452 
   2453 //bidiTests.push("Count ١ ٢ ٣ ٤");
   2454 //bidiTests.push("ӣאƦϰ؊ȓېÛوը٬ز\nϪ");
   2455 //bidiTests.push("ҾճٳџIՖӻ٥׭֐؜ڏ\nێ");
   2456 //bidiTests.push("ҬÓФ؜ڂį٦Ͽɓڐͳٵ\nՈ");
   2457 //bidiTests.push("aѴNijȻهˇ҃ڱӧǻֵ\na");
   2458 //bidiTests.push(" a٧ا٢ ب جa\nS");
   2459 
   2460 for (var i = 0; i < bidiTests.length; ++i) {
   2461   testMoveBidi(bidiTests[i]);
   2462   testMoveEndBidi(bidiTests[i]);
   2463 }
   2464 
   2465 /*
   2466 for (var i = 0; i < 5; ++i) {
   2467   testMoveBidi(getString(12) + "\n" + getString(1));
   2468 }
   2469 */
   2470 
   2471 function testCoordsWrappedBidi(str) {
   2472   testCM("coords_wrapped_bidi_" + str, function(cm) {
   2473     cm.getScrollerElement().style.fontFamily = "monospace";
   2474     makeItWrapAfter(cm, Pos(0, 5));
   2475 
   2476     // Make sure we are at the visual beginning of the first line
   2477     var pos = Pos(0, 0), lastPos;
   2478     cm.doc.setCursor(pos);
   2479     do {
   2480       lastPos = pos;
   2481       cm.execCommand("goCharLeft");
   2482       pos = cm.doc.getCursor();
   2483     } while (pos != lastPos)
   2484 
   2485     var top = cm.charCoords(Pos(0, 0)).top, lastTop;
   2486     for (var i = 1; i < str.length; ++i) {
   2487       lastTop = top;
   2488       top = cm.charCoords(Pos(0, i)).top;
   2489       is(top >= lastTop);
   2490     }
   2491   }, {value: str, lineWrapping: true})
   2492 };
   2493 
   2494 testCoordsWrappedBidi("Count ١ ٢ ٣ ٤");
   2495 /*
   2496 for (var i = 0; i < 5; ++i) {
   2497   testCoordsWrappedBidi(getString(50));
   2498 }
   2499 */
   2500 
   2501 testCM("rtl_wrapped_selection", function(cm) {
   2502   cm.setSelection(Pos(0, 10), Pos(0, 190))
   2503   is(byClassName(cm.getWrapperElement(), "CodeMirror-selected").length >= 3)
   2504 }, {value: new Array(10).join(" فتي تم تضمينها فتي تم"), lineWrapping: true})
   2505 
   2506 testCM("bidi_wrapped_selection", function(cm) {
   2507   if (phantom) return
   2508   cm.setSize(cm.charCoords(Pos(0, 10), "editor").left)
   2509   cm.setSelection(Pos(0, 37), Pos(0, 80))
   2510   var blocks = byClassName(cm.getWrapperElement(), "CodeMirror-selected")
   2511   is(blocks.length >= 2)
   2512   is(blocks.length <= 3)
   2513   var boxTop = blocks[0].getBoundingClientRect(), boxBot = blocks[blocks.length - 1].getBoundingClientRect()
   2514   is(boxTop.left > cm.charCoords(Pos(0, 1)).right)
   2515   is(boxBot.right < cm.charCoords(Pos(0, cm.getLine(0).length - 2)).left)
   2516 }, {value: "<p>مفتي11 تم تضمينهفتي تم تضمينها فتي تفتي تم تضمينها فتي تفتي تم تضمينها فتي تفتي تم تضمينها فتي تا فت10ي ت</p>", lineWrapping: true})
   2517 
   2518 testCM("delete_wrapped", function(cm) {
   2519   makeItWrapAfter(cm, Pos(0, 2));
   2520   cm.doc.setCursor(Pos(0, 3, "after"));
   2521   cm.deleteH(-1, "char");
   2522   eq(cm.getLine(0), "1245");
   2523 }, {value: "12345", lineWrapping: true})
   2524 
   2525 testCM("issue_4878", function(cm) {
   2526   if (phantom) return
   2527   cm.setCursor(Pos(1, 12, "after"));
   2528   cm.moveH(-1, "char");
   2529   eqCursorPos(cm.getCursor(), Pos(0, 113, "before"));
   2530 }, {value: "  في تطبيق السمات مرة واحدة https://github.com/codemirror/CodeMirror/issues/4878#issuecomment-330550964على سبيل المثال <code>\"foo bar\"</code>\n" +
   2531 "  سيتم تعيين", direction: "rtl", lineWrapping: true});
   2532 
   2533 CodeMirror.defineMode("lookahead_mode", function() {
   2534   // Colors text as atom if the line two lines down has an x in it
   2535   return {
   2536     token: function(stream) {
   2537       stream.skipToEnd()
   2538       return /x/.test(stream.lookAhead(2)) ? "atom" : null
   2539     }
   2540   }
   2541 })
   2542 
   2543 testCM("mode_lookahead", function(cm) {
   2544   eq(cm.getTokenAt(Pos(0, 1)).type, "atom")
   2545   eq(cm.getTokenAt(Pos(1, 1)).type, "atom")
   2546   eq(cm.getTokenAt(Pos(2, 1)).type, null)
   2547   cm.replaceRange("\n", Pos(2, 0))
   2548   eq(cm.getTokenAt(Pos(0, 1)).type, null)
   2549   eq(cm.getTokenAt(Pos(1, 1)).type, "atom")
   2550 }, {value: "foo\na\nx\nx\n", mode: "lookahead_mode"})