third_party/WebKit/LayoutTests/editing/deleting/maintain-style-after-delete.html

   1 <!DOCTYPE html>
   2 <html>
   3 <body>
   4 <script src="../../resources/dump-as-markup.js"></script>
   5 <div contenteditable="true">
   6 <div id="test">H <span style="color: blue;">W</span></div>
   7 </div>
   8 <script>
   9 Markup.description('Testcase for bug http://crbug.com/286219: When deleting editable content, typing style should be reset when moving into another node.');
  10
  11 Markup.waitUntilDone();
  12
  13 var testElement = document.getElementById('test');
  14 var selection = window.getSelection();
  15
  16 selection.collapse(testElement, 2);
  17 document.execCommand("Delete");
  18 document.execCommand("InsertText", false, "O");
  19 Markup.dump(test, "Deleting 'W' in blue color and then inserting 'O'. The following markup should show 'O' in blue color.");
  20
  21 selection.collapse(testElement, 1);
  22 document.execCommand("InsertText", false, "W");
  23 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.");
  24
  25 selection.collapse(testElement, 2);
  26 document.execCommand("Delete");
  27 document.execCommand("Delete");
  28 document.execCommand("Delete");
  29 document.execCommand("InsertText", false, "W");
  30 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.");
  31
  32 Markup.notifyDone();
  33 </script>
  34 </body>
  35 </html>