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
|
<!doctype html>
<meta charset=utf-8>
<title>focus move tests caused by a call of Selection.addRange() into iframe</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<body onload="doTest()">
<div style="height: 3000px;">Spacer to check whether or not page was scrolled down to focused editor</div>
<p>Here is an iframe:</p>
<iframe src="Selection_addRange_into_iframe_iframe.html"></iframe>
<script>
"use strict";
setup({explicit_done:true});
function doTest() {
var selection = document.getSelection();
var childDocument = document.getElementsByTagName("iframe")[0].contentDocument;
var childSelection = childDocument.getSelection();
test(function() {
selection.collapse(document.body.firstChild, 0);
childSelection.collapse(childDocument.body.firstChild, 0);
document.documentElement.scrollTop = 0;
childDocument.documentElement.scrollTop = 0;
childSelection.removeAllRanges();
var range = childDocument.createRange();
range.selectNodeContents(childDocument.getElementById("editor1"));
childSelection.addRange(range);
assert_equals(document.activeElement, document.body);
assert_equals(childDocument.activeElement, childDocument.getElementById("editor1"));
assert_equals(document.documentElement.scrollTop, 0);
assert_equals(childDocument.documentElement.scrollTop, 0);
}, "Active element should be 'editor1' in the <iframe> after Selection.addRange() but parent's active document should be the <body>");
test(function() {
selection.collapse(document.body.firstChild, 0);
childSelection.collapse(childDocument.getElementById("editor1").firstChild, 0);
document.documentElement.scrollTop = 0;
childDocument.documentElement.scrollTop = 0;
childSelection.removeAllRanges();
var range = childDocument.createRange();
range.selectNodeContents(childDocument.getElementById("editor2"));
childSelection.addRange(range);
assert_equals(document.activeElement, document.body);
assert_equals(childDocument.activeElement, childDocument.getElementById("editor2"));
assert_equals(document.documentElement.scrollTop, 0);
assert_equals(childDocument.documentElement.scrollTop, 0);
}, "Active element should be 'editor2' in the <iframe> after Selection.addRange() but parent's active document should be the <body>");
test(function() {
selection.collapse(document.body.firstChild, 0);
childSelection.collapse(childDocument.getElementById("editor2").firstChild, 0);
document.documentElement.scrollTop = 0;
childDocument.documentElement.scrollTop = 0;
childSelection.removeAllRanges();
var range = childDocument.createRange();
range.selectNodeContents(childDocument.getElementById("non-editor"));
childSelection.addRange(range);
assert_equals(document.activeElement, document.body);
assert_equals(childDocument.activeElement, childDocument.getElementById("editor2"));
assert_equals(document.documentElement.scrollTop, 0);
assert_equals(childDocument.documentElement.scrollTop, 0);
}, "Active element should be 'editor2' in the <iframe> after Selection.addRange() to non-editable <div> and parent's active document should be the <body>");
done();
}
</script>
|
