1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
|
<html>
<body>
<div id="test"><span id="span1">foo<span id="span2">bar</span></span><span id="span3">baz</span></div>
<div id="console"></div>
<script>
var s = window.getSelection();
var testDiv = document.getElementById("test");
var span1 = document.getElementById("span1");
var span2 = document.getElementById("span2");
var span3 = document.getElementById("span3");
function log(str) {
var li = document.createElement("li");
li.appendChild(document.createTextNode(str));
document.getElementById("console").appendChild(li);
}
function shouldBe(expr, expected) {
var actual = eval(expr);
if (actual != expected)
log("Failure: " + expr + " should be " + expected + ", was " + actual + ".");
else
log("Success: " + expr + " is " + expected + ".");
}
if (window.layoutTestController)
layoutTestController.dumpAsText();
var r = document.createRange();
// delete a collapsed selection
r.setStart(span2.firstChild, 1);
r.setEnd(span2.firstChild, 1);
s.addRange(r);
s.deleteFromDocument()
shouldBe('span1.textContent', 'fooar');
try {
s.deleteFromDocument()
shouldBe('span1.textContent', 'foar');
} catch (ex) {
log(ex);
}
// try to delete a collapsed selection at the start
r.setStart(span1.firstChild, 0);
r.setEnd(span1.firstChild, 0);
s.removeAllRanges();
s.addRange(r);
try {
s.deleteFromDocument()
shouldBe('span1.textContent', 'foar');
} catch (ex) {
log(ex);
}
// delete whole contents
r.setStart(span2.firstChild, 0);
r.setEnd(span2.firstChild, 2);
s.removeAllRanges();
s.addRange(r);
s.deleteFromDocument()
shouldBe('span1.firstChild.nextSibling.id', 'span2');
shouldBe('span1.firstChild.nextSibling.firstChild.nodeValue', '');
// partially delete two nodes
r.setStart(span1.firstChild, 1);
r.setEnd(span3.firstChild, 2);
s.removeAllRanges();
s.addRange(r);
s.deleteFromDocument()
shouldBe('test.textContent', 'fz');
</script>
</body>
</html>
|
