third_party/WebKit/LayoutTests/editing/execCommand/format-block.html

   1 <!DOCTYPE html>
   2 <html>
   3 <body>
   4 <script src="../../resources/dump-as-markup.js"></script>
   5 <div id="test" style="border:1px solid black" contenteditable="true">
   6 <p id="item1">Make Pre</p>
   7 <br>
   8 <div>Foo<br><span id="item2">Make h1</span><br>baz</div>
   9 <br>
  10 <address id="item3">Attempt to apply the current formatting here</address>
  11 </div>
  12 <script>
  13 if (window.testRunner)
  14     testRunner.dumpEditingCallbacks();
  15
  16 Markup.description("This test uses FormatBlock to modify three of the paragraphs below");
  17 Markup.dump("test", "Before FormatBlock");
  18
  19 var s = window.getSelection();
  20 var r = document.createRange();
  21 var p1 = document.getElementById("item1");
  22 var p2 = document.getElementById("item2");
  23 var p3 = document.getElementById("item3");
  24 s.collapse(p1, 0);
  25 document.execCommand("FormatBlock", false, "pre");
  26 s.collapse(p2, 0);
  27 document.execCommand("FormatBlock", false, "h1");
  28 s.collapse(p3, 0);
  29 document.execCommand("FormatBlock", false, "address");
  30
  31 Markup.dump("test", "After FormatBlock");
  32
  33 </script>
  34 </body>
  35 </html>