OLD | NEW |
(Empty) | |
| 1 <!doctype HTML> |
| 2 <script src="../../../resources/testharness.js"></script> |
| 3 <script src="../../../resources/testharnessreport.js"></script> |
| 4 <script src="../../assert_selection.js"></script> |
| 5 <div id="log"></div> |
| 6 <script> |
| 7 test(function(){ |
| 8 assert_selection( |
| 9 '<div contenteditable="true" id="div" style="-webkit-user-select:all">fo
o</div>', |
| 10 selection => selection.collapse(selection.document.getElementById('div')
.firstChild, 1), |
| 11 '<div contenteditable="true" id="div" style="-webkit-user-select:all">f|
oo</div>'); |
| 12 assert_selection( |
| 13 '<div contenteditable="true" id="div" style="-webkit-user-select:all">f|
oo</div>', |
| 14 selection => selection.extend(selection.document.getElementById('div').f
irstChild, 2), |
| 15 '<div contenteditable="true" id="div" style="-webkit-user-select:all">f^
o|o</div>'); |
| 16 assert_selection( |
| 17 '<div contenteditable="true" id="div" style="-webkit-user-select:all">fo
o</div>', |
| 18 selection => { |
| 19 var div = selection.document.getElementById('div'); |
| 20 selection.setBaseAndExtent(div.firstChild, 1, div.firstChild, 2); |
| 21 }, |
| 22 '<div contenteditable="true" id="div" style="-webkit-user-select:all">f^
o|o</div>'); |
| 23 assert_selection( |
| 24 '<div contenteditable="true" id="div" style="-webkit-user-select:all">fo
o</div>', |
| 25 selection => { |
| 26 var range = selection.document.createRange(); |
| 27 var div = selection.document.getElementById('div'); |
| 28 range.setStart(div, 0); |
| 29 range.setEnd(div, 1); |
| 30 selection.addRange(range); |
| 31 }, |
| 32 '<div contenteditable="true" id="div" style="-webkit-user-select:all">^f
oo|</div>'); |
| 33 assert_selection( |
| 34 '<div contenteditable="true" id="div" style="-webkit-user-select:all">|f
oo</div>', |
| 35 selection => selection.modify('move', 'forward', 'character'), |
| 36 '<div contenteditable="true" id="div" style="-webkit-user-select:all">f|
oo</div>'); |
| 37 assert_selection( |
| 38 '<div contenteditable="true" id="div" style="-webkit-user-select:all">f|
oo</div>', |
| 39 selection => selection.modify('move', 'backward', 'character'), |
| 40 '<div contenteditable="true" id="div" style="-webkit-user-select:all">|f
oo</div>'); |
| 41 assert_selection( |
| 42 '<div contenteditable="true" id="div" style="-webkit-user-select:all">|f
oo</div>', |
| 43 selection => selection.modify('extend', 'forward', 'character'), |
| 44 '<div contenteditable="true" id="div" style="-webkit-user-select:all">^f
oo|</div>'); |
| 45 assert_selection( |
| 46 '<div contenteditable="true" id="div" style="-webkit-user-select:all">fo
o|</div>', |
| 47 selection => selection.modify('extend', 'backward', 'character'), |
| 48 '<div contenteditable="true" id="div" style="-webkit-user-select:all">|f
oo^</div>'); |
| 49 }, |
| 50 'Selection API can edit in -webkit-user-select:all contenteditable element'); |
| 51 |
| 52 test(function(){ |
| 53 assert_selection( |
| 54 '<div contenteditable="true" id="div" style="-webkit-user-select:all">|f
oo</div>', |
| 55 selection => selection.document.execCommand('insertText', false, 'bar'), |
| 56 '<div contenteditable="true" id="div" style="-webkit-user-select:all">ba
r|foo</div>'); |
| 57 }, |
| 58 'Execcommand inserttext in -webkit-user-select:all contenteditable element'); |
| 59 |
| 60 test(function(){ |
| 61 assert_selection( |
| 62 '<div contenteditable="true" id="div" style="-webkit-user-select:all">fo
o</div>', |
| 63 selection => assert_true(selection.document.getElementById('div').isCont
entEditable), |
| 64 '<div contenteditable="true" id="div" style="-webkit-user-select:all">fo
o</div>'); |
| 65 }, |
| 66 '-webkit-user-select:all contenteditable element is HTMLElement.isContentEditabl
e == true'); |
| 67 </script> |
OLD | NEW |