var Pos = CodeMirror.Pos; CodeMirror.defaults.rtlMoveVisually = true ; function forEach(arr, f){ for (var i = 0, e = _AN_Read_length('length', arr); i < e; ++i)f(arr[i], 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 = _AN_Read_length("length", elt.childNodes); 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 = _AN_Call_createelement("createElement", document, "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} , { 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} ] ; for (var i = 0; i < _AN_Read_length("length", examples); 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("selectionChangeConfusesHistory", function (cm){ cm.replaceSelection("abc", null , "dontmerge"); cm.operation(function (){ cm.setCursor(Pos(0, 0)); cm.replaceSelection("abc", null , "dontmerge"); } ); eq(cm.historySize().undo, 2); } ); 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)); _AN_Call_clear("clear", m1); 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(_AN_Read_length("length", found), 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(_AN_Read_length("length", cm.findMarksAt(Pos(1, 1))), 0); } ); testCM("findMarksMiddle", function (cm){ var mark = cm.markText(Pos(1, 1), Pos(3, 1)); var found = cm.findMarks(Pos(2, 1), Pos(2, 2)); eq(_AN_Read_length("length", found), 1); eq(found[0], mark); } , { value: "line 0\nline 1\nline 2\nline 3"} ); testCM("deleteSpanCollapsedInclusiveLeft", function (cm){ var from = Pos(1, 0), to = Pos(1, 1); var m = cm.markText(from, to, { collapsed: true , inclusiveLeft: true } ); cm.replaceRange("", from, to); } , { value: "abc\nX\ndef"} ); testCM("markTextCSS", function (cm){ function present(){ var spans = _AN_Call_getelementsbytagname("getElementsByTagName", cm.display.lineDiv, "span"); for (var i = 0; i < _AN_Read_length("length", spans); i++ )if (spans[i].style.color == "cyan" && span[i].textContent == "cdefg") return true ; } var m = cm.markText(Pos(0, 2), Pos(0, 6), { css: "color: cyan"} ); _AN_Call_clear("clear", m); is(!present()); } , { value: "abcdefgh"} ); 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)); 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 = _AN_Call_createelement("createElement", document, "span"); _AN_Write_innerhtml("innerHTML", node, false , "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())_AN_Call_clear("clear", m); 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(_AN_Read_length("length", cm.getAllMarks()), 4); _AN_Call_clear("clear", m1); _AN_Call_clear("clear", m3); eq(_AN_Read_length("length", cm.getAllMarks()), 2); } ); testCM("setValueClears", function (cm){ cm.addLineClass(0, "wrap", "foo"); var mark = cm.markText(Pos(0, 0), Pos(1, 1), { inclusiveLeft: true , inclusiveRight: true } ); cm.setValue("foo"); is(!cm.lineInfo(0).wrapClass); is(!mark.find()); } , { value: "a\nb"} ); 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); _AN_Call_execcommand("execCommand", cm, "selectAll"); eq(cm.getScrollInfo().top, 0); cm.setCursor(199); _AN_Call_execcommand("execCommand", cm, "selectAll"); is(cm.getScrollInfo().top > 0); } ); testCM("selectionPos", function (cm){ if (phantom || cm.getOption("inputStyle") != "textarea") 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 = _AN_Read_length("length", selElt); 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 > 0.8 * lineWidth; if (atLeft && atRight) { sawMiddle = true ; is(box.bottom - box.top > 90 * lineHeight, "middle high"); is(width > 0.9 * lineWidth, "middle wide"); } else { is(width > 0.4 * lineWidth, "top/bot wide enough"); is(width < 0.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 = _AN_Call_appendchild("appendChild", document.body, _AN_Call_createelement("createElement", document, "p")); _AN_Write_csstext("cssText", dummy.style, false , "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 (){ _AN_Call_clear("clear", range); _AN_Call_clear("clear", range); } ); 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)); _AN_Call_clear("clear", m1); 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)); _AN_Call_clear("clear", m1); _AN_Call_clear("clear", m2); 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){ if (cm.getOption("inputStyle") != "textarea") return ; var widget = _AN_Call_createelement("createElement", document, "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 < _AN_Read_length("length", selElts); 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); _AN_Call_execcommand("execCommand", cm, "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)); _AN_Call_execcommand("execCommand", cm, "goCharRight"); eq(cleared, 2); } , { value: "abc\ndef\nghi\njkl"} ); testCM("hiddenLinesSelectAll", function (cm){ 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"); _AN_Call_clear("clear", fold); 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); _AN_Call_clear("clear", range); eq(cleared, 1); range = cm.markText(Pos(1, 2), Pos(6, 2), { replacedWith: document.createTextNode("Q"), clearOnEnter: true } ); _AN_Call_clear("clear", range); 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)); _AN_Call_clear("clear", inner0); CodeMirror.commands.goCharLeft(cm); eqPos(cm.getCursor(), Pos(0, 1)); _AN_Call_clear("clear", outer); CodeMirror.commands.goCharRight(cm); eqPos(cm.getCursor(), Pos(0, 2)); CodeMirror.commands.goCharRight(cm); eqPos(cm.getCursor(), Pos(1, 8)); _AN_Call_clear("clear", inner2); 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 } ); _AN_Call_clear("clear", cm.markText(Pos(0, 1), Pos(0, 2), { collapsed: true } )); 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 } ); _AN_Call_clear("clear", m1); _AN_Call_clear("clear", m4); m1 = cm.markText(Pos(0, 1), Pos(2, 1), { collapsed: true } ); _AN_Call_clear("clear", cm.markText(Pos(2, 0), Pos(2, 1), { collapsed: true } )); 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\ncdef"} ); 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 = _AN_Call_createelement("createElement", document, "span"); w.style.color = "red"; _AN_Write_innerhtml("innerHTML", w, false , "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("showEmptyWidgetSpan", function (cm){ var marker = cm.markText(Pos(0, 2), Pos(0, 2), { clearWhenEmpty: false , replacedWith: document.createTextNode("X")} ); eq(cm.display.view[0].text.textContent, "abXc"); } , { value: "abc"} ); testCM("changedInlineWidget", function (cm){ cm.setSize("10em"); var w = _AN_Call_createelement("createElement", document, "span"); _AN_Write_innerhtml("innerHTML", w, false , "x"); var m = cm.markText(Pos(0, 4), Pos(0, 5), { replacedWith: w} ); _AN_Write_innerhtml("innerHTML", w, false , "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 = _AN_Call_createelement("createElement", document, "span"); _AN_Write_innerhtml("innerHTML", w, false , "x"); var m = cm.setBookmark(Pos(0, 4), { widget: w} ); _AN_Write_innerhtml("innerHTML", w, false , "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 ; } } cm.setCursor(Pos(0, _AN_Read_length("length", doc))); eq(wrap.offsetHeight, h0); cm.replaceSelection("x"); is(wrap.offsetHeight > h0, "wrapping happens"); 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, _AN_Read_length("length", doc)), Pos(0, _AN_Read_length("length", doc) - 1), Pos(0, 0), Pos(1, _AN_Read_length("length", doc)), Pos(1, _AN_Read_length("length", doc) - 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 * 0.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: "", lineWrapping: true } , ie_lt8 || opera_lt10); testCM("scrollVerticallyAndHorizontally", function (cm){ if (cm.getOption("inputStyle") != "textarea") return ; 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, _AN_Read_length("length", val) - 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)); _AN_Call_execcommand("execCommand", cm, "goLineUp"); is(!cm.somethingSelected()); eqPos(cm.getCursor(), Pos(0, 1)); cm.setSelection(Pos(0, 1), Pos(2, 4)); _AN_Call_execcommand("execCommand", cm, "goPageDown"); is(!cm.somethingSelected()); eqPos(cm.getCursor(), Pos(2, 4)); _AN_Call_execcommand("execCommand", cm, "goLineUp"); _AN_Call_execcommand("execCommand", cm, "goLineUp"); eqPos(cm.getCursor(), Pos(0, 4)); cm.setSelection(Pos(0, 1), Pos(2, 4)); _AN_Call_execcommand("execCommand", cm, "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){ _AN_Call_execcommand("execCommand", cm, "goWordLeft"); eqPos(cm.getCursor(), Pos(0, 0)); _AN_Call_execcommand("execCommand", cm, "goWordRight"); _AN_Call_execcommand("execCommand", cm, "goWordRight"); eqPos(cm.getCursor(), Pos(0, 7)); _AN_Call_execcommand("execCommand", cm, "goWordLeft"); eqPos(cm.getCursor(), Pos(0, 5)); _AN_Call_execcommand("execCommand", cm, "goWordRight"); _AN_Call_execcommand("execCommand", cm, "goWordRight"); eqPos(cm.getCursor(), Pos(0, 12)); _AN_Call_execcommand("execCommand", cm, "goWordLeft"); eqPos(cm.getCursor(), Pos(0, 9)); _AN_Call_execcommand("execCommand", cm, "goWordRight"); _AN_Call_execcommand("execCommand", cm, "goWordRight"); _AN_Call_execcommand("execCommand", cm, "goWordRight"); eqPos(cm.getCursor(), Pos(0, 24)); _AN_Call_execcommand("execCommand", cm, "goWordRight"); _AN_Call_execcommand("execCommand", cm, "goWordRight"); eqPos(cm.getCursor(), Pos(1, 9)); _AN_Call_execcommand("execCommand", cm, "goWordRight"); eqPos(cm.getCursor(), Pos(1, 13)); _AN_Call_execcommand("execCommand", cm, "goWordRight"); _AN_Call_execcommand("execCommand", cm, "goWordRight"); eqPos(cm.getCursor(), Pos(2, 0)); } , { value: "this is (the) firstline.\na foo12\u00e9\u00f8\u00d7bar\n"} ); testCM("groupMovementCommands", function (cm){ _AN_Call_execcommand("execCommand", cm, "goGroupLeft"); eqPos(cm.getCursor(), Pos(0, 0)); _AN_Call_execcommand("execCommand", cm, "goGroupRight"); eqPos(cm.getCursor(), Pos(0, 4)); _AN_Call_execcommand("execCommand", cm, "goGroupRight"); eqPos(cm.getCursor(), Pos(0, 7)); _AN_Call_execcommand("execCommand", cm, "goGroupRight"); eqPos(cm.getCursor(), Pos(0, 10)); _AN_Call_execcommand("execCommand", cm, "goGroupLeft"); eqPos(cm.getCursor(), Pos(0, 7)); _AN_Call_execcommand("execCommand", cm, "goGroupRight"); _AN_Call_execcommand("execCommand", cm, "goGroupRight"); _AN_Call_execcommand("execCommand", cm, "goGroupRight"); eqPos(cm.getCursor(), Pos(0, 15)); cm.setCursor(Pos(0, 17)); _AN_Call_execcommand("execCommand", cm, "goGroupLeft"); eqPos(cm.getCursor(), Pos(0, 16)); _AN_Call_execcommand("execCommand", cm, "goGroupLeft"); eqPos(cm.getCursor(), Pos(0, 14)); _AN_Call_execcommand("execCommand", cm, "goGroupRight"); _AN_Call_execcommand("execCommand", cm, "goGroupRight"); eqPos(cm.getCursor(), Pos(0, 20)); _AN_Call_execcommand("execCommand", cm, "goGroupRight"); eqPos(cm.getCursor(), Pos(1, 0)); _AN_Call_execcommand("execCommand", cm, "goGroupRight"); eqPos(cm.getCursor(), Pos(1, 2)); _AN_Call_execcommand("execCommand", cm, "goGroupRight"); eqPos(cm.getCursor(), Pos(1, 5)); _AN_Call_execcommand("execCommand", cm, "goGroupLeft"); _AN_Call_execcommand("execCommand", cm, "goGroupLeft"); eqPos(cm.getCursor(), Pos(1, 0)); _AN_Call_execcommand("execCommand", cm, "goGroupLeft"); eqPos(cm.getCursor(), Pos(0, 20)); _AN_Call_execcommand("execCommand", cm, "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 < _AN_Read_length("length", positions); i++ ){ _AN_Call_execcommand("execCommand", cm, "goGroupRight"); eqPos(cm.getCursor(), positions[i]); } for (var i = _AN_Read_length("length", positions) - 2; i >= 0; i-- ){ _AN_Call_execcommand("execCommand", cm, "goGroupLeft"); eqPos(cm.getCursor(), i == 2? Pos(0, 6): positions[i]); } } , { value: " foo +++ \n bar"} ); testCM("charMovementCommands", function (cm){ _AN_Call_execcommand("execCommand", cm, "goCharLeft"); _AN_Call_execcommand("execCommand", cm, "goColumnLeft"); eqPos(cm.getCursor(), Pos(0, 0)); _AN_Call_execcommand("execCommand", cm, "goCharRight"); _AN_Call_execcommand("execCommand", cm, "goCharRight"); eqPos(cm.getCursor(), Pos(0, 2)); cm.setCursor(Pos(1, 0)); _AN_Call_execcommand("execCommand", cm, "goColumnLeft"); eqPos(cm.getCursor(), Pos(1, 0)); _AN_Call_execcommand("execCommand", cm, "goCharLeft"); eqPos(cm.getCursor(), Pos(0, 5)); _AN_Call_execcommand("execCommand", cm, "goColumnRight"); eqPos(cm.getCursor(), Pos(0, 5)); _AN_Call_execcommand("execCommand", cm, "goCharRight"); eqPos(cm.getCursor(), Pos(1, 0)); _AN_Call_execcommand("execCommand", cm, "goLineEnd"); eqPos(cm.getCursor(), Pos(1, 5)); _AN_Call_execcommand("execCommand", cm, "goLineStartSmart"); eqPos(cm.getCursor(), Pos(1, 1)); _AN_Call_execcommand("execCommand", cm, "goLineStartSmart"); eqPos(cm.getCursor(), Pos(1, 0)); cm.setCursor(Pos(2, 0)); _AN_Call_execcommand("execCommand", cm, "goCharRight"); _AN_Call_execcommand("execCommand", cm, "goColumnRight"); eqPos(cm.getCursor(), Pos(2, 0)); } , { value: "line1\n ine2\n"} ); testCM("verticalMovementCommands", function (cm){ _AN_Call_execcommand("execCommand", cm, "goLineUp"); eqPos(cm.getCursor(), Pos(0, 0)); _AN_Call_execcommand("execCommand", cm, "goLineDown"); if (!phantom) eqPos(cm.getCursor(), Pos(1, 0)); cm.setCursor(Pos(1, 12)); _AN_Call_execcommand("execCommand", cm, "goLineDown"); eqPos(cm.getCursor(), Pos(2, 5)); _AN_Call_execcommand("execCommand", cm, "goLineDown"); eqPos(cm.getCursor(), Pos(3, 0)); _AN_Call_execcommand("execCommand", cm, "goLineUp"); eqPos(cm.getCursor(), Pos(2, 5)); _AN_Call_execcommand("execCommand", cm, "goLineUp"); eqPos(cm.getCursor(), Pos(1, 12)); _AN_Call_execcommand("execCommand", cm, "goPageDown"); eqPos(cm.getCursor(), Pos(5, 0)); _AN_Call_execcommand("execCommand", cm, "goPageDown"); _AN_Call_execcommand("execCommand", cm, "goLineDown"); eqPos(cm.getCursor(), Pos(5, 0)); _AN_Call_execcommand("execCommand", cm, "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)); _AN_Call_execcommand("execCommand", cm, "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"); _AN_Call_execcommand("execCommand", cm, "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){ if (cm.getOption("inputStyle") != "textarea") return ; forEach(["خحج", "خحabcخحج", "abخحخحجcd", "abخde", "abخح2342خ1حج", "خ1ح2خح3حxج", "خحcd", "1خحcd", "abcdeح1ج", "خمرحبها مها!", "foobarر", "خ ة ق", "", "يتم السحب في 05 فبراير 2014"] , function (line){ var inv = line.charCodeAt(0) > 128; cm.setValue(line + "\n"); _AN_Call_execcommand("execCommand", cm, 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 <= _AN_Read_length("length", line); ++i){ _AN_Call_execcommand("execCommand", cm, "goCharRight"); cursor = cursors.firstChild; if (i == _AN_Read_length("length", line)) is(cursor.offsetTop > prevY, "next line"); else is(cursor.offsetLeft > prevX, "moved right"); prevX = cursor.offsetLeft; prevY = cursor.offsetTop; } cm.setCursor(0, 0); _AN_Call_execcommand("execCommand", cm, inv? "goLineStart": "goLineEnd"); prevX = cursors.firstChild.offsetLeft; for (var i = 0; i < _AN_Read_length("length", line); ++i){ _AN_Call_execcommand("execCommand", cm, "goCharLeft"); cursor = cursors.firstChild; is(cursor.offsetLeft < prevX, "moved left"); prevX = cursor.offsetLeft; } } ); } , null , ie_lt9); testCM("bidiUpdate", function (cm){ cm.setCursor(Pos(0, 2)); cm.replaceSelection("خحج", "start"); _AN_Call_execcommand("execCommand", cm, "goCharRight"); eqPos(cm.getCursor(), Pos(0, 4)); } , { value: "abcd\n"} ); testCM("movebyTextUnit", function (cm){ cm.setValue("בְּרֵאשִ\nééé́\n"); _AN_Call_execcommand("execCommand", cm, "goLineEnd"); for (var i = 0; i < 4; ++i)_AN_Call_execcommand("execCommand", cm, "goCharRight"); eqPos(cm.getCursor(), Pos(0, 0)); _AN_Call_execcommand("execCommand", cm, "goCharRight"); eqPos(cm.getCursor(), Pos(1, 0)); _AN_Call_execcommand("execCommand", cm, "goCharRight"); _AN_Call_execcommand("execCommand", cm, "goCharRight"); eqPos(cm.getCursor(), Pos(1, 4)); _AN_Call_execcommand("execCommand", cm, "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(_AN_Read_length("length", log), _AN_Read_length("length", want), "same length"); for (var i = 0; i < _AN_Read_length("length", log); ++i)eq(log[i], want[i]); } ); testCM("scrollEntirelyToRight", function (cm){ if (phantom || cm.getOption("inputStyle") != "textarea") 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 = _AN_Call_createelement("createElement", document, "div"); _AN_Write_innerhtml("innerHTML", node, false , "hi"); var widget = cm.addLineWidget(1, node); is(last.top < cm.charCoords(Pos(2, 0)).top, "took up space"); cm.setCursor(Pos(1, 1)); _AN_Call_execcommand("execCommand", cm, "goLineDown"); eqPos(cm.getCursor(), Pos(2, 1)); _AN_Call_execcommand("execCommand", cm, "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 = _AN_Call_createelement("createElement", document, "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 = _AN_Call_createelement("createElement", document, "div"); _AN_Write_innerhtml("innerHTML", node, false , "hahah"); var w = cm.addLineWidget(0, node); var redrawn = false ; w.on("redraw", function (){ redrawn = true ; } ); cm.replaceSelection("0"); is(!redrawn); } , { value: "123\n456"} ); var knownScrollbarWidth; function scrollbarWidth(measure){ if (knownScrollbarWidth != null ) return knownScrollbarWidth; var div = _AN_Call_createelement("createElement", document, 'div'); _AN_Write_csstext('cssText', div.style, false , "width: 50px; height: 50px; overflow-x: scroll"); _AN_Call_appendchild("appendChild", document.body, div); knownScrollbarWidth = div.offsetHeight - div.clientHeight; document.body.removeChild(div); return knownScrollbarWidth || 0; } testCM("lineWidgetChanged", function (cm){ addDoc(cm, 2, 300); var halfScrollbarWidth = scrollbarWidth(cm.display.measure) / 2; cm.setOption('lineNumbers', true ); cm.setSize(600, cm.defaultTextHeight() * 50); cm.scrollTo(null , cm.heightAtLine(125, "local")); var expectedWidgetHeight = 60; var expectedLinesInWidget = 3; function w(){ var node = _AN_Call_createelement("createElement", document, "div"); var barelyUnderHalfWidthHtml = '
'; var barelyOverHalfWidthHtml = '
'; _AN_Write_innerhtml('innerHTML', node, false , new Array(3).join(barelyUnderHalfWidthHtml) + new Array(3).join(barelyOverHalfWidthHtml)); _AN_Write_csstext('cssText', node.style, false , "background: yellow;font-size:0;line-height: " + (expectedWidgetHeight / expectedLinesInWidget) + "px;"); return node; } var info0 = cm.getScrollInfo(); var w0 = cm.addLineWidget(0, w(), { coverGutter: true } ); var w150 = cm.addLineWidget(150, w(), { coverGutter: true } ); var w300 = cm.addLineWidget(300, w(), { coverGutter: true } ); var info1 = cm.getScrollInfo(); eq(info0.height + (3 * expectedWidgetHeight), info1.height); eq(info0.top + expectedWidgetHeight, info1.top); expectedWidgetHeight = 12; w0.node.style.lineHeight = w150.node.style.lineHeight = w300.node.style.lineHeight = (expectedWidgetHeight / expectedLinesInWidget) + "px"; w0.changed(); w150.changed(); w300.changed(); var info2 = cm.getScrollInfo(); eq(info0.height + (3 * expectedWidgetHeight), info2.height); eq(info0.top + expectedWidgetHeight, 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; _AN_Call_refresh("refresh", cm); cm.setCursor(Pos(0, 1)); _AN_Call_execcommand("execCommand", cm, "goLineDown"); eqPos(cm.getCursor(), Pos(1, 1)); _AN_Call_execcommand("execCommand", cm, "goLineDown"); eqPos(cm.getCursor(), Pos(2, 1)); _AN_Call_execcommand("execCommand", cm, "goLineDown"); eq(cm.getCursor().line, 2); is(cm.getCursor().ch > 1); _AN_Call_execcommand("execCommand", cm, "goLineUp"); eqPos(cm.getCursor(), Pos(2, 1)); _AN_Call_execcommand("execCommand", cm, "goLineUp"); eqPos(cm.getCursor(), Pos(1, 1)); var node = _AN_Call_createelement("createElement", document, "div"); _AN_Write_innerhtml("innerHTML", node, false , "hi"); node.style.height = "30px"; cm.addLineWidget(0, node); cm.addLineWidget(1, node.cloneNode(true ), { above: true } ); cm.setCursor(Pos(0, 2)); _AN_Call_execcommand("execCommand", cm, "goLineDown"); eqPos(cm.getCursor(), Pos(1, 2)); _AN_Call_execcommand("execCommand", cm, "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, gutter){ var i = cm.lineInfo(line); eq(i.textClass, text); eq(i.bgClass, bg); eq(i.wrapClass, wrap); if (typeof i.handle.gutterClass !== 'undefined') { eq(i.handle.gutterClass, gutter); } } cm.addLineClass(0, "text", "foo"); cm.addLineClass(0, "text", "bar"); cm.addLineClass(1, "background", "baz"); cm.addLineClass(1, "wrap", "foo"); cm.addLineClass(1, "gutter", "gutter-class"); cls(0, "foo bar", null , null , null ); cls(1, null , "baz", "foo", "gutter-class"); var lines = cm.display.lineDiv; eq(_AN_Read_length("length", byClassName(lines, "foo")), 2); eq(_AN_Read_length("length", byClassName(lines, "bar")), 1); eq(_AN_Read_length("length", byClassName(lines, "baz")), 1); eq(_AN_Read_length("length", byClassName(lines, "gutter-class")), 2); cm.removeLineClass(0, "text", "foo"); cls(0, "bar", null , null , null ); cm.removeLineClass(0, "text", "foo"); cls(0, "bar", null , null , null ); cm.removeLineClass(0, "text", "bar"); cls(0, null , null , null ); cm.addLineClass(1, "wrap", "quux"); cls(1, null , "baz", "foo quux", "gutter-class"); cm.removeLineClass(1, "wrap"); cls(1, null , "baz", null , "gutter-class"); cm.removeLineClass(1, "gutter", "gutter-class"); eq(_AN_Read_length("length", byClassName(lines, "gutter-class")), 0); cls(1, null , "baz", null , null ); cm.addLineClass(1, "gutter", "gutter-class"); cls(1, null , "baz", null , "gutter-class"); cm.removeLineClass(1, "gutter", "gutter-class"); cls(1, null , "baz", null , null ); } , { value: "hohoho\n", lineNumbers: true } ); 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)); _AN_Call_execcommand("execCommand", cm, "goCharRight"); eqPos(cm.getCursor(), Pos(0, 5)); _AN_Call_execcommand("execCommand", cm, "goCharLeft"); eqPos(cm.getCursor(), Pos(0, 1)); _AN_Call_clear("clear", m); m = atom(0, 0, 0, 5, true ); eqPos(cm.getCursor(), Pos(0, 5), "pushed out"); _AN_Call_execcommand("execCommand", cm, "goCharLeft"); eqPos(cm.getCursor(), Pos(0, 5)); _AN_Call_clear("clear", m); m = atom(8, 4, 9, 10, false , true ); cm.setCursor(Pos(9, 8)); eqPos(cm.getCursor(), Pos(8, 4), "set"); _AN_Call_execcommand("execCommand", cm, "goCharRight"); eqPos(cm.getCursor(), Pos(8, 4), "char right"); _AN_Call_execcommand("execCommand", cm, "goLineDown"); eqPos(cm.getCursor(), Pos(8, 4), "line down"); _AN_Call_execcommand("execCommand", cm, "goCharLeft"); eqPos(cm.getCursor(), Pos(8, 3)); _AN_Call_clear("clear", m); m = atom(1, 1, 3, 8); cm.setCursor(Pos(0, 0)); cm.setCursor(Pos(2, 0)); eqPos(cm.getCursor(), Pos(3, 8)); _AN_Call_execcommand("execCommand", cm, "goCharLeft"); eqPos(cm.getCursor(), Pos(1, 1)); _AN_Call_execcommand("execCommand", cm, "goCharRight"); eqPos(cm.getCursor(), Pos(3, 8)); _AN_Call_execcommand("execCommand", cm, "goLineUp"); eqPos(cm.getCursor(), Pos(1, 1)); _AN_Call_execcommand("execCommand", cm, "goLineDown"); eqPos(cm.getCursor(), Pos(3, 8)); _AN_Call_execcommand("execCommand", cm, "delCharBefore"); eq(_AN_Read_length("length", cm.getValue()), 80, "del chunk"); m = atom(3, 0, 5, 5); cm.setCursor(Pos(3, 0)); _AN_Call_execcommand("execCommand", cm, "delWordAfter"); eq(_AN_Read_length("length", cm.getValue()), 53, "del chunk"); } ); testCM("selectionBias", function (cm){ cm.markText(Pos(0, 1), Pos(0, 3), { atomic: true } ); cm.setCursor(Pos(0, 2)); eqPos(cm.getCursor(), Pos(0, 1)); cm.setCursor(Pos(0, 2)); eqPos(cm.getCursor(), Pos(0, 3)); cm.setCursor(Pos(0, 2)); eqPos(cm.getCursor(), Pos(0, 1)); cm.setCursor(Pos(0, 2), null , { bias: -1} ); eqPos(cm.getCursor(), Pos(0, 1)); cm.setCursor(Pos(0, 4)); cm.setCursor(Pos(0, 2), null , { bias: 1} ); eqPos(cm.getCursor(), Pos(0, 3)); } , { value: "12345"} ); testCM("selectionHomeEnd", function (cm){ cm.markText(Pos(1, 0), Pos(1, 1), { atomic: true , inclusiveLeft: true } ); cm.markText(Pos(1, 3), Pos(1, 4), { atomic: true , inclusiveRight: true } ); cm.setCursor(Pos(1, 2)); _AN_Call_execcommand("execCommand", cm, "goLineStart"); eqPos(cm.getCursor(), Pos(1, 1)); _AN_Call_execcommand("execCommand", cm, "goLineEnd"); eqPos(cm.getCursor(), Pos(1, 3)); } , { value: "ab\ncdef\ngh"} ); 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"); _AN_Call_execcommand("execCommand", cm, "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)); _AN_Call_clear("clear", m); 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"); _AN_Call_execcommand("execCommand", cm, "goCharLeft"); _AN_Call_execcommand("execCommand", cm, "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 < _AN_Read_length("length", change.text); ++i)text.push(_AN_Call_replace("replace", change.text[i], /\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"); 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 = _AN_Read_length("length", cm.getLine(pos.line)); 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); _AN_Call_execcommand("execCommand", cm, "goLineEnd"); eqPos(cm.getCursor(), Pos(0, 9)); _AN_Call_execcommand("execCommand", cm, "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(_AN_Read_length("length", removedText), 2); eq(removedText[0].join("\n"), "abc\nd"); eq(removedText[1].join("\n"), ""); var removedText = [] ; cm.undo(); eq(_AN_Read_length("length", removedText), 2); eq(removedText[0].join("\n"), "123"); eq(removedText[1].join("\n"), "xyz"); var removedText = [] ; cm.redo(); eq(_AN_Read_length("length", removedText), 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(_AN_Read_length("length", bracketElts), 1, "brackets count"); eq(bracketElts[0].nodeName, "PRE"); is(!/brackets.*brackets/.test(bracketElts[0].className)); var parenElts = byClassName(cm.getWrapperElement(), "parens"); eq(_AN_Read_length("length", parenElts), 1, "parens count"); eq(parenElts[0].nodeName, "DIV"); is(!/parens.*parens/.test(parenElts[0].className)); eq(parenElts[0].parentElement.nodeName, "DIV"); eq(_AN_Read_length("length", byClassName(cm.getWrapperElement(), "bg")), 1); eq(_AN_Read_length("length", byClassName(cm.getWrapperElement(), "line")), 1); var spanElts = byClassName(cm.getWrapperElement(), "cm-span"); eq(_AN_Read_length("length", spanElts), 2); is(/^\s*cm-span\s*$/.test(spanElts[0].className)); } , { value: "line1: [br] [br]\nline2: (par) (par)\nline3: "} ); testCM("lineStyleFromBlankLine", function (cm){ CodeMirror.defineMode("lineStyleFromBlankLine_mode", function (){ return { token: function (stream){ stream.skipToEnd(); return "comment"; } , blankLine: function (){ return "line-blank"; } } ; } ); cm.setOption("mode", "lineStyleFromBlankLine_mode"); var blankElts = byClassName(cm.getWrapperElement(), "blank"); eq(_AN_Read_length("length", blankElts), 1); eq(blankElts[0].nodeName, "PRE"); cm.replaceRange("x", Pos(1, 0)); blankElts = byClassName(cm.getWrapperElement(), "blank"); eq(_AN_Read_length("length", blankElts), 0); } , { value: "foo\n\nbar"} ); 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 ); _AN_Call_execcommand("execCommand", cm, "goCharRight"); cm.setExtending(false ); _AN_Call_execcommand("execCommand", cm, "goCharRight"); _AN_Call_execcommand("execCommand", cm, "goCharRight"); } _AN_Call_execcommand("execCommand", cm, "undoSelection"); eq(cm.getSelection(), "c"); _AN_Call_execcommand("execCommand", cm, "undoSelection"); eq(cm.getSelection(), ""); eqPos(cm.getCursor(), Pos(0, 4)); _AN_Call_execcommand("execCommand", cm, "undoSelection"); eq(cm.getSelection(), "b"); _AN_Call_execcommand("execCommand", cm, "redoSelection"); eq(cm.getSelection(), ""); eqPos(cm.getCursor(), Pos(0, 4)); _AN_Call_execcommand("execCommand", cm, "redoSelection"); eq(cm.getSelection(), "c"); _AN_Call_execcommand("execCommand", cm, "redoSelection"); eq(cm.getSelection(), ""); eqPos(cm.getCursor(), Pos(0, 6)); } , { value: "a b c d"} ); testCM("selectionChangeReducesRedo", function (cm){ cm.replaceSelection("X"); _AN_Call_execcommand("execCommand", cm, "goCharRight"); cm.undoSelection(); _AN_Call_execcommand("execCommand", cm, "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)); _AN_Call_execcommand("execCommand", cm, "undoSelection"); eqPos(cm.getCursor("anchor"), Pos(0, 0)); eqPos(cm.getCursor("head"), Pos(0, 1)); } , { value: "1234"} ); testCM("cursorMotionSplitsHistory", function (cm){ cm.replaceSelection("a"); _AN_Call_execcommand("execCommand", cm, "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"} ); testCM("getTokenAt", function (cm){ var tokPlus = cm.getTokenAt(Pos(0, 2)); eq(tokPlus.type, "operator"); eq(tokPlus.string, "+"); var toks = cm.getLineTokens(0); eq(_AN_Read_length("length", toks), 3); forEach([["number", "1"] , ["operator", "+"] , ["number", "2"] ] , function (expect, i){ eq(toks[i].type, expect[0]); eq(toks[i].string, expect[1]); } ); } , { value: "1+2", mode: "javascript"} ); testCM("getTokenTypeAt", function (cm){ eq(cm.getTokenTypeAt(Pos(0, 0)), "number"); eq(cm.getTokenTypeAt(Pos(0, 6)), "string"); cm.addOverlay({ token: function (stream){ if (stream.match("foo")) return "foo"; else stream.next(); } } ); eq(_AN_Read_length("length", byClassName(cm.getWrapperElement(), "cm-foo")), 1); eq(cm.getTokenTypeAt(Pos(0, 6)), "string"); } , { value: "1 + 'foo'", mode: "javascript"} ); testCM("resizeLineWidget", function (cm){ addDoc(cm, 200, 3); var widget = _AN_Call_createelement("createElement", document, "pre"); _AN_Write_innerhtml("innerHTML", widget, false , "imwidget"); _AN_Write_background("background", widget.style, false , "yellow"); cm.addLineWidget(1, widget, { noHScroll: true } ); cm.setSize(40); is(widget.parentNode.offsetWidth < 42); } ); testCM("combinedOperations", function (cm){ var place = document.getElementById("testground"); var other = CodeMirror(place, { value: "123"} ); try { cm.operation(function (){ cm.addLineClass(0, "wrap", "foo"); other.addLineClass(0, "wrap", "foo"); } ); eq(_AN_Read_length("length", byClassName(cm.getWrapperElement(), "foo")), 1); eq(_AN_Read_length("length", byClassName(other.getWrapperElement(), "foo")), 1); cm.operation(function (){ cm.removeLineClass(0, "wrap", "foo"); other.removeLineClass(0, "wrap", "foo"); } ); eq(_AN_Read_length("length", byClassName(cm.getWrapperElement(), "foo")), 0); eq(_AN_Read_length("length", byClassName(other.getWrapperElement(), "foo")), 0); } finally{ place.removeChild(other.getWrapperElement()); } } , { value: "abc"} ); testCM("eventOrder", function (cm){ var seen = [] ; cm.on("change", function (){ if (!_AN_Read_length("length", seen)) cm.replaceSelection("."); seen.push("change"); } ); cm.on("cursorActivity", function (){ cm.replaceSelection("!"); seen.push("activity"); } ); cm.replaceSelection("/"); eq(seen.join(","), "change,change,activity,change"); } ); testCM("splitSpaces_nonspecial", function (cm){ eq(_AN_Read_length("length", byClassName(cm.getWrapperElement(), "cm-invalidchar")), 0); } , { specialChars: /[\u00a0]/, value: "spaces -> <- between"} ); test("core_rmClass", function (){ var node = _AN_Call_createelement("createElement", document, "div"); node.className = "foo-bar baz-quux yadda"; CodeMirror.rmClass(node, "quux"); eq(node.className, "foo-bar baz-quux yadda"); CodeMirror.rmClass(node, "baz-quux"); eq(node.className, "foo-bar yadda"); CodeMirror.rmClass(node, "yadda"); eq(node.className, "foo-bar"); CodeMirror.rmClass(node, "foo-bar"); eq(node.className, ""); node.className = " foo "; CodeMirror.rmClass(node, "foo"); eq(node.className, ""); } ); test("core_addClass", function (){ var node = _AN_Call_createelement("createElement", document, "div"); CodeMirror.addClass(node, "a"); eq(node.className, "a"); CodeMirror.addClass(node, "a"); eq(node.className, "a"); CodeMirror.addClass(node, "b"); eq(node.className, "a b"); CodeMirror.addClass(node, "a"); CodeMirror.addClass(node, "b"); eq(node.className, "a b"); } ); testCM("lineSeparator", function (cm){ eq(cm.lineCount(), 3); eq(cm.getLine(1), "bar\r"); eq(cm.getLine(2), "baz\rquux"); cm.setOption("lineSeparator", "\r"); eq(cm.lineCount(), 5); eq(cm.getLine(4), "quux"); eq(cm.getValue(), "foo\rbar\r\rbaz\rquux"); eq(cm.getValue("\n"), "foo\nbar\n\nbaz\nquux"); cm.setOption("lineSeparator", null ); cm.setValue("foo\nbar\r\nbaz\rquux"); eq(cm.lineCount(), 4); } , { value: "foo\nbar\r\nbaz\rquux", lineSeparator: "\n"} );