third_party/WebKit/LayoutTests/editing/style/block-style-005.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     deleteCommand();
  30 }
  31
  32 </script>
  33
  34 <title>Editing Test</title>
  35 </head>
  36 <body>
  37 <div class="explanation">
  38 You should see one "x" followed by two blank lines. The blank lines should be the same height.
  39 The second line <b>must</b> be the same height as the first.
  40 See: &lt;<a href="rdar://problem/3959727">rdar://problem/3959727</a>&gt; REGRESSION (Mail): Style not preserved on blank lines
  41 </div>
  42
  43 <div contenteditable="true" id="root" style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-line-break: after-white-space;">
  44 <div id="test" class="editing">x</div>
  45 </div>
  46
  47 <script>
  48 runDumpAsTextEditingTest();
  49 </script>
  50
  51 </body>
  52 </html>