third_party/WebKit/LayoutTests/editing/style/block-style-006.html

   1 <html>
   2 <head>
   3
   4 <style>
   5 .editing {
   6     font-size: 16px;
   7 }
   8 .explanation {
   9     border: 2px solid blue;
  10     padding: 12px;
  11     font-size: 24px;
  12     margin-bottom: 24px;
  13 }
  14 </style>
  15 <script src=../editing.js language="JavaScript" type="text/JavaScript" ></script>
  16
  17 <script>
  18
  19 function editingTest() {
  20     moveSelectionForwardByCharacterCommand();
  21     insertParagraphCommand();
  22     insertParagraphCommand();
  23     typeCharacterCommand();
  24     for (i = 0; i < 3; i++)
  25         extendSelectionBackwardByLineCommand();
  26     fontSizeCommand("7");
  27     for (i = 0; i < 3; i++)
  28         moveSelectionForwardByLineCommand();
  29     moveSelectionBackwardByCharacterCommand();
  30     insertParagraphCommand();
  31 }
  32
  33 </script>
  34
  35 <title>Editing Test</title>
  36 </head>
  37 <body>
  38 <div class="explanation">
  39 You should see one "x" followed by two blank lines, then one more "x". The blank lines should be the same height.
  40 The second and third lines <b>must</b> be the same height.
  41 See: &lt;<a href="rdar://problem/3959727">rdar://problem/3959727</a>&gt; REGRESSION (Mail): Style not preserved on blank lines
  42 </div>
  43
  44 <div contenteditable="true" id="root" style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-line-break: after-white-space;">
  45 <div id="test" class="editing">x</div>
  46 </div>
  47
  48 <script>
  49 runDumpAsTextEditingTest();
  50 </script>
  51
  52 </body>
  53 </html>