OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head> |
| 4 <script src="../../../resources/testharness.js"></script> |
| 5 <script src="../../../resources/testharnessreport.js"></script> |
| 6 </head> |
| 7 <body> |
| 8 <span inert id="not-editable" contenteditable>I'm not editable.</span> |
| 9 <span id="editable" contenteditable>I'm editable.</span> |
| 10 <script> |
| 11 function clickOn(element) |
| 12 { |
| 13 if (!window.eventSender) |
| 14 return; |
| 15 |
| 16 var absoluteTop = 0; |
| 17 var absoluteLeft = 0; |
| 18 for (var parentNode = element; parentNode; parentNode = parentNode.offsetPar
ent) { |
| 19 absoluteLeft += parentNode.offsetLeft; |
| 20 absoluteTop += parentNode.offsetTop; |
| 21 } |
| 22 |
| 23 var x = absoluteLeft + element.offsetWidth / 2; |
| 24 var y = absoluteTop + element.offsetHeight / 2; |
| 25 eventSender.mouseMoveTo(x, y); |
| 26 eventSender.mouseDown(); |
| 27 eventSender.mouseUp(); |
| 28 eventSender.mouseMoveTo(0, 0); |
| 29 } |
| 30 |
| 31 notEditable = document.querySelector('#not-editable'); |
| 32 editable = document.querySelector('#editable'); |
| 33 |
| 34 test(function() { |
| 35 clickOn(notEditable); |
| 36 oldValue = notEditable.textContent; |
| 37 eventSender.keyDown('a'); |
| 38 assert_equals(notEditable.textContent, oldValue); |
| 39 }, "Can't edit inert contenteditable"); |
| 40 |
| 41 test(function() { |
| 42 clickOn(editable); |
| 43 oldValue = editable.textContent; |
| 44 eventSender.keyDown('a'); |
| 45 assert_not_equals(editable.textContent, oldValue); |
| 46 }, "Can edit non-inert contenteditable"); |
| 47 |
| 48 </script> |
| 49 </body> |
| 50 </html> |
OLD | NEW |