| <html> |
| <head> |
| |
| <style> |
| .editing { |
| border: 2px solid red; |
| font-size: 24px; |
| } |
| </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 editingTest(editingBehavior) { |
| |
| if (window.internals) |
| internals.settings.setEditingBehavior(editingBehavior); |
| |
| var startTarget = document.getElementById('start'); |
| var endTarget = document.getElementById('end'); |
| |
| eventSender.mouseMoveTo(startTarget.offsetLeft, startTarget.offsetTop + 10); |
| // Double-click to select at word-granularity to workaround eventSender bug with selecting text at |
| // character granularity (i.e. that it just doesn't work). |
| eventSender.mouseDown(); |
| eventSender.mouseUp(); |
| eventSender.mouseDown(); |
| eventSender.mouseMoveTo(endTarget.offsetLeft, endTarget.offsetTop + 10); |
| eventSender.mouseUp(); |
| |
| assertSelectionAt(startTarget.firstChild, 0, endTarget.firstChild, 2); |
| |
| extendSelectionBackwardByCharacterCommand(); |
| |
| // On Win/Linux the anchor is be fixed after the mouse-selection and never changes. |
| // On Mac, the first character-granularity selection after a mouse-selection resets the anchor/focus. |
| if (editingBehavior == "mac") |
| assertSelectionAt(endTarget.firstChild, 2, startTarget.previousSibling, 1); |
| else |
| assertSelectionAt(startTarget.firstChild, 0, endTarget.firstChild, 1); |
| |
| extendSelectionForwardByCharacterCommand(); |
| if (editingBehavior == "mac") |
| assertSelectionAt(endTarget.firstChild, 2, startTarget.firstChild, 0); |
| else |
| assertSelectionAt(startTarget.firstChild, 0, endTarget.firstChild, 2); |
| |
| extendSelectionForwardByLineBoundaryCommand(); |
| |
| if (editingBehavior == "mac") |
| assertSelectionAt(endTarget.nextSibling, 1, startTarget.firstChild, 0); |
| else |
| assertSelectionAt(startTarget.firstChild, 0, endTarget.nextSibling, 1); |
| |
| extendSelectionBackwardByLineBoundaryCommand(); |
| |
| if (editingBehavior == "mac") |
| assertSelectionAt(endTarget.nextSibling, 1, startTarget.previousSibling, 0); |
| else |
| assertSelectionAt(startTarget.firstChild, 0, document.getElementById('test'), 4); |
| } |
| |
| </script> |
| |
| <title>Editing Test</title> |
| </head> |
| <body> |
| <div contenteditable id="root" class="editing"> |
| <span id="test">a <span id="start">bc</span> <br>d <span id="end">ef</span> <br>ghi</span> |
| </div> |
| |
| <div id="console"></div> |
| |
| <script> |
| editingTest("mac"); |
| editingTest("win"); |
| editingTest("unix"); |
| </script> |
| <script src="../../resources/js-test-post.js"></script> |
| |
| </body> |
| </html> |
