| <!DOCTYPE html> |
| <html> |
| <body> |
| <script src="../../resources/dump-as-markup.js"></script> |
| <div contenteditable="true"> |
| <div id="test">H <span style="color: blue;">W</span></div> |
| </div> |
| <script> |
| Markup.description('Testcase for bug http://crbug.com/286219: When deleting editable content, typing style should be reset when moving into another node.'); |
| |
| Markup.waitUntilDone(); |
| |
| var testElement = document.getElementById('test'); |
| var selection = window.getSelection(); |
| |
| selection.collapse(testElement, 2); |
| document.execCommand("Delete"); |
| document.execCommand("InsertText", false, "O"); |
| Markup.dump(test, "Deleting 'W' in blue color and then inserting 'O'. The following markup should show 'O' in blue color."); |
| |
| selection.collapse(testElement, 1); |
| document.execCommand("InsertText", false, "W"); |
| Markup.dump(test, "Inserting 'W' at the intersection of the two text nodes. The following markup should show that 'W' is not added in blue color."); |
| |
| selection.collapse(testElement, 2); |
| document.execCommand("Delete"); |
| document.execCommand("Delete"); |
| document.execCommand("Delete"); |
| document.execCommand("InsertText", false, "W"); |
| Markup.dump(test, "Deleting the blue colored text and the preceding space and then inserting 'W'. 'W' should not be in blue color in the following markup."); |
| |
| Markup.notifyDone(); |
| </script> |
| </body> |
| </html> |