LayoutTests/editing/execCommand/indent-paragraphs.html

   1 <html>
   2 <head>
   3     <script src=../editing.js language="JavaScript" type="text/JavaScript" ></script>
   4 </head>
   5 <body>
   6 This tests indenting three paragraphs with different hierarchies.
   7 <div id="root" contenteditable="true">
   8 <div id="test">
   9     <div><span class="Apple-style-span" style="background-color: rgb(255, 0, 0);">Hello <img src="http://"> world</span></div>
  10     <div>Hello <img src="http://"> world</span></div>
  11     Hello <img src="http://"> world
  12 </div>
  13 </div>
  14 <br>
  15 <ul>
  16 <li>Before indent:<span id="c1"></span></li>
  17 <li>After indent:<span id="c2"></span></li>
  18 </ul>
  19
  20 <script type="text/javascript">
  21 if (window.layoutTestController)
  22     window.layoutTestController.dumpAsText();
  23
  24 function editingTest()
  25 {
  26     var e = document.getElementById('root');
  27
  28     document.execCommand("SelectAll");
  29     document.getElementById('c1').appendChild(document.createTextNode(e.innerHTML));
  30
  31     document.execCommand("Indent");
  32     document.getElementById('c2').appendChild(document.createTextNode(e.innerHTML));
  33 }
  34
  35 runEditingTest();
  36 </script>
  37 </body>
  38 </html>