third_party/WebKit/LayoutTests/editing/execCommand/indent-with-style2.html

   1 <html>
   2 <body>
   3 This tests indenting paragraphs with different inline styles combinations.
   4 <p>
   5 <a href="https://bugs.webkit.org/show_bug.cgi?id=32233">Bug 32233</a>
   6 <a href="rdar://problem/7442387"> Radar 7442387</a>
   7 <br>
   8 <a href="https://bugs.webkit.org/show_bug.cgi?id=32843">Bug 32843</a>
   9 <a href="rdar://problem/7489326"> Radar 7489326</a>
  10 </p>
  11 <div id="e" contenteditable="true">
  12     one
  13     <div id="test1"><span class="Apple-style-span" style="background-color: rgb(255, 0, 0);">two</span> three</div>
  14     <div id="test2">four<span class="Apple-style-span" style="background-color: rgb(255, 0, 0);">five</span></div>
  15     <div><span class="Apple-style-span" style="background-color: rgb(255, 0, 0);">four</span></div>
  16     <ul><li><b>foo</b>bar</li></ul>
  17     <span class="Apple-style-span" style="background-color: rgb(255, 0, 0);"><font class="Apple-style-span" color="#3333FF">five</font></span> six <b><i>seven</i></b>
  18 </div>
  19 <ul id="console"></ul>
  20
  21 <script type="text/javascript">
  22
  23 if (window.testRunner) {
  24     testRunner.dumpAsText();
  25 }
  26 var elem = document.getElementById("e");
  27 var selection = window.getSelection();
  28 selection.collapse(elem, 0);
  29
  30 log("Before: " + elem.innerHTML);
  31 document.execCommand("SelectAll");
  32 document.execCommand("Indent");
  33 log("After: " + elem.innerHTML);
  34
  35 function log(str) {
  36     var li = document.createElement("li");
  37     li.appendChild(document.createTextNode(str));
  38     var console = document.getElementById("console");
  39     console.appendChild(li);
  40 }
  41 </script>
  42 </body>
  43 </html>