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

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