third_party/WebKit/LayoutTests/editing/execCommand/indent-nested-lists-4.html

   1 <html>
   2 <body>
   3 <div>
   4 This tests indenting "three" and "four".  You should see 1 through 4 in order before numbers "two" through "five".
   5 <ol id="e" contenteditable="true">
   6 <li>one</li>
   7 <ol><li>two</li></ol>
   8 <li id="test1">three</li>
   9 <li id="test2">four</li>
  10 <ol><li>five</li></ol>
  11 </ol>
  12 </div>
  13
  14 <ul>
  15 <li>Before:<span id="c1"></span></li>
  16 <li>After:<span id="c2"></span></li>
  17 </ul>
  18
  19 <script type="text/javascript">
  20
  21 if (window.testRunner) {
  22     testRunner.dumpEditingCallbacks();
  23     testRunner.dumpAsText();
  24 }
  25
  26 var e = document.getElementById('e');
  27
  28 document.getElementById('c1').appendChild(document.createTextNode(e.innerHTML));
  29
  30 var s = window.getSelection();
  31 var r = document.createRange();
  32 r.setStart(document.getElementById('test1'),0);
  33 r.setEnd(document.getElementById('test2'),1);
  34 s.removeAllRanges();
  35 s.addRange(r);
  36 document.execCommand("Indent", false, "");
  37
  38 document.getElementById('c2').appendChild(document.createTextNode(e.innerHTML));
  39
  40 </script>