The Tor Browser: browser/devtools/sourceeditor/test/cm_test.js@6474c204b198 (annotated)

browser/devtools/sourceeditor/test/cm_test.js@6474c204b198 (annotated)

browser/devtools/sourceeditor/test/cm_test.js

Wed, 31 Dec 2014 06:09:35 +0100

author: Michael Schloh von Bennewitz <michael@schloh.com>
date: Wed, 31 Dec 2014 06:09:35 +0100
changeset 0: 6474c204b198
permissions: -rw-r--r--

Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.

 var Pos = CodeMirror.Pos;
 CodeMirror.defaults.rtlMoveVisually = true;
 function forEach(arr, f) {
   for (var i = 0, e = arr.length; i < e; ++i) f(arr[i]);
 }
 function addDoc(cm, width, height) {
   var content = [], line = "";
   for (var i = 0; i < width; ++i) line += "x";
   for (var i = 0; i < height; ++i) content.push(line);
   cm.setValue(content.join("\n"));
 }
 function byClassName(elt, cls) {
   if (elt.getElementsByClassName) return elt.getElementsByClassName(cls);
   var found = [], re = new RegExp("\\b" + cls + "\\b");
   function search(elt) {
     if (elt.nodeType == 3) return;
     if (re.test(elt.className)) found.push(elt);
     for (var i = 0, e = elt.childNodes.length; i < e; ++i)
       search(elt.childNodes[i]);
   }
   search(elt);
   return found;
 }
 var ie_lt8 = /MSIE [1-7]\b/.test(navigator.userAgent);
 var ie_lt9 = /MSIE [1-8]\b/.test(navigator.userAgent);
 var mac = /Mac/.test(navigator.platform);
 var phantom = /PhantomJS/.test(navigator.userAgent);
 var opera = /Opera\/\./.test(navigator.userAgent);
 var opera_version = opera && navigator.userAgent.match(/Version\/(\d+\.\d+)/);
 if (opera_version) opera_version = Number(opera_version);
 var opera_lt10 = opera && (!opera_version || opera_version < 10);
 namespace = "core_";
 test("core_fromTextArea", function() {
   var te = document.getElementById("code");
   te.value = "CONTENT";
   var cm = CodeMirror.fromTextArea(te);
   is(!te.offsetHeight);
   eq(cm.getValue(), "CONTENT");
   cm.setValue("foo\nbar");
   eq(cm.getValue(), "foo\nbar");
   cm.save();
   is(/^foo\r?\nbar$/.test(te.value));
   cm.setValue("xxx");
   cm.toTextArea();
   is(te.offsetHeight);
   eq(te.value, "xxx");
 });
 testCM("getRange", function(cm) {
   eq(cm.getLine(0), "1234");
   eq(cm.getLine(1), "5678");
   eq(cm.getLine(2), null);
   eq(cm.getLine(-1), null);
   eq(cm.getRange(Pos(0, 0), Pos(0, 3)), "123");
   eq(cm.getRange(Pos(0, -1), Pos(0, 200)), "1234");
   eq(cm.getRange(Pos(0, 2), Pos(1, 2)), "34\n56");
   eq(cm.getRange(Pos(1, 2), Pos(100, 0)), "78");
 }, {value: "1234\n5678"});
 testCM("replaceRange", function(cm) {
   eq(cm.getValue(), "");
   cm.replaceRange("foo\n", Pos(0, 0));
   eq(cm.getValue(), "foo\n");
   cm.replaceRange("a\nb", Pos(0, 1));
   eq(cm.getValue(), "fa\nboo\n");
   eq(cm.lineCount(), 3);
   cm.replaceRange("xyzzy", Pos(0, 0), Pos(1, 1));
   eq(cm.getValue(), "xyzzyoo\n");
   cm.replaceRange("abc", Pos(0, 0), Pos(10, 0));
   eq(cm.getValue(), "abc");
   eq(cm.lineCount(), 1);
 });
 testCM("selection", function(cm) {
   cm.setSelection(Pos(0, 4), Pos(2, 2));
   is(cm.somethingSelected());
   eq(cm.getSelection(), "11\n222222\n33");
   eqPos(cm.getCursor(false), Pos(2, 2));
   eqPos(cm.getCursor(true), Pos(0, 4));
   cm.setSelection(Pos(1, 0));
   is(!cm.somethingSelected());
   eq(cm.getSelection(), "");
   eqPos(cm.getCursor(true), Pos(1, 0));
   cm.replaceSelection("abc", "around");
   eq(cm.getSelection(), "abc");
   eq(cm.getValue(), "111111\nabc222222\n333333");
   cm.replaceSelection("def", "end");
   eq(cm.getSelection(), "");
   eqPos(cm.getCursor(true), Pos(1, 3));
   cm.setCursor(Pos(2, 1));
   eqPos(cm.getCursor(true), Pos(2, 1));
   cm.setCursor(1, 2);
   eqPos(cm.getCursor(true), Pos(1, 2));
 }, {value: "111111\n222222\n333333"});
 testCM("extendSelection", function(cm) {
   cm.setExtending(true);
   addDoc(cm, 10, 10);
   cm.setSelection(Pos(3, 5));
   eqPos(cm.getCursor("head"), Pos(3, 5));
   eqPos(cm.getCursor("anchor"), Pos(3, 5));
   cm.setSelection(Pos(2, 5), Pos(5, 5));
   eqPos(cm.getCursor("head"), Pos(5, 5));
   eqPos(cm.getCursor("anchor"), Pos(2, 5));
   eqPos(cm.getCursor("start"), Pos(2, 5));
   eqPos(cm.getCursor("end"), Pos(5, 5));
   cm.setSelection(Pos(5, 5), Pos(2, 5));
   eqPos(cm.getCursor("head"), Pos(2, 5));
   eqPos(cm.getCursor("anchor"), Pos(5, 5));
   eqPos(cm.getCursor("start"), Pos(2, 5));
   eqPos(cm.getCursor("end"), Pos(5, 5));
   cm.extendSelection(Pos(3, 2));
   eqPos(cm.getCursor("head"), Pos(3, 2));
   eqPos(cm.getCursor("anchor"), Pos(5, 5));
   cm.extendSelection(Pos(6, 2));
   eqPos(cm.getCursor("head"), Pos(6, 2));
   eqPos(cm.getCursor("anchor"), Pos(5, 5));
   cm.extendSelection(Pos(6, 3), Pos(6, 4));
   eqPos(cm.getCursor("head"), Pos(6, 4));
   eqPos(cm.getCursor("anchor"), Pos(5, 5));
   cm.extendSelection(Pos(0, 3), Pos(0, 4));
   eqPos(cm.getCursor("head"), Pos(0, 3));
   eqPos(cm.getCursor("anchor"), Pos(5, 5));
   cm.extendSelection(Pos(4, 5), Pos(6, 5));
   eqPos(cm.getCursor("head"), Pos(6, 5));
   eqPos(cm.getCursor("anchor"), Pos(4, 5));
   cm.setExtending(false);
   cm.extendSelection(Pos(0, 3), Pos(0, 4));
   eqPos(cm.getCursor("head"), Pos(0, 3));
   eqPos(cm.getCursor("anchor"), Pos(0, 4));
 });
 testCM("lines", function(cm) {
   eq(cm.getLine(0), "111111");
   eq(cm.getLine(1), "222222");
   eq(cm.getLine(-1), null);
   cm.replaceRange("", Pos(1, 0), Pos(2, 0))
   cm.replaceRange("abc", Pos(1, 0), Pos(1));
   eq(cm.getValue(), "111111\nabc");
 }, {value: "111111\n222222\n333333"});
 testCM("indent", function(cm) {
   cm.indentLine(1);
   eq(cm.getLine(1), "   blah();");
   cm.setOption("indentUnit", 8);
   cm.indentLine(1);
   eq(cm.getLine(1), "\tblah();");
   cm.setOption("indentUnit", 10);
   cm.setOption("tabSize", 4);
   cm.indentLine(1);
   eq(cm.getLine(1), "\t\t  blah();");
 }, {value: "if (x) {\nblah();\n}", indentUnit: 3, indentWithTabs: true, tabSize: 8});
 testCM("indentByNumber", function(cm) {
   cm.indentLine(0, 2);
   eq(cm.getLine(0), "  foo");
   cm.indentLine(0, -200);
   eq(cm.getLine(0), "foo");
   cm.setSelection(Pos(0, 0), Pos(1, 2));
   cm.indentSelection(3);
   eq(cm.getValue(), "   foo\n   bar\nbaz");
 }, {value: "foo\nbar\nbaz"});
 test("core_defaults", function() {
   var defsCopy = {}, defs = CodeMirror.defaults;
   for (var opt in defs) defsCopy[opt] = defs[opt];
   defs.indentUnit = 5;
   defs.value = "uu";
   defs.indentWithTabs = true;
   defs.tabindex = 55;
   var place = document.getElementById("testground"), cm = CodeMirror(place);
   try {
     eq(cm.getOption("indentUnit"), 5);
     cm.setOption("indentUnit", 10);
     eq(defs.indentUnit, 5);
     eq(cm.getValue(), "uu");
     eq(cm.getOption("indentWithTabs"), true);
     eq(cm.getInputField().tabIndex, 55);
   }
   finally {
     for (var opt in defsCopy) defs[opt] = defsCopy[opt];
     place.removeChild(cm.getWrapperElement());
   }
 });
 testCM("lineInfo", function(cm) {
   eq(cm.lineInfo(-1), null);
   var mark = document.createElement("span");
   var lh = cm.setGutterMarker(1, "FOO", mark);
   var info = cm.lineInfo(1);
   eq(info.text, "222222");
   eq(info.gutterMarkers.FOO, mark);
   eq(info.line, 1);
   eq(cm.lineInfo(2).gutterMarkers, null);
   cm.setGutterMarker(lh, "FOO", null);
   eq(cm.lineInfo(1).gutterMarkers, null);
   cm.setGutterMarker(1, "FOO", mark);
   cm.setGutterMarker(0, "FOO", mark);
   cm.clearGutter("FOO");
   eq(cm.lineInfo(0).gutterMarkers, null);
   eq(cm.lineInfo(1).gutterMarkers, null);
 }, {value: "111111\n222222\n333333"});
 testCM("coords", function(cm) {
   cm.setSize(null, 100);
   addDoc(cm, 32, 200);
   var top = cm.charCoords(Pos(0, 0));
   var bot = cm.charCoords(Pos(200, 30));
   is(top.left < bot.left);
   is(top.top < bot.top);
   is(top.top < top.bottom);
   cm.scrollTo(null, 100);
   var top2 = cm.charCoords(Pos(0, 0));
   is(top.top > top2.top);
   eq(top.left, top2.left);
 });
 testCM("coordsChar", function(cm) {
   addDoc(cm, 35, 70);
   for (var i = 0; i < 2; ++i) {
     var sys = i ? "local" : "page";
     for (var ch = 0; ch <= 35; ch += 5) {
       for (var line = 0; line < 70; line += 5) {
         cm.setCursor(line, ch);
         var coords = cm.charCoords(Pos(line, ch), sys);
         var pos = cm.coordsChar({left: coords.left + 1, top: coords.top + 1}, sys);
         eqPos(pos, Pos(line, ch));
       }
     }
   }
 }, {lineNumbers: true});
 testCM("posFromIndex", function(cm) {
   cm.setValue(
     "This function should\n" +
     "convert a zero based index\n" +
     "to line and ch."
   );
   var examples = [
     { index: -1, line: 0, ch: 0  }, // <- Tests clipping
     { index: 0,  line: 0, ch: 0  },
     { index: 10, line: 0, ch: 10 },
     { index: 39, line: 1, ch: 18 },
     { index: 55, line: 2, ch: 7  },
     { index: 63, line: 2, ch: 15 },
     { index: 64, line: 2, ch: 15 }  // <- Tests clipping
   ];
   for (var i = 0; i < examples.length; i++) {
     var example = examples[i];
     var pos = cm.posFromIndex(example.index);
     eq(pos.line, example.line);
     eq(pos.ch, example.ch);
     if (example.index >= 0 && example.index < 64)
       eq(cm.indexFromPos(pos), example.index);
   }
 });
 testCM("undo", function(cm) {
   cm.replaceRange("def", Pos(0, 0), Pos(0));
   eq(cm.historySize().undo, 1);
   cm.undo();
   eq(cm.getValue(), "abc");
   eq(cm.historySize().undo, 0);
   eq(cm.historySize().redo, 1);
   cm.redo();
   eq(cm.getValue(), "def");
   eq(cm.historySize().undo, 1);
   eq(cm.historySize().redo, 0);
   cm.setValue("1\n\n\n2");
   cm.clearHistory();
   eq(cm.historySize().undo, 0);
   for (var i = 0; i < 20; ++i) {
     cm.replaceRange("a", Pos(0, 0));
     cm.replaceRange("b", Pos(3, 0));
   }
   eq(cm.historySize().undo, 40);
   for (var i = 0; i < 40; ++i)
     cm.undo();
   eq(cm.historySize().redo, 40);
   eq(cm.getValue(), "1\n\n\n2");
 }, {value: "abc"});
 testCM("undoDepth", function(cm) {
   cm.replaceRange("d", Pos(0));
   cm.replaceRange("e", Pos(0));
   cm.replaceRange("f", Pos(0));
   cm.undo(); cm.undo(); cm.undo();
   eq(cm.getValue(), "abcd");
 }, {value: "abc", undoDepth: 4});
 testCM("undoDoesntClearValue", function(cm) {
   cm.undo();
   eq(cm.getValue(), "x");
 }, {value: "x"});
 testCM("undoMultiLine", function(cm) {
   cm.operation(function() {
     cm.replaceRange("x", Pos(0, 0));
     cm.replaceRange("y", Pos(1, 0));
   });
   cm.undo();
   eq(cm.getValue(), "abc\ndef\nghi");
   cm.operation(function() {
     cm.replaceRange("y", Pos(1, 0));
     cm.replaceRange("x", Pos(0, 0));
   });
   cm.undo();
   eq(cm.getValue(), "abc\ndef\nghi");
   cm.operation(function() {
     cm.replaceRange("y", Pos(2, 0));
     cm.replaceRange("x", Pos(1, 0));
     cm.replaceRange("z", Pos(2, 0));
   });
   cm.undo();
   eq(cm.getValue(), "abc\ndef\nghi", 3);
 }, {value: "abc\ndef\nghi"});
 testCM("undoComposite", function(cm) {
   cm.replaceRange("y", Pos(1));
   cm.operation(function() {
     cm.replaceRange("x", Pos(0));
     cm.replaceRange("z", Pos(2));
   });
   eq(cm.getValue(), "ax\nby\ncz\n");
   cm.undo();
   eq(cm.getValue(), "a\nby\nc\n");
   cm.undo();
   eq(cm.getValue(), "a\nb\nc\n");
   cm.redo(); cm.redo();
   eq(cm.getValue(), "ax\nby\ncz\n");
 }, {value: "a\nb\nc\n"});
 testCM("undoSelection", function(cm) {
   cm.setSelection(Pos(0, 2), Pos(0, 4));
   cm.replaceSelection("");
   cm.setCursor(Pos(1, 0));
   cm.undo();
   eqPos(cm.getCursor(true), Pos(0, 2));
   eqPos(cm.getCursor(false), Pos(0, 4));
   cm.setCursor(Pos(1, 0));
   cm.redo();
   eqPos(cm.getCursor(true), Pos(0, 2));
   eqPos(cm.getCursor(false), Pos(0, 2));
 }, {value: "abcdefgh\n"});
 testCM("undoSelectionAsBefore", function(cm) {
   cm.replaceSelection("abc", "around");
   cm.undo();
   cm.redo();
   eq(cm.getSelection(), "abc");
 });
 testCM("markTextSingleLine", function(cm) {
   forEach([{a: 0, b: 1, c: "", f: 2, t: 5},
            {a: 0, b: 4, c: "", f: 0, t: 2},
            {a: 1, b: 2, c: "x", f: 3, t: 6},
            {a: 4, b: 5, c: "", f: 3, t: 5},
            {a: 4, b: 5, c: "xx", f: 3, t: 7},
            {a: 2, b: 5, c: "", f: 2, t: 3},
            {a: 2, b: 5, c: "abcd", f: 6, t: 7},
            {a: 2, b: 6, c: "x", f: null, t: null},
            {a: 3, b: 6, c: "", f: null, t: null},
            {a: 0, b: 9, c: "hallo", f: null, t: null},
            {a: 4, b: 6, c: "x", f: 3, t: 4},
            {a: 4, b: 8, c: "", f: 3, t: 4},
            {a: 6, b: 6, c: "a", f: 3, t: 6},
            {a: 8, b: 9, c: "", f: 3, t: 6}], function(test) {
     cm.setValue("1234567890");
     var r = cm.markText(Pos(0, 3), Pos(0, 6), {className: "foo"});
     cm.replaceRange(test.c, Pos(0, test.a), Pos(0, test.b));
     var f = r.find();
     eq(f && f.from.ch, test.f); eq(f && f.to.ch, test.t);
   });
 });
 testCM("markTextMultiLine", function(cm) {
   function p(v) { return v && Pos(v[0], v[1]); }
   forEach([{a: [0, 0], b: [0, 5], c: "", f: [0, 0], t: [2, 5]},
            {a: [0, 0], b: [0, 5], c: "foo\n", f: [1, 0], t: [3, 5]},
            {a: [0, 1], b: [0, 10], c: "", f: [0, 1], t: [2, 5]},
            {a: [0, 5], b: [0, 6], c: "x", f: [0, 6], t: [2, 5]},
            {a: [0, 0], b: [1, 0], c: "", f: [0, 0], t: [1, 5]},
            {a: [0, 6], b: [2, 4], c: "", f: [0, 5], t: [0, 7]},
            {a: [0, 6], b: [2, 4], c: "aa", f: [0, 5], t: [0, 9]},
            {a: [1, 2], b: [1, 8], c: "", f: [0, 5], t: [2, 5]},
            {a: [0, 5], b: [2, 5], c: "xx", f: null, t: null},
            {a: [0, 0], b: [2, 10], c: "x", f: null, t: null},
            {a: [1, 5], b: [2, 5], c: "", f: [0, 5], t: [1, 5]},
            {a: [2, 0], b: [2, 3], c: "", f: [0, 5], t: [2, 2]},
            {a: [2, 5], b: [3, 0], c: "a\nb", f: [0, 5], t: [2, 5]},
            {a: [2, 3], b: [3, 0], c: "x", f: [0, 5], t: [2, 3]},
            {a: [1, 1], b: [1, 9], c: "1\n2\n3", f: [0, 5], t: [4, 5]}], function(test) {
     cm.setValue("aaaaaaaaaa\nbbbbbbbbbb\ncccccccccc\ndddddddd\n");
     var r = cm.markText(Pos(0, 5), Pos(2, 5),
                         {className: "CodeMirror-matchingbracket"});
     cm.replaceRange(test.c, p(test.a), p(test.b));
     var f = r.find();
     eqPos(f && f.from, p(test.f)); eqPos(f && f.to, p(test.t));
   });
 });
 testCM("markTextUndo", function(cm) {
   var marker1, marker2, bookmark;
   marker1 = cm.markText(Pos(0, 1), Pos(0, 3),
                         {className: "CodeMirror-matchingbracket"});
   marker2 = cm.markText(Pos(0, 0), Pos(2, 1),
                         {className: "CodeMirror-matchingbracket"});
   bookmark = cm.setBookmark(Pos(1, 5));
   cm.operation(function(){
     cm.replaceRange("foo", Pos(0, 2));
     cm.replaceRange("bar\nbaz\nbug\n", Pos(2, 0), Pos(3, 0));
   });
   var v1 = cm.getValue();
   cm.setValue("");
   eq(marker1.find(), null); eq(marker2.find(), null); eq(bookmark.find(), null);
   cm.undo();
   eqPos(bookmark.find(), Pos(1, 5), "still there");
   cm.undo();
   var m1Pos = marker1.find(), m2Pos = marker2.find();
   eqPos(m1Pos.from, Pos(0, 1)); eqPos(m1Pos.to, Pos(0, 3));
   eqPos(m2Pos.from, Pos(0, 0)); eqPos(m2Pos.to, Pos(2, 1));
   eqPos(bookmark.find(), Pos(1, 5));
   cm.redo(); cm.redo();
   eq(bookmark.find(), null);
   cm.undo();
   eqPos(bookmark.find(), Pos(1, 5));
   eq(cm.getValue(), v1);
 }, {value: "1234\n56789\n00\n"});
 testCM("markTextStayGone", function(cm) {
   var m1 = cm.markText(Pos(0, 0), Pos(0, 1));
   cm.replaceRange("hi", Pos(0, 2));
   m1.clear();
   cm.undo();
   eq(m1.find(), null);
 }, {value: "hello"});
 testCM("markTextAllowEmpty", function(cm) {
   var m1 = cm.markText(Pos(0, 1), Pos(0, 2), {clearWhenEmpty: false});
   is(m1.find());
   cm.replaceRange("x", Pos(0, 0));
   is(m1.find());
   cm.replaceRange("y", Pos(0, 2));
   is(m1.find());
   cm.replaceRange("z", Pos(0, 3), Pos(0, 4));
   is(!m1.find());
   var m2 = cm.markText(Pos(0, 1), Pos(0, 2), {clearWhenEmpty: false,
                                               inclusiveLeft: true,
                                               inclusiveRight: true});
   cm.replaceRange("q", Pos(0, 1), Pos(0, 2));
   is(m2.find());
   cm.replaceRange("", Pos(0, 0), Pos(0, 3));
   is(!m2.find());
   var m3 = cm.markText(Pos(0, 1), Pos(0, 1), {clearWhenEmpty: false});
   cm.replaceRange("a", Pos(0, 3));
   is(m3.find());
   cm.replaceRange("b", Pos(0, 1));
   is(!m3.find());
 }, {value: "abcde"});
 testCM("markTextStacked", function(cm) {
   var m1 = cm.markText(Pos(0, 0), Pos(0, 0), {clearWhenEmpty: false});
   var m2 = cm.markText(Pos(0, 0), Pos(0, 0), {clearWhenEmpty: false});
   cm.replaceRange("B", Pos(0, 1));
   is(m1.find() && m2.find());
 }, {value: "A"});
 testCM("undoPreservesNewMarks", function(cm) {
   cm.markText(Pos(0, 3), Pos(0, 4));
   cm.markText(Pos(1, 1), Pos(1, 3));
   cm.replaceRange("", Pos(0, 3), Pos(3, 1));
   var mBefore = cm.markText(Pos(0, 0), Pos(0, 1));
   var mAfter = cm.markText(Pos(0, 5), Pos(0, 6));
   var mAround = cm.markText(Pos(0, 2), Pos(0, 4));
   cm.undo();
   eqPos(mBefore.find().from, Pos(0, 0));
   eqPos(mBefore.find().to, Pos(0, 1));
   eqPos(mAfter.find().from, Pos(3, 3));
   eqPos(mAfter.find().to, Pos(3, 4));
   eqPos(mAround.find().from, Pos(0, 2));
   eqPos(mAround.find().to, Pos(3, 2));
   var found = cm.findMarksAt(Pos(2, 2));
   eq(found.length, 1);
   eq(found[0], mAround);
 }, {value: "aaaa\nbbbb\ncccc\ndddd"});
 testCM("markClearBetween", function(cm) {
   cm.setValue("aaa\nbbb\nccc\nddd\n");
   cm.markText(Pos(0, 0), Pos(2));
   cm.replaceRange("aaa\nbbb\nccc", Pos(0, 0), Pos(2));
   eq(cm.findMarksAt(Pos(1, 1)).length, 0);
 });
 testCM("deleteSpanCollapsedInclusiveLeft", function(cm) {
   var from = Pos(1, 0), to = Pos(1, 1);
   var m = cm.markText(from, to, {collapsed: true, inclusiveLeft: true});
   // Delete collapsed span.
   cm.replaceRange("", from, to);
 }, {value: "abc\nX\ndef"});
 testCM("bookmark", function(cm) {
   function p(v) { return v && Pos(v[0], v[1]); }
   forEach([{a: [1, 0], b: [1, 1], c: "", d: [1, 4]},
            {a: [1, 1], b: [1, 1], c: "xx", d: [1, 7]},
            {a: [1, 4], b: [1, 5], c: "ab", d: [1, 6]},
            {a: [1, 4], b: [1, 6], c: "", d: null},
            {a: [1, 5], b: [1, 6], c: "abc", d: [1, 5]},
            {a: [1, 6], b: [1, 8], c: "", d: [1, 5]},
            {a: [1, 4], b: [1, 4], c: "\n\n", d: [3, 1]},
            {bm: [1, 9], a: [1, 1], b: [1, 1], c: "\n", d: [2, 8]}], function(test) {
     cm.setValue("1234567890\n1234567890\n1234567890");
     var b = cm.setBookmark(p(test.bm) || Pos(1, 5));
     cm.replaceRange(test.c, p(test.a), p(test.b));
     eqPos(b.find(), p(test.d));
   });
 });
 testCM("bookmarkInsertLeft", function(cm) {
   var br = cm.setBookmark(Pos(0, 2), {insertLeft: false});
   var bl = cm.setBookmark(Pos(0, 2), {insertLeft: true});
   cm.setCursor(Pos(0, 2));
   cm.replaceSelection("hi");
   eqPos(br.find(), Pos(0, 2));
   eqPos(bl.find(), Pos(0, 4));
   cm.replaceRange("", Pos(0, 4), Pos(0, 5));
   cm.replaceRange("", Pos(0, 2), Pos(0, 4));
   cm.replaceRange("", Pos(0, 1), Pos(0, 2));
   // Verify that deleting next to bookmarks doesn't kill them
   eqPos(br.find(), Pos(0, 1));
   eqPos(bl.find(), Pos(0, 1));
 }, {value: "abcdef"});
 testCM("bookmarkCursor", function(cm) {
   var pos01 = cm.cursorCoords(Pos(0, 1)), pos11 = cm.cursorCoords(Pos(1, 1)),
       pos20 = cm.cursorCoords(Pos(2, 0)), pos30 = cm.cursorCoords(Pos(3, 0)),
       pos41 = cm.cursorCoords(Pos(4, 1));
   cm.setBookmark(Pos(0, 1), {widget: document.createTextNode("←"), insertLeft: true});
   cm.setBookmark(Pos(2, 0), {widget: document.createTextNode("←"), insertLeft: true});
   cm.setBookmark(Pos(1, 1), {widget: document.createTextNode("→")});
   cm.setBookmark(Pos(3, 0), {widget: document.createTextNode("→")});
   var new01 = cm.cursorCoords(Pos(0, 1)), new11 = cm.cursorCoords(Pos(1, 1)),
       new20 = cm.cursorCoords(Pos(2, 0)), new30 = cm.cursorCoords(Pos(3, 0));
   near(new01.left, pos01.left, 1);
   near(new01.top, pos01.top, 1);
   is(new11.left > pos11.left, "at right, middle of line");
   near(new11.top == pos11.top, 1);
   near(new20.left, pos20.left, 1);
   near(new20.top, pos20.top, 1);
   is(new30.left > pos30.left, "at right, empty line");
   near(new30.top, pos30, 1);
   cm.setBookmark(Pos(4, 0), {widget: document.createTextNode("→")});
   is(cm.cursorCoords(Pos(4, 1)).left > pos41.left, "single-char bug");
 }, {value: "foo\nbar\n\n\nx\ny"});
 testCM("multiBookmarkCursor", function(cm) {
   if (phantom) return;
   var ms = [], m;
   function add(insertLeft) {
     for (var i = 0; i < 3; ++i) {
       var node = document.createElement("span");
       node.innerHTML = "X";
       ms.push(cm.setBookmark(Pos(0, 1), {widget: node, insertLeft: insertLeft}));
     }
   }
   var base1 = cm.cursorCoords(Pos(0, 1)).left, base4 = cm.cursorCoords(Pos(0, 4)).left;
   add(true);
   near(base1, cm.cursorCoords(Pos(0, 1)).left, 1);
   while (m = ms.pop()) m.clear();
   add(false);
   near(base4, cm.cursorCoords(Pos(0, 1)).left, 1);
 }, {value: "abcdefg"});
 testCM("getAllMarks", function(cm) {
   addDoc(cm, 10, 10);
   var m1 = cm.setBookmark(Pos(0, 2));
   var m2 = cm.markText(Pos(0, 2), Pos(3, 2));
   var m3 = cm.markText(Pos(1, 2), Pos(1, 8));
   var m4 = cm.markText(Pos(8, 0), Pos(9, 0));
   eq(cm.getAllMarks().length, 4);
   m1.clear();
   m3.clear();
   eq(cm.getAllMarks().length, 2);
 });
 testCM("bug577", function(cm) {
   cm.setValue("a\nb");
   cm.clearHistory();
   cm.setValue("fooooo");
   cm.undo();
 });
 testCM("scrollSnap", function(cm) {
   cm.setSize(100, 100);
   addDoc(cm, 200, 200);
   cm.setCursor(Pos(100, 180));
   var info = cm.getScrollInfo();
   is(info.left > 0 && info.top > 0);
   cm.setCursor(Pos(0, 0));
   info = cm.getScrollInfo();
   is(info.left == 0 && info.top == 0, "scrolled clean to top");
   cm.setCursor(Pos(100, 180));
   cm.setCursor(Pos(199, 0));
   info = cm.getScrollInfo();
   is(info.left == 0 && info.top + 2 > info.height - cm.getScrollerElement().clientHeight, "scrolled clean to bottom");
 });
 testCM("scrollIntoView", function(cm) {
   if (phantom) return;
   var outer = cm.getWrapperElement().getBoundingClientRect();
   function test(line, ch, msg) {
     var pos = Pos(line, ch);
     cm.scrollIntoView(pos);
     var box = cm.charCoords(pos, "window");
     is(box.left >= outer.left, msg + " (left)");
     is(box.right <= outer.right, msg + " (right)");
     is(box.top >= outer.top, msg + " (top)");
     is(box.bottom <= outer.bottom, msg + " (bottom)");
   }
   addDoc(cm, 200, 200);
   test(199, 199, "bottom right");
   test(0, 0, "top left");
   test(100, 100, "center");
   test(199, 0, "bottom left");
   test(0, 199, "top right");
   test(100, 100, "center again");
 });
 testCM("scrollBackAndForth", function(cm) {
   addDoc(cm, 1, 200);
   cm.operation(function() {
     cm.scrollIntoView(Pos(199, 0));
     cm.scrollIntoView(Pos(4, 0));
   });
   is(cm.getScrollInfo().top > 0);
 });
 testCM("selectAllNoScroll", function(cm) {
   addDoc(cm, 1, 200);
   cm.execCommand("selectAll");
   eq(cm.getScrollInfo().top, 0);
   cm.setCursor(199);
   cm.execCommand("selectAll");
   is(cm.getScrollInfo().top > 0);
 });
 testCM("selectionPos", function(cm) {
   if (phantom) return;
   cm.setSize(100, 100);
   addDoc(cm, 200, 100);
   cm.setSelection(Pos(1, 100), Pos(98, 100));
   var lineWidth = cm.charCoords(Pos(0, 200), "local").left;
   var lineHeight = (cm.charCoords(Pos(99)).top - cm.charCoords(Pos(0)).top) / 100;
   cm.scrollTo(0, 0);
   var selElt = byClassName(cm.getWrapperElement(), "CodeMirror-selected");
   var outer = cm.getWrapperElement().getBoundingClientRect();
   var sawMiddle, sawTop, sawBottom;
   for (var i = 0, e = selElt.length; i < e; ++i) {
     var box = selElt[i].getBoundingClientRect();
     var atLeft = box.left - outer.left < 30;
     var width = box.right - box.left;
     var atRight = box.right - outer.left > .8 * lineWidth;
     if (atLeft && atRight) {
       sawMiddle = true;
       is(box.bottom - box.top > 90 * lineHeight, "middle high");
       is(width > .9 * lineWidth, "middle wide");
     } else {
       is(width > .4 * lineWidth, "top/bot wide enough");
       is(width < .6 * lineWidth, "top/bot slim enough");
       if (atLeft) {
         sawBottom = true;
         is(box.top - outer.top > 96 * lineHeight, "bot below");
       } else if (atRight) {
         sawTop = true;
         is(box.top - outer.top < 2.1 * lineHeight, "top above");
       }
     }
   }
   is(sawTop && sawBottom && sawMiddle, "all parts");
 }, null);
 testCM("restoreHistory", function(cm) {
   cm.setValue("abc\ndef");
   cm.replaceRange("hello", Pos(1, 0), Pos(1));
   cm.replaceRange("goop", Pos(0, 0), Pos(0));
   cm.undo();
   var storedVal = cm.getValue(), storedHist = cm.getHistory();
   if (window.JSON) storedHist = JSON.parse(JSON.stringify(storedHist));
   eq(storedVal, "abc\nhello");
   cm.setValue("");
   cm.clearHistory();
   eq(cm.historySize().undo, 0);
   cm.setValue(storedVal);
   cm.setHistory(storedHist);
   cm.redo();
   eq(cm.getValue(), "goop\nhello");
   cm.undo(); cm.undo();
   eq(cm.getValue(), "abc\ndef");
 });
 testCM("doubleScrollbar", function(cm) {
   var dummy = document.body.appendChild(document.createElement("p"));
   dummy.style.cssText = "height: 50px; overflow: scroll; width: 50px";
   var scrollbarWidth = dummy.offsetWidth + 1 - dummy.clientWidth;
   document.body.removeChild(dummy);
   if (scrollbarWidth < 2) return;
   cm.setSize(null, 100);
   addDoc(cm, 1, 300);
   var wrap = cm.getWrapperElement();
   is(wrap.offsetWidth - byClassName(wrap, "CodeMirror-lines")[0].offsetWidth <= scrollbarWidth * 1.5);
 });
 testCM("weirdLinebreaks", function(cm) {
   cm.setValue("foo\nbar\rbaz\r\nquux\n\rplop");
   is(cm.getValue(), "foo\nbar\nbaz\nquux\n\nplop");
   is(cm.lineCount(), 6);
   cm.setValue("\n\n");
   is(cm.lineCount(), 3);
 });
 testCM("setSize", function(cm) {
   cm.setSize(100, 100);
   var wrap = cm.getWrapperElement();
   is(wrap.offsetWidth, 100);
   is(wrap.offsetHeight, 100);
   cm.setSize("100%", "3em");
   is(wrap.style.width, "100%");
   is(wrap.style.height, "3em");
   cm.setSize(null, 40);
   is(wrap.style.width, "100%");
   is(wrap.style.height, "40px");
 });
 function foldLines(cm, start, end, autoClear) {
   return cm.markText(Pos(start, 0), Pos(end - 1), {
     inclusiveLeft: true,
     inclusiveRight: true,
     collapsed: true,
     clearOnEnter: autoClear
   });
 }
 testCM("collapsedLines", function(cm) {
   addDoc(cm, 4, 10);
   var range = foldLines(cm, 4, 5), cleared = 0;
   CodeMirror.on(range, "clear", function() {cleared++;});
   cm.setCursor(Pos(3, 0));
   CodeMirror.commands.goLineDown(cm);
   eqPos(cm.getCursor(), Pos(5, 0));
   cm.replaceRange("abcdefg", Pos(3, 0), Pos(3));
   cm.setCursor(Pos(3, 6));
   CodeMirror.commands.goLineDown(cm);
   eqPos(cm.getCursor(), Pos(5, 4));
   cm.replaceRange("ab", Pos(3, 0), Pos(3));
   cm.setCursor(Pos(3, 2));
   CodeMirror.commands.goLineDown(cm);
   eqPos(cm.getCursor(), Pos(5, 2));
   cm.operation(function() {range.clear(); range.clear();});
   eq(cleared, 1);
 });
 testCM("collapsedRangeCoordsChar", function(cm) {
   var pos_1_3 = cm.charCoords(Pos(1, 3));
   pos_1_3.left += 2; pos_1_3.top += 2;
   var opts = {collapsed: true, inclusiveLeft: true, inclusiveRight: true};
   var m1 = cm.markText(Pos(0, 0), Pos(2, 0), opts);
   eqPos(cm.coordsChar(pos_1_3), Pos(3, 3));
   m1.clear();
   var m1 = cm.markText(Pos(0, 0), Pos(1, 1), {collapsed: true, inclusiveLeft: true});
   var m2 = cm.markText(Pos(1, 1), Pos(2, 0), {collapsed: true, inclusiveRight: true});
   eqPos(cm.coordsChar(pos_1_3), Pos(3, 3));
   m1.clear(); m2.clear();
   var m1 = cm.markText(Pos(0, 0), Pos(1, 6), opts);
   eqPos(cm.coordsChar(pos_1_3), Pos(3, 3));
 }, {value: "123456\nabcdef\nghijkl\nmnopqr\n"});
 testCM("collapsedRangeBetweenLinesSelected", function(cm) {
   var widget = document.createElement("span");
   widget.textContent = "\u2194";
   cm.markText(Pos(0, 3), Pos(1, 0), {replacedWith: widget});
   cm.setSelection(Pos(0, 3), Pos(1, 0));
   var selElts = byClassName(cm.getWrapperElement(), "CodeMirror-selected");
   for (var i = 0, w = 0; i < selElts.length; i++)
     w += selElts[i].offsetWidth;
   is(w > 0);
 }, {value: "one\ntwo"});
 testCM("randomCollapsedRanges", function(cm) {
   addDoc(cm, 20, 500);
   cm.operation(function() {
     for (var i = 0; i < 200; i++) {
       var start = Pos(Math.floor(Math.random() * 500), Math.floor(Math.random() * 20));
       if (i % 4)
         try { cm.markText(start, Pos(start.line + 2, 1), {collapsed: true}); }
         catch(e) { if (!/overlapping/.test(String(e))) throw e; }
       else
         cm.markText(start, Pos(start.line, start.ch + 4), {"className": "foo"});
     }
   });
 });
 testCM("hiddenLinesAutoUnfold", function(cm) {
   var range = foldLines(cm, 1, 3, true), cleared = 0;
   CodeMirror.on(range, "clear", function() {cleared++;});
   cm.setCursor(Pos(3, 0));
   eq(cleared, 0);
   cm.execCommand("goCharLeft");
   eq(cleared, 1);
   range = foldLines(cm, 1, 3, true);
   CodeMirror.on(range, "clear", function() {cleared++;});
   eqPos(cm.getCursor(), Pos(3, 0));
   cm.setCursor(Pos(0, 3));
   cm.execCommand("goCharRight");
   eq(cleared, 2);
 }, {value: "abc\ndef\nghi\njkl"});
 testCM("hiddenLinesSelectAll", function(cm) {  // Issue #484
   addDoc(cm, 4, 20);
   foldLines(cm, 0, 10);
   foldLines(cm, 11, 20);
   CodeMirror.commands.selectAll(cm);
   eqPos(cm.getCursor(true), Pos(10, 0));
   eqPos(cm.getCursor(false), Pos(10, 4));
 });
 testCM("everythingFolded", function(cm) {
   addDoc(cm, 2, 2);
   function enterPress() {
     cm.triggerOnKeyDown({type: "keydown", keyCode: 13, preventDefault: function(){}, stopPropagation: function(){}});
   }
   var fold = foldLines(cm, 0, 2);
   enterPress();
   eq(cm.getValue(), "xx\nxx");
   fold.clear();
   fold = foldLines(cm, 0, 2, true);
   eq(fold.find(), null);
   enterPress();
   eq(cm.getValue(), "\nxx\nxx");
 });
 testCM("structuredFold", function(cm) {
   if (phantom) return;
   addDoc(cm, 4, 8);
   var range = cm.markText(Pos(1, 2), Pos(6, 2), {
     replacedWith: document.createTextNode("Q")
   });
   cm.setCursor(0, 3);
   CodeMirror.commands.goLineDown(cm);
   eqPos(cm.getCursor(), Pos(6, 2));
   CodeMirror.commands.goCharLeft(cm);
   eqPos(cm.getCursor(), Pos(1, 2));
   CodeMirror.commands.delCharAfter(cm);
   eq(cm.getValue(), "xxxx\nxxxx\nxxxx");
   addDoc(cm, 4, 8);
   range = cm.markText(Pos(1, 2), Pos(6, 2), {
     replacedWith: document.createTextNode("M"),
     clearOnEnter: true
   });
   var cleared = 0;
   CodeMirror.on(range, "clear", function(){++cleared;});
   cm.setCursor(0, 3);
   CodeMirror.commands.goLineDown(cm);
   eqPos(cm.getCursor(), Pos(6, 2));
   CodeMirror.commands.goCharLeft(cm);
   eqPos(cm.getCursor(), Pos(6, 1));
   eq(cleared, 1);
   range.clear();
   eq(cleared, 1);
   range = cm.markText(Pos(1, 2), Pos(6, 2), {
     replacedWith: document.createTextNode("Q"),
     clearOnEnter: true
   });
   range.clear();
   cm.setCursor(1, 2);
   CodeMirror.commands.goCharRight(cm);
   eqPos(cm.getCursor(), Pos(1, 3));
   range = cm.markText(Pos(2, 0), Pos(4, 4), {
     replacedWith: document.createTextNode("M")
   });
   cm.setCursor(1, 0);
   CodeMirror.commands.goLineDown(cm);
   eqPos(cm.getCursor(), Pos(2, 0));
 }, null);
 testCM("nestedFold", function(cm) {
   addDoc(cm, 10, 3);
   function fold(ll, cl, lr, cr) {
     return cm.markText(Pos(ll, cl), Pos(lr, cr), {collapsed: true});
   }
   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);
   cm.setCursor(0, 1);
   CodeMirror.commands.goCharRight(cm);
   eqPos(cm.getCursor(), Pos(2, 3));
   inner0.clear();
   CodeMirror.commands.goCharLeft(cm);
   eqPos(cm.getCursor(), Pos(0, 1));
   outer.clear();
   CodeMirror.commands.goCharRight(cm);
   eqPos(cm.getCursor(), Pos(0, 2));
   CodeMirror.commands.goCharRight(cm);
   eqPos(cm.getCursor(), Pos(1, 8));
   inner2.clear();
   CodeMirror.commands.goCharLeft(cm);
   eqPos(cm.getCursor(), Pos(1, 7));
   cm.setCursor(0, 5);
   CodeMirror.commands.goCharRight(cm);
   eqPos(cm.getCursor(), Pos(0, 6));
   CodeMirror.commands.goCharRight(cm);
   eqPos(cm.getCursor(), Pos(1, 3));
 });
 testCM("badNestedFold", function(cm) {
   addDoc(cm, 4, 4);
   cm.markText(Pos(0, 2), Pos(3, 2), {collapsed: true});
   var caught;
   try {cm.markText(Pos(0, 1), Pos(0, 3), {collapsed: true});}
   catch(e) {caught = e;}
   is(caught instanceof Error, "no error");
   is(/overlap/i.test(caught.message), "wrong error");
 });
 testCM("nestedFoldOnSide", function(cm) {
   var m1 = cm.markText(Pos(0, 1), Pos(2, 1), {collapsed: true, inclusiveRight: true});
   var m2 = cm.markText(Pos(0, 1), Pos(0, 2), {collapsed: true});
   cm.markText(Pos(0, 1), Pos(0, 2), {collapsed: true}).clear();
   try { cm.markText(Pos(0, 1), Pos(0, 2), {collapsed: true, inclusiveLeft: true}); }
   catch(e) { var caught = e; }
   is(caught && /overlap/i.test(caught.message));
   var m3 = cm.markText(Pos(2, 0), Pos(2, 1), {collapsed: true});
   var m4 = cm.markText(Pos(2, 0), Pos(2, 1), {collapse: true, inclusiveRight: true});
   m1.clear(); m4.clear();
   m1 = cm.markText(Pos(0, 1), Pos(2, 1), {collapsed: true});
   cm.markText(Pos(2, 0), Pos(2, 1), {collapsed: true}).clear();
   try { cm.markText(Pos(2, 0), Pos(2, 1), {collapsed: true, inclusiveRight: true}); }
   catch(e) { var caught = e; }
   is(caught && /overlap/i.test(caught.message));
 }, {value: "ab\ncd\ef"});
 testCM("editInFold", function(cm) {
   addDoc(cm, 4, 6);
   var m = cm.markText(Pos(1, 2), Pos(3, 2), {collapsed: true});
   cm.replaceRange("", Pos(0, 0), Pos(1, 3));
   cm.replaceRange("", Pos(2, 1), Pos(3, 3));
   cm.replaceRange("a\nb\nc\nd", Pos(0, 1), Pos(1, 0));
   cm.cursorCoords(Pos(0, 0));
 });
 testCM("wrappingInlineWidget", function(cm) {
   cm.setSize("11em");
   var w = document.createElement("span");
   w.style.color = "red";
   w.innerHTML = "one two three four";
   cm.markText(Pos(0, 6), Pos(0, 9), {replacedWith: w});
   var cur0 = cm.cursorCoords(Pos(0, 0)), cur1 = cm.cursorCoords(Pos(0, 10));
   is(cur0.top < cur1.top);
   is(cur0.bottom < cur1.bottom);
   var curL = cm.cursorCoords(Pos(0, 6)), curR = cm.cursorCoords(Pos(0, 9));
   eq(curL.top, cur0.top);
   eq(curL.bottom, cur0.bottom);
   eq(curR.top, cur1.top);
   eq(curR.bottom, cur1.bottom);
   cm.replaceRange("", Pos(0, 9), Pos(0));
   curR = cm.cursorCoords(Pos(0, 9));
   if (phantom) return;
   eq(curR.top, cur1.top);
   eq(curR.bottom, cur1.bottom);
 }, {value: "1 2 3 xxx 4", lineWrapping: true});
 testCM("changedInlineWidget", function(cm) {
   cm.setSize("10em");
   var w = document.createElement("span");
   w.innerHTML = "x";
   var m = cm.markText(Pos(0, 4), Pos(0, 5), {replacedWith: w});
   w.innerHTML = "and now the widget is really really long all of a sudden and a scrollbar is needed";
   m.changed();
   var hScroll = byClassName(cm.getWrapperElement(), "CodeMirror-hscrollbar")[0];
   is(hScroll.scrollWidth > hScroll.clientWidth);
 }, {value: "hello there"});
 testCM("changedBookmark", function(cm) {
   cm.setSize("10em");
   var w = document.createElement("span");
   w.innerHTML = "x";
   var m = cm.setBookmark(Pos(0, 4), {widget: w});
   w.innerHTML = "and now the widget is really really long all of a sudden and a scrollbar is needed";
   m.changed();
   var hScroll = byClassName(cm.getWrapperElement(), "CodeMirror-hscrollbar")[0];
   is(hScroll.scrollWidth > hScroll.clientWidth);
 }, {value: "abcdefg"});
 testCM("inlineWidget", function(cm) {
   var w = cm.setBookmark(Pos(0, 2), {widget: document.createTextNode("uu")});
   cm.setCursor(0, 2);
   CodeMirror.commands.goLineDown(cm);
   eqPos(cm.getCursor(), Pos(1, 4));
   cm.setCursor(0, 2);
   cm.replaceSelection("hi");
   eqPos(w.find(), Pos(0, 2));
   cm.setCursor(0, 1);
   cm.replaceSelection("ay");
   eqPos(w.find(), Pos(0, 4));
   eq(cm.getLine(0), "uayuhiuu");
 }, {value: "uuuu\nuuuuuu"});
 testCM("wrappingAndResizing", function(cm) {
   cm.setSize(null, "auto");
   cm.setOption("lineWrapping", true);
   var wrap = cm.getWrapperElement(), h0 = wrap.offsetHeight;
   var doc = "xxx xxx xxx xxx xxx";
   cm.setValue(doc);
   for (var step = 10, w = cm.charCoords(Pos(0, 18), "div").right;; w += step) {
     cm.setSize(w);
     if (wrap.offsetHeight <= h0 * (opera_lt10 ? 1.2 : 1.5)) {
       if (step == 10) { w -= 10; step = 1; }
       else break;
     }
   }
   // Ensure that putting the cursor at the end of the maximally long
   // line doesn't cause wrapping to happen.
   cm.setCursor(Pos(0, doc.length));
   eq(wrap.offsetHeight, h0);
   cm.replaceSelection("x");
   is(wrap.offsetHeight > h0, "wrapping happens");
   // Now add a max-height and, in a document consisting of
   // almost-wrapped lines, go over it so that a scrollbar appears.
   cm.setValue(doc + "\n" + doc + "\n");
   cm.getScrollerElement().style.maxHeight = "100px";
   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));
   forEach([Pos(0, doc.length), Pos(0, doc.length - 1),
            Pos(0, 0), Pos(1, doc.length), Pos(1, doc.length - 1)],
           function(pos) {
     var coords = cm.charCoords(pos);
     eqPos(pos, cm.coordsChar({left: coords.left + 2, top: coords.top + 5}));
   });
 }, null, ie_lt8);
 testCM("measureEndOfLine", function(cm) {
   cm.setSize(null, "auto");
   var inner = byClassName(cm.getWrapperElement(), "CodeMirror-lines")[0].firstChild;
   var lh = inner.offsetHeight;
   for (var step = 10, w = cm.charCoords(Pos(0, 7), "div").right;; w += step) {
     cm.setSize(w);
     if (inner.offsetHeight < 2.5 * lh) {
       if (step == 10) { w -= 10; step = 1; }
       else break;
     }
   }
   cm.setValue(cm.getValue() + "\n\n");
   var endPos = cm.charCoords(Pos(0, 18), "local");
   is(endPos.top > lh * .8, "not at top");
   is(endPos.left > w - 20, "not at right");
   endPos = cm.charCoords(Pos(0, 18));
   eqPos(cm.coordsChar({left: endPos.left, top: endPos.top + 5}), Pos(0, 18));
 }, {mode: "text/html", value: "<!-- foo barrr -->", lineWrapping: true}, ie_lt8 || opera_lt10);
 testCM("scrollVerticallyAndHorizontally", function(cm) {
   cm.setSize(100, 100);
   addDoc(cm, 40, 40);
   cm.setCursor(39);
   var wrap = cm.getWrapperElement(), bar = byClassName(wrap, "CodeMirror-vscrollbar")[0];
   is(bar.offsetHeight < wrap.offsetHeight, "vertical scrollbar limited by horizontal one");
   var cursorBox = byClassName(wrap, "CodeMirror-cursor")[0].getBoundingClientRect();
   var editorBox = wrap.getBoundingClientRect();
   is(cursorBox.bottom < editorBox.top + cm.getScrollerElement().clientHeight,
      "bottom line visible");
 }, {lineNumbers: true});
 testCM("moveVstuck", function(cm) {
   var lines = byClassName(cm.getWrapperElement(), "CodeMirror-lines")[0].firstChild, h0 = lines.offsetHeight;
   var val = "fooooooooooooooooooooooooo baaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaar\n";
   cm.setValue(val);
   for (var w = cm.charCoords(Pos(0, 26), "div").right * 2.8;; w += 5) {
     cm.setSize(w);
     if (lines.offsetHeight <= 3.5 * h0) break;
   }
   cm.setCursor(Pos(0, val.length - 1));
   cm.moveV(-1, "line");
   eqPos(cm.getCursor(), Pos(0, 26));
 }, {lineWrapping: true}, ie_lt8 || opera_lt10);
 testCM("collapseOnMove", function(cm) {
   cm.setSelection(Pos(0, 1), Pos(2, 4));
   cm.execCommand("goLineUp");
   is(!cm.somethingSelected());
   eqPos(cm.getCursor(), Pos(0, 1));
   cm.setSelection(Pos(0, 1), Pos(2, 4));
   cm.execCommand("goPageDown");
   is(!cm.somethingSelected());
   eqPos(cm.getCursor(), Pos(2, 4));
   cm.execCommand("goLineUp");
   cm.execCommand("goLineUp");
   eqPos(cm.getCursor(), Pos(0, 4));
   cm.setSelection(Pos(0, 1), Pos(2, 4));
   cm.execCommand("goCharLeft");
   is(!cm.somethingSelected());
   eqPos(cm.getCursor(), Pos(0, 1));
 }, {value: "aaaaa\nb\nccccc"});
 testCM("clickTab", function(cm) {
   var p0 = cm.charCoords(Pos(0, 0));
   eqPos(cm.coordsChar({left: p0.left + 5, top: p0.top + 5}), Pos(0, 0));
   eqPos(cm.coordsChar({left: p0.right - 5, top: p0.top + 5}), Pos(0, 1));
 }, {value: "\t\n\n", lineWrapping: true, tabSize: 8});
 testCM("verticalScroll", function(cm) {
   cm.setSize(100, 200);
   cm.setValue("foo\nbar\nbaz\n");
   var sc = cm.getScrollerElement(), baseWidth = sc.scrollWidth;
   cm.replaceRange("aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaah", Pos(0, 0), Pos(0));
   is(sc.scrollWidth > baseWidth, "scrollbar present");
   cm.replaceRange("foo", Pos(0, 0), Pos(0));
   if (!phantom) eq(sc.scrollWidth, baseWidth, "scrollbar gone");
   cm.replaceRange("aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaah", Pos(0, 0), Pos(0));
   cm.replaceRange("bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbh", Pos(1, 0), Pos(1));
   is(sc.scrollWidth > baseWidth, "present again");
   var curWidth = sc.scrollWidth;
   cm.replaceRange("foo", Pos(0, 0), Pos(0));
   is(sc.scrollWidth < curWidth, "scrollbar smaller");
   is(sc.scrollWidth > baseWidth, "but still present");
 });
 testCM("extraKeys", function(cm) {
   var outcome;
   function fakeKey(expected, code, props) {
     if (typeof code == "string") code = code.charCodeAt(0);
     var e = {type: "keydown", keyCode: code, preventDefault: function(){}, stopPropagation: function(){}};
     if (props) for (var n in props) e[n] = props[n];
     outcome = null;
     cm.triggerOnKeyDown(e);
     eq(outcome, expected);
   }
   CodeMirror.commands.testCommand = function() {outcome = "tc";};
   CodeMirror.commands.goTestCommand = function() {outcome = "gtc";};
   cm.setOption("extraKeys", {"Shift-X": function() {outcome = "sx";},
                              "X": function() {outcome = "x";},
                              "Ctrl-Alt-U": function() {outcome = "cau";},
                              "End": "testCommand",
                              "Home": "goTestCommand",
                              "Tab": false});
   fakeKey(null, "U");
   fakeKey("cau", "U", {ctrlKey: true, altKey: true});
   fakeKey(null, "U", {shiftKey: true, ctrlKey: true, altKey: true});
   fakeKey("x", "X");
   fakeKey("sx", "X", {shiftKey: true});
   fakeKey("tc", 35);
   fakeKey(null, 35, {shiftKey: true});
   fakeKey("gtc", 36);
   fakeKey("gtc", 36, {shiftKey: true});
   fakeKey(null, 9);
 }, null, window.opera && mac);
 testCM("wordMovementCommands", function(cm) {
   cm.execCommand("goWordLeft");
   eqPos(cm.getCursor(), Pos(0, 0));
   cm.execCommand("goWordRight"); cm.execCommand("goWordRight");
   eqPos(cm.getCursor(), Pos(0, 7));
   cm.execCommand("goWordLeft");
   eqPos(cm.getCursor(), Pos(0, 5));
   cm.execCommand("goWordRight"); cm.execCommand("goWordRight");
   eqPos(cm.getCursor(), Pos(0, 12));
   cm.execCommand("goWordLeft");
   eqPos(cm.getCursor(), Pos(0, 9));
   cm.execCommand("goWordRight"); cm.execCommand("goWordRight"); cm.execCommand("goWordRight");
   eqPos(cm.getCursor(), Pos(0, 24));
   cm.execCommand("goWordRight"); cm.execCommand("goWordRight");
   eqPos(cm.getCursor(), Pos(1, 9));
   cm.execCommand("goWordRight");
   eqPos(cm.getCursor(), Pos(1, 13));
   cm.execCommand("goWordRight"); cm.execCommand("goWordRight");
   eqPos(cm.getCursor(), Pos(2, 0));
 }, {value: "this is (the) firstline.\na foo12\u00e9\u00f8\u00d7bar\n"});
 testCM("groupMovementCommands", function(cm) {
   cm.execCommand("goGroupLeft");
   eqPos(cm.getCursor(), Pos(0, 0));
   cm.execCommand("goGroupRight");
   eqPos(cm.getCursor(), Pos(0, 4));
   cm.execCommand("goGroupRight");
   eqPos(cm.getCursor(), Pos(0, 7));
   cm.execCommand("goGroupRight");
   eqPos(cm.getCursor(), Pos(0, 10));
   cm.execCommand("goGroupLeft");
   eqPos(cm.getCursor(), Pos(0, 7));
   cm.execCommand("goGroupRight"); cm.execCommand("goGroupRight"); cm.execCommand("goGroupRight");
   eqPos(cm.getCursor(), Pos(0, 15));
   cm.setCursor(Pos(0, 17));
   cm.execCommand("goGroupLeft");
   eqPos(cm.getCursor(), Pos(0, 16));
   cm.execCommand("goGroupLeft");
   eqPos(cm.getCursor(), Pos(0, 14));
   cm.execCommand("goGroupRight"); cm.execCommand("goGroupRight");
   eqPos(cm.getCursor(), Pos(0, 20));
   cm.execCommand("goGroupRight");
   eqPos(cm.getCursor(), Pos(1, 0));
   cm.execCommand("goGroupRight");
   eqPos(cm.getCursor(), Pos(1, 2));
   cm.execCommand("goGroupRight");
   eqPos(cm.getCursor(), Pos(1, 5));
   cm.execCommand("goGroupLeft"); cm.execCommand("goGroupLeft");
   eqPos(cm.getCursor(), Pos(1, 0));
   cm.execCommand("goGroupLeft");
   eqPos(cm.getCursor(), Pos(0, 20));
   cm.execCommand("goGroupLeft");
   eqPos(cm.getCursor(), Pos(0, 16));
 }, {value: "booo ba---quux. ffff\n  abc d"});
 testCM("groupsAndWhitespace", function(cm) {
   var positions = [Pos(0, 0), Pos(0, 2), Pos(0, 5), Pos(0, 9), Pos(0, 11),
                    Pos(1, 0), Pos(1, 2), Pos(1, 5)];
   for (var i = 1; i < positions.length; i++) {
     cm.execCommand("goGroupRight");
     eqPos(cm.getCursor(), positions[i]);
   }
   for (var i = positions.length - 2; i >= 0; i--) {
     cm.execCommand("goGroupLeft");
     eqPos(cm.getCursor(), i == 2 ? Pos(0, 6) : positions[i]);
   }
 }, {value: "  foo +++  \n  bar"});
 testCM("charMovementCommands", function(cm) {
   cm.execCommand("goCharLeft"); cm.execCommand("goColumnLeft");
   eqPos(cm.getCursor(), Pos(0, 0));
   cm.execCommand("goCharRight"); cm.execCommand("goCharRight");
   eqPos(cm.getCursor(), Pos(0, 2));
   cm.setCursor(Pos(1, 0));
   cm.execCommand("goColumnLeft");
   eqPos(cm.getCursor(), Pos(1, 0));
   cm.execCommand("goCharLeft");
   eqPos(cm.getCursor(), Pos(0, 5));
   cm.execCommand("goColumnRight");
   eqPos(cm.getCursor(), Pos(0, 5));
   cm.execCommand("goCharRight");
   eqPos(cm.getCursor(), Pos(1, 0));
   cm.execCommand("goLineEnd");
   eqPos(cm.getCursor(), Pos(1, 5));
   cm.execCommand("goLineStartSmart");
   eqPos(cm.getCursor(), Pos(1, 1));
   cm.execCommand("goLineStartSmart");
   eqPos(cm.getCursor(), Pos(1, 0));
   cm.setCursor(Pos(2, 0));
   cm.execCommand("goCharRight"); cm.execCommand("goColumnRight");
   eqPos(cm.getCursor(), Pos(2, 0));
 }, {value: "line1\n ine2\n"});
 testCM("verticalMovementCommands", function(cm) {
   cm.execCommand("goLineUp");
   eqPos(cm.getCursor(), Pos(0, 0));
   cm.execCommand("goLineDown");
   if (!phantom) // This fails in PhantomJS, though not in a real Webkit
     eqPos(cm.getCursor(), Pos(1, 0));
   cm.setCursor(Pos(1, 12));
   cm.execCommand("goLineDown");
   eqPos(cm.getCursor(), Pos(2, 5));
   cm.execCommand("goLineDown");
   eqPos(cm.getCursor(), Pos(3, 0));
   cm.execCommand("goLineUp");
   eqPos(cm.getCursor(), Pos(2, 5));
   cm.execCommand("goLineUp");
   eqPos(cm.getCursor(), Pos(1, 12));
   cm.execCommand("goPageDown");
   eqPos(cm.getCursor(), Pos(5, 0));
   cm.execCommand("goPageDown"); cm.execCommand("goLineDown");
   eqPos(cm.getCursor(), Pos(5, 0));
   cm.execCommand("goPageUp");
   eqPos(cm.getCursor(), Pos(0, 0));
 }, {value: "line1\nlong long line2\nline3\n\nline5\n"});
 testCM("verticalMovementCommandsWrapping", function(cm) {
   cm.setSize(120);
   cm.setCursor(Pos(0, 5));
   cm.execCommand("goLineDown");
   eq(cm.getCursor().line, 0);
   is(cm.getCursor().ch > 5, "moved beyond wrap");
   for (var i = 0; ; ++i) {
     is(i < 20, "no endless loop");
     cm.execCommand("goLineDown");
     var cur = cm.getCursor();
     if (cur.line == 1) eq(cur.ch, 5);
     if (cur.line == 2) { eq(cur.ch, 1); break; }
   }
 }, {value: "a very long line that wraps around somehow so that we can test cursor movement\nshortone\nk",
     lineWrapping: true});
 testCM("rtlMovement", function(cm) {
   forEach(["خحج", "خحabcخحج", "abخحخحجcd", "abخde", "abخح2342خ1حج", "خ1ح2خح3حxج",
            "خحcd", "1خحcd", "abcdeح1ج", "خمرحبها مها!", "foobarر", "خ ة ق",
            "<img src=\"/בדיקה3.jpg\">"], function(line) {
     var inv = line.charAt(0) == "خ";
     cm.setValue(line + "\n"); cm.execCommand(inv ? "goLineEnd" : "goLineStart");
     var cursors = byClassName(cm.getWrapperElement(), "CodeMirror-cursors")[0];
     var cursor = cursors.firstChild;
     var prevX = cursor.offsetLeft, prevY = cursor.offsetTop;
     for (var i = 0; i <= line.length; ++i) {
       cm.execCommand("goCharRight");
       cursor = cursors.firstChild;
       if (i == line.length) is(cursor.offsetTop > prevY, "next line");
       else is(cursor.offsetLeft > prevX, "moved right");
       prevX = cursor.offsetLeft; prevY = cursor.offsetTop;
     }
     cm.setCursor(0, 0); cm.execCommand(inv ? "goLineStart" : "goLineEnd");
     prevX = cursors.firstChild.offsetLeft;
     for (var i = 0; i < line.length; ++i) {
       cm.execCommand("goCharLeft");
       cursor = cursors.firstChild;
       is(cursor.offsetLeft < prevX, "moved left");
       prevX = cursor.offsetLeft;
     }
   });
 }, null, ie_lt9);
 // Verify that updating a line clears its bidi ordering
 testCM("bidiUpdate", function(cm) {
   cm.setCursor(Pos(0, 2));
   cm.replaceSelection("خحج", "start");
   cm.execCommand("goCharRight");
   eqPos(cm.getCursor(), Pos(0, 4));
 }, {value: "abcd\n"});
 testCM("movebyTextUnit", function(cm) {
   cm.setValue("בְּרֵאשִ\nééé́\n");
   cm.execCommand("goLineEnd");
   for (var i = 0; i < 4; ++i) cm.execCommand("goCharRight");
   eqPos(cm.getCursor(), Pos(0, 0));
   cm.execCommand("goCharRight");
   eqPos(cm.getCursor(), Pos(1, 0));
   cm.execCommand("goCharRight");
   cm.execCommand("goCharRight");
   eqPos(cm.getCursor(), Pos(1, 4));
   cm.execCommand("goCharRight");
   eqPos(cm.getCursor(), Pos(1, 7));
 });
 testCM("lineChangeEvents", function(cm) {
   addDoc(cm, 3, 5);
   var log = [], want = ["ch 0", "ch 1", "del 2", "ch 0", "ch 0", "del 1", "del 3", "del 4"];
   for (var i = 0; i < 5; ++i) {
     CodeMirror.on(cm.getLineHandle(i), "delete", function(i) {
       return function() {log.push("del " + i);};
     }(i));
     CodeMirror.on(cm.getLineHandle(i), "change", function(i) {
       return function() {log.push("ch " + i);};
     }(i));
   }
   cm.replaceRange("x", Pos(0, 1));
   cm.replaceRange("xy", Pos(1, 1), Pos(2));
   cm.replaceRange("foo\nbar", Pos(0, 1));
   cm.replaceRange("", Pos(0, 0), Pos(cm.lineCount()));
   eq(log.length, want.length, "same length");
   for (var i = 0; i < log.length; ++i)
     eq(log[i], want[i]);
 });
 testCM("scrollEntirelyToRight", function(cm) {
   if (phantom) return;
   addDoc(cm, 500, 2);
   cm.setCursor(Pos(0, 500));
   var wrap = cm.getWrapperElement(), cur = byClassName(wrap, "CodeMirror-cursor")[0];
   is(wrap.getBoundingClientRect().right > cur.getBoundingClientRect().left);
 });
 testCM("lineWidgets", function(cm) {
   addDoc(cm, 500, 3);
   var last = cm.charCoords(Pos(2, 0));
   var node = document.createElement("div");
   node.innerHTML = "hi";
   var widget = cm.addLineWidget(1, node);
   is(last.top < cm.charCoords(Pos(2, 0)).top, "took up space");
   cm.setCursor(Pos(1, 1));
   cm.execCommand("goLineDown");
   eqPos(cm.getCursor(), Pos(2, 1));
   cm.execCommand("goLineUp");
   eqPos(cm.getCursor(), Pos(1, 1));
 });
 testCM("lineWidgetFocus", function(cm) {
   var place = document.getElementById("testground");
   place.className = "offscreen";
   try {
     addDoc(cm, 500, 10);
     var node = document.createElement("input");
     var widget = cm.addLineWidget(1, node);
     node.focus();
     eq(document.activeElement, node);
     cm.replaceRange("new stuff", Pos(1, 0));
     eq(document.activeElement, node);
   } finally {
     place.className = "";
   }
 });
 testCM("lineWidgetCautiousRedraw", function(cm) {
   var node = document.createElement("div");
   node.innerHTML = "hahah";
   var w = cm.addLineWidget(0, node);
   var redrawn = false;
   w.on("redraw", function() { redrawn = true; });
   cm.replaceSelection("0");
   is(!redrawn);
 }, {value: "123\n456"});
 testCM("lineWidgetChanged", function(cm) {
   addDoc(cm, 2, 300);
   cm.setSize(null, cm.defaultTextHeight() * 50);
   cm.scrollTo(null, cm.heightAtLine(125, "local"));
   function w() {
     var node = document.createElement("div");
     node.style.cssText = "background: yellow; height: 50px;";
     return node;
   }
   var info0 = cm.getScrollInfo();
   var w0 = cm.addLineWidget(0, w());
   var w150 = cm.addLineWidget(150, w());
   var w300 = cm.addLineWidget(300, w());
   var info1 = cm.getScrollInfo();
   eq(info0.height + 150, info1.height);
   eq(info0.top + 50, info1.top);
   w0.node.style.height = w150.node.style.height = w300.node.style.height = "10px";
   w0.changed(); w150.changed(); w300.changed();
   var info2 = cm.getScrollInfo();
   eq(info0.height + 30, info2.height);
   eq(info0.top + 10, info2.top);
 });
 testCM("getLineNumber", function(cm) {
   addDoc(cm, 2, 20);
   var h1 = cm.getLineHandle(1);
   eq(cm.getLineNumber(h1), 1);
   cm.replaceRange("hi\nbye\n", Pos(0, 0));
   eq(cm.getLineNumber(h1), 3);
   cm.setValue("");
   eq(cm.getLineNumber(h1), null);
 });
 testCM("jumpTheGap", function(cm) {
   if (phantom) return;
   var longLine = "abcdef ghiklmnop qrstuvw xyz ";
   longLine += longLine; longLine += longLine; longLine += longLine;
   cm.replaceRange(longLine, Pos(2, 0), Pos(2));
   cm.setSize("200px", null);
   cm.getWrapperElement().style.lineHeight = 2;
   cm.refresh();
   cm.setCursor(Pos(0, 1));
   cm.execCommand("goLineDown");
   eqPos(cm.getCursor(), Pos(1, 1));
   cm.execCommand("goLineDown");
   eqPos(cm.getCursor(), Pos(2, 1));
   cm.execCommand("goLineDown");
   eq(cm.getCursor().line, 2);
   is(cm.getCursor().ch > 1);
   cm.execCommand("goLineUp");
   eqPos(cm.getCursor(), Pos(2, 1));
   cm.execCommand("goLineUp");
   eqPos(cm.getCursor(), Pos(1, 1));
   var node = document.createElement("div");
   node.innerHTML = "hi"; node.style.height = "30px";
   cm.addLineWidget(0, node);
   cm.addLineWidget(1, node.cloneNode(true), {above: true});
   cm.setCursor(Pos(0, 2));
   cm.execCommand("goLineDown");
   eqPos(cm.getCursor(), Pos(1, 2));
   cm.execCommand("goLineUp");
   eqPos(cm.getCursor(), Pos(0, 2));
 }, {lineWrapping: true, value: "abc\ndef\nghi\njkl\n"});
 testCM("addLineClass", function(cm) {
   function cls(line, text, bg, wrap) {
     var i = cm.lineInfo(line);
     eq(i.textClass, text);
     eq(i.bgClass, bg);
     eq(i.wrapClass, wrap);
   }
   cm.addLineClass(0, "text", "foo");
   cm.addLineClass(0, "text", "bar");
   cm.addLineClass(1, "background", "baz");
   cm.addLineClass(1, "wrap", "foo");
   cls(0, "foo bar", null, null);
   cls(1, null, "baz", "foo");
   var lines = cm.display.lineDiv;
   eq(byClassName(lines, "foo").length, 2);
   eq(byClassName(lines, "bar").length, 1);
   eq(byClassName(lines, "baz").length, 1);
   cm.removeLineClass(0, "text", "foo");
   cls(0, "bar", null, null);
   cm.removeLineClass(0, "text", "foo");
   cls(0, "bar", null, null);
   cm.removeLineClass(0, "text", "bar");
   cls(0, null, null, null);
   cm.addLineClass(1, "wrap", "quux");
   cls(1, null, "baz", "foo quux");
   cm.removeLineClass(1, "wrap");
   cls(1, null, "baz", null);
 }, {value: "hohoho\n"});
 testCM("atomicMarker", function(cm) {
   addDoc(cm, 10, 10);
   function atom(ll, cl, lr, cr, li, ri) {
     return cm.markText(Pos(ll, cl), Pos(lr, cr),
                        {atomic: true, inclusiveLeft: li, inclusiveRight: ri});
   }
   var m = atom(0, 1, 0, 5);
   cm.setCursor(Pos(0, 1));
   cm.execCommand("goCharRight");
   eqPos(cm.getCursor(), Pos(0, 5));
   cm.execCommand("goCharLeft");
   eqPos(cm.getCursor(), Pos(0, 1));
   m.clear();
   m = atom(0, 0, 0, 5, true);
   eqPos(cm.getCursor(), Pos(0, 5), "pushed out");
   cm.execCommand("goCharLeft");
   eqPos(cm.getCursor(), Pos(0, 5));
   m.clear();
   m = atom(8, 4, 9, 10, false, true);
   cm.setCursor(Pos(9, 8));
   eqPos(cm.getCursor(), Pos(8, 4), "set");
   cm.execCommand("goCharRight");
   eqPos(cm.getCursor(), Pos(8, 4), "char right");
   cm.execCommand("goLineDown");
   eqPos(cm.getCursor(), Pos(8, 4), "line down");
   cm.execCommand("goCharLeft");
   eqPos(cm.getCursor(), Pos(8, 3));
   m.clear();
   m = atom(1, 1, 3, 8);
   cm.setCursor(Pos(0, 0));
   cm.setCursor(Pos(2, 0));
   eqPos(cm.getCursor(), Pos(3, 8));
   cm.execCommand("goCharLeft");
   eqPos(cm.getCursor(), Pos(1, 1));
   cm.execCommand("goCharRight");
   eqPos(cm.getCursor(), Pos(3, 8));
   cm.execCommand("goLineUp");
   eqPos(cm.getCursor(), Pos(1, 1));
   cm.execCommand("goLineDown");
   eqPos(cm.getCursor(), Pos(3, 8));
   cm.execCommand("delCharBefore");
   eq(cm.getValue().length, 80, "del chunk");
   m = atom(3, 0, 5, 5);
   cm.setCursor(Pos(3, 0));
   cm.execCommand("delWordAfter");
   eq(cm.getValue().length, 53, "del chunk");
 });
 testCM("readOnlyMarker", function(cm) {
   function mark(ll, cl, lr, cr, at) {
     return cm.markText(Pos(ll, cl), Pos(lr, cr),
                        {readOnly: true, atomic: at});
   }
   var m = mark(0, 1, 0, 4);
   cm.setCursor(Pos(0, 2));
   cm.replaceSelection("hi", "end");
   eqPos(cm.getCursor(), Pos(0, 2));
   eq(cm.getLine(0), "abcde");
   cm.execCommand("selectAll");
   cm.replaceSelection("oops", "around");
   eq(cm.getValue(), "oopsbcd");
   cm.undo();
   eqPos(m.find().from, Pos(0, 1));
   eqPos(m.find().to, Pos(0, 4));
   m.clear();
   cm.setCursor(Pos(0, 2));
   cm.replaceSelection("hi", "around");
   eq(cm.getLine(0), "abhicde");
   eqPos(cm.getCursor(), Pos(0, 4));
   m = mark(0, 2, 2, 2, true);
   cm.setSelection(Pos(1, 1), Pos(2, 4));
   cm.replaceSelection("t", "end");
   eqPos(cm.getCursor(), Pos(2, 3));
   eq(cm.getLine(2), "klto");
   cm.execCommand("goCharLeft");
   cm.execCommand("goCharLeft");
   eqPos(cm.getCursor(), Pos(0, 2));
   cm.setSelection(Pos(0, 1), Pos(0, 3));
   cm.replaceSelection("xx", "around");
   eqPos(cm.getCursor(), Pos(0, 3));
   eq(cm.getLine(0), "axxhicde");
 }, {value: "abcde\nfghij\nklmno\n"});
 testCM("dirtyBit", function(cm) {
   eq(cm.isClean(), true);
   cm.replaceSelection("boo", null, "test");
   eq(cm.isClean(), false);
   cm.undo();
   eq(cm.isClean(), true);
   cm.replaceSelection("boo", null, "test");
   cm.replaceSelection("baz", null, "test");
   cm.undo();
   eq(cm.isClean(), false);
   cm.markClean();
   eq(cm.isClean(), true);
   cm.undo();
   eq(cm.isClean(), false);
   cm.redo();
   eq(cm.isClean(), true);
 });
 testCM("changeGeneration", function(cm) {
   cm.replaceSelection("x");
   var softGen = cm.changeGeneration();
   cm.replaceSelection("x");
   cm.undo();
   eq(cm.getValue(), "");
   is(!cm.isClean(softGen));
   cm.replaceSelection("x");
   var hardGen = cm.changeGeneration(true);
   cm.replaceSelection("x");
   cm.undo();
   eq(cm.getValue(), "x");
   is(cm.isClean(hardGen));
 });
 testCM("addKeyMap", function(cm) {
   function sendKey(code) {
     cm.triggerOnKeyDown({type: "keydown", keyCode: code,
                          preventDefault: function(){}, stopPropagation: function(){}});
   }
   sendKey(39);
   eqPos(cm.getCursor(), Pos(0, 1));
   var test = 0;
   var map1 = {Right: function() { ++test; }}, map2 = {Right: function() { test += 10; }}
   cm.addKeyMap(map1);
   sendKey(39);
   eqPos(cm.getCursor(), Pos(0, 1));
   eq(test, 1);
   cm.addKeyMap(map2, true);
   sendKey(39);
   eq(test, 2);
   cm.removeKeyMap(map1);
   sendKey(39);
   eq(test, 12);
   cm.removeKeyMap(map2);
   sendKey(39);
   eq(test, 12);
   eqPos(cm.getCursor(), Pos(0, 2));
   cm.addKeyMap({Right: function() { test = 55; }, name: "mymap"});
   sendKey(39);
   eq(test, 55);
   cm.removeKeyMap("mymap");
   sendKey(39);
   eqPos(cm.getCursor(), Pos(0, 3));
 }, {value: "abc"});
 testCM("findPosH", function(cm) {
   forEach([{from: Pos(0, 0), to: Pos(0, 1), by: 1},
            {from: Pos(0, 0), to: Pos(0, 0), by: -1, hitSide: true},
            {from: Pos(0, 0), to: Pos(0, 4), by: 1, unit: "word"},
            {from: Pos(0, 0), to: Pos(0, 8), by: 2, unit: "word"},
            {from: Pos(0, 0), to: Pos(2, 0), by: 20, unit: "word", hitSide: true},
            {from: Pos(0, 7), to: Pos(0, 5), by: -1, unit: "word"},
            {from: Pos(0, 4), to: Pos(0, 8), by: 1, unit: "word"},
            {from: Pos(1, 0), to: Pos(1, 18), by: 3, unit: "word"},
            {from: Pos(1, 22), to: Pos(1, 5), by: -3, unit: "word"},
            {from: Pos(1, 15), to: Pos(1, 10), by: -5},
            {from: Pos(1, 15), to: Pos(1, 10), by: -5, unit: "column"},
            {from: Pos(1, 15), to: Pos(1, 0), by: -50, unit: "column", hitSide: true},
            {from: Pos(1, 15), to: Pos(1, 24), by: 50, unit: "column", hitSide: true},
            {from: Pos(1, 15), to: Pos(2, 0), by: 50, hitSide: true}], function(t) {
     var r = cm.findPosH(t.from, t.by, t.unit || "char");
     eqPos(r, t.to);
     eq(!!r.hitSide, !!t.hitSide);
   });
 }, {value: "line one\nline two.something.other\n"});
 testCM("beforeChange", function(cm) {
   cm.on("beforeChange", function(cm, change) {
     var text = [];
     for (var i = 0; i < change.text.length; ++i)
       text.push(change.text[i].replace(/\s/g, "_"));
     change.update(null, null, text);
   });
   cm.setValue("hello, i am a\nnew document\n");
   eq(cm.getValue(), "hello,_i_am_a\nnew_document\n");
   CodeMirror.on(cm.getDoc(), "beforeChange", function(doc, change) {
     if (change.from.line == 0) change.cancel();
   });
   cm.setValue("oops"); // Canceled
   eq(cm.getValue(), "hello,_i_am_a\nnew_document\n");
   cm.replaceRange("hey hey hey", Pos(1, 0), Pos(2, 0));
   eq(cm.getValue(), "hello,_i_am_a\nhey_hey_hey");
 }, {value: "abcdefghijk"});
 testCM("beforeChangeUndo", function(cm) {
   cm.replaceRange("hi", Pos(0, 0), Pos(0));
   cm.replaceRange("bye", Pos(0, 0), Pos(0));
   eq(cm.historySize().undo, 2);
   cm.on("beforeChange", function(cm, change) {
     is(!change.update);
     change.cancel();
   });
   cm.undo();
   eq(cm.historySize().undo, 0);
   eq(cm.getValue(), "bye\ntwo");
 }, {value: "one\ntwo"});
 testCM("beforeSelectionChange", function(cm) {
   function notAtEnd(cm, pos) {
     var len = cm.getLine(pos.line).length;
     if (!len || pos.ch == len) return Pos(pos.line, pos.ch - 1);
     return pos;
   }
   cm.on("beforeSelectionChange", function(cm, obj) {
     obj.update([{anchor: notAtEnd(cm, obj.ranges[0].anchor),
                  head: notAtEnd(cm, obj.ranges[0].head)}]);
   });
   addDoc(cm, 10, 10);
   cm.execCommand("goLineEnd");
   eqPos(cm.getCursor(), Pos(0, 9));
   cm.execCommand("selectAll");
   eqPos(cm.getCursor("start"), Pos(0, 0));
   eqPos(cm.getCursor("end"), Pos(9, 9));
 });
 testCM("change_removedText", function(cm) {
   cm.setValue("abc\ndef");
   var removedText = [];
   cm.on("change", function(cm, change) {
     removedText.push(change.removed);
   });
   cm.operation(function() {
     cm.replaceRange("xyz", Pos(0, 0), Pos(1,1));
     cm.replaceRange("123", Pos(0,0));
   });
   eq(removedText.length, 2);
   eq(removedText[0].join("\n"), "abc\nd");
   eq(removedText[1].join("\n"), "");
   var removedText = [];
   cm.undo();
   eq(removedText.length, 2);
   eq(removedText[0].join("\n"), "123");
   eq(removedText[1].join("\n"), "xyz");
   var removedText = [];
   cm.redo();
   eq(removedText.length, 2);
   eq(removedText[0].join("\n"), "abc\nd");
   eq(removedText[1].join("\n"), "");
 });
 testCM("lineStyleFromMode", function(cm) {
   CodeMirror.defineMode("test_mode", function() {
     return {token: function(stream) {
       if (stream.match(/^\[[^\]]*\]/)) return "  line-brackets  ";
       if (stream.match(/^\([^\)]*\)/)) return "  line-background-parens  ";
       if (stream.match(/^<[^>]*>/)) return "  span  line-line  line-background-bg  ";
       stream.match(/^\s+|^\S+/);
     }};
   });
   cm.setOption("mode", "test_mode");
   var bracketElts = byClassName(cm.getWrapperElement(), "brackets");
   eq(bracketElts.length, 1, "brackets count");
   eq(bracketElts[0].nodeName, "PRE");
   is(!/brackets.*brackets/.test(bracketElts[0].className));
   var parenElts = byClassName(cm.getWrapperElement(), "parens");
   eq(parenElts.length, 1, "parens count");
   eq(parenElts[0].nodeName, "DIV");
   is(!/parens.*parens/.test(parenElts[0].className));
   eq(parenElts[0].parentElement.nodeName, "DIV");
   eq(byClassName(cm.getWrapperElement(), "bg").length, 1);
   eq(byClassName(cm.getWrapperElement(), "line").length, 1);
   var spanElts = byClassName(cm.getWrapperElement(), "cm-span");
   eq(spanElts.length, 2);
   is(/^\s*cm-span\s*$/.test(spanElts[0].className));
 }, {value: "line1: [br] [br]\nline2: (par) (par)\nline3: <tag> <tag>"});
 CodeMirror.registerHelper("xxx", "a", "A");
 CodeMirror.registerHelper("xxx", "b", "B");
 CodeMirror.defineMode("yyy", function() {
   return {
     token: function(stream) { stream.skipToEnd(); },
     xxx: ["a", "b", "q"]
   };
 });
 CodeMirror.registerGlobalHelper("xxx", "c", function(m) { return m.enableC; }, "C");
 testCM("helpers", function(cm) {
   cm.setOption("mode", "yyy");
   eq(cm.getHelpers(Pos(0, 0), "xxx").join("/"), "A/B");
   cm.setOption("mode", {name: "yyy", modeProps: {xxx: "b", enableC: true}});
   eq(cm.getHelpers(Pos(0, 0), "xxx").join("/"), "B/C");
   cm.setOption("mode", "javascript");
   eq(cm.getHelpers(Pos(0, 0), "xxx").join("/"), "");
 });
 testCM("selectionHistory", function(cm) {
   for (var i = 0; i < 3; i++) {
     cm.setExtending(true);
     cm.execCommand("goCharRight");
     cm.setExtending(false);
     cm.execCommand("goCharRight");
     cm.execCommand("goCharRight");
   }
   cm.execCommand("undoSelection");
   eq(cm.getSelection(), "c");
   cm.execCommand("undoSelection");
   eq(cm.getSelection(), "");
   eqPos(cm.getCursor(), Pos(0, 4));
   cm.execCommand("undoSelection");
   eq(cm.getSelection(), "b");
   cm.execCommand("redoSelection");
   eq(cm.getSelection(), "");
   eqPos(cm.getCursor(), Pos(0, 4));
   cm.execCommand("redoSelection");
   eq(cm.getSelection(), "c");
   cm.execCommand("redoSelection");
   eq(cm.getSelection(), "");
   eqPos(cm.getCursor(), Pos(0, 6));
 }, {value: "a b c d"});
 testCM("selectionChangeReducesRedo", function(cm) {
   cm.replaceSelection("X");
   cm.execCommand("goCharRight");
   cm.undoSelection();
   cm.execCommand("selectAll");
   cm.undoSelection();
   eq(cm.getValue(), "Xabc");
   eqPos(cm.getCursor(), Pos(0, 1));
   cm.undoSelection();
   eq(cm.getValue(), "abc");
 }, {value: "abc"});
 testCM("selectionHistoryNonOverlapping", function(cm) {
   cm.setSelection(Pos(0, 0), Pos(0, 1));
   cm.setSelection(Pos(0, 2), Pos(0, 3));
   cm.execCommand("undoSelection");
   eqPos(cm.getCursor("anchor"), Pos(0, 0));
   eqPos(cm.getCursor("head"), Pos(0, 1));
 }, {value: "1234"});
 testCM("cursorMotionSplitsHistory", function(cm) {
   cm.replaceSelection("a");
   cm.execCommand("goCharRight");
   cm.replaceSelection("b");
   cm.replaceSelection("c");
   cm.undo();
   eq(cm.getValue(), "a1234");
   eqPos(cm.getCursor(), Pos(0, 2));
   cm.undo();
   eq(cm.getValue(), "1234");
   eqPos(cm.getCursor(), Pos(0, 0));
 }, {value: "1234"});
 testCM("selChangeInOperationDoesNotSplit", function(cm) {
   for (var i = 0; i < 4; i++) {
     cm.operation(function() {
       cm.replaceSelection("x");
       cm.setCursor(Pos(0, cm.getCursor().ch - 1));
     });
   }
   eqPos(cm.getCursor(), Pos(0, 0));
   eq(cm.getValue(), "xxxxa");
   cm.undo();
   eq(cm.getValue(), "a");
 }, {value: "a"});
 testCM("alwaysMergeSelEventWithChangeOrigin", function(cm) {
   cm.replaceSelection("U", null, "foo");
   cm.setSelection(Pos(0, 0), Pos(0, 1), {origin: "foo"});
   cm.undoSelection();
   eq(cm.getValue(), "a");
   cm.replaceSelection("V", null, "foo");
   cm.setSelection(Pos(0, 0), Pos(0, 1), {origin: "bar"});
   cm.undoSelection();
   eq(cm.getValue(), "Va");
 }, {value: "a"});