| OLD | NEW |
| (Empty) |
| 1 <!doctype HTML> | |
| 2 <script src="../../resources/testharness.js"></script> | |
| 3 <script src="../../resources/testharnessreport.js"></script> | |
| 4 <style> | |
| 5 #editable p { | |
| 6 font-size: 20px; | |
| 7 line-height: 22px; | |
| 8 color: red; | |
| 9 } | |
| 10 </style> | |
| 11 <div contenteditable="true" id="editable"> | |
| 12 <ul> | |
| 13 <li>list item 1</li> | |
| 14 <li>list item 2</li> | |
| 15 <li>list item 3</li> | |
| 16 </ul> | |
| 17 <p>Paragraph</p> | |
| 18 </div> | |
| 19 <script> | |
| 20 test(function() { | |
| 21 var editor = document.getElementById('editable'); | |
| 22 var range = document.createRange(); | |
| 23 var selection = window.getSelection(); | |
| 24 range.setStart(editor.childNodes[2], 0); | |
| 25 range.collapse(true); | |
| 26 selection.removeAllRanges(); | |
| 27 selection.addRange(range); | |
| 28 editor.focus(); | |
| 29 document.execCommand('delete'); | |
| 30 | |
| 31 var htmlPara = document.getElementsByTagName('li')[2].outerHTML; | |
| 32 assert_equals(htmlPara, '<li>list item 3Paragraph</li>'); | |
| 33 }, 'make a paragraph into a list by backspace'); | |
| 34 </script> | |
| OLD | NEW |