third_party/WebKit/LayoutTests/editing/inserting/insert-div-017.html

   1 <html>
   2 <head>
   3
   4 <style>
   5 body {
   6     font-size: 24px;
   7 }
   8 .editing {
   9     border: 2px solid red;
  10     padding: 12px;
  11 }
  12 p {
  13     border: 2px solid blue;
  14     padding: 12px;
  15 }
  16
  17 </style>
  18 <script src=../editing.js language="JavaScript" type="text/JavaScript" ></script>
  19
  20 <script>
  21
  22 function editingTest() {
  23     for (i = 0; i < 12; i++)
  24         moveSelectionForwardByCharacterCommand();
  25     insertParagraphCommand();
  26 }
  27
  28 </script>
  29
  30 <title>Editing Test</title>
  31 </head>
  32 <body contenteditable id="root">
  33
  34 Test inserting paragraphs: should see two empty red boxes below "foo"
  35
  36 <div style="height: 12px"></div>
  37
  38 <div class="editing" id="test">baz</div>bar<div class="editing">foo</div>
  39 <div class="editing"><br class="khtml-block-placeholder"></div>
  40
  41 <script>
  42 runEditingTest();
  43 </script>
  44
  45 </body>
  46 </html>