LayoutTests/editing/editability/ignored-content.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style type="text/css">
   5  div > * {
   6      display: block;
   7  }
   8 </style>
   9 </head>
  10 <body>
  11 <div id="test" contenteditable><hr><datagrid></datagrid><object></object></div>
  12 <script src="../../resources/dump-as-markup.js"></script>
  13 <script>
  14
  15 var test = document.getElementById('test');
  16 test.focus();
  17
  18 Markup.description('This test ensures WebKit does not ignore the content of hr, datagrid, and object with child nodes.')
  19
  20 var text = 'hello world WebKit';
  21
  22 for (var i = 0; i < test.childNodes.length; i++) {
  23     var textNode = document.createTextNode(text);
  24     test.childNodes[i].appendChild(textNode);
  25     window.getSelection().setBaseAndExtent(textNode, 6, textNode, 11);
  26     document.execCommand('bold', false, null);
  27 }
  28
  29 Markup.dump(test, '"world" and only "world" should be bolded in each element below');
  30
  31 window.getSelection().setPosition(test, 0);
  32
  33 for (var i = 0; i < (text.length + 1) * test.childNodes.length - 1; i++)
  34     window.getSelection().modify('extend', 'forward', 'character');
  35
  36 var range = window.getSelection().getRangeAt(0).cloneContents();
  37
  38 Markup.dump(range, 'The result below should be identical to the result above');
  39
  40 </script>
  41 </body>
  42 </html>