You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
110 lines
3.9 KiB
110 lines
3.9 KiB
(function() { |
|
"use strict"; |
|
|
|
namespace = "contenteditable_"; |
|
var Pos = CodeMirror.Pos |
|
|
|
function findTextNode(dom, text) { |
|
if (dom instanceof CodeMirror) dom = dom.getInputField() |
|
if (dom.nodeType == 1) { |
|
for (var ch = dom.firstChild; ch; ch = ch.nextSibling) { |
|
var found = findTextNode(ch, text) |
|
if (found) return found |
|
} |
|
} else if (dom.nodeType == 3 && dom.nodeValue == text) { |
|
return dom |
|
} |
|
} |
|
|
|
function lineElt(node) { |
|
for (;;) { |
|
var parent = node.parentNode |
|
if (/CodeMirror-code/.test(parent.className)) return node |
|
node = parent |
|
} |
|
} |
|
|
|
testCM("insert_text", function(cm) { |
|
findTextNode(cm, "foobar").nodeValue = "foo bar" |
|
cm.display.input.updateFromDOM() |
|
eq(cm.getValue(), "foo bar") |
|
}, {inputStyle: "contenteditable", value: "foobar"}) |
|
|
|
testCM("split_line", function(cm) { |
|
cm.setSelection(Pos(2, 3)) |
|
var node = findTextNode(cm, "foobar") |
|
node.nodeValue = "foo" |
|
var lineNode = lineElt(node) |
|
lineNode.parentNode.insertBefore(document.createElement("pre"), lineNode.nextSibling).textContent = "bar" |
|
cm.display.input.updateFromDOM() |
|
eq(cm.getValue(), "one\ntwo\nfoo\nbar\nthree\nfour\n") |
|
}, {inputStyle: "contenteditable", value: "one\ntwo\nfoobar\nthree\nfour\n"}) |
|
|
|
testCM("join_line", function(cm) { |
|
cm.setSelection(Pos(2, 3)) |
|
var node = findTextNode(cm, "foo") |
|
node.nodeValue = "foobar" |
|
var lineNode = lineElt(node) |
|
lineNode.parentNode.removeChild(lineNode.nextSibling) |
|
cm.display.input.updateFromDOM() |
|
eq(cm.getValue(), "one\ntwo\nfoobar\nthree\nfour\n") |
|
}, {inputStyle: "contenteditable", value: "one\ntwo\nfoo\nbar\nthree\nfour\n"}) |
|
|
|
testCM("delete_multiple", function(cm) { |
|
cm.setSelection(Pos(1, 3), Pos(4, 0)) |
|
var text = findTextNode(cm, "two"), startLine = lineElt(text) |
|
for (var i = 0; i < 3; i++) |
|
startLine.parentNode.removeChild(startLine.nextSibling) |
|
text.nodeValue = "twothree" |
|
cm.display.input.updateFromDOM() |
|
eq(cm.getValue(), "one\ntwothree\nfour\n") |
|
}, {inputStyle: "contenteditable", value: "one\ntwo\nfoo\nbar\nthree\nfour\n"}) |
|
|
|
testCM("ambiguous_diff_middle", function(cm) { |
|
cm.setSelection(Pos(0, 2)) |
|
findTextNode(cm, "baah").nodeValue = "baaah" |
|
cm.display.input.updateFromDOM() |
|
eqCharPos(cm.getCursor(), Pos(0, 3)) |
|
}, {inputStyle: "contenteditable", value: "baah"}) |
|
|
|
testCM("ambiguous_diff_start", function(cm) { |
|
cm.setSelection(Pos(0, 1)) |
|
findTextNode(cm, "baah").nodeValue = "baaah" |
|
cm.display.input.updateFromDOM() |
|
eqCharPos(cm.getCursor(), Pos(0, 2)) |
|
}, {inputStyle: "contenteditable", value: "baah"}) |
|
|
|
testCM("ambiguous_diff_end", function(cm) { |
|
cm.setSelection(Pos(0, 3)) |
|
findTextNode(cm, "baah").nodeValue = "baaah" |
|
cm.display.input.updateFromDOM() |
|
eqCharPos(cm.getCursor(), Pos(0, 4)) |
|
}, {inputStyle: "contenteditable", value: "baah"}) |
|
|
|
testCM("force_redraw", function(cm) { |
|
findTextNode(cm, "foo").parentNode.appendChild(document.createElement("hr")).className = "inserted" |
|
cm.display.input.updateFromDOM() |
|
eq(byClassName(cm.getInputField(), "inserted").length, 0) |
|
}, {inputStyle: "contenteditable", value: "foo"}) |
|
|
|
testCM("type_on_empty_line", function(cm) { |
|
cm.setSelection(Pos(1, 0)) |
|
findTextNode(cm, "\u200b").nodeValue += "hello" |
|
cm.display.input.updateFromDOM() |
|
eq(cm.getValue(), "foo\nhello\nbar") |
|
}, {inputStyle: "contenteditable", value: "foo\n\nbar"}) |
|
|
|
testCM("type_after_empty_line", function(cm) { |
|
cm.setSelection(Pos(2, 0)) |
|
findTextNode(cm, "bar").nodeValue = "hellobar" |
|
cm.display.input.updateFromDOM() |
|
eq(cm.getValue(), "foo\n\nhellobar") |
|
}, {inputStyle: "contenteditable", value: "foo\n\nbar"}) |
|
|
|
testCM("type_before_empty_line", function(cm) { |
|
cm.setSelection(Pos(0, 3)) |
|
findTextNode(cm, "foo").nodeValue = "foohello" |
|
cm.display.input.updateFromDOM() |
|
eq(cm.getValue(), "foohello\n\nbar") |
|
}, {inputStyle: "contenteditable", value: "foo\n\nbar"}) |
|
})();
|
|
|