LayoutTests/editing/execCommand/outdent-nested-lists-2.html

   1 <html>
   2 <body>
   3 <div>
   4 This tests outdenting "one".  You see 1 before "one" but 1 and 2 before "two" and "three" respectively.
   5 <ol id="e" contenteditable="true">
   6 <ol><li id="test">one</li>
   7 <li>two</li>
   8 <li>three</li></ol>
   9 <li>four</li>
  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.layoutTestController) {
  21     layoutTestController.dumpEditingCallbacks();
  22     layoutTestController.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("Outdent", false, "");
  35
  36 document.getElementById('c2').appendChild(document.createTextNode(e.innerHTML));
  37
  38 </script>