third_party/WebKit/LayoutTests/editing/inserting/insert-div-019.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 div {
  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 < 4; 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 an empty blue box above an empty line between "foo" and "bar"
  35
  36 <div style="border: none; height: 12px"></div>
  37
  38 <p id="test" class="editing">foo</p><br><p class="editing">bar</p>
  39
  40 <script>
  41 runEditingTest();
  42 </script>
  43
  44 </body>
  45 </html>