blob: 1e5da235428282e06f63b5775306c3b5821a6a77 [file] [log] [blame]
<!DOCTYPE html>
<div id="container">
<p id="description"></p>
<p>To test manually, place the cursor at the end of 'word' and delete it completely 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 at the end of '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').childNodes[1].firstChild; // Text node 'rd '
var selectionOffset = selectionNode.length - 1;
var endNodeMac = document.getElementById('test').firstChild; // Text node 'This wo'
var endOffsetMac =' ') + 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 < 4; i++)
shouldBe('selection.anchorOffset', expectedStartOffset + '');
shouldBe('selection.focusOffset', expectedEndOffset + '');
shouldBeEqualToString('selection.toString()', selectedText);
shouldBeEqualToString('$("test").innerHTML', sampleHTML);
if (window.internals) {
undoTest('mac', selectionNode, selectionOffset, 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 = '';