blob: db18303a3e7021e6bd17a0b38fe44ecf1fd43e13 [file] [log] [blame]
<!DOCTYPE html>
<div id="container">
<p id="description"></p>
<p>To test manually, place the cursor after 'o' in 'word' and delete it character by character. Do ctrl+z. On Mac, 'word' should be selected. On other platforms 'word' should not be selected and the cursor should be placed after 'o' in 'word'.</p>
<div id="test" style="border: 2px solid red;" contenteditable>This wo<b>rd </b>should be selected only on mac.</div>
<div id="console"></div>
<script src="../../resources/js-test.js"></script>
description('Verifies the selection behavior on undoing a text deletion.');
var sampleHTML = 'This wo<b>rd </b>should be selected only on mac.';
var selectionNode = document.getElementById('test').firstChild; // Text node 'This wo'
var selectionOffset = selectionNode.length;
var endNodeMac = document.getElementById('test').childNodes[1].firstChild; // Text node 'rd '
var endOffsetMac = endNodeMac.length - 1;
var startOffsetMac =' ')+1;
var selection = window.getSelection();
function $(id) { return document.getElementById(id); }
function undoTest(platform, expectedStartNode, expectedStartOffset, expectedEndNode, expectedEndOffset, selectedText) {
selection.collapse(selectionNode, selectionOffset);
for (var i = 0; i < 2; i++)
for (var i = 0; i < 2; i++)
shouldBe('selection.anchorOffset', expectedStartOffset + '');
shouldBe('selection.focusOffset', expectedEndOffset + '');
shouldBeEqualToString('selection.toString()', selectedText);
shouldBeEqualToString('$("test").innerHTML', sampleHTML);
if (window.internals) {
undoTest('mac', selectionNode, startOffsetMac, endNodeMac, endOffsetMac, 'word');
undoTest('win', selectionNode, selectionOffset, selectionNode, selectionOffset, '');
undoTest('unix', selectionNode, selectionOffset, selectionNode, selectionOffset, '');
undoTest('android', selectionNode, selectionOffset, selectionNode, selectionOffset, '');
if (window.testRunner)
document.getElementById('container').outerHTML = '';