third_party/WebKit/LayoutTests/editing/inserting/editing-empty-divs.html

   1 <html>
   2
   3 <head>
   4 <script>
   5 if (window.testRunner)
   6      testRunner.dumpEditingCallbacks();
   7 </script>
   8
   9 <script>
  10 </script>
  11 </head>
  12 <style>
  13 div {
  14     border: 1px dotted blue;
  15     min-height: 20px;
  16     width: 90%;
  17 }
  18 </style>
  19
  20 <script>
  21 function foo() {
  22     var selection = window.getSelection();
  23     var bar = 1;
  24     var divs = document.getElementsByTagName("div");
  25     for (var i = 0; divs[i]; i++) {
  26         selection.collapse(divs[i], 0);
  27         document.execCommand("InsertText", false, 'c');
  28     }
  29 }
  30 </script>
  31 <body onload="foo()">
  32
  33 <p>This tests the ability to start editing in blocks that are visible, but have little or no content.  Each of the divs below should be able to accept a caret.</p>
  34
  35 <p>This div contains some text.</p>
  36 <div contentEditable="true">
  37 hello
  38 </div>
  39
  40 <p>This div is completely empty.</p>
  41 <div contentEditable="true"></div>
  42
  43 <p>This div contains some collapsable whitespace (a '\n').</p>
  44 <div contentEditable="true">
  45 </div>
  46
  47 <p>This div contains a self-closing p tag.</p>
  48 <div contentEditable="true"><p /></div>
  49
  50 <p>This div contains a self-closing p tag and some collapsable whitespace (two '\n's before and after the self closing p.</p>
  51 <div contentEditable="true">
  52 <p />
  53 </div>
  54
  55 </body>
  56 </html>