LayoutTests/editing/selection/user-select-all-selection.html - WebKit - Git at Google

 <!DOCTYPE html>
 <head>
 <style>
 .userSelectAll {-webkit-user-select: all; }
 </style>
 <script src="../editing.js"></script>
 <script src="../../resources/js-test-pre.js"></script>
 <script src="resources/js-test-selection-shared.js"></script>
 <script>
 function log(str) {
     var div = document.createElement("div");
     div.appendChild(document.createTextNode(str));
     document.getElementById("console").appendChild(div);
 }

 function testSelectionAt(anchorNode, anchorOffset, optFocusNode, optFocusOffset, str) {
     var focusNode = optFocusNode || anchorNode;
     var focusOffset = (optFocusOffset === undefined) ? anchorOffset : optFocusOffset;

     var sel = window.getSelection();
     if (sel.anchorNode == anchorNode
         && sel.focusNode == focusNode
         && sel.anchorOffset == anchorOffset
         && sel.focusOffset == focusOffset) {
         testPassed("Selection is " + str);
     } else {
         testFailed("Selection should be " + str +
             " at anchorNode: " + sel.anchorNode + " anchorOffset: " + sel.anchorOffset +
             " focusNode: " + sel.focusNode + " focusOffset: " + sel.focusOffset);
     }
 }

 function selectionShouldBeRelativeToUserSelectAllElement(str) {
     var userSelectAllElement = document.getElementById("allArea");
     var userSelectAllNodeIndex = 1;
     if (str == "around")
         testSelectionAt(userSelectAllElement.previousSibling.firstChild, userSelectAllElement.previousSibling.textContent.length,
             userSelectAllElement.nextSibling, 0,
             "the entire user-select-all element");
     else if ( str == "before")
         testSelectionAt(userSelectAllElement.previousSibling.firstChild, userSelectAllElement.previousSibling.textContent.length,
             userSelectAllElement.previousSibling.firstChild, userSelectAllElement.previousSibling.textContent.length,
             "right before user-select-all element");
     else if (str == "after")
         testSelectionAt(userSelectAllElement.nextSibling.firstChild, 0,
             userSelectAllElement.nextSibling.firstChild, 0,
             "right after user-select-all element");
 }

 function placeCaretBeforeUserSelectAllElement(){
     var userSelectAllElement = document.getElementById("allArea");
     execSetSelectionCommand(userSelectAllElement.previousSibling.firstChild, userSelectAllElement.previousSibling.textContent.length, userSelectAllElement.previousSibling, userSelectAllElement.previousSibling.textContent.length);
 }

 function mouseMoveFromTo(fromX, toX){
     var userSelectAllElement = document.getElementById("allArea");
     var y = userSelectAllElement.offsetTop + 10;
     eventSender.dragMode = false;
     // Clear click count
     eventSender.mouseMoveTo(0, 0);
     eventSender.mouseDown();
     eventSender.mouseUp();

     eventSender.mouseMoveTo(fromX, y);
     eventSender.mouseDown();
     eventSender.mouseMoveTo(toX, y);
     eventSender.mouseUp();
 }

 function testKeyboard(){
     var userSelectAllElement = document.getElementById("allArea");

     evalAndLog("placeCaretBeforeUserSelectAllElement()");
     evalAndLog("window.getSelection().modify('extend', 'forward', 'character')");
     selectionShouldBeRelativeToUserSelectAllElement("around");

     evalAndLog("window.getSelection().modify('extend', 'backward', 'character')");
     selectionShouldBeRelativeToUserSelectAllElement("before");

     evalAndLog("window.getSelection().modify('extend', 'right', 'character')");
     selectionShouldBeRelativeToUserSelectAllElement("around");

     evalAndLog("window.getSelection().modify('extend', 'left', 'character')");
     selectionShouldBeRelativeToUserSelectAllElement("before");

     evalAndLog("window.getSelection().modify('move', 'forward', 'character')");
     selectionShouldBeRelativeToUserSelectAllElement("after");

     evalAndLog("window.getSelection().modify('move', 'backward', 'character')");
     selectionShouldBeRelativeToUserSelectAllElement("before");

     evalAndLog("window.getSelection().modify('move', 'right', 'character')");
     selectionShouldBeRelativeToUserSelectAllElement("after");

     evalAndLog("window.getSelection().modify('move', 'left', 'character')");
     selectionShouldBeRelativeToUserSelectAllElement("before");
 }

 function testMouse(){
     var userSelectAllElement = document.getElementById("allArea");
     var descendant = document.getElementById("descendant");
     evalAndLog("clickAt(descendant.offsetLeft + 10 , descendant.offsetTop + 10)");
     selectionShouldBeRelativeToUserSelectAllElement("around");

     // mouse extending from left
     var leftTarget = userSelectAllElement.previousSibling;
     log("mouseMoveFromTo(leftTarget.offsetLeft, descendant.offsetLeft + 20)");
     mouseMoveFromTo(leftTarget.offsetLeft, descendant.offsetLeft + 20);
     testSelectionAt(leftTarget.firstChild, 0, userSelectAllElement.nextSibling, 0, "the entire user-select-all element plus everything on its left");

     // mouse extending from right
     var rightTarget = userSelectAllElement.nextSibling;
     var textLength = rightTarget.textContent.length;
     log("mouseMoveFromTo(userSelectAllElement.offsetLeft + userSelectAllElement.offsetWidth + rightTarget.offsetWidth, descendant.offsetLeft + 10)");
     mouseMoveFromTo(userSelectAllElement.offsetLeft + userSelectAllElement.offsetWidth + rightTarget.offsetWidth, descendant.offsetLeft + 10);
     testSelectionAt(rightTarget.firstChild, textLength, leftTarget.firstChild, leftTarget.textContent.textLength, "the entire user-select-all element plus everything on its right");
 }

 function testProgrammaticSelection(){
     var boldElement = document.querySelector('b');
     getSelection().selectAllChildren(boldElement);
     testSelectionAt(boldElement.firstChild, 0, boldElement.firstChild, 10, "only the text in bold");
 }
 </script>
 </head>
 <body><div contenteditable><span>Test -webkit-user-select all </span><span class="userSelectAll" id="allArea"><span style="border: solid red 1px" id="descendant">user <b>select all</b> area</span></span><span> Test -webkit-user-select all</span></div>
 <div id="console"></div>
 <script>
 description(" Test -webkit-user-select all selection movements and extensions (left right forward backward) ");
 testKeyboard();
 testMouse();
 testProgrammaticSelection();
 </script>
 <script src="../../resources/js-test-post.js"></script>
 </body>
 </html>
	<!DOCTYPE html>
	<head>
	<style>
	.userSelectAll {-webkit-user-select: all; }
	</style>
	<script src="../editing.js"></script>
	<script src="../../resources/js-test-pre.js"></script>
	<script src="resources/js-test-selection-shared.js"></script>
	<script>
	function log(str) {
	var div = document.createElement("div");
	div.appendChild(document.createTextNode(str));
	document.getElementById("console").appendChild(div);
	}

	function testSelectionAt(anchorNode, anchorOffset, optFocusNode, optFocusOffset, str) {
	var focusNode = optFocusNode \|\| anchorNode;
	var focusOffset = (optFocusOffset === undefined) ? anchorOffset : optFocusOffset;

	var sel = window.getSelection();
	if (sel.anchorNode == anchorNode
	&& sel.focusNode == focusNode
	&& sel.anchorOffset == anchorOffset
	&& sel.focusOffset == focusOffset) {
	testPassed("Selection is " + str);
	} else {
	testFailed("Selection should be " + str +
	" at anchorNode: " + sel.anchorNode + " anchorOffset: " + sel.anchorOffset +
	" focusNode: " + sel.focusNode + " focusOffset: " + sel.focusOffset);
	}
	}

	function selectionShouldBeRelativeToUserSelectAllElement(str) {
	var userSelectAllElement = document.getElementById("allArea");
	var userSelectAllNodeIndex = 1;
	if (str == "around")
	testSelectionAt(userSelectAllElement.previousSibling.firstChild, userSelectAllElement.previousSibling.textContent.length,
	userSelectAllElement.nextSibling, 0,
	"the entire user-select-all element");
	else if ( str == "before")
	testSelectionAt(userSelectAllElement.previousSibling.firstChild, userSelectAllElement.previousSibling.textContent.length,
	userSelectAllElement.previousSibling.firstChild, userSelectAllElement.previousSibling.textContent.length,
	"right before user-select-all element");
	else if (str == "after")
	testSelectionAt(userSelectAllElement.nextSibling.firstChild, 0,
	userSelectAllElement.nextSibling.firstChild, 0,
	"right after user-select-all element");
	}

	function placeCaretBeforeUserSelectAllElement(){
	var userSelectAllElement = document.getElementById("allArea");
	execSetSelectionCommand(userSelectAllElement.previousSibling.firstChild, userSelectAllElement.previousSibling.textContent.length, userSelectAllElement.previousSibling, userSelectAllElement.previousSibling.textContent.length);
	}

	function mouseMoveFromTo(fromX, toX){
	var userSelectAllElement = document.getElementById("allArea");
	var y = userSelectAllElement.offsetTop + 10;
	eventSender.dragMode = false;
	// Clear click count
	eventSender.mouseMoveTo(0, 0);
	eventSender.mouseDown();
	eventSender.mouseUp();

	eventSender.mouseMoveTo(fromX, y);
	eventSender.mouseDown();
	eventSender.mouseMoveTo(toX, y);
	eventSender.mouseUp();
	}

	function testKeyboard(){
	var userSelectAllElement = document.getElementById("allArea");

	evalAndLog("placeCaretBeforeUserSelectAllElement()");
	evalAndLog("window.getSelection().modify('extend', 'forward', 'character')");
	selectionShouldBeRelativeToUserSelectAllElement("around");

	evalAndLog("window.getSelection().modify('extend', 'backward', 'character')");
	selectionShouldBeRelativeToUserSelectAllElement("before");

	evalAndLog("window.getSelection().modify('extend', 'right', 'character')");
	selectionShouldBeRelativeToUserSelectAllElement("around");

	evalAndLog("window.getSelection().modify('extend', 'left', 'character')");
	selectionShouldBeRelativeToUserSelectAllElement("before");

	evalAndLog("window.getSelection().modify('move', 'forward', 'character')");
	selectionShouldBeRelativeToUserSelectAllElement("after");

	evalAndLog("window.getSelection().modify('move', 'backward', 'character')");
	selectionShouldBeRelativeToUserSelectAllElement("before");

	evalAndLog("window.getSelection().modify('move', 'right', 'character')");
	selectionShouldBeRelativeToUserSelectAllElement("after");

	evalAndLog("window.getSelection().modify('move', 'left', 'character')");
	selectionShouldBeRelativeToUserSelectAllElement("before");
	}

	function testMouse(){
	var userSelectAllElement = document.getElementById("allArea");
	var descendant = document.getElementById("descendant");
	evalAndLog("clickAt(descendant.offsetLeft + 10 , descendant.offsetTop + 10)");
	selectionShouldBeRelativeToUserSelectAllElement("around");

	// mouse extending from left
	var leftTarget = userSelectAllElement.previousSibling;
	log("mouseMoveFromTo(leftTarget.offsetLeft, descendant.offsetLeft + 20)");
	mouseMoveFromTo(leftTarget.offsetLeft, descendant.offsetLeft + 20);
	testSelectionAt(leftTarget.firstChild, 0, userSelectAllElement.nextSibling, 0, "the entire user-select-all element plus everything on its left");

	// mouse extending from right
	var rightTarget = userSelectAllElement.nextSibling;
	var textLength = rightTarget.textContent.length;
	log("mouseMoveFromTo(userSelectAllElement.offsetLeft + userSelectAllElement.offsetWidth + rightTarget.offsetWidth, descendant.offsetLeft + 10)");
	mouseMoveFromTo(userSelectAllElement.offsetLeft + userSelectAllElement.offsetWidth + rightTarget.offsetWidth, descendant.offsetLeft + 10);
	testSelectionAt(rightTarget.firstChild, textLength, leftTarget.firstChild, leftTarget.textContent.textLength, "the entire user-select-all element plus everything on its right");
	}

	function testProgrammaticSelection(){
	var boldElement = document.querySelector('b');
	getSelection().selectAllChildren(boldElement);
	testSelectionAt(boldElement.firstChild, 0, boldElement.firstChild, 10, "only the text in bold");
	}
	</script>
	</head>
	<body><div contenteditable><span>Test -webkit-user-select all </span><span class="userSelectAll" id="allArea"><span style="border: solid red 1px" id="descendant">user <b>select all</b> area</span></span><span> Test -webkit-user-select all</span></div>
	<div id="console"></div>
	<script>
	description(" Test -webkit-user-select all selection movements and extensions (left right forward backward) ");
	testKeyboard();
	testMouse();
	testProgrammaticSelection();
	</script>
	<script src="../../resources/js-test-post.js"></script>
	</body>
	</html>