Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /focus/Selection_selectAllChildren.html - WPT Dashboard Interop Dashboard
<!doctype html>↩
<meta charset=utf-8>↩
<title>focus move tests caused by a call of Selection.selectAllChildren()</title>↩
<script src="/resources/testharness.js"></script>↩
<script src="/resources/testharnessreport.js"></script>↩
<body>↩
<div style="height: 3000px;">Spacer to check whether or not page was scrolled down to focused editor</div>↩
<p id="staticBefore">static text</p>↩
<div id="editor" contenteditable><p>content of editor</p></div>↩
<div id="outerEditor" contenteditable↩
><p>content of outer editor</p><div id="staticInEditor" contenteditable="false"↩
><p>static content of outer editor</p><div id="innerEditor" contenteditable↩
><p>content of inner editor</p></div></div></div>↩
<p id="staticAfter">static text</p>↩
<p><a id="anchor" href="about:blank">anchor</a></p>↩
<script>↩
"use strict";↩
↩
var staticBefore = {↩
element: document.getElementById("staticBefore"),↩
textNode: document.getElementById("staticBefore").firstChild,↩
textLength: document.getElementById("staticBefore").firstChild.length↩
};↩
var editor = {↩
element: document.getElementById("editor"),↩
textNode: document.getElementById("editor").firstChild.firstChild,↩
textLength: document.getElementById("editor").firstChild.firstChild.length↩
};↩
var outerEditor = {↩
element: document.getElementById("outerEditor"),↩
textNode: document.getElementById("outerEditor").firstChild.firstChild,↩
textLength: document.getElementById("outerEditor").firstChild.firstChild.length↩
};↩
var staticInEditor = {↩
element: document.getElementById("staticInEditor"),↩
textNode: document.getElementById("staticInEditor").firstChild,↩
textLength: document.getElementById("staticInEditor").firstChild.length↩
};↩
var innerEditor = {↩
element: document.getElementById("innerEditor"),↩
textNode: document.getElementById("innerEditor").firstChild.firstChild,↩
textLength: document.getElementById("innerEditor").firstChild.firstChild.length↩
};↩
var staticAfter = {↩
element: document.getElementById("staticAfter"),↩
textNode: document.getElementById("staticAfter").firstChild,↩
textLength: document.getElementById("staticAfter").firstChild.length↩
};↩
var anchor = {↩
element: document.getElementById("anchor"),↩
textNode: document.getElementById("anchor").firstChild,↩
textLength: document.getElementById("anchor").firstChild.length↩
};↩
↩
function resetFocusAndSelectionRange(aFocus)↩
{↩
document.getSelection().removeAllRanges();↩
if (document.activeElement) {↩
document.activeElement.blur();↩
}↩
if (aFocus) {↩
aFocus.element.focus();↩
document.getSelection().collapse(aFocus.textNode, 0);↩
} else {↩
document.getSelection().collapse(staticBefore.textNode, 0);↩
}↩
document.documentElement.scrollTop = 0;↩
}↩
↩
test(function() {↩
resetFocusAndSelectionRange();↩
document.getSelection().selectAllChildren(staticBefore.element);↩
assert_equals(document.activeElement, document.body);↩
assert_equals(document.documentElement.scrollTop, 0);↩
}, "Active element should be the <body> after Selection.selectAllChildren() to select the children of 'staticBefore' when active element is the <body>");↩
test(function() {↩
resetFocusAndSelectionRange();↩
document.getSelection().selectAllChildren(editor.element);↩
assert_equals(document.activeElement, editor.element);↩
assert_equals(document.documentElement.scrollTop, 0);↩
}, "Active element should be 'editor' after Selection.selectAllChildren() to select the children of 'editor' when active element is the <body>");↩
test(function() {↩
resetFocusAndSelectionRange();↩
document.getSelection().selectAllChildren(outerEditor.element);↩
assert_equals(document.activeElement, outerEditor.element);↩
assert_equals(document.documentElement.scrollTop, 0);↩
}, "Active element should be 'outerEditor' after Selection.selectAllChildren() to select the children of 'outerEditor' when active element is the <body>");↩
test(function() {↩
resetFocusAndSelectionRange();↩
document.getSelection().selectAllChildren(staticInEditor.element);↩
assert_equals(document.activeElement, document.body);↩
assert_equals(document.documentElement.scrollTop, 0);↩
}, "Active element should be the <body> after Selection.selectAllChildren() to select the children of 'staticInEditor' when active element is the <body>");↩
test(function() {↩
resetFocusAndSelectionRange();↩
document.getSelection().selectAllChildren(innerEditor.element);↩
assert_equals(document.activeElement, innerEditor.element);↩
assert_equals(document.documentElement.scrollTop, 0);↩
}, "Active element should be 'innerEditor' after Selection.selectAllChildren() to select the children of 'innerEditor' when active element is the <body>");↩
test(function() {↩
resetFocusAndSelectionRange();↩
document.getSelection().selectAllChildren(anchor.element);↩
assert_equals(document.activeElement, document.body);↩
assert_equals(document.documentElement.scrollTop, 0);↩
}, "Active element should be the <body> after Selection.selectAllChildren() to select the children of 'anchor' when active element is the <body>");↩
↩
test(function() {↩
resetFocusAndSelectionRange(editor);↩
document.getSelection().selectAllChildren(staticBefore.element);↩
assert_equals(document.activeElement, editor.element);↩
assert_equals(document.documentElement.scrollTop, 0);↩
}, "Active element should be 'editor' after Selection.selectAllChildren() to select the children of 'staticBefore' when active element is 'editor'");↩
test(function() {↩
resetFocusAndSelectionRange(editor);↩
document.getSelection().selectAllChildren(editor.element);↩
assert_equals(document.activeElement, editor.element);↩
assert_equals(document.documentElement.scrollTop, 0);↩
}, "Active element should be 'editor' after Selection.selectAllChildren() to select the children of 'editor' when active element is 'editor'");↩
test(function() {↩
resetFocusAndSelectionRange(editor);↩
document.getSelection().selectAllChildren(outerEditor.element);↩
assert_equals(document.activeElement, outerEditor.element);↩
assert_equals(document.documentElement.scrollTop, 0);↩
}, "Active element should be 'outerEditor' after Selection.selectAllChildren() to select the children of 'outerEditor' when active element is 'editor'");↩
test(function() {↩
resetFocusAndSelectionRange(editor);↩
document.getSelection().selectAllChildren(staticInEditor.element);↩
assert_equals(document.activeElement, editor.element);↩
assert_equals(document.documentElement.scrollTop, 0);↩
}, "Active element should be 'editor' after Selection.selectAllChildren() to select the children of 'staticInEditor' when active element is 'editor'");↩
test(function() {↩
resetFocusAndSelectionRange(editor);↩
document.getSelection().selectAllChildren(innerEditor.element);↩
assert_equals(document.activeElement, innerEditor.element);↩
assert_equals(document.documentElement.scrollTop, 0);↩
}, "Active element should be 'innerEditor' after Selection.selectAllChildren() to select the children of 'innerEditor' when active element is 'editor'");↩
test(function() {↩
resetFocusAndSelectionRange(editor);↩
document.getSelection().selectAllChildren(anchor.element);↩
assert_equals(document.activeElement, editor.element);↩
assert_equals(document.documentElement.scrollTop, 0);↩
}, "Active element should be 'editor' after Selection.selectAllChildren() to select the children of 'anchor' when active element is 'editor'");↩
↩
test(function() {↩
resetFocusAndSelectionRange(outerEditor);↩
document.getSelection().selectAllChildren(staticBefore.element);↩
assert_equals(document.activeElement, outerEditor.element);↩
assert_equals(document.documentElement.scrollTop, 0);↩
}, "Active element should be 'outerEditor' after Selection.selectAllChildren() to select the children of 'staticBefore' when active element is 'outerEditor'");↩
test(function() {↩
resetFocusAndSelectionRange(outerEditor);↩
document.getSelection().selectAllChildren(editor.element);↩
assert_equals(document.activeElement, editor.element);↩
assert_equals(document.documentElement.scrollTop, 0);↩
}, "Active element should be 'editor' after Selection.selectAllChildren() to select the children of 'editor' when active element is 'outerEditor'");↩
test(function() {↩
resetFocusAndSelectionRange(outerEditor);↩
document.getSelection().selectAllChildren(outerEditor.element);↩
assert_equals(document.activeElement, outerEditor.element);↩
assert_equals(document.documentElement.scrollTop, 0);↩
}, "Active element should be 'outerEditor' after Selection.selectAllChildren() to select the children of 'outerEditor' when active element is 'outerEditor'");↩
test(function() {↩
resetFocusAndSelectionRange(outerEditor);↩
document.getSelection().selectAllChildren(staticInEditor.element);↩
assert_equals(document.activeElement, outerEditor.element);↩
assert_equals(document.documentElement.scrollTop, 0);↩
}, "Active element should be 'ouerEditor' after Selection.selectAllChildren() to select the children of 'staticInEditor' when active element is 'outerEditor'");↩
test(function() {↩
resetFocusAndSelectionRange(outerEditor);↩
document.getSelection().selectAllChildren(innerEditor.element);↩
assert_equals(document.activeElement, innerEditor.element);↩
assert_equals(document.documentElement.scrollTop, 0);↩
}, "Active element should be 'innerEditor' after Selection.selectAllChildren() to select the children of 'innerEditor' when active element is 'outerEditor'");↩
test(function() {↩
resetFocusAndSelectionRange(outerEditor);↩
document.getSelection().selectAllChildren(anchor.element);↩
assert_equals(document.activeElement, outerEditor.element);↩
assert_equals(document.documentElement.scrollTop, 0);↩
}, "Active element should be 'outerEditor' after Selection.selectAllChildren() to select the children of 'anchor' when active element is 'outerEditor'");↩
↩
test(function() {↩
resetFocusAndSelectionRange(innerEditor);↩
document.getSelection().selectAllChildren(staticBefore.element);↩
assert_equals(document.activeElement, innerEditor.element);↩
assert_equals(document.documentElement.scrollTop, 0);↩
}, "Active element should be 'innerEditor' after Selection.selectAllChildren() to select the children of 'staticBefore' when active element is 'innerEditor'");↩
test(function() {↩
resetFocusAndSelectionRange(innerEditor);↩
document.getSelection().selectAllChildren(editor.element);↩
assert_equals(document.activeElement, editor.element);↩
assert_equals(document.documentElement.scrollTop, 0);↩
}, "Active element should be 'editor' after Selection.selectAllChildren() to select the children of 'editor' when active element is 'innerEditor'");↩
test(function() {↩
resetFocusAndSelectionRange(innerEditor);↩
document.getSelection().selectAllChildren(outerEditor.element);↩
assert_equals(document.activeElement, outerEditor.element);↩
assert_equals(document.documentElement.scrollTop, 0);↩
}, "Active element should be 'outerEditor' after Selection.selectAllChildren() to select the children of 'outerEditor' when active element is 'innerEditor'");↩
test(function() {↩
resetFocusAndSelectionRange(innerEditor);↩
document.getSelection().selectAllChildren(staticInEditor.element);↩
assert_equals(document.activeElement, innerEditor.element);↩
assert_equals(document.documentElement.scrollTop, 0);↩
}, "Active element should be 'innerEditor' after Selection.selectAllChildren() to select the children of 'staticInEditor' when active element is 'innerEditor'");↩
test(function() {↩
resetFocusAndSelectionRange(innerEditor);↩
document.getSelection().selectAllChildren(innerEditor.element);↩
assert_equals(document.activeElement, innerEditor.element);↩
assert_equals(document.documentElement.scrollTop, 0);↩
}, "Active element should be 'innerEditor' after Selection.selectAllChildren() to select the children of 'innerEditor' when active element is 'innerEditor'");↩
test(function() {↩
resetFocusAndSelectionRange(innerEditor);↩
document.getSelection().selectAllChildren(anchor.element);↩
assert_equals(document.activeElement, innerEditor.element);↩
assert_equals(document.documentElement.scrollTop, 0);↩
}, "Active element should be 'innerEditor' after Selection.selectAllChildren() to select the children of 'anchor' when active element is 'innerEditor'");↩
↩
test(function() {↩
resetFocusAndSelectionRange(anchor);↩
document.getSelection().selectAllChildren(staticBefore.element);↩
assert_equals(document.activeElement, anchor.element);↩
assert_equals(document.documentElement.scrollTop, 0);↩
}, "Active element should be 'anchor' after Selection.selectAllChildren() to select the children of 'staticBefore' when active element is 'anchor'");↩
test(function() {↩
resetFocusAndSelectionRange(anchor);↩
document.getSelection().selectAllChildren(editor.element);↩
assert_equals(document.activeElement, editor.element);↩
assert_equals(document.documentElement.scrollTop, 0);↩
}, "Active element should be 'editor' after Selection.selectAllChildren() to select the children of 'editor' when active element is 'anchor'");↩
test(function() {↩
resetFocusAndSelectionRange(anchor);↩
document.getSelection().selectAllChildren(outerEditor.element);↩
assert_equals(document.activeElement, outerEditor.element);↩
assert_equals(document.documentElement.scrollTop, 0);↩
}, "Active element should be 'outerEditor' after Selection.selectAllChildren() to select the children of 'outerEditor' when active element is 'anchor'");↩
test(function() {↩
resetFocusAndSelectionRange(anchor);↩
document.getSelection().selectAllChildren(staticInEditor.element);↩
assert_equals(document.activeElement, anchor.element);↩
assert_equals(document.documentElement.scrollTop, 0);↩
}, "Active element should be 'anchor' after Selection.selectAllChildren() to select the children of 'staticInEditor' when active element is 'anchor'");↩
test(function() {↩
resetFocusAndSelectionRange(anchor);↩
document.getSelection().selectAllChildren(innerEditor.element);↩
assert_equals(document.activeElement, innerEditor.element);↩
assert_equals(document.documentElement.scrollTop, 0);↩
}, "Active element should be 'innerEditor' after Selection.selectAllChildren() to select the children of 'innerEditor' when active element is 'anchor'");↩
test(function() {↩
resetFocusAndSelectionRange(anchor);↩
document.getSelection().selectAllChildren(anchor.element);↩
assert_equals(document.activeElement, anchor.element);↩
assert_equals(document.documentElement.scrollTop, 0);↩
}, "Active element should be 'anchor' after Selection.selectAllChildren() to select the children of 'anchor' when active element is 'anchor'");↩
</script>↩